Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <!---------------------------------------------------
- META TAGS
- ---------------------------------------------------->
- <meta name="color:Background" content="#eeeeee"/>
- <meta name="color:Font" content="#000000"/>
- <meta name="color:Link" content="#545454"/>
- <meta name="color:LinkHover" content="#6c6c6c"/>
- <meta name="color:SideBack" content="#ffffff"/>
- <meta name="color:SideHeader" content="#000000"/>
- <meta name="color:SideLinks" content="636363"/>
- <meta name="color:SideBorder" content="#dbdbdb"/>
- <meta name="color:PostTitle" content="#000000"/>
- <meta name="color:HeaderText" content=“#939393"/>
- <meta name="color:HeaderLinks" content="#e1e1e1"/>
- <meta name="color:HeaderLinksHover" content="#e1e1e1"/>
- <meta name="color:HeaderLinksBack" content="#272727"/>
- <meta name="color:HeaderBack" content="#ffffff"/>
- <meta name="color:ScrollbarBack" content="#ffffff"/>
- <meta name="color:Scrollbar" content="#e1e1e1"/>
- <meta name="color:PostBottom" content="#ffffff"/>
- <meta name="color:PostBorder" content="#dbdbdb"/>
- <meta name="color:PostBack" content="#ffffff"/>
- <meta name="color:QuestionsBack" content="#f5f5f5"/>
- <meta name="color:NotesLink" content="#4a4a4a"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <!---------------------------------------------------
- LINKS
- ---------------------------------------------------->
- <meta name="text:Link1 Url" content="http://"/>
- <meta name="text:Link1 Name" content=""/>
- <meta name="text:Link2 Url" content="http://"/>
- <meta name="text:Link2 Name" content=""/>
- <meta name="text:Link3 Url" content="http://"/>
- <meta name="text:Link3 Name" content=""/>
- <meta name="text:Link4 Url" content="http://"/>
- <meta name="text:Link4 Name" content=""/>
- <meta name="text:Link5 Url" content="http://"/>
- <meta name="text:Link5 Name" content=""/>
- <meta name="text:Link6 Url" content="http://"/>
- <meta name="text:Link6 Name" content=""/>
- <meta name="text:Link7 Url" content="http://"/>
- <meta name="text:Link7 Name" content=""/>
- <!---------------------------------------------------
- FONTS
- ---------------------------------------------------->
- <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Asul' rel='stylesheet' type='text/css'>
- <!---------------------------------------------------
- GOOGLE ANALYTICS
- ---------------------------------------------------->
- <script>
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
- ga('create', 'UA-35521518-1', 'tumblr.com');
- ga('send', 'pageview');
- </script>
- <!---------------------------------------------------
- POP UP MENU
- ---------------------------------------------------->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i15.photobucket.com/albums/a356/lime_green_luv/tumblr/once%20upon%20a%20time/tags/popupclose2.png" class="btn_close" title="Close" alt="Close" /></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!---------------------------------------------------
- CSS STYLE
- ---------------------------------------------------->
- <style type="text/css">
- /* --------------------------------------
- MAIN
- -------------------------------------- */
- body {
- font-size: 9px;
- font-family: Libre Baskerville;
- color: {color:font};
- background:{color:background} url("{image:Background}") repeat;
- background-attachment:fixed;
- margin:-1px;}
- a:link {
- color: {color:Link};
- text-decoration: none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- a:hover {
- color: {color:LinkHover};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- a:visited {color: {color:Link};}
- .container {
- width: 800px;
- margin: auto;}
- /* --------------------------------------
- HEADER
- -------------------------------------- */
- #headerfix {
- width:100%;
- height:150px;
- background-color:{color:HeaderBack};
- position:fixed;
- top:0;
- z-index:1;}
- .header {
- display: block;
- margin-left: auto;
- margin-right: auto;}
- .header img {
- display: block;
- margin-left: auto;
- margin-right: auto;}
- .headerlinks {
- background-color: {color:HeaderLinksBack};
- padding: 5px 0px;
- text-align: center;
- position: fixed;
- top:146px;
- width: 100%;
- color: {color:HeaderText};
- z-index:1;
- font-family: Asul;
- font-size: 9px;}
- .headerlinks a {
- color: {color:HeaderLinks};
- letter-spacing:2px;
- margin: 0px 10px;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .headerlinks a:hover {
- color: {color:HeaderLinksHover};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- /* --------------------------------------
- SIDEBAR BOX
- -------------------------------------- */
- #sidebar {
- position: fixed;
- margin-top:0px;}
- .sidetext {
- padding-top:5px;}
- .sidetext a {
- color: {color:SideLinks};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .sidetext a:hover {
- color: {color:SideBorder};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .sideheader {
- font-size: 25px;
- font-family: Sail;
- color: {color:SideHeader};
- border-bottom-style:solid;
- border-color:{color:SideBorder};
- border-width:1px;}
- .sideback {
- position:relative;
- background-color: {color:SideBack};
- padding: 10px;
- width: 200px; }
- .sideback a{
- color: {color:SideLinks};}
- .welcome {
- background-color: {color:SideBack};
- padding: 10px;
- width: 200px; }
- .update {
- background-color: {color:SideBack};
- padding: 10px;
- width: 200px; }
- /* --------------------------------------
- POST INFO
- -------------------------------------- */
- .postcol {
- width: 540px;
- margin-left: 240px;
- margin-top: 190px;}
- .posts {
- margin-bottom: 20px;
- background-color: {color:PostBack};
- padding: 20px;}
- .posts h2 {
- font-size: 22px;
- font-family: Sail;
- color: {color:PostTitle};
- text-transform:lowercase;
- margin: 0px;
- text-rendering: optimizeLegibility !important;
- -webkit-font-smoothing: antialiased !important;}
- .posts li {
- list-style: disc;}
- .posts ol {
- list-style: decimal;}
- .posts blockquote {
- border-left: 2px solid {color:PostBorder};
- padding-left: 5px;}
- .posts img, .posts li, .posts blockquote {
- max-width: 100%;}
- .posts h2 a {
- color: {color:PostTitle};}
- #info {
- text-align:left;
- margin-top:-20px;
- margin-bottom:20px;
- font-size:7px;
- border-top: 1px;
- border-top-style:solid;
- border-top-color:{color:PostBorder};
- padding:5px;
- padding-left:20px;
- background-color:{color:PostBottom};
- }
- #info a {
- text-align:center;
- letter-spacing:1px;
- text-transform:uppercase;
- color: {color:Link};}
- #info a:hover {
- color:transparent;
- color: {color:LinkHover};}
- .reblogs {
- text-align:right;}
- .notes {
- text-align:left;
- padding: 0px;
- margin: 25px 0px;
- list-style-type: none;
- border-bottom: solid 1px {color:LinkHover};
- font-size: 9px;
- font-family: Libre Baskerville;
- color: {color:font};}
- .notes a {
- color: {color:NotesLink};}
- ol.notes {
- padding: 0px;
- margin: 25px 0px;
- list-style-type: decimal;
- border-bottom: solid 1px {color:LinkHover};
- font-size: 9px;
- font-family: Libre Baskerville;
- color: {color:font};}
- ol.notes li.note {
- padding: 10px;}
- ol.notes li.note span.action {
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 0px;
- height: 0px;}
- ol.notes li.note .answer_content {
- font-weight: normal;
- font-size: 9px;
- font-family: Libre Baskerville;
- color: {color:font};}
- ol.notes li.note blockquote {
- border-left: 2px solid {color:LinkHover};
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- text-align:left;
- padding: 0px;
- font-size: 9px;
- font-family: Libre Baskerville;
- color: {color:font};}
- ol.notes li.note blockquote a {
- text-decoration: none;}
- /* --------------------------------------
- QUESTIONS
- -------------------------------------- */
- .question {
- position:relative;
- }
- .asker {
- font-size: 17px;
- font-family: Sail;
- text-align:left;
- text-transform:lowercase;}
- .asker a {
- color: {color:Link};}
- .questions {
- position:relative;
- padding:10px;
- left:15px;
- background:{color:QuestionsBack};
- text-shadow: 1px 1px 1px #;
- text-align:left;
- width: 470px;
- background:-moz-linear-gradient(top, #fff3f1, #8a8a8a);
- background:linear-gradient(top, #fff3f1, #8a8a8a);}
- .questions:after {
- content:"\00a0";
- display:block; /* reduce the damage in FF3.0 */
- position:absolute;
- left:-17px;
- top:5px;
- width:0;
- height:0;
- border-width:15px 15px 0px;
- border-style:solid;
- border-color:{color:QuestionsBack} transparent;}
- .answer {
- padding-top:0px;
- padding-bottom:0px;
- padding-right:0px;
- padding-left:25px;}
- /* --------------------------------------
- AUDIO
- -------------------------------------- */
- .audioplayer {
- position: absolute;
- opacity: 0.7;
- margin: 20px;}
- .audio {
- width: 10px;
- padding: 5px 20px 5px 5px;
- background-color: #fefefe;
- overflow: hidden;}
- #audiocap {
- min-height: 100px;}
- #audioinfo {
- height: auto;
- padding: 4px 5px;
- display: block;
- overflow: hidden;
- font-size: 9px;
- text-align: left;
- margin-bottom: 3px;}
- #audioinfo b {
- color: {color:Link};}
- #audioimg img {
- width: 75px;
- margin-right: 2px;}
- /* --------------------------------------
- SCROLLBAR
- -------------------------------------- */
- ::-webkit-scrollbar {
- width: 6px;
- height: 4px;
- background: {color:ScrollbarBack}; }
- ::-webkit-scrollbar-thumb {
- background-color: {color:Scrollbar}; -webkit-border-radius: 1ex; }
- ::-webkit-scrollbar {
- width: 6px;
- height: 3px;
- background: {color:ScrollbarBack};}
- ::-webkit-scrollbar-thumb {
- background-color:{color:Scrollbar};}
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;}
- .popup_block{
- display: none; /*--hidden by default--*/
- background: {color:QuestionsBack};
- padding: 20px;
- border: 2px solid {color:PostBorder};
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #000;
- -moz-box-shadow: 0px 0px 20px #000;
- box-shadow: 0px 0px 20px #000;}
- .popup_block h2 {
- font-size: 22px;
- font-family: Sail;
- color: {color:PostTitle};
- text-transform:lowercase;
- margin: 0px;
- text-rendering: optimizeLegibility !important;
- -webkit-font-smoothing: antialiased !important;}
- .popup_block a {
- font-size: 9px;
- font-family: Libre Baskerville;
- color: {color:Link};
- text-decoration: none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .popup_block a:hover {
- color: {color:LinkHover};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- /* --------------------------------------
- END OF CSS STYLE
- -------------------------------------- */
- </style>
- </head>
- <body>
- <div id="headerfix"><div class="header"><a href="/"><img src="{image:Sidebar}" />
- </a></div></div></div>
- <div class="headerlinks">
- {block:PreviousPage}<a href="{PreviousPage}">← back</a> |{/block:PreviousPage}{/block:IfNotInfiniteScrolling}<a href="/">home</a> |
- <a href="/ask">ask</a> |
- {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a> |{/block:IfLink1Name}
- {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a> |{/block:IfLink2Name}
- {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a> |{/block:IfLink3Name}
- {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a> |{/block:IfLink4Name}
- {block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a> |{/block:IfLink5Name}
- {block:IfLink6Name}<a href="{text:Link6 Url}">{text:Link6 Name}</a> |{/block:IfLink6Name}
- {block:IfLink7Name}<a href="{text:Link7 Url}">{text:Link7 Name}</a> |{/block:IfLink7Name}
- <a href="http://mshiddles.tumblr.com/tagged/my-theme">theme</a>
- {block:NextPage}| <a href="{NextPage}">next →</a>{/block:NextPage}
- </div>
- <div class="container">
- <div id="sidebar">
- <div class="welcome">
- <div class="sideheader">welcome</div>
- <div class="sidetext">{description}</div></div>
- <br>
- <div class="update">
- <div class="sideheader">header 2</div>
- <div class="sidetext"><b>Date:</b> You can put whatever you would like to here.</div>
- </div></div>
- <div class="postcol">
- {block:Posts}
- <div class="posts">
- <!---------------------------------------------------
- TEXT POSTS
- ---------------------------------------------------->
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- <!---------------------------------------------------
- ANSWER POSTS
- ---------------------------------------------------->
- {block:Answer}
- <div class="question">
- <div class="asker"><img src="{AskerPortraitURL-16}" alt=""> {Asker} asked:</div>
- <div class="questions">“{Question}”</div>
- </div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <!---------------------------------------------------
- QUOTE POSTS
- ---------------------------------------------------->
- {block:Quote}
- <div class="quote">
- <div class="quotetext_{Length}"><font size="4">❝ <i>{Quote}</i> ❞</font></div>
- {block:Source}<div class="source" align="right">- {Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- <!---------------------------------------------------
- LINK POSTS
- ---------------------------------------------------->
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!---------------------------------------------------
- CHAT POSTS
- ---------------------------------------------------->
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- <!---------------------------------------------------
- PHOTO POSTS
- ---------------------------------------------------->
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- <!---------------------------------------------------
- PHOTOSET POSTS
- ---------------------------------------------------->
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- <!---------------------------------------------------
- AUDIO POSTS
- ---------------------------------------------------->
- {block:Audio}
- {block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}" align="left"></div>{/block:AlbumArt}
- <div class="audioplayer"><div class="audio">{AudioPlayerWhite}</div></div>
- <div id="audiocap">
- <div id="audioinfo">{block:Caption}{Caption} {/block:Caption}</div>
- </div>
- {/block:Audio}
- <!---------------------------------------------------
- VIDEO POSTS
- ---------------------------------------------------->
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- </div>
- <!---------------------------------------------------
- INFO POSTS
- ---------------------------------------------------->
- <div id="info">
- <a href="{Permalink}">{TimeAgo}</a> | {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}| <a href="{SourceURL}">© <a href="{SourceURL}"></a> |{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} <font color="red">❤</font> <a href="{Permalink}">{NoteCount}<a href="{ReblogURL}" target="_blank class"="details" style="float: right">[ Reblog ]</a></a>
- {block:HasTags}<div id="tags">TAGS: {block:Tags} <a href="{TagURL}">{Tag}</a>; {/block:Tags}</div>{/block:HasTags}</div>{/block:Posts}
- {block:PostNotes}<div id="notes"><left>{PostNotes}</left></div>{/block:PostNotes}
- </div>
- {/block:Posts}
- <!---------------------------------------------------
- POST INFO
- ---------------------------------------------------->
- </div>
- </div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement