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">
- <!-----------------------------------------------------------------------
- * THEME #02 by saaraa @ cyantists.tumblr.com
- - terms of use: http://cyantists.tumblr.com/terms
- - I am no longer offering support for this theme
- - enjoy!
- ------------------------------------------------------------------------>
- <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}
- <meta name="image:Background" content="" />
- <meta name="image:Sidebar" content="" />
- <meta name="if:White Tumblr Controls" content="1" />
- <meta name="color:Background" content="#fff" />
- <meta name="color:Accent 1" content="#2db4f7" />
- <meta name="color:Accent 2" content="#f72d99" />
- <meta name="color:Main" content="#969393" />
- <meta name="color:Bold" content="#777777" />
- <meta name="color:Post Background" content="#ededed" />
- <meta name="color:Captions Background" content="#fff" />
- <meta name="color:Tooltip Background" content="#b3b3b3" />
- <meta name="text:Link 1 Name" content="home" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2 Name" content="ask" />
- <meta name="text:Link 2 URL" content="/ask" />
- <meta name="text:Link 3 Name" content="past" />
- <meta name="text:Link 3 URL" content="/archive" />
- <meta name="text:Link 4 Name" content="link four" />
- <meta name="text:Link 4 URL" content="/link" />
- <meta name="text:Link 5 Name" content="link five" />
- <meta name="text:Link 5 URL" content="/link" />
- <meta name="text:Link 6 Name" content="link six" />
- <meta name="text:Link 6 URL" content="/link" />
- <meta name="text:Extra Links Title" content="more links" />
- <meta name="text:Link 7 Name" content="" />
- <meta name="text:Link 7 URL" content="/link" />
- <meta name="text:Link 8 Name" content="" />
- <meta name="text:Link 8 URL" content="/link" />
- <meta name="text:Link 9 Name" content="" />
- <meta name="text:Link 9 URL" content="/link" />
- <meta name="text:Link 10 Name" content="" />
- <meta name="text:Link 10 URL" content="/link" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/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:100,
- tip_fade_speed:200
- }
- );
- });
- })(jQuery);
- </script><script>
- $(document).ready(function(){
- $(".ss").click(function(){
- $(".cp").slideToggle(400);
- });
- });
- </script><script>
- $(document).ready(function(){
- $(".show-notes").click(function(){
- $(".notescontainer").slideToggle(400);
- });
- });
- </script>
- <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Rosario:400,700' rel='stylesheet' type='text/css'>
- </head>
- <style type="text/css">
- ::-webkit-scrollbar {height:auto; width:6px; background:{color:Post Background}; }
- ::-webkit-scrollbar-thumb:vertical {height:auto; background:{color:Accent 1}; }
- ::-webkit-scrollbar-thumb:vertical:hover {background:{color:Accent 2}; }
- ::-webkit-scrollbar-thumb:hotizontal {height:1px; width:auto; background:{color:Post Background}; }
- ::selection {background:{color:Accent 2}; color:#fff;}
- ::-webkit-selection {background:{color:Accent 2}; color:#fff;}
- ::-moz-selection {background:{color:Accent 2}; color:#fff;}
- ::-o-selection {background:{color:Accent 2}; color:#fff;}
- body {background-color:{color:Background}; padding:0px; height:100%;
- background-image: url('{image:Background}'); color:{color:Main};
- font-family: 'Rosario', sans-serif; font-size:11px; margin:0px;
- background-attachment:fixed; background-repeat:no-repeat;}
- a:link, a:active, a:visited {text-decoration:none; color:{color:Accent 1};}
- a:hover {text-decoration:none; color:{color:Accent 2};}
- i, em, .em {color:{color:Accent 1}; padding-right:1px;}
- b, strong, .strong {color:{color:Bold};}
- small {font-size:10px;}
- big {font-size:12px;}
- sup, sub {font-size:10px;}
- pre {font-variant:small-caps; text-transform:lowercase;
- padding:5px 0px 5px 5px;}
- blockquote {border-left:solid 2px #ddd; margin-left:10px;
- padding-left:10px; }
- iframe#tumblr_controls {
- right:3px !important; position:fixed !important; opacity:0.5;
- {block:IfWhiteTumblrControls}
- filter:invert(1); -webkit-filter:invert(1); -o-filter:invert(1);
- -moz-filter:invert(1); -ms-filter:invert(1);
- {/block:IfWhiteTumblrControls}
- }
- iframe#tumblr_controls:hover {opacity:1;}
- #sidebar {position:fixed; margin:120px 0px; width:160px; overflow:hidden;}
- #idp {width:120px; padding:12px; background:{color:Post Background};
- float:right; margin-top:-50px; margin-bottom:5px;}
- #s-image {width:120px; height:120px; overflow:hidden;}
- #s-image img {width:120px;}
- #s-links-s {width:10px; height:50px; margin-top:6px;}
- #s-links-b {height:10px; margin-top:0px; width:50px; margin-left:16px;}
- a.vsr-link:link, a.vsr-link:active, a.vsr-link:visited,
- a.dc-link:link, a.dc-link:active, a.dc-link:visited,
- a.sldc-link:link, a.sldc-link:active, a.sldc-link:visited,
- a.sls-link:link, a.sls-link:active, a.sls-link:visited {
- display:inline-block; width:8px; height:8px; margin:6px 1px 0px 1px;
- background:{color:Accent 1}; border-radius:1em;
- -webkit-border-radius:1em; -o-border-radius:1em;
- -moz-border-radius:1em;}
- a.vsr-link:link, a.vsr-link:active, a.vsr-link:visited {
- margin:0px 1px 6px 1px;}
- a.dc-link:link, a.dc-link:active, a.dc-link:visited {
- margin:1px 6px 1px 0px; background:{color:Accent 2};}
- a.sls-link:link, a.sls-link:active, a.sls-link:visited {
- background:{color:Accent 2};}
- a.sldc-link:link, a.sldc-link:active, a.sldc-link:visited {
- margin:1px 6px 1px 0px;}
- .ss {width:110px; padding:5px; margin-top:5px; margin-bottom:2px;
- cursor:pointer; background:{color:Captions Background};
- color:{color:Accent 1}; text-align:center; font-size:10px;
- letter-spacing:3px; font-variant:small-caps;}
- .ss:hover {color:{color:Accent 2};}
- .cp, .notescontainer {display:none;}
- .cp a:link, .cp a:active, .cp a:visited { display:block; width:110px;
- padding:2px 5px; font-size:10px; letter-spacing:2px;
- background:{color:Captions Background}; font-variant:small-caps;
- text-align:center; margin:0px 2px 2px 0px;}
- #description { width:110px; padding:5px; margin-top:5px; margin-top:4px;
- background:{color:Captions Background}; color:{color:Main Font};
- text-transform:lowercase; font-size:10px; letter-spacing:1px;
- font-variant:small-caps; text-align:justify;}
- #pagination {width:144px; margin-top:0px; margin-left:16px; height:19px;
- overflow:hidden; background:{color:Post Background};}
- #pagination a:link, #pagination a:active, #pagination a:visited,
- .current_page {width:10px; display:inline-block;
- padding:1px 4px 4px 4px; color:{color:Accent 1};}
- .current_page {color:{color:Main Font};}
- #pagination a:hover {color:{color:Accent 2};}
- #page-container {position:absolute; width:790px; margin:auto; bottom:0;
- left:0; top:0; right:0;}
- #entries {width:560px; float:right; margin-top:0px; margin-bottom:60px;
- z-index:8888;}
- #post {width:500px; background:{color:Post Background}; padding:20px;
- margin-top:50px;}
- #t-l-q {cursor:default; width:490px; padding:0px 5px 10px 5px;
- text-align:center; font-size:28px; line-height:24px;
- color:{color:Bold}; opacity:0.6;
- font-family: 'Lobster', cursive;}
- #post:hover #t-l-q, #t-l-q a:link, #t-l-q a:active, #t-l-q a:visited {
- color:{color:Accent 1};}
- #t-l-q a:hover {color:{color:Accent 2};}
- #question, #caption {width:484px; padding:8px;
- background:{color:Captions Background};}
- #caption {width:472px; margin-top:5px; padding:1px 14px;}
- #caption img {max-width:400px;}
- #audiopost {position:justify; width:500px; height:85px;}
- .albumart {position:absolute; z-index:1; width:85px; height:85px;}
- .albumart img {width:85px; height:85px; float:left;}
- .playbox {
- background-color:#000; position:absolute; z-index:1000;
- margin-top:29px; margin-left:31px; opacity:0.6;}
- .playbutton {
- width:27px; height:28px; overflow:hidden; position:relative;
- z-index:1000;}
- #audioinfo {margin-top:0px; width:415px; height:85px; overflow:hidden;
- background-color:{color:Captions Background}; margin-bottom:10px;
- padding-left:85px; text-align:center; letter-spacing:1px;
- text-transform:uppercase; font-family:Calibri;
- vertical-align:middle; display:table-cell;}
- .track-name {font-size:15px; font-weight:bold;}
- .audio-details {cursor:default; font-size:9px;}
- #post-dc {height:10px; margin-top:10px; width:50px; float:right;
- margin-right:20px; transform:rotate(180deg);
- -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);
- -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);}
- #post-vsr {float:right; width:10px; height:50px; margin-top:-50px;
- transform:rotate(180deg); -webkit-transform:rotate(180deg);
- -o-transform:rotate(180deg); -moz-transform:rotate(180deg);
- -ms-transform:rotate(180deg);}
- #post-tags {width:480px; margin-top:20px; font-size:10px;
- padding:0px 10px; letter-spacing:1px; font-variant:small-caps;}
- #post-tags a:link, #post-tags a:active, #post-tags a:visited {
- color:{color:Main}; margin-top:-2px;}
- #post-tags a:hover {color:{color:Accent 2};}
- .show-notes {width:100px; border-left:215px solid {color:Post Background};
- border-right:215px solid {color:Post Background};
- border-bottom:20px solid {color:Post Background}; padding:5px;
- cursor:pointer; background:{color:Captions Background};
- color:{color:Accent 1}; text-align:center; font-size:10px;
- letter-spacing:3px; font-variant:small-caps;}
- .show-notes:hover {color:{color:Accent 2};}
- .notescontainer {width:480px; max-height:200px; overflow-y:scroll;
- padding:0px 10px 0px 30px;
- border-bottom:20px solid {color:Post Background};
- border-right:20px solid {color:Post Background};
- background-color:{color:Post Background}; text-transform:lowercase;
- font-size:10px; letter-spacing:1px; font-variant:small-caps;
- font-weight:normal;}
- .notescontainer a:link, .notescontainer a:active, .notescontainer a:visited {color:{color:Bold};}
- .notescontainer a:hover {color:{color:Accent 2};}
- ol.notes { padding:0px; margin:3px 0px; list-style-type:none;
- border-bottom: solid 1px {color:Post Background}; }
- ol.notes li.note {border-top:solid 1px {color:Post Background};
- padding:5px; }
- ol.notes li.note img.avatar {vertical-align:-5px; width:18px;
- border-radius:0em; -webkit-border-radius:0em; -o-border-radius:0m;
- -moz-border-radius:0em;}
- ol.notes li.note:hover img.avatar {border-radius:1em;
- -webkit-border-radius:1em; -o-border-radius:1em;
- -moz-border-radius:1em;}
- ol.notes li.note span.action {font-weight:bold; margin-left:5px; }
- ol.notes li.note .answer_content {font-weight:normal;}
- ol.notes li.note blockquote {border-left:solid 2px #d8d8d8;
- margin:0px 0px 0px 35px; padding-left:8px; }
- ol.notes li.note blockquote a {text-decoration:none; }
- #s-m-t-tooltip { margin-top:20px; margin-left:10px;
- padding:2px 6px 4px 6px; display:inline-block; font-size:10px;
- text-transform:lowercase; letter-spacing:1px; font-variant:small-caps;
- text-align:center; position:absolute; z-index:999999; color:#fff;
- background:{color:Tooltip Background}; }
- /*** PLEASE DO NOT REMOVE ***/
- #credit {position:fixed; bottom:10px; right:10px; z-index:9999; width:10px;} #credit a:link, #credit a:active, #credit a:visited {display:inline-block; width:8px; height:8px; background:{color:Accent 1}; border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em; -moz-border-radius:1em;} #credit:hover a:link, #credit:hover a:active, #credit:hover a:visited {background:{color:Accent 2};}
- /*** THANK YOU ***/
- a:link, a:active, a:visited, a:hover,
- iframe#tumblr_controls, iframe#tumblr_controls:hover,
- a.vsr-link:link, a.vsr-link:active, a.vsr-link:visited, a.vsr-link:hover,
- a.dc-link:link, a.dc-link:active, a.dc-link:visited, a.dc-link:hover,
- a.sldc-link:link, a.sldc-link:active, a.sldc-link:visited, a.sldc-link:hover,
- a.sls-link:link, a.sls-link:active, a.sls-link:visited, a.sls-link:hover,
- .ss, .ss:hover,
- #pagination a:link, #pagination a:active, #pagination a:visited, #pagination a:hover,
- #t-l-q, #post:hover #t-l-q, #t-l-q a:link, #t-l-q a:active, #t-l-q a:visited, #t-l-q a:hover,
- #post-tags a:link, #post-tags a:active, #post-tags a:visited, #post-tags a:hover,
- .show-notes, .show-notes:hover,
- .notescontainer a:link, .notescontainer a:active, .notescontainer a:visited, .notescontainer a:hover,
- ol.notes li.note img.avatar, ol.notes li.note:hover img.avatar,
- #credit:hover a:link, #credit:hover a:active, #credit:hover a:visited,
- #credit:hover a:hover {
- transition:all 0.4s ease-in-out;
- -webkit-transition-duration:all 0.4s ease-in-out;
- -o-transition-transition:all 0.4s ease-in-out;
- -moz-transition-durartion:all 0.4s ease-in-out;
- -ms-transition-durartion:all 0.4s ease-in-out;
- }
- {CustomCSS}</style>
- <body>
- <div id="page-container">
- <div id="sidebar">
- <div id="s-links-b">
- <a href="{text:Link 1 URL}" class="sldc-link" title="{text:Link 1 Name}"></a>
- <a href="{text:Link 2 URL}" class="sldc-link" title="{text:Link 2 Name}"></a>
- <a href="{text:Link 3 URL}" class="sldc-link" title="{text:Link 3 Name}"></a>
- </div>
- <div id="s-links-s">
- <a href="{text:Link 4 URL}/" class="sls-link" title="{text:Link 4 Name}"></a>
- <a href="{text:Link 5 URL}" class="sls-link" title="{text:Link 5 Name}"></a>
- <a href="{text:Link 6 URL}" class="sls-link" title="{text:Link 6 Name}"></a>
- </div>
- <div id="idp">
- <div id="s-image">
- <a href="/"><img src="{image:Sidebar}" /></a>
- </div>
- {block:ifLink7Name}
- <div class="ss">{text:Extra Links Title}</div>
- <div class="cp">
- <a href="{text:Link 7 URL}">{text:Link 7 Name}</a>
- {block:ifLink8Name}
- <a href="{text:Link 8 URL}">{text:Link 8 Name}</a>
- {/block:ifLink8Name}
- {block:ifLink9Name}
- <a href="{text:Link 9 URL}">{text:Link 9 Name}</a>
- {/block:ifLink9Name}
- {block:ifLink10Name}
- <a href="{text:Link 10 URL}">{text:Link 10 Name}</a>
- {/block:ifLink10Name}
- </div>
- {/block:ifLink7Name}
- <div id="description">{Description}</div>
- </div>
- {block:Pagination}<div id="pagination"><center>
- {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}
- </center></div>{/block:Pagination}
- </div>
- <!------------------------------------------------------------------------------------------------------------------------------------------------->
- <div id="entries">
- {block:Posts}
- <div id="post">
- {block:Text}
- {block:Title}<div id="t-l-q">
- <a href="{Permalink}">{Title}</a>
- </div>{/block:Title}
- <div id="caption">{Body}</div>
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
- {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div id="t-l-q">{Quote}</div>
- {block:Source}<div id="caption">—{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div id="t-l-q"><a href="{URL}" {Target}>{Name} →</a></div>
- {block:Description}
- <div id="caption">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div id="t-l-q">
- <a href="{Permalink}">{Title}</a>
- </div>{/block:Title}
- {block:Lines}<div id="caption">
- {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- </div>{/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div id="audiopost">
- <img src="http://s.iosfans.com/?u=http://i165.photobucket.com/albums/u61/deveelryuk/carrierrequests/noartplaceholder.png" class="albumart" />
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="albumart" />
- {/block:AlbumArt}
- {block:AudioPlayer}
- <div class="playbox">
- <div class="playbutton">{AudioPlayerBlack}</div>
- </div>
- {/block:AudioPlayer}
- <div id="audioinfo">
- <div class="track-name">
- {block:TrackName}{TrackName}{/block:TrackName}
- </div>
- <div class="audio-details">
- {block:Artist}{Artist}{/block:Artist}
- {block:Album} - {Album}{/block:Album}
- ({PlayCountWithLabel})
- </div>
- </div>
- </div>
- {block:Caption}
- <div id="caption">{Caption}</div>
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="question">
- <span style="font-variant:small-caps; text-transform:lowercase;
- letter-spacing:1px;">{Asker}</span>: {Question}
- </div>
- <div id="caption">{Answer}</div>
- {/block:Answer}
- {block:PermalinkPage}{block:HasTags}
- <div id="post-tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- </div>
- {/block:HasTags}{/block:PermalinkPage}
- </div>
- {block:PostNotes}
- <div class="show-notes">show notes</div>
- <div class="notescontainer">{PostNotes}</div>{/block:PostNotes}
- <div id="post-vsr">
- {block:NoteCount}
- {block:RebloggedFrom}
- <a class="vsr-link" href="{ReblogParentURL}"
- title="via: {ReblogParentName}"></a>
- {block:ContentSource}
- <a class="vsr-link" href="{SourceURL}"
- title="source: {ReblogRootName}"></a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- {/block:NoteCount}
- <a class="vsr-link" href="{ReblogURL}" target="blank"
- title="reblog"></a>
- </div>
- <div id="post-dc">
- {block:NoteCount}
- <a class="dc-link" href="{Permalink}"
- title="{NoteCount} notes"></a>
- {/block:NoteCount}
- {block:Date}
- <a class="dc-link" href="{Permalink}"
- title="posted on: {DayOfMonth}{DayOfMonthSuffix} {ShortMonth}"></a>
- {/block:Date}
- <a class="dc-link" href="{Permalink}" title="posted: {TimeAgo}"></a>
- </div>
- <br />
- {/block:Posts}
- </div>
- </div>
- <!--- PLEASE DO NOT ALTER OR REMOVE --->
- <div id="credit"><a href="http://cyantists.tumblr.com/" title="c. cyantists"></a></div>
- <!--- THANK YOU --->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement