Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--THEME BY NO-FACES-FACE
- steal and I'll find you and punch you in the throat (◡‿◡✿)
- -->
- <head>
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="{image:upbutton}" title="Go to Top" alt="Go to Top"/></a>
- <meta name="color:Link" content="#000"/>
- <meta name="color:Hover" content="#ff001c"/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:description" content="#000" />
- <meta name="color:Title" content="#000" />
- <meta name="color:titlehover" content="#ff001c" />
- <meta name="color:Button" content="#fff">
- <meta name="color:Button hover" content="#000">
- <meta name="color:desc BG" content="#fff">
- <meta name="color:navi" content="#000">
- <meta name="color:text" content="#fff">
- <meta name="text:sidebar img position top" content="70"/>
- <meta name="text:sidebar img position left" content="224"/>
- <meta name="text:subtitle" content="insert subititle or additional info here!">
- <meta name="text:titlesize" content="40">
- <meta name="image:sidebar" content="http://25.media.tumblr.com/c4f0424c4a6d761ffdff4576c25d7a6f/tumblr_mojshvu86I1qaewg8o1_500.gif"/>
- <meta name="image:upbutton" content="http://media.tumblr.com/tumblr_m5tuokYjUY1qjuluo.png"/>
- <meta name="image:Background" content="http://images2.layoutsparks.com/1/215304/triple-back-depression-hearts.png" />
- <meta name="text:Custom Link One" content="" />
- <meta name="text:Custom Link One Title" content="" />
- <meta name="text:Custom Link Two" content="" />
- <meta name="text:Custom Link Two Title" content="" />
- <meta name="text:Custom Link Three" content="" />
- <meta name="text:Custom Link Three Title" content="" />
- <meta name="text:Custom Link Four" content="" />
- <meta name="text:Custom Link Four Title" content="" />
- <meta name="if:caption" content="0"/>
- <meta name="if:photoeffect" content="1"/>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description"
- content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <style type="text/css">
- ::-webkit-scrollbar {width: 5px;height:5px;background:#ffffff;}
- ::-webkit-scrollbar-thumb {background:{color:Hover};}
- /* GENERAL */
- @font-face {
- font-family: "q7";
- src: url('http://static.tumblr.com/cbjpgjf/O6Emn82px/pieces_nfi.otf');
- }
- body{
- margin:0px;
- font-family: courier new;
- font-size: 12px;
- line-height: 12px;
- color: {color:text};
- }
- body {
- background-color: {color:Background};
- background-image: url({image:Background});
- margin: 0;
- word-wrap: break-word;
- background-attachment: fixed;
- }
- a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
- -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
- a:hover{color:{color:Hover};}
- a.class1 {color: {color:navi};}
- a.class1:link
- a.class1:active
- a.class1:visited{text-decoration: none;color: {color:Link};
- -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
- a.class1:hover{color: {color:Hover};}
- /* POSTS */
- #center{margin:auto;position:relative;width:400px;}
- #content{width:500px;margin:0px 28px;
- }
- #entry{margin:50px;width:400px;padding: 8px; border-top-left-radius: 5px ;
- border-top-right-radius:5px ;
- border-bottom-right-radius: 5px ;
- border-bottom-left-radius: 5px ;
- opacity: 0.7px;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #entry img {
- {block:ifphotoeffect}
- -webkit-filter: grayscale(100%);
- -webkit-transition: 0.3s ease-in;
- {/block:ifphotoeffect} }
- #entry img:hover {
- opacity: 1;
- -webkit-filter: grayscale(0%);
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .photoset, .photoset img {
- {block:ifphotoeffect}
- -webkit-filter: grayscale(100%);
- -webkit-transition: 0.3s ease-in;
- {/block:ifphotoeffect}
- }
- .photoset:hover, .photoset img:hover {
- {block:indexpage}
- -webkit-transition: 0.3s ease-in;
- -webkit-filter: grayscale(0%);
- {/block:indexpage}}
- #entry img{max-width:100%;}
- /* SIDEBAR */
- #sidebar {
- float: right;
- position:fixed;
- }
- #candywrapper {
- /*this is where you control what the whole updates tab looks like*/
- /*how far apart the letters are spaced*/
- letter-spacing:1px;
- /*how the text is aligned; it could be center, left, right, or justify*/
- text-align: center;
- /*font size*/
- font-size: 11px;
- /*dont touch*/
- position:fixed;
- /*how far from the left the updates tab is*/
- left:70px;
- /*how far from the top the updates tab is*/
- bottom:-139px;
- /*dont touch the three lines below ok*/
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:99;
- }
- #candywrapper:hover {
- /*this is where you control what the whole tab looks like when you hover*/
- /*how far from the top the updates tab will be when you hover*/
- bottom:-20px;
- /*dont touch the three lines below ok*/
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;}
- #in {
- color:#000; /*this is the color of the text within the tab; pick one from colorpicker.com*/
- /*this is the font of the text*/
- font-family:courier new;
- /*title tab border style. it can be dotted or dashed; just remember to change it on all four lines!*/
- border-style:solid;
- /*border width*/
- border-width:4px;
- /*border color*/
- border-color:#000;
- /*dont touch*/
- padding: 10px 10px 10px 10px;
- /*background color*/
- background:#fff;
- /*text alignment; could be right, left, center, justify*/
- text-align:center;
- /*font size of the updates box*/
- font-size:11px;
- /*width of the updates box*/
- width:356px;
- /*height of the updates box*/
- height:110px;
- /*dont touch*/
- z-index: 9999;
- }
- #butts {
- position:fixed; top: {text:sidebar img position top}px;
- left: {text:sidebar img position left}px;}
- #butts img {
- width:376px; height: 384px; border-top-right-radius:500px ; border-top-left-radius:10px; border:4px solid #fff;}
- .blogtitle {font-family: q7; background-color: #000; font-size:{text:titlesize}px; text-transform:none; letter-spacing:1px; line-height:50px; padding: 4px; text-align: center; color:{color:Title}; border-top: 4px solid #fff; border-left: 4px solid #fff; border-right: 4px solid #fff;
- border-top-right-radius: 5px;
- -moz-border-top-right-radius: 5px;
- -webkit-border-top-right-radius: 5px;
- border-top-left-radius: 5px;
- -moz-border-left-right-radius: 5px;
- -webkit-border-top-left-radius: 5px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- .blogtitle:hover {
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- color: {color:titlehover};}
- #booty {
- position:fixed; background-color:#fff;
- height:387px; width:379px;
- border-top-right-radius:500px ; border-top-left-radius:10px;
- top:225px; left:73px;
- opacity:0;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- color:#fff;}
- #booty:hover {opacity:0.9; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
- }
- #description { text-align:center; letter-spacing:1px; line-height:12px; color:#000;}
- #navigation{
- font-family: courier new;
- font-size: 9px;
- line-height: 20px;
- padding:3px;
- position:fixed;
- margin-top:0px;
- width:80px;
- margin-left:390px;
- text-align: center;
- }
- div.button a{
- text-align: center;
- margin:0px;
- padding:0px 0px;
- background-color:{color:button};
- margin-top:2px;
- position:relative;
- width: 80px;
- display: block;
- }
- div.button a:hover{
- padding:0px 0;
- background-color: {color:button hover};
- }
- /* TITLES */
- .title a{color:{color:Title};}
- .title {font-family:q7;
- font-size:16px;
- line-height: 18px;
- font-style:none;
- margin:0px 0px 0px 0px;
- color: {color:text};}
- .quote {
- padding:10px;
- font-size:9px;
- text-transform:none;
- color: {color:text};}
- .source {
- font-size: 8px;
- text-align:right;
- font-style:none;
- font-weight:none;
- text-transform:none;
- color: {color:text};}
- .answer {margin:10px;}
- /* PERMALINKS */
- #entry:hover .perma {
- opacity:1;
- margin-left:410px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- }
- .perma a {
- color:{color:Link};
- font-size:10px;
- text-transform:normal;}
- .perma a:hover {
- color:{color:Hover};
- }
- .perma {
- margin-left:410px;
- text-transform: uppercase;
- position:absolute;
- font-family:courier new;
- line-height:11px;
- text-align:left;
- overflow:hidden;
- margin-top:0px;
- opacity:0;
- padding: 2px;
- width:80px;
- border-left: 2px solid {color:Link};
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s;
- }
- .tagsperma {
- text-transform:lowercase;
- }
- .tagsperma a {
- margin-top: -20px;
- {color:PermLink};
- font-size:9px;
- font-family:courier new;
- line-height:11px;
- transition-duration: 0.60s;
- -moz-transition-duration: 0.60s;
- -webkit-transition-duration: 0.60s;
- -o-transition-duration: 0.60s;
- }
- .tagsperma a:hover {
- color:{color:Hover};
- }
- #permalink{
- {block:PermalinkPage}
- text-align:center;
- margin-top:10px;
- padding:0px;
- font-size:10px;
- text-transform:lowercase;
- color: {color:Link};
- {/block:PermalinkPage}
- }
- #c img{width:65%;}
- #c{position:fixed;right:-20px;bottom:10px;}
- /* AUDIO */
- .artcover {position:absolute;}
- .artcover img {width:70px;height:70px;float:left;}
- .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
- .audioinfo {margin-left:75px;border-left:2px solid #CCC;padding:5px;}
- .i{display:block;padding:6px 3px;line-height:8px;}
- .player{position:absolute;background:#FFF;width:30px;height:30px;
- opacity:0.45;padding:20px;overflow:hidden;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
- .player:hover{opacity:0.75;}
- /* TEXT */
- i, em{color:{color:text};}
- b, strong{color:{color:text};}
- ul,ol{margin:0px;margin-left:-10px;}
- p{padding:0px;margin:10px;}
- u{text-decoration:none;color:{color:text};
- border-bottom:1px dotted {color:text};}
- blockquote {margin:2px; margin-left:10px;
- padding:2px;border-left:1px solid {color:text};}
- /* MISC */
- #c img{width:45%;}
- #c{position:fixed;right:-30px;bottom:10px;}
- #cr img{width:45%;}
- #cr{position:fixed;right:-30px;bottom:10px; opacity: 0;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
- #cr:hover { opacity: 1;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
- #in2 {
- color:#000; /*this is the color of the text within the tab; pick one from colorpicker.com*/
- /*this is the font of the text*/
- font-family:courier new;
- padding: 40px 10px 10px 10px;
- /*text alignment; could be right, left, center, justify*/
- text-align:center;
- /*font size of the updates box*/
- font-size:11px;
- /*width of the updates box*/
- width:130px;
- /*height of the updates box*/
- height:100px;
- /*dont touch*/
- z-index: 9999;
- }
- #titletab {
- /* the title tab where it says "updates"; if you want to change the text "updates" then command+f (control+f if on pc) and look for the word "updates"*/
- /*background color of the title tab*/
- background:#000;
- /*color of title tab text*/
- color:#fff;
- /*title tab text letter spacing*/
- letter-spacing:0px;
- /*dont touch*/
- border-top-style:none;
- /*title tab border style. it can be dotted or dashed; just remember to change it on all four lines!*/
- border-right-style:solid;
- border-bottom-style:solid;
- border-left-style:solid;
- /*font of the title tab*/
- font-family:courier new;
- /*font size of title tab*/
- font-size:11px;
- /*border color of title tab*/
- border-color:#fff;
- /*border width of title tab*/
- border-width:4px;
- /*how the text is aligned; could be right, left, justify, or center*/
- text-align: center;
- /*height of title tab*/
- height:8px;
- /*dont touch*/
- padding: 3px 0 7px 0;
- /*change the border radius on all of these lines if you want the tab to be rounded!*/
- border-bottom-right-radius: 5px;
- -moz-border-bottom-right-radius: 5px;
- -webkit-border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- -moz-border-left-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- /*dont touch the three lines below ok*/
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- }
- #scrollToTop:link,
- #scrollToTop:visited {
- display: none;
- position: fixed;
- bottom: 5px;
- right: 310px;
- }
- .l .odd{display:block;padding:5px 5px;}
- .l .even{display:block;padding:5px 5px;}
- #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
- margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
- border-radius:10px;border-top-left-radius:0px;background:#000;}
- ::selection {color: {color:Hover};}
- ::-moz-selection {color: {color:Hover};}
- ::-webkit-selection{color: {color:Hover};}
- img{ margin-bottom:-3px;}
- /* POSTNOTES */
- ol.notes a{letter-spacing:1px;}
- ol.notes {
- list-style:none;
- font-size:10px;
- margin-top:20px;
- text-transform:none;}
- ol.notes li.note img.avatar {
- vertical-align:-5px;
- margin-right:5px;
- width:20px;
- padding:4px;
- border:1px solid #EEE;}
- ol.notes li.note {margin:5px 0px 10px -20px;}
- ol.notes li.note span.action {font-style: normal;}
- ol.notes li.note .answer_content {font-weight: normal;}
- ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
- </style>
- </head>
- <body>
- <div id="center">
- <div id="sidebar">
- <div id="butts"><a href="/"><img src="{image:sidebar}"></a></div>
- <div id="booty"><div id="in2">
- {text:subtitle}
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div id="entry">
- {block:IndexPage}
- <div class="perma">
- <a href="{Permalink}"> {NoteCount}</a>
- <br><a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
- {block:HasTags}{/block:HasTags}
- <div class="tagsperma">{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a><br>{/block:Tags}{/block:HasTags} </div>
- </span></div>
- {/block:IndexPage}
- {block:Text}
- <div class="title">{Title}</div>{Body}
- {/block:Text}
- {block:Link}
- <a href="{URL}"><span class="title">{Name} »</span></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Photo}
- <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}<div class="source">{Source}</div></div>
- {/block:Quote}
- {block:Chat}
- <div class="title">{Title}</div>{block:Lines}
- <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
- {block:Label}<b>{Label} </b>{/block:Label}
- {Line}</div></div>{/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}
- <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
- <div class="audioinfo">
- <div class="i"><b>TITLE:</b>
- <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
- <div class="i"><b>ARTIST:</b>
- <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
- <div class="i"><b>PLAYS:</b>
- <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Video}
- {block:Answer}
- <div class="quote">{Question} → <b>{Asker}</b></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <div id="permalink">
- <div class="tags">
- {block:IfShowTags}
- {block:HasTags}
- {block:Tags}<span style="border-top:1px dashed {color:post border};"</span>
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- {/block:IfShowTags}
- </div></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="permalink">
- {block:Date}posted
- <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
- {block:NoteCount}with
- <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
- {block:RebloggedFrom}
- | via: <a href="{ReblogParentURL}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- <div class="tags">
- {block:HasTags}
- Tagged:
- {block:Tags}<a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div></div>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- <div id="candywrapper">
- <a href="/"><div class="blogtitle">{Title}</div></a><div id="navigation"><div class="button">
- <a href="/ask" class="class1">mssg</a>{block:IfCustomLinkOneTitle}<a href="{text:Custom Link One}" class="class1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="class1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="class1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
- {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="class1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
- </div></div>
- <div id="in">
- <div id="description">{Description}</div>
- </div>
- </div>
- <div id="c">
- <img src="http://static.tumblr.com/cbjpgjf/fMTmo7ks9/ugfhkld.gif"></a>
- </div>
- <div id="cr">
- <a title="credit" href="http://no-faces-face.tumblr.com">
- <img src="http://static.tumblr.com/cbjpgjf/CiJmo7k1u/asdsdtghjgbuergbraek.gif"></a>
- </div>
- <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
- <div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;" </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement