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">
- <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 | "BASE CODE" #2
- + This is a base code, so use it to build your own theme!
- + No need to credit me, though I won't object if you do :)
- + Follow me for more free themes and resources!
- + If you have any questions or concerns, just contact me!
- + Thanks for using my second base code! :) Hope you enjoy it!
- ---->
- <!-- VARIABLES -->
- <meta name="image:Background" content="http://static.tumblr.com/vqqnpua/Nvlmbhjyn/straws.png"/>
- <meta name="image:Sidebar Image" content="" />
- <meta name="image:Sidebar Image 2" content="" />
- <meta name="color:Background" content="#fdf3ee" />
- <meta name="color:Text" content="#797979" />
- <meta name="color:Bold" content="#ff4a00" />
- <meta name="color:Italic" content="#ff4a00" />
- <meta name="color:Link" content="#a09280" />
- <meta name="color:Content BG" content="#ffffff" />
- <meta name="color:Content Border" content="#ebebeb" />
- <meta name="color:Info BG" content="#f3f3f3" />
- <meta name="color:Info Border" content="#e4e2e1" />
- <meta name="text:Text Size" content="10px" />
- <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://" />
- <meta name="text:Link 4" content="Link 4" />
- <style type="text/css">
- /* MAIN */
- body {
- background-color:{color:Background};
- background-image: url('{image:Background}');
- color:{color:Text};
- font-family: calibri;
- font-size: {text:Text Size};
- margin: 0px;
- padding: 0px;}
- a:link, a:active {
- text-decoration:none;
- color: {color:Link}; }
- a:visited {
- text-decoration:none;
- color: {color:Link}; }
- a:hover {
- text-decoration:none;
- color: {color:Bold};}
- b, strong, .strong {color:{color:Bold};}
- blockquote {
- border-left:2px solid {color:Text};
- padding-left:6px; }
- #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
- i, em, .em {color:{color:Italic};}
- /* CONTENT */
- .contentwhole {
- width:520px;
- z-index:0;
- margin-left:500px;
- height:100%;}
- .content {
- width: 500px;
- z-index:0;
- height: auto;
- padding:10px;
- margin-top:20px;
- background-color: {color:Content BG};
- border:1px solid {color:Content Border};}
- .info {
- height:15px;
- float:center;
- padding-top:4px;
- margin-top:10px;
- opacity:0.8;
- text-align:center;
- font-size:7px;
- font-family:arial;
- letter-spacing:1px;
- background-color: {color:Info BG};
- background-image:url('{image:Info BG}');
- color:{color:Link};
- border-top: 1px solid {color:Info Border};
- width: 500px;
- text-transform:uppercase;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s; }
- .info a {
- font-size:7px; }
- .info:hover {
- opacity:1.0;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s; }
- .pagination {
- top:20px;
- left:150px;
- width:200px;
- font-size:20px;
- position:fixed;
- text-align:center;}
- /* SIDEBAR */
- .hover {
- width:430px;
- height:500px;
- top:50px;
- position:fixed; }
- .sidebar {
- position:fixed;
- top:70px;
- z-index:1000;
- left:30px;
- width:430px;
- height:440px;}
- .portrait {
- width:48px;
- height:48px;
- border:3px solid {color:Background};
- float:left;
- margin:2px;}
- .sidebarcontent {
- width:372px;
- text-align:center;
- padding:20px 20px 20px 20px;
- top:10px;
- left:10px;
- height:270px;
- position:absolute;
- background-color:#FFFFFF;
- opacity:0.0;
- z-index:3000;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .hover:hover .sidebarcontent {
- opacity:0.8;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .sidebarimage {
- width:400px;
- height:300px;
- background-image:url('{image:Sidebar Image}');
- background-repeat:no-repeat;
- border:10px solid {color:Info Border};}
- .sidebarimage2 {
- opacity:1.0;
- width:250px;
- height:relative;
- border:4px solid {color:Content Border};}
- .hover:hover .sidebarimage {
- opacity:0.7;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .sideimgborder {
- width:420px;
- height:320px;
- border:6px solid {color:Content Border};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .sideimgborder:hover {
- width:420px;
- height:430px;
- border:6px solid {color:Content Border};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .sideborder {
- width:36px;
- background-color:{color:Main Links};
- border-right:10px solid {color:Signature Color};
- opacity:0.4;
- margin:0;
- position:fixed;
- top:0px;
- height:100%;
- left:1000px; }
- /* TAGS */
- .tags {
- opacity:0.3; }
- /* NAVIGATION */
- #navigation a {
- background-color: {color:Content Border};
- display:block;
- font-size:7pt;
- margin-bottom:4px;
- padding:5px;
- width:170px;
- margin-left:-7px;
- letter-spacing:0px;
- text-align:center;
- font-family:calibri;
- text-shadow:none;
- text-transform:uppercase;
- color: {color:Bold}; }
- #navigation a:hover {
- background-color: {color:Text};
- color: {color:Background};
- text-shadow:none;
- text-decoration:none;
- text-align:center;
- -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;}
- /* EXTRAS LINKS */
- #extraslinks a {
- background-color: {color:Content BG};
- border:1px solid {color:Content Border};
- display:block;
- font-size:7pt;
- margin-bottom:2px;
- padding:5px;
- width:100px;
- margin-left:-7px;
- letter-spacing:0px;
- text-align:center;
- font-family:calibri;
- text-shadow:none;
- text-transform:uppercase;
- color: {color:Bold}; }
- #extraslinks a:hover {
- background-color: {color:Text};
- color: {color:Background};
- text-shadow:none;
- text-decoration:none;
- text-align:center;
- -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;}
- /* EXTRAS */
- .extras {
- width:520px;
- z-index:2000;
- padding:0px;
- letter-spacing:0;}
- .push {
- background:transparent;
- opacity:0;
- margin-top:0px;
- text-align:left;
- margin-left:520px;
- position:absolute;
- -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;}
- .extras:hover .push {
- opacity:1.0;
- margin-left:540px;
- -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;}
- </style>
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
- </div>
- <div class="hover">
- <div class="sidebar">
- <div class="sidebarcontent">
- <div id="navigation">
- <div align="center"><table width="400px" style="margin:0;padding:0;text-align:center;"><td><td width="50%" vAlign="top" style="margin:0;padding:0;">
- <a href="{text:Link 1 URL}">{text:Link 1}</a>
- <a href="{text:Link 2 URL}">{text:Link 2}</a>
- </td>
- <td width="50%" vAlign="top" style="margin:0;padding:0;">
- <a href="{text:Link 3 URL}">{text:Link 3}</a>
- <a href="{text:Link 4 URL}">{text:Link 4}</a>
- </td></tr></table></div></div>
- <img src="{image:Sidebar Image 2}" class="sidebarimage2" /><p>
- <img src="{PortraitURL-48}" class="portrait" /> <div align="justify">{Description}</div>
- </div>
- <div class="sideimgborder">
- <div class="sidebarimage">
- </div>
- </div> <!-- END SIDE IMAGE BORDER -->
- </div> <!-- END SIDEBAR -->
- </div> <!-- END HOVER -->
- <div class="contentwhole">
- {block:Posts}
- <div class="extras">
- <div class="push">
- <div id="extraslinks">
- <a href="{ReblogURL}" target="_blank" title="reblog this post!">REBLOG</a>
- {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
- {block:ContentSource} <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</a>
- </div> <!-- END EXTRA LINKS -->
- <div class="tags">
- {block:HasTags}{block:Tags}
- <a href="{TagURL}">#{Tag}</a><br />
- {/block:Tags}{/block:HasTags}
- </div> <!-- END TAGS -->
- </div> <!-- END PUSH -->
- <div class="content">
- {block:Text}
- {block:Title}
- <a href="{Permalink}" class="ttitle">{Title}</a>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- {Quote}<p>
- {block:Source}- {Source}{/block:Source}
- {/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}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
- <p>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="100px" />
- {/block:AlbumArt}
- <p>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- {Asker} asked: {Question}<p>
- {Answer}
- {/block:Answer}
- <div class="info">
- {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}
- {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}
- </div> <!--END INFO -->
- {block:PermalinkPage}
- {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div> <!-- END CONTENT -->
- </div> <!-- END EXTRAS -->
- {/block:Posts}
- </div> <!-- END CONTENT WHOLE -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement