Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
- <!---
- TOUJOURS DEUX
- white header version
- theme IV by
- CIRALISM
- created for SNOREJAM
- //do not steal/copy/touch the credit/use as base
- //please like/reblog the post if using!
- //just don't be a dick
- //my ask is open if you have trouble
- //edit as much as you'd like
- //enjoy the theme!
- ---->
- <!---COLORS--->
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#888888"/>
- <meta name="color:hover" content="#ffffff"/>
- <meta name="color:accent" content="#ffffff"/>
- <!---LINKS--->
- <meta name="text:link1" content="i"/>
- <meta name="text:link1url" content="link 1 url"/>
- <meta name="text:link2" content="ii"/>
- <meta name="text:link2url" content="link 2 url"/>
- <meta name="text:link3" content="iii"/>
- <meta name="text:link3url" content="link 3 url"/>
- <meta name="text:link4" content="iv"/>
- <meta name="text:link4url" content="link 4 url"/>
- <meta name="text:link5" content="v"/>
- <meta name="text:link5url" content="link 5 url"/>
- <meta name="text:link6" content="vi"/>
- <meta name="text:link6url" content="link 6 url"/>
- <meta name="text:link7" content="vii"/>
- <meta name="text:link7url" content="link 7 url"/>
- <!---SIDEBAR IMAGE--->
- <meta name="image:sidebar" content="" />
- <meta name="text:sidebar image URL" content="url here"/>
- <meta name="if:text url" content="1"/>
- <meta name="if:hover tags" content="1"/>
- <meta name="if:upload" content="0"/>
- <meta name="if:only render captions on permalink page" content="0"/>
- <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
- <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $(window).scroll(function () {
- var scrollTop = $('body').scrollTop();
- $('#head').css("padding","20px 20px 30px 20px");
- $('.button').css('opacity','0');
- // do some math here, by placing some condition or formula
- if(scrollTop > 10) {
- $('#head').css("padding","5px 5px 22px 5px");
- $('.button').css('opacity', '1');
- }
- });
- });
- </script>
- <script type="text/javascript">
- $(function() {
- $.fn.scrollToTop = function() {
- if ($(window).scrollTop() != "0") {
- }
- var scrollDiv = $(this); $(window).scroll(function() {
- if ($(window).scrollTop() == "0") {
- }
- else { $(scrollDiv).fadeIn("slow") } });
- $(this).click(function() { $("html, body") .animate({ scrollTop: 0 }, "slow")}) } });
- $(function() { $(".button").scrollToTop(); });
- </script>
- <style type="text/css">
- /*BASICS*/
- #tumblr_controls, .tmblr-iframe {
- -webkit-transform:scale(.8);transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);
- -webkit-filter:invert(100%);
- opacity:.4!important;
- margin-top:10px!important;
- }
- body {
- background-color:#fff;
- font-family:Lato;
- font-size:11px;
- color:{color:text};
- }
- a {
- color:{color:link};
- border-bottom:1px solid {color:accent};
- text-decoration:none;
- }
- a:hover {
- color:{color:accent};
- text-decoration:none;
- }
- h1 {
- font-family:Lato;
- text-align:left;
- font-size:12px;
- color:#000;
- letter-spacing:2px;
- font-weight:700;
- text-transform:uppercase;
- background-color:#fff;
- }
- blockquote {
- padding-left:10px;
- word-wrap:break-word;
- border-left:1px solid #efefef;
- margin:0;
- letter-spacing:1px;
- font-weight:300;
- font-size:10px;
- -webkit-transition-duration:500ms;
- -o-transition-duration:500ms;
- -moz-transition-duration:500ms;
- -ms-transition-duration:500ms;
- }
- ol, ul {
- text-align:left;
- font-weight:300;
- }
- /*HEADER*/
- #head {
- background-color:rgba(255,255,255,.9);
- padding:20px 20px 30px 20px;
- border-bottom:1px solid #fafafa;
- position:fixed;
- top:0;
- left:0;
- width:100%;
- z-index:999;
- -webkit-transition-duration:450ms;
- -o-transition-duration:450ms;
- -moz-transition-duration:450ms;
- -ms-transition-duration:450ms;
- }
- #title {
- font-family:Lato;
- margin-top:10px;
- text-align:left;
- padding-left:20px;
- font-size:15px;
- color:#000;
- letter-spacing:2px;
- font-weight:700;
- text-transform:uppercase;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #title a {
- border:none;
- color:#000;
- font-weight:900;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #toplinks {
- margin-left:17px;
- }
- #toplinks a {
- color:#555;
- display:inline-block;
- padding:0px 3px;
- font-size:7px;
- font-weight:bold;
- border:none;
- text-transform:uppercase;
- letter-spacing:1px;
- -webkit-transition-duration:450ms;
- -o-transition-duration:450ms;
- -moz-transition-duration:450ms;
- -ms-transition-duration:450ms;
- }
- #toplinks a:hover {
- color:#000;
- }
- /*SIDEBAR*/
- #sidebar {
- width:460px;
- margin-top:130px;
- }
- #sidebarimage {
- width:70px;
- position:absolute;
- height:69px;
- background-color:#fff;
- margin-top:-103px;
- margin-left:180px;
- padding:16px;
- border:1px solid #e1e1e1;
- z-index:-9;
- }
- #sidebarimage img {
- width:100%;
- height:100%;
- }
- #desc {
- width:440px;
- height:82px;
- color:#000;
- text-align:center;
- font-family:Lato;
- font-size:10px;
- font-weight:300;
- padding:10px;
- line-height:140%;
- }
- #desc b {
- font-size:9px;
- }
- #links {
- width:100px;
- word-spacing:2px;
- display:inline-block;
- font-family:Lato;
- text-align:center;
- font-size:7px;
- margin-top:1px;
- color:black;
- margin-left:180px;
- letter-spacing:1px;
- text-transform:uppercase;
- opacity:0;
- -webkit-transition-duration:450ms;
- -o-transition-duration:450ms;
- -moz-transition-duration:450ms;
- -ms-transition-duration:450ms;
- }
- #sidebar:hover #links {
- opacity:1;
- }
- #links a {
- color:#555;
- width:82px;
- background-color:white;
- padding:6px 10px;
- border:1px solid #e5e5e5;
- margin-top:5px;
- display:block;
- -webkit-transition-duration:450ms;
- -o-transition-duration:450ms;
- -moz-transition-duration:450ms;
- -ms-transition-duration:450ms;
- }
- #links a:hover {
- color:#000;
- border-color:#000;
- }
- /*--POSTS--*/
- #postcontainer {
- padding-top:10px;
- left:50%;
- margin-left:-225px;
- position:absolute;
- width:550px;
- }
- #post {
- text-align:left;
- width:400px;
- padding:30px;
- padding-bottom:40px;
- background-color:#fff;
- border:1px solid #e5e5e5;
- margin-top:100px;
- }
- .tp {
- line-height:170%;
- font-size:10px;
- }
- /*--Question Posts--*/
- .question {
- width:400px;
- height:80px;
- text-align:right;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- color:black;
- }
- .answer {
- color:black;
- padding:5px 10px;
- letter-spacing:1px;
- text-align:left;
- font-size:10px;
- font-weight:300;
- text-transform:none;
- }
- .asker {
- font-size:7px;
- text-transform:uppercase;
- font-weight:normal;
- font-weight:900;
- display:block;
- text-align:right;
- padding:5px;
- letter-spacing:1px;
- border-bottom:1px solid #eee;
- }
- .asker a:hover {
- color:{color:accent};
- }
- /*--Chat Posts--*/
- .line {
- padding:5px 0px;
- display:block;
- border-bottom:1px solid #efefef;
- }
- /*--Quote Posts--*/
- .quote {
- padding:10px;
- border:1px solid #efefef;
- display:inline-block;
- -webkit-transition-duration:500ms;
- -moz-transition-duration:500ms;
- -o-transition-duration:500ms;
- -ms-transition-duration:500ms;
- }
- .quote:hover {
- border-color:black;
- }
- .text {
- text-align:center;
- border-bottom:1px solid {color:accent};
- padding-bottom:5px;
- letter-spacing:1px;
- font-size:11px;
- }
- .source {
- text-align:center;
- padding-top:10px;
- padding-bottom:0px;
- font-size:9px;
- font-weight:bold;
- letter-spacing:2px;
- text-transform:uppercase;
- }
- /*--Audio Posts--*/
- .aud {
- min-height:100px;
- }
- .player {
- width:100px;
- -webkit-border-radius:50%;
- background-color:rgba(0,0,0,.9);
- height:100px;
- border:1px solid black;
- overflow:hidden;
- }
- .whitebit {
- margin-top:30px;
- margin-left:30px;
- width:40px;
- height:40px;
- background-color:white;
- -webkit-border-radius:50%;
- -webkit-transition-duration:500ms;
- -moz-transition-duration:500ms;
- -o-transition-duration:500ms;
- -ms-transition-duration:500ms;
- }
- .audioplayer {
- width:28px;
- height:30px;
- overflow:hidden;
- margin-left:7px;
- position:absolute;
- margin-top:6px;
- }
- .audioinfos {
- margin-top:-100px;
- line-height:200%;
- margin-left:150px;
- }
- .infotitle {
- text-align:center;
- padding:2px;
- font-size:7px;
- font-weight:900;
- letter-spacing:2px;
- text-transform:uppercase;
- }
- .audioinfo {
- font-weight:300;
- text-align:center;
- padding:2px;
- letter-spacing:1px;
- font-size:10px;
- }
- /*--Post Information--*/
- #info {
- margin-top:7px;
- font-size:9px;
- color:#000;
- padding:7px 20px;
- margin-left:-20px;
- position:absolute;
- text-align:right;
- font-weight:200;
- width:400px;
- -webkit-transition-duration:.7s;
- -moz-transition-duration:.7s;
- -o-transition-duration:.7s;
- -ms-transition-duration:.7s;
- }
- .ww {
- background-color:white;
- max-width:150px;
- float:right;
- padding-left:10px;
- }
- .linen {
- position:absolute;
- width:300px;
- height:1px;
- background-color:#eee;
- margin-top:20px;
- margin-left:0px;
- }
- #info a {
- color:#000;
- font-size:7px;
- font-weight:400;
- text-transform:uppercase;
- letter-spacing:1px;
- display:inline-block;
- border:none;
- }
- #info a:hover {
- color:{color:accent};
- }
- .date {
- font-weight:bold;
- letter-spacing:-2px;
- }
- .notes {
- letter-spacing:-2px;
- font-weight:lighter;
- }
- ::selection {
- color:{color:accent};
- }
- ::webkit-scrollbar {
- width:5px;
- background-color:{color:accent};
- }
- #credit {
- bottom:3px;
- position:fixed;
- right:10px;
- float:right;
- font-family:Lato;
- color:black;
- font-size:7px;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:5px;
- }
- #credit a {
- color:black;
- border:none;
- font-weight:bold;
- padding:5px;
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- -ms-transition-duration:.8s;
- }
- #credit a:hover {
- border-color: black;
- }
- #pagi {
- margin-top:50px;
- margin-left:-6px;
- height:50px;
- width:460px;
- text-align:center;
- font-family:Lato;
- }
- .jump_page {
- padding: 4px 10px;
- background-color: transparent;
- border:none;
- color:#aaa;
- margin-left:6px;
- font-size:8px;
- text-decoration:none;
- }
- .current_page, .jump_page:hover {
- padding: 4px 10px;
- color: black;
- background-color:transparent;
- font-size:8px;
- text-decoration:none;
- border:none;
- margin-left:6px;
- -webkit-transition-duration:.4s;
- -moz-transition-duration:.4s;
- -o-transition-duration:.4s;
- -ms-transition-duration:.4s;
- }
- .current_page {
- font-weight:900;
- }
- .tags {
- text-align:left;
- position:absolute;
- margin-top:45px;
- width:440px;
- margin-left:-20px;
- text-transform:uppercase;
- display:inline-block;
- opacity:0;
- -webkit-transition-duration:.7s;
- -moz-transition-duration:.7s;
- -o-transition-duration:.7s;
- -ms-transition-duration:.7s;
- }
- .tag {
- letter-spacing:1px;
- border:none;
- font-family:Lato;
- font-size:7px;
- -webkit-transition-duration:.7s;
- -moz-transition-duration:.7s;
- -o-transition-duration:.7s;
- -ms-transition-duration:.7s;
- }
- #post:hover .tags {
- opacity:1;
- }
- .caption {
- background-color:#fff;
- color:#666;
- font-size:9px;
- padding:15px;
- letter-spacing:1px;
- display:block;
- margin-top:10px;
- width:366px;
- line-height:150%;
- }
- .caption a {
- border:none;color:#666;
- font-weight:300;
- }
- .caption blockquote {
- font-size:9px;
- }
- .pinf {
- width:400px;
- color:#000;
- text-align:left;
- background-color:white;
- padding:15px 30px;
- line-height:200%;
- margin-top:10px;
- border-bottom:1px solid #ddd;
- overflow:hidden;
- letter-spacing:1px;
- position:absolute;
- margin-top:50px;
- margin-left:-30px;
- text-transform:uppercase;
- display:block;
- font-size:7px;
- }
- .reblogger {
- border:none;
- }
- .pdate {
- display:block;
- }
- .ptag {
- border:none!important;
- }
- #notesbin {
- width:400px;
- text-align:center;
- background-color:white;
- padding:0px 30px;
- margin-top:-10px;
- border-top:30px solid #fff;
- border-bottom:30px solid #fff;
- box-shadow:0px 1px #ddd;
- height:115px;
- overflow-y:scroll;
- overflow-x:hidden;
- }
- #postnotes {
- display:block;
- color:black;
- margin-left:-45px;
- font-size:7px;
- }
- #postnotes ol {
- line-height:150%;
- color:black;
- list-style-type: none;
- }
- #postnotes li {
- letter-spacing:2px;
- display:block;
- margin-top:5px;
- text-transform:uppercase;
- background-color:#fff;
- color:black;
- -webkit-transition-duration:.4s;
- -moz-transition-duration:.4s;
- -o-transition-duration:.4s;
- -ms-transition-duration:.4s;
- }
- #postnotes li a {
- color:black;
- font-weight:bold;
- border:none;
- font-size:7px;
- }
- #postnotes li a:hover {
- color:#ccc;
- }
- #postnotes img {
- width:0px;
- height:0px;
- }
- .button {
- cursor:pointer;
- padding:5px 6px 5px 8px;
- font-size:7px;
- color:#000;
- opacity:0;
- font-weight:300;
- text-transform:uppercase;
- letter-spacing:0px;
- position:fixed;
- border:none;
- right:15px;
- bottom:20px;
- -webkit-transition-duration:400ms;
- -moz-transition-duration:400ms;
- -o-transition-duration:400ms;
- -ms-transition-duration:400ms;
- }
- .button:hover {
- border-color:#000;
- color:#000;
- }
- </style>
- </head>
- <body>
- <div id="head">
- <div id="title"><a href="/">{Title}</a></div>
- <div id="toplinks">
- <a href="{text:link5url}">{text:link5}</a>
- <a href="{text:link6url}">{text:link6}</a>
- <a href="{text:link7url}">{text:link7}</a>
- </div>
- </div>
- <div id="postcontainer">
- <div id="sidebar">
- <div id="links">
- <a href="{text:link1url}">{text:link1}</a>
- <a href="{text:link2url}">{text:link2}</a>
- <a href="{text:link3url}">{text:link3}</a>
- <a href="{text:link4url}">{text:link4}</a>
- </div>
- <div id="sidebarimage">
- {block:IfTextUrl}
- <img src="{text:sidebar image URL}">{/block:IfTextUrl}
- {block:IfUpload}<img src="{image:sidebar}">{/block:IfUpload}
- </div>
- <div id="desc">{Description}</div>
- </div>
- {block:Posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {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="post">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="tp">{Body}</div>{/block:Text}
- {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}" width="400px"></center>
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {block:IfNotOnlyRenderCaptionsOnPermalinkPage}{block:IndexPage}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">{Photoset-400}</div>{block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Photoset}
- {block:Video}{Video-400}{block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Video}
- {block:Audio}<div class="aud">
- <div class="player">{Block:AudioPlayer}<div class="whitebit"><div class="audioplayer">{AudioPlayer}</div>{/Block:AudioPlayer}</div></div>
- <div class="audioinfos">
- {Block:TrackName} <span class="infotitle">Track: </span><span class="audioinfo">{TrackName}</span>{/block:TrackName}<br>
- {Block:Artist}<span class="infotitle">Artist: </span><span class="audioinfo">{Artist}</span>{/Block:Artist}<br>
- {Block:Album}<span class="infotitle">Album</span><span class="audioinfo">{Album}</span>{/Block:Album}<br>
- {Block:PlayCount}<span class="infotitle">Play Count</span><span class="audioinfo">{FormattedPlayCount}</span>{/Block:PlayCount}
- </div>
- </div>
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
- {/block:Audio}
- {block:Quote}<div class="quote"><div class="text">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Answer}<div class="question">
- <div class="ask_block">{Question}<span class="asker">{Asker}</span></div>
- <div class="answer">{Answer}</div>
- </div>{/block:Answer}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}<div class="line">{block:Label}{Label}{/block:Label}{Line}</div>{/block:Lines}
- {/block:Chat}
- {block:IndexPage}<div class="linen"></div><div id="info"><div class="ww"><a href="{Permalink}" class="date">{Month} {DayOfMonth}</a> / <a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a> / <a href="{ReblogURL}">reblog</a></div>
- </div>
- {block:ifHoverTags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHoverTags}{/block:IndexPage}
- {block:PermalinkPage}
- <div class="pinf">
- {block:Date}<div class="pdate">Posted on {DayOfWeek} {ShortMonth} {DayOfMonthWithZero} at {12Hour}:{Minutes}{ampm}</div>{/block:Date}
- <a class="reblogger" href="{ReblogURL}">Reblog</a>
- {block:HasTags}<div class="ptags">Filed As: {block:Tags}<a href="{TagURL}" class="ptag">.{Tag}, </a> {/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- <div id="pagi">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="jump_page">»</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- {block:PostNotes}<div id="notesbin"><div id="postnotes">{PostNotes-16}</div></div>{/block:PostNotes}
- </div>
- <a class="button">scroll to top</a>
- <div id="credit"><a href="http://ciralism.tumblr.com/">ciralism</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement