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">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <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}
- <head>
- <!----
- © SARAHCATHS.TUMBLR.COM | "THE PERFECT SKY" #1
- + Do not steal any portion of this code, or use this code as a base.
- + Feel free to edit anything, but do not remove the credit.
- + If you have any questions or concerns, just contact me!
- + Thanks for using my theme! :) Hope you enjoy it!
- ---->
- <!-- VARIABLES -->
- <meta name="image:Background" content="http://static.tumblr.com/vqqnpua/FW5m81f6j/tumblr_ltqq73kh5g1qhvdofo3_100.png"/>
- <meta name="image:Sidebar Image" content="http://static.tumblr.com/vqqnpua/LcCm85zt1/sidebar_image.png" />
- <meta name="color:Background" content="#f0f0f0" />
- <meta name="color:Body Text" content="#bababa" />
- <meta name="color:Body Shadow" content="#FFFFFF">
- <meta name="color:Body Dark Shadow" content="#3d4349">
- <meta name="color:Signature Color" content="#FF4561" />
- <meta name="color:Bold" content="#ff4561" />
- <meta name="color:Italic" content="#ff4561" />
- <meta name="color:Link" content="#ff4561" />
- <meta name="color:Entries BG" content="#f0f0f0" />
- <meta name="color:Entries Border" content="#ebebeb" />
- <meta name="color:Info BG" content="#ff4561">
- <meta name="color:Info" content="#FFFFFF" />
- <meta name="color:Info Border" content="#e7d0d3" />
- <meta name="color:Tags" content="#FFFFFF" />
- <meta name="color:Date" content="#5E517E" />
- <meta name="color:Main Links" content="#FFFFFF" />
- <meta name="font:Body Font" content="Arial" />
- <meta name="font:Special Font" content="'Arvo', serif" />
- <meta name="font:Tags Font" content="Georgia" />
- <meta name="text:Body Font Size" content="10px" />
- <meta name="text:Tags Font Size" content="8px" />
- <meta name="text:Link 1 URL" content="http://" />
- <meta name="text:Link 1" content="Link 1" />
- <meta name="text:Link 2 URL" content="http://" />
- <meta name="text:Link 2" content="Link 2" />
- <meta name="text:Link 3 URL" content="http://" />
- <meta name="text:Link 3" content="Link 3" />
- <meta name="text:Link 4 URL" content="http://the-styles.tumblr.com/post/25724601892" />
- <meta name="text:Link 4" content="© Image" />
- <style type="text/css">
- /* MAIN */
- body {
- background-color:{color:Background};
- background-image: url('{image:Background}');
- color:{color:Body Text};
- font-family: {font:Body Font};
- font-size: {text:Body Font Size};
- text-shadow: {color:Body Shadow} 1px 1px 1px;
- margin: 0px;
- padding: 0px;}
- a:link, a:active {
- text-decoration:none;
- color: {color:Body Dark Shadow}; }
- a:visited {
- text-decoration:none;
- color: {color:Body Dark Shadow}; }
- a:hover {
- text-decoration:none;
- color: {color:Date};
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out; }
- b, strong, .strong {color:{color:Bold};}
- blockquote {
- border-left:2px solid {color:Body Text};
- padding-left:6px; }
- #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
- i, em, .em {color:{color:Italic};}
- /* FONTS */
- @import url(http://fonts.googleapis.com/css?family=Arvo);
- @import url(http://fonts.googleapis.com/css?family=Dancing+Script);
- /* MAIN DIVS */
- .content {
- width:100%;
- height:100%;
- margin-top:0px;
- margin-bottom:40px;}
- #cred {
- font-size:8px;
- letter-spacing:1px;
- opacity:0.3;
- font-weight:bold;
- color: #000000;
- font-family: georgia;
- background-color: #FFFFFF;
- padding:4px;
- border:1px dashed #514a4d;
- text-transform:uppercase;
- bottom:10px;
- right:10px;
- position:fixed; }
- #cred a:link, #cred a:active, #cred a:visited, #cred a:hover {
- color:#000000 }
- #cred:hover {
- font-size:8px;
- letter-spacing:1px;
- font-weight:bold;
- color: #000000;
- opacity:1.0;
- font-family: georgia;
- background-color: #FFFFFF;
- padding:4px;
- border:1px dashed #514a4d;
- text-transform:uppercase;
- bottom:10px;
- right:10px;
- position:fixed;
- -webkit-transform: rotate(4deg);
- -moz-transform: rotate(4deg);
- -o-transform: rotate(4deg);
- -ms-transform: rotate(4deg);
- transform: rotate(4deg);
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out; }
- /* EXTRAS */
- #sidebar {
- width:450px;
- position:fixed;
- top:20px;
- text-align:left;
- background-color:transparent;
- padding: 2px 0px 2px 0px;
- left:0px;
- height:auto;}
- #sidebarimg {
- background-image:url('{image:Sidebar Image}');
- background-repeat:no-repeat;
- max-width:300px;
- height:300px;
- opacity:0.4;
- float:right;
- overflow:auto;
- border:2px solid {color:Entries BG};
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- #sidewhole {
- width:286px;
- height:auto;
- opacity:0.0;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- #sideinfo {
- width:276px;
- height:auto;
- max-height:150px;
- padding: 0px 5px 0px 5px;
- float:center;
- overflow:auto;
- text-align:justify;
- opacity:0.0;
- border:1px solid {color:Entries Border};
- border-left:0px;
- border-right:0px;
- background-color:#FFFFFF;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- #sidebarimg:hover {
- opacity:1.0;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- #sidebarimg:hover #sideinfo {
- color:{color:Body Text};
- opacity:1.0;
- text-shadow:{color:Body Shadow} 1px 1px 1px;
- float:center;
- padding: 10px 5px 10px 5px;
- background-color:#FFFFFF;
- text-align:justify;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- #sidebarimg:hover #sidewhole {
- opacity:0.8;
- margin-top:100px;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- .portrait {
- float:left;
- margin-right:12px;
- border:3px solid {color:Info Border};
- opacity:1.0; }
- .title {
- font-family: 'Dancing Script', cursive;
- font-size:30px;
- text-align:center;
- margin-bottom:-10px;
- text-shadow:{color:Dark Body Shadow} 1px 1px 1px;
- color:{color:Signature Color};
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- /* NAVIGATION */
- .navigation {
- width:150px;
- height:300px;
- text-align:right;
- overflow:auto; }
- .nav a, .nav a:active, .nav a:visited {
- font-size:10px;
- text-transform:uppercase;
- text-align:right;
- padding:10px;
- opacity:0.4;
- border:0;
- color:{color:Body Text};
- background-color:{color:Entries BG};
- display:block;
- font-family:{font:Special Font};
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out; }
- .nav a:hover {
- text-transform:uppercase;
- text-align:right;
- padding:10px;
- opacity:1.0;
- color: {color:Signature Color};
- border-right:10px solid {color:Signature Color};
- background-color:{color:Entries BG};
- display:block;
- font-family:{font:Special Font};
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out; }
- .page a, .page a:active, .page a:visited {
- font-size:10px;
- text-transform:uppercase;
- text-align:right;
- padding:10px;
- opacity:0.9;
- border:0;
- color:{color:Dark Body Shadow};
- background-color:{color:Entries BG};
- display:block;
- font-family:{font:Special Font};
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out; }
- .page a:hover {
- text-transform:uppercase;
- text-align:right;
- padding:10px;
- opacity:1.0;
- color: {color:Signature Color};
- border-right:10px solid {color:Signature Color};
- background-color:{color:Entries BG};
- display:block;
- font-family:{font:Special Font};
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out; }
- /* POSTS DIVS */
- .entriesborder {
- width: 520px;
- height: auto;
- margin:auto;
- margin-left:480px;}
- .entries {
- width: 520px;
- height: auto;
- padding:0px;
- opacity:0.8;
- padding-top:0px;
- margin-top:20px;
- background-color: {color:Entries BG};
- border:1px solid {color:Entries Border};
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- .entries:hover {
- opacity:1.0;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- .entrypadding {
- padding:10px; }
- /* POST INFORMATION */
- .info {
- height:20px;
- opacity:0.7;
- padding-top:0px;
- margin-bottom:10px;
- margin-top:0px;
- background-color: {color:Info BG};
- background-image:url('{image:Info BG}');
- border-top: 3px solid {color:Info Border};
- border-bottom: 3px solid {color:Info Border};
- font-size: {text:Tags Font Size};
- font-family: {font:Tags Font};
- color: {color:Info};
- text-shadow:{color:Info BG} 1px 1px 1px;
- width: 100%;
- text-transform:uppercase;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s; }
- .entriesborder:hover .info {
- font-size: {text:Tags Font Size};
- font-family: {font:Tags Font};
- color: {color:Signature Color};
- opacity:1.0;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s; }
- .info a:link, .info a:active, .info a:visited {
- font-size: {text:Tags Font Size};
- font-family: {font:Tags Font};
- color: {color:Body Text}; }
- .info a:hover {
- font-size: {text:Tags Font Size};
- font-family: {font:Tags Font};
- color: {color:Body Text}; }
- .date {
- font-family:{font:Tags Font};
- color:{color:Body Text};
- float:left;
- padding:5px;
- text-transform:uppercase;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- .entriesborder:hover .date a:hover, .date a:visited, .date a:active, .date a:link, .date a {
- color:{color:Date};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- .tags a:link, .tags a:active, .tags a:visited {
- opacity:0.0;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- .entriesborder:hover .tags a:hover {
- color:{color:Date};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- .entriesborder:hover .tags a:link, .tags a:active, .tags a:visited {
- opacity:0.5;
- color:{color:Signature Color};
- font-family:{Tags Font};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- .infolink {
- margin:0;
- padding:0; }
- .infolink a:link, .infolink a:active, .infolink a:visited {
- opacity:0.7;
- color: {color:Body Text};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- .entriesborder:hover .infolink a:hover {
- color:{color:Date};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- .entriesborder:hover .infolink a:link, .infolink a:active, .infolink a:visited {
- opacity:0.5;
- color:{color:Signature Color};
- font-family:{Tags Font};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- /* ALL POSTS CSS */
- .ttitle, .ttitle:link, .ttitle:visited, .tttitle:active {
- font-family: {font:Special Font};
- color: {color:Body Text};
- display:block;
- text-shadow:{color:Dark Shadow} 1px 1px 1px;
- font-size:12px;
- text-transform:uppercase;
- letter-spacing:2px;
- text-align:left;
- padding:0px 0px 0px 20px;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- .ttitle:hover {
- color:{color:Signature Color};
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- .ttitle:first-letter {
- font-weight: bold;
- font-size:18px;}
- .quote {
- font-family: {font:Tags Font};
- font-style:italic;
- font-size: 20px;
- text-align: justify;
- width:80%;
- margin:auto;
- letter-spacing: -2px;
- line-height: 25px;
- text-transform: none; }
- .source {
- font-family: {font:Tags Font};
- font-style:italic;
- font-size: 10px;
- text-align: justify;
- letter-spacing: 1px;
- line-height: 12px;
- text-align:right;
- text-transform: none;
- text-indent: 15px; }
- .source a:link, a:active, a:visited {
- color: {color:Link};
- text-decoration:none; }
- .question {
- background-color:{color:Background};
- margin:10px;
- margin-top:0px;
- padding:10px;
- font-style:italic;
- font-family: {font:Special Font};
- font-size:12px; }
- .answer {
- background-color:{color:Background};
- margin:10px;
- padding:10px;
- margin-top:0px;}
- .asker {
- font-size:12px;
- text-transform:uppercase;
- color:{color:Entries Border}:
- text-align:left;
- font-family:{font:Special Font};
- margin-left:30px;}
- </style>
- <link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Arvo::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Dancing+Script::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- </head>
- <body>
- <div id="sidebar">
- <div align="left">
- <table>
- <tr>
- <td width="20%" vAlign="middle">
- <div class="navigation">
- <div class="nav">
- <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
- <a href="{text:Link 2 URL}">{text:Link 2}</a><br>
- <a href="{text:Link 3 URL}">{text:Link 3}</a><br>
- <a href="{text:Link 4 URL}">{text:Link 4}</a><br>
- </div> <!-- END NAV -->
- <div class="page">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}<br>
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- {/block:Pagination}
- </div> <!-- END PAGE -->
- </div> <!-- END NAVIGATION -->
- </td>
- <td width="80%" vAlign="middle">
- <div id="sidebarimg">
- <div id="sidewhole">
- <div class="title">{Title}</div>
- <div id="sideinfo">
- <div class="portrait"><img src="{PortraitURL-64}" /></div> {Description}
- </div> <!-- END SIDE INFO -->
- </div> <!-- END SIDE WHOLE -->
- </div> <!-- END SIDE IMG -->
- </td>
- </tr>
- </table>
- </div> <!-- END DIV LEFT -->
- </div> <!-- END SIDEBAR -->
- </div> <!-- IDK WHAT THIS IS -->
- <div id="cred">
- <a href="http://sarahcaths.tumblr.com" target="_blank">THEME BY SARAHCATHS+</a>
- </div> <!-- END CREDIT (DO NOT REMOVE!) -->
- <div class="content">
- {block:Posts}
- <div class="entriesborder">
- <div class="entries">
- <div class="info" style="text-align: center;">
- <div class="date">{block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}</div> <div class="infolink">{block:NoteCount}{NoteCountWithLabel} ♦ {/block:NoteCount} {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">♦ © {ReblogRootName}</a>{/block:RebloggedFrom}</div> <div class="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div> <!--END INFO -->
- <div class="entrypadding">
- {block:Text}
- {block:Title}
- <div class="ttitle">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}</div>
- <p>
- <div class="source">{block:Source}- {Source}{/block:Source}</div>
- {/block:Quote}
- {block:Link}
- <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
- {block:Description} {Description} {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title} {Title} {/block:Title}
- {block:Lines} <div style="font-family: georgia;font-style:italic;font-size:10px;line-height:12px;margin:0;padding:0;">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div><br>
- {/block:Lines}
- {/block:Chat}
- {block:AudioPlayer}
- <table>
- <tr>
- <td width="100px">
- {block:AlbumArt}
- <img src="{AlbumArtURL}" style="border:1px solid {color:Body Text};width:100px;margin:10px;" />{/block:AlbumArt}
- </td>
- <td width="400px">
- {AudioPlayerWhite}<br>
- {block:PlayCount} {PlayCountWithLabel}{/block:PlayCount}<br>
- {block:Caption}{Caption}{/block:Caption}
- </td>
- </tr>
- </table>
- {/block:AudioPlayer}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="asker">
- {Asker} asked,</div>
- <div class="question">
- {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- </div> <!-- END ENTRY PADDING -->
- </div> <!-- END ENTRIES -->
- {block:PermalinkPage}
- {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div> <!-- END ENTRIESBORDER -->
- {/block:Posts}
- </div> <!-- END CONTENT -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment