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}
- <!---
- 888 8888888 888b d888 8888888888 .d8888b.
- 888 888 8888b d8888 888 d88P Y88b
- 888 888 88888b.d88888 888 Y88b.
- 888 888 888Y88888P888 8888888 "Y888b.
- 888 888 888 Y888P 888 888 "Y88b.
- 888 888 888 Y8P 888 888 "888
- 888 888 888 " 888 888 Y88b d88P
- 88888888 8888888 888 888 8888888888 "Y8888P"
- ÉTOILES THEME BY LIMESTHEMES/OFCUTEBOYS/CAROLINE
- THEME #10 WHOOP
- Remember to follow the rules, don't steal, respect my work, be a good person, and enjoy the theme! If you have any questions, direct
- them to my theme blog please.
- --->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#888888"/>
- <meta name="color:hover" content="#ffffff"/>
- <meta name="color:accent" content="#ffffff"/>
- <meta name="color:linktopborder" content="#eeeeee"/>
- <meta name="color:sidebarimage border hover" content="#eee"/>
- <meta name="color:post image border" content="#eee"/>
- <meta name="image:sidebar" content="" />
- <meta name="text:link1" content="first"/>
- <meta name="text:link1url" content="link 1 url"/>
- <meta name="text:link2" content="second"/>
- <meta name="text:link2url" content="link 2 url"/>
- <meta name="text:link3" content="third"/>
- <meta name="text:link3url" content="link 3 url"/>
- <meta name="text:link4" content="fourth"/>
- <meta name="text:link4url" content="link 4 url"/>
- <meta name="text:link5" content="fifth"/>
- <meta name="text:link5url" content="link 5 url"/>
- <meta name="text:sidebar image URL" content="url here"/>
- <meta name="if:text url" content="1"/>
- <meta name="if:upload" content="0"/>
- <meta name="if:only render captions on permalink page" content="0"/>
- <meta name="if:400pxposts" content="1"/>
- <meta name="if:500pxposts" content="0"/>
- <meta name="if:fadedsidebar" content="1"/>
- <meta name="if:fadepostimages" content="1"/>
- <meta name="if:circle sb image" content="0"/>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
- <style type="text/css">
- #s-m-t-tooltip{
- max-width:300px;
- background-color:white;
- margin:15px;
- padding:2px 8px;
- color:#000;
- font-weight:300;
- z-index:999999;
- font-size:10px;
- font-family:helvetica;
- letter-spacing:2px;
- text-transform:lowercase;
- }
- body {
- background-color:{color:background};
- font-family:Helvetica;
- font-size:11px;
- color:{color:text};
- }
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition-duration:.3s;
- -moz-transition-duration:.3s;
- -o-transition-duration:.3s;
- }
- a:hover {
- color:{color:hover};
- }
- h1 {
- font-size:15px;
- text-transform:uppercase;
- width:100%;
- border-bottom:1px solid black;
- padding-bottom:3px;
- font-weight:300;
- letter-spacing:5px;
- color:{color:text};
- }
- h2 {
- background-color:{color:accent};
- color:white;
- padding:5px;
- font-size:14px;
- font-weight:500;
- letter-spacing:3px;
- }
- h3 {
- text-transform:uppercase;
- font-size:11px;
- letter-spacing:2px;
- font-weight:100;
- }
- h4 {
- font-size:13px;
- letter-spacing:2px;
- font-weight:200;
- text-decoration:underline;
- }
- blockquote {
- padding:10px;
- background-color:#F5F5F5;
- text-align:justify;
- }
- blockquote blockquote {
- padding-left:10px;
- border-left:2px solid {color:accent};
- }
- blockquote img {
- width:280px;
- }
- .pre {
- width:400px;
- }
- #links {
- width:170px;
- display:inline-block;
- font-family:helvetica;
- font-weight:normal;
- border-top:1px solid {color:linktopborder};
- text-align:center;
- font-size:8px;
- margin-top:7px;
- font-weight:100;
- color:black;
- margin-left:-5px;
- text-transform:uppercase;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- -ms-transition-duration:1s;
- }
- #links a {
- color:black;
- padding:3px;
- margin-left:10px;
- padding-top:7px;
- letter-spacing:1px;
- display:inline-block;
- -webkit-transition-duration:.7s;
- }
- #links a:hover {
- color:black;
- background-color:#fff;
- }
- #sidebar {
- width:200px;
- height:280px;
- margin-left:200px;
- background-color:white;
- margin-top:20px;
- position:fixed;
- }
- #sidebarimage {
- width:150px;
- padding:6px;
- border:1px solid #f5f5f5;
- margin-left:0px;
- margin-top:15px;
- -webkit-transition-duration:.7s;
- -moz-transition-duration:.7s;
- -o-transition-duration:.7s;
- -ms-transition-duration:.7s;
- {block:IfFadedSidebar}
- opacity:.8;
- -webkit-filter: grayscale(50%);
- -moz-filter: grayscale(50%);
- -o-filter: grayscale(50%);
- -ms-filter: grayscale(50%);{/block:IfFadedSidebar}
- {block:IfCircleSbImage}
- height:120px;
- margin-left:15px;
- width:120px;
- overflow:hidden;
- border-radius:80px;
- {/block:IfCircleSbImage}
- }
- #sidebarimage img {
- width:150px;
- {block:IfCircleSbImage}
- margin-top:-10px;
- margin-left:-10px;
- border-color:black;
- {/block:IfCircleSbImage}
- }
- #sidebar:hover #sidebarimage {
- background-color:white;
- border-color:{color:sidebarimage border hover};
- opacity:1;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- }
- #desc {
- width:160px;
- line-height:170%;
- margin-left:2px;
- margin-top:5px;
- background-color:white;
- letter-spacing:2px;
- color:black;
- text-align:justify;
- font-family:helvetica;
- font-size:9px;
- font-weight:normal;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- -ms-transition-duration:1s;
- }
- #desc a {
- color:{color:accent};
- }
- #postcontainer {
- margin-left:550px;
- margin-top:-50px;
- {block:If400pxPosts}
- width:450px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:550px;
- {/block:If500pxPosts}
- }
- #post {
- text-align:justify;
- font-weight:300;
- {block:If400pxPosts}
- width:400px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:500px;
- {/block:If500pxPosts}
- margin-top:100px;
- line-height:180%;
- color:{color:text};
- }
- #post b {
- font-weight:550;
- }
- #post strong {
- font-weight:550;
- }
- #post em {
- font-weight:550;
- }
- #post img {
- padding:6px;
- border:1px solid {color:post image border};
- {block:IfFadePostImages}
- opacity:.8;
- -webkit-filter: grayscale(50%);
- -moz-filter: grayscale(50%);
- -o-filter: grayscale(50%);
- -ms-filter: grayscale(50%);
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- -ms-transition-duration:.8s;
- {/block:IfFadePostImages}
- }
- #post:hover img {
- opacity:1;
- border-color:#ddd;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- }
- .photoset {
- opacity:.8;
- -webkit-filter: grayscale(50%);
- -moz-filter: grayscale(50%);
- -o-filter: grayscale(50%);
- -ms-filter: grayscale(50%);
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- -ms-transition-duration:.8s;
- }
- .photoset:hover {
- opacity:1;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- }
- .ask_block {
- {block:If400pxPosts}
- width:380px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:480px;
- {/block:If500pxPosts}
- background-color:#f5f5f5;
- padding:10px;
- text-align:center;
- }
- .answer {
- color:black;
- text-align:center;
- padding:10px;
- padding-top:5px;
- border:1px solid #f5f5f5;
- letter-spacing:1px;
- }
- .asker {
- font-size:9px;
- text-transform:uppercase;
- font-weight:normal;
- letter-spacing:2px;
- }
- .asker a:hover {
- color:{color:accent};
- }
- #info {
- margin-top:5px;
- font-size:9px;
- color:black;
- padding-top:7px;
- padding-bottom:7px;
- text-align:center;
- width:100%;
- opacity:0;
- margin-left:-20px;
- -webkit-transition-duration:.7s;
- -moz-transition-duration:.7s;
- -o-transition-duration:.7s;
- -ms-transition-duration:.7s;
- }
- #info a {
- color:black;
- font-size:9px;
- letter-spacing:2px;
- display:inline-block;
- margin-left:20px;
- }
- #info a:hover {
- color:{color:accent};
- }
- ::selection {
- background-color:{color:accent};
- }
- ::-webkit-scrollbar {
- width:5px;
- background-color:transparent;
- }
- ::-webkit-scrollbar-thumb {
- width:5px;
- border:2px solid white;
- background-color:{color:accent};
- }
- #pagi {
- margin-top:20px;
- margin-left:-10px;
- height:50px;
- width:100%;
- text-align:center;
- border-top:1px dotted #888;
- padding:4px;
- }
- .jump_page {
- padding: 6px 6px;
- border-top: 1px dotted #888;
- margin-top:10px;
- background-color: #fff;
- color:#bbb;
- font-family:Helvetica;
- font-size:9px;
- text-decoration:none;
- -webkit-transition-duration:.4s;
- -moz-transition-duration:.4s;
- -o-transition-duration:.4s;
- -ms-transition-duration:.4s;
- }
- .current_page, .jump_page:hover {
- padding: 6px 6px;
- border-top: 1px solid black;
- color: black;
- margin-top:8px;
- text-decoration:none;
- -webkit-transition-duration:.4s;
- -moz-transition-duration:.4s;
- -o-transition-duration:.4s;
- -ms-transition-duration:.4s;
- }
- .tags {
- text-align:center;
- width:100%;
- text-transform:uppercase;
- font-weight:lighter;
- opacity:0;
- -webkit-transition-duration:.7s;
- -moz-transition-duration:.7s;
- -o-transition-duration:.7s;
- -ms-transition-duration:.7s;
- }
- .tags a {
- display:inline-block;
- font-weight:normal;
- letter-spacing:2px;
- font-size:8px;
- font-family:Helvetica;
- }
- .tags a:hover {
- color:{color:accent};
- }
- #post:hover #info {
- opacity:1;
- }
- #post:hover .tags {
- opacity:1;
- }
- .captoin {
- background-color:#efefef;
- color:black;
- padding:15px;
- letter-spacing:1px;
- display:block;
- margin-top:10px;
- {block:If400pxPosts}
- width:366px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:466px;
- {/block:If500pxPosts}
- border:2px solid #f5f5f5;
- }
- #postnotes {
- display:block;
- margin-left:500px;
- color:black;
- {block:If400pxPosts}
- width:450px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:550px;
- {/block:If500pxPosts}
- }
- #postnotes ol {
- line-height:110%;
- color:black;
- list-style-type: none;
- }
- #postnotes li {
- padding:5px;
- letter-spacing:2px;
- display:block;
- margin-top:5px;
- background-color:#f7f7f7;
- color:black;
- -webkit-transition-duration:.4s;
- -moz-transition-duration:.4s;
- -o-transition-duration:.4s;
- -ms-transition-duration:.4s;
- }
- #postnotes li:hover {
- background-color:{color:accent};
- color:white;
- }
- #postnotes li:hover a {
- color:white;
- }
- #postnotes img {
- padding-right:5px;
- -webkit-filter:grayscale(100%);
- -moz-filter:grayscale(100%);
- -ms-filter:grayscale(100%);
- -o-filter:grayscale(100%);
- }
- .qmark_left {
- color:#444;
- font-weight:900;
- font-family:times;
- font-size:25px;
- letter-spacing:-2px;
- word-spacing:1px;
- padding-right:5px;
- padding-top:10px;
- position:absolute;
- margin-top:-15px;
- margin-left:-15px;
- }
- .qmark_right {
- color:#444;
- font-weight:900;
- font-family:times new roman;
- font-size:25px;
- word-spacing:1px;
- padding-right:3px;
- padding-top:10px;
- position:absolute;
- margin-top:-13px;
- }
- .qtation {
- font-size: 15px;
- text-transform: none;
- text-align: center;
- color: {color:accent};
- line-height: 100%;
- font-family: 'Playfair Display';
- opacity: 1;
- font-style: italic;
- }
- .sourcing {
- width:100%;
- text-align:center;
- letter-spacing:5px;
- text-transform:uppercase;
- color:#444;
- border-top:1px solid #eee;
- border-bottom:1px solid #eee;
- padding-bottom:10px;
- padding-top:10px;
- margin-top:20px;
- -webkit-transition-duration:.9s;
- -moz-transition-duration:.9s;
- -o-transition-duration:.9s;
- -ms-transition-duration:.9s;
- }
- .sourcing:hover {
- background-color:#eee;
- color:white;
- }
- .dinky {
- float:left;
- }
- #albumart img{
- width:80px;
- height:80px;
- padding:0px;
- border-width:0px;
- }
- .player {
- background-color:white;
- width:30px;
- overflow:hidden;
- height:28px;
- padding:5px;
- padding-left:8px;
- padding-right:1px;
- position:absolute;
- margin-top:-59px;
- margin-left:21px;
- }
- .donkey {
- float:left;
- margin-left:25px;
- }
- .track {
- {block:If400pxPosts}
- width:275px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:375px;
- {/block:If500pxPosts}
- padding:10px;
- font-size:18px;
- font-family:'Playfair Display',cursive;
- font-style:italic;
- padding-top:0px;
- color:{color:accent};
- border-bottom:1px solid #eee;
- padding-bottom:5px;
- }
- .artist {
- {block:If400pxPosts}
- width:287px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:387px;
- {/block:If500pxPosts}
- padding:4px;
- background-color:#f3f3f3;
- text-transform:uppercase;
- letter-spacing:3px;
- }
- .playcount {
- {block:If400pxPosts}
- width:287px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:387px;
- {/block:If500pxPosts}
- padding:4px;
- background-color:#f9f9f9;
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:3px;
- }
- #audiolo {
- {block:If400pxPosts}
- width:400px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:500px;
- {/block:If500pxPosts}
- padding-bottom:80px;
- }
- #audiolo img {
- opacity:.3;
- -webkit-filter:grayscale(100%);
- -moz-filter:grayscale(100%);
- -ms-filter:grayscale(100%);
- -o-filter:grayscale(100%);
- }
- #audiolo:hover img {
- opacity:1;
- -webkit-filter:grayscale(0%);
- -moz-filter:grayscale(0%);
- -ms-filter:grayscale(0%);
- -o-filter:grayscale(0%);
- }
- </style></head>
- <body>
- <div id="sidebar">
- <div id="sidebarimage">
- {block:IfTextUrl}
- <img src="http://i.imgur.com/cZyaLBm.gif">{/block:IfTextUrl}
- {block:IfUpload}<img src="http://i.imgur.com/cZyaLBm.gif">{/block:IfUpload}
- </div>
- <div id="desc">{Description}</div>
- <div id="links">
- <a href="{text:link1url}" title="{text:link1}">01.</a>
- <a href="{text:link2url}" title="{text:link2}">02.</a>
- <a href="{text:link3url}" title="{text:link3}">03.</a>
- <a href="{text:link4url}" title="{text:link4}">04.</a>
- <a href="{text:link5url}" title="{text:link5}">05.</a>
- </div>
- </div>
- <div id="postcontainer">
- {block:Posts}
- <div id="post">
- {block:Answer}
- <div class="ask_block"><span class="asker">{Asker}</span> asked: {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<center>{block:If400pxPosts}<img src="{PhotoURL-400}" width="400px">{/block:If400pxPosts}{block:If500pxPosts}<img src="{PhotoURL-500}" width="500px">{/block:If500pxPosts}</center>
- {block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:PermalinkPage}{block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
- {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">{Photoset-400}</div>{block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:PermalinkPage}{block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
- {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Photoset}
- {block:Video}{Video-500}{block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:PermalinkPage}{block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
- {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Video}
- {block:Audio}<div id="audiolo">
- <div class="dinky">
- {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="player">{AudioPlayerWhite}</div></div>
- <div class="donkey">
- <div class="track"> {block:TrackName}
- {TrackName}
- {/block:TrackName} </div>
- <div class="artist">
- {block:Artist}
- {Artist}
- {/block:Artist} </div>
- <div class="playcount">
- {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>
- {block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:PermalinkPage}{block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
- {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
- {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}</div>{/block:Audio}
- {block:Quote}<div class="qtation">{Quote}</div>{block:Source}<div class="sourcing">{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}{/block:Lines}{/block:Chat}
- <div id="info">
- <a href="{Permalink}">{TimeAgo}</a><a href="{Permalink}">+{NoteCount}</a>
- <a href="{ReblogURL}"> reblog </a>
- <br>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div>
- </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></div>
- </div><div id="postnotes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment