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>
- <meta name="color:Link" content="#000"/>
- <meta name="color:Hover" content="#cc92ff"/>
- <meta name="color:Background" content="#fcfcfc" />
- <meta name="color:Desc" content="#000000">
- <meta name="color:Text" content="#000">
- <meta name="color:PostText" content="#000">
- <meta name="color:permaline" content="#000">
- <meta name="color:Underline" content="#353542" />
- <meta name="color:Bold" content="#000" />
- <meta name="color:Italic" content="#64646d" />
- <meta name="image:sidebar" content="http://static.tumblr.com/cbjpgjf/NMkmvpi8c/yooooooooooo.png"/>
- <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/jdqmvpi92/yootrdhf.jpg" />
- <meta name="text:Link One" content="" />
- <meta name="text:Link One Title" content="" />
- <meta name="text:Link Two" content="" />
- <meta name="text:Link Two Title" content="" />
- <meta name="text:Link Three" content="" />
- <meta name="text:Link Three Title" content="" />
- <meta name="if:Caption" content="0"/>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description goes here along with any other codes you want (ex. music codes, hits counter)"
- content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <style type="text/css">
- #tumblr_controls {
- position: fixed !important;
- }
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- ::-webkit-scrollbar {width: 5px;height:5px;background:#FFF;}
- ::-webkit-scrollbar-thumb {background:{color:Hover};}
- /* GENERAL */
- @font-face {
- font-family: "b";
- src: url('http://static.tumblr.com/cbjpgjf/wPKmv5fe4/slkscr.ttf');
- }
- body{
- margin:0px;
- font-family:b;
- font-size: 8px;
- 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:Link};}
- 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}; letter-spacing: 3px; }
- /* POSTS */
- #center{margin:auto;position:relative;width:400px;}
- #content{width:400px;margin:20px -105px;}
- #entry{margin:50px;width:400px;padding: 7px;
- 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{max-width:100%;
- 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;}
- /* SIDEBAR */
- #sidebar {
- position:fixed;
- width:200px;
- text-align:center;
- margin:-100px -300px;}
- #dropdown {
- position:relative;
- width:130px; /* Edit slider width */
- text-align:center; /* Edit text align: left, right or center */}
- #dropdown #dropdown_click {
- cursor:pointer;}
- #dropdown #dropdown_content {
- margin-top: 5px;
- display:none;}
- #dropdown #dropdown_content a {
- display:block;
- line-height:30%;}
- #bloc
- {position:fixed;
- top:200px;
- left:80px;}
- .transition
- {-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- #picture
- {width:250px;}
- #picture:hover
- {width:340px;}
- #left
- {
- margin-top: 0px;
- margin-left: 0px;
- overflow:hidden;
- position:fixed;
- width:125px;
- }
- #bloc:hover #left{
- margin-left: -75px ;
- }
- #right
- {overflow:hidden;
- width:125px;
- margin-left: 125px;
- margin-top: 0px;
- position: fixed;
- }
- #bloc:hover #right {
- margin-left: 200px;
- }
- .links a {
- font-family: b;
- font-size: 9px;
- text-decoration:none;
- padding: -1px;
- text-align: center;
- color: {color: Link};
- }
- .links a:hover {
- text-decoration:none;
- color: {color: Hover};
- }
- .links a:visited {
- color:#000;
- }
- .links {display:block;text-align:center}
- .descwrapper {
- overflow: hidden;
- width: 125px;
- margin-top: 10px;
- margin-left: 60px;
- height: 0px;
- -webkit-transition: opacity .7s linear;-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;
- }
- #bloc:hover .descwrapper {
- height: 230px;
- }
- .desc {text-align:center;
- padding:3px 10px;
- font-size: 8px;
- text-transform: lowercase;
- color: {color:desc};}
- /* TITLES */
- .title a{color:{color:Title};}
- .title {font-family: courier new;
- font-size:18px;
- font-style:none;
- text-transform: lowercase;
- margin:0px 5px 0px 0px;
- color:{color:PostText};}
- .blogtitle {
- font-size:20px;
- line-height:20px;
- margin-top: 0px;
- font-family:courier new;
- text-transform: lowercase;
- color: #000;}
- .quote {
- padding:10px;
- font-size:8px;
- text-transform:none;
- color: {color:Text};}
- .source {
- font-size: 8px;
- text-align:right;
- font-style:none;
- font-weight:none;
- text-transform:none;}
- .answer {margin:10px;}
- /* PERMALINKS */
- #entry:hover .perma {
- opacity:1;
- z-index:99;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;}
- {block:PermalinkPage}
- width:400px;
- margin-left:50px;
- {/block:PermalinkPage}
- .perma a {
- color:{color:Link};
- font-size:8px;
- font-family: b;
- text-transform:normal;}
- .perma a:hover {
- color:{color:Hover};
- }
- .perma {
- margin-left:0px;
- margin-top: 10px;
- text-transform: normal;
- position:absolute;
- width: 400px;
- height: 14px;
- opacity:0;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s;
- }
- .permatext {
- letter-spacing: .5px;
- opacity: 1;
- position: absolute;
- margin-top: -3px;
- margin-left: 210px;
- height: 14px;
- width: 98px;
- border-left: 1px solid {color:permaline};
- border-right: 1px solid {color:permaline};
- text-align: center;
- text-transform: uppercase;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s;
- }
- .perma:hover .permatext {
- margin-left: 205px;
- }
- .perma:hover .permaline1 {
- width: 205px;
- }
- .permaline1 {
- margin-left:0px;
- margin-top: 4px;
- position:absolute;
- text-align:center;
- width: 210px;
- height: 1px;
- opacity:1;
- background-color: {color:permaline};
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s;
- }
- .permaline2 {
- margin-left:310px;
- margin-top: 4px;
- position:absolute;
- text-align:center;
- width: 90px;
- height: 1px;
- opacity:1;
- background-color: {color:permaline};
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s;
- }
- .perma:hover .permaline2 {
- margin-left: 305px;
- }
- #entry:hover .tagsc {
- opacity:1;
- }
- #permalink{
- {block:PermalinkPage}
- text-align:center;
- margin-top:10px;
- padding:0px;
- font-size:8px;
- text-transform:lowercase;
- color: #000;
- {/block:PermalinkPage}
- }
- .c img{width:100%;}
- .c{position:fixed;right:5px;bottom:5px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
- .cboth:hover .c {
- opacity: 0;
- }
- .cr img{width:100%;}
- .cr{position:fixed;right:5px;bottom:5px; opacity: 0;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
- .cboth:hover .cr {
- opacity: 1;
- }
- /* 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:Italic};}
- b{color:{color:Bold}; letter-spacing: 1px;}
- b, strong{color:{color:Title}; letter-spacing: 2px;}
- ul,ol{margin:0px;margin-left:-10px;}
- p{padding:0px;margin:10px;}
- u{text-decoration:none;color: {color:Underline}; letter-spacing: 1px;
- border-bottom:1px solid {color:Underline};}
- blockquote {margin:2px; margin-left:10px;
- padding:2px;border-left:2px solid #CCC;}
- /* MISC */
- .l .odd{display:block;padding:5px 5px;}
- .l .even{display:block;background:#F7F7F7;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:8px;
- 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="bloc">
- <div id="picture" class="transition">
- <div id="left" class="transition">
- <img width="250px" height="250px" src={image:sidebar}>
- </div>
- </div>
- <div id="right" class="transition">
- <img width="250px" height="250px" style="margin-left:-125px;" src={image:sidebar}>
- </div>
- <div class="descwrapper">
- <div class="blogtitle"><a href="/">{Title}</div></a><div class="desc">{Description}</div>
- <div id="dropdown">
- <div id="dropdown_click">+</div>
- <div id="dropdown_content">
- <a href="/" class="class1">refresh</a>
- <br>
- <a href="/ask" class="class1">message</a>
- <br>
- <a href="{text:Link One}" class="class1">{text:Link One Title}</a>
- <br>
- <a href="{text:Link Two}" class="class1">{text:Link Two Title}</a>
- <br>
- <a href="{text:Link Three}" class="class1">{text:Link Three Title}</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div id="entry">
- {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: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:IndexPage}
- <div class="perma">
- <div class="permaline1"></div>
- <div class="permaline2"></div>
- <div class="permatext"><a href="{Permalink}"> {NoteCount}</a> •
- <a href="{ReblogURL}" target="_blank" >reblog</a></div>
- </span></div>
- {/block:IndexPage}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
- <script>
- $("#dropdown_click").click(function () {
- $("#dropdown_content").slideToggle("slow");
- });
- </script>
- <div class="cboth">
- <div class="c">
- <img src="http://static.tumblr.com/cbjpgjf/7Bcmvartf/logo2.01.png">
- </div>
- <div class="cr">
- <a href="http://nff-themes.tumblr.com">
- <img src="http://static.tumblr.com/cbjpgjf/H2jmvat5o/logo2.02.png"></a>
- </div>
- </div>
- <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" border="0" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;" /></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement