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 noelandcam
- - edit all you want, but please leave the credit where it is
- - do not use as a base theme
- - if you have any questions ask them here:
- noelandcam.tumblr.com/asksubmit
- --------------------------------------------------------------------->
- <html>
- <head>
- <!----- DEFAULT VARIABLES ----->
- <meta name="image:sidebar" content="">
- <meta name="color:bg" content="#FFFFFF">
- <meta name="color:text" content="#747474">
- <meta name="color:link" content="#757575">
- <meta name="color:linkhover" content="#A8A8A8">
- <meta name="color:taglink" content="#999999">
- <meta name="color:taglinkhover" content="#222222">
- <meta name="color:italics" content="#cbb2b8">
- <meta name="color:bolds" content="#6ca2ae">
- <meta name="color:tagheartcolor" content="#cbb2b8">
- <meta name="color:scrollbar" content="#f9f9f9">
- <meta name="color:subnavlink" content="#666666" />
- <meta name="color:subnavlinkhover" content="#666666" />
- <meta name="color:subnavlinkbg" content="#fafafa" />
- <meta name="color:subnavlinkbghover" content="#e8e8e8" />
- <meta name="color:sidebarheader" content="#fafafa" />
- <meta name="color:sidebarheaderclr" content="#666666" />
- <meta name="text:Link1" content="">
- <meta name="text:Link1 URL" content="/">
- <meta name="text:Link2" content="">
- <meta name="text:Link2 URL" content="/">
- <meta name="text:Link3" content="">
- <meta name="text:Link3 URL" content="/">
- <meta name="text:Link4" content="">
- <meta name="text:Link4 URL" content="/">
- <meta name="text:Link5" content="">
- <meta name="text:Link5 URL" content="/">
- <meta name="text:Link6" content="">
- <meta name="text:Link6 URL" content="/">
- <meta name="if:InvertedTumblrControls" content="1" />
- <script src="//use.edgefonts.net/euphoria-script;rouge-script.js"></script>
- <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>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script src="http://static.tumblr.com/2lqtwbf/hvAmqluuv/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <script type="text/javascript">
- function unhide(description) {
- var item = document.getElementById(description);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- function unhide(links) {
- var item = document.getElementById(links);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- function unhide(ask) {
- var item = document.getElementById(ask);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
- <style>
- {block:ifInvertedTumblrControls}
- iframe#tumblr_controls{
- position:fixed !important;
- right:0px !important;
- opacity:0.4;
- z-index:999;
- -webkit-filter:invert(100%);
- }
- {/block:ifInvertedTumblrControls}
- *, body, a, a:hover {
- cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;
- } /* if you don't want the small cursor simply delete this line of code */
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:30px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: {color:scrollbar};
- height:5px!important;
- }
- ::-webkit-scrollbar {
- background-color: {color:bg};
- height:5px; width:5px;
- }
- ::-moz-selection {background: #fafafa;}
- ::selection {background: #fafafa;}
- #s-m-t-tooltip{
- max-width: 500px;
- z-index: 10000000000000000000000000000000000;
- margin: 10px 14px 7px 10px;
- font-family: calibri;
- font-size: 8px;
- font-weight:300;
- line-height:120%;
- color: #666;
- letter-spacing: 1px;
- text-transform: uppercase;
- padding: 4px 3px 3px;
- background-color: #fbfbfb; /* fallback if rgba not supported */
- border: 1px solid #f9f9f9;
- }
- body {
- background-color: {color:bg};
- color: {color:text};
- font-family: calibri;
- font-size: 10px;
- line-height: 90%;
- }
- a {
- color: {color:link};
- text-decoration: none;
- }
- a:hover {
- color: {color:linkhover};
- text-decoration: none;
- }
- h1, h2, h3, h4, h5 {
- font-family: calibri;
- font-size: 10px;
- font-weight: lighter;
- line-height: 100%;
- border-bottom: 1px solid #fafafa;
- padding: 8px 10px;
- }
- #container {
- width: 900px;
- margin: 0 auto;
- }
- #sidebar {
- width: 245px;
- float: left;
- position: fixed;
- margin-left: 80px;
- margin-top: 100px;
- }
- #title {
- text-align: center;
- font-family: arial;
- font-size: 8px;
- font-weight: lighter;
- letter-spacing: 6px;
- line-height: 100%;
- text-transform: uppercase;
- }
- #si img {
- width: 245px;
- height: auto;
- margin-top: 5px;
- margin-bottom: 5px;
- z-index: 1;
- position: relative;
- }
- #navigation {
- background: #fafafa;
- width: 245px;
- text-align: center;
- padding-top: 5px;
- padding-bottom: 5px;
- margin-bottom: 5px;
- }
- #navigation a {
- text-transform: lowercase;
- font-family: calibri;
- font-size: 10px;
- margin: 0 2px;
- color: {color:navlink};
- text-decoration: none;
- }
- #navigation a:hover {text-decoration: underline;}
- #description {
- background: #fafafa;
- text-align: center;
- font-family: calibri;
- font-size: 10px;
- line-height: 90%;
- margin-bottom: 5px;
- padding: 10px;
- }
- #pagination {
- width: 245px;
- height: 15px;
- }
- #pagination #previous, #pagination #next {
- font-family: calibri;
- font-size: 10px;
- background: #fafafa;
- padding: 5px 2px;
- text-align: center;
- width: 115px;
- float: left;
- }
- #pagination #previous {margin-right: 2px;}
- #pagination #next {margin-left: 5px;}
- #posts {
- width: 500px;
- float: right;
- border-left: 1px solid #F1F1F1;
- padding-left: 35px;
- }
- .entries {
- margin-top: 30px;
- }
- #info {
- margin-top: 20px;
- border-top: 1px solid #fafafa;
- color: {color:text};
- font-family: calibri;
- font-size: 10px;
- text-align: center;
- text-transform: lowercase;
- line-height: 0%;
- }
- .subinfo {
- background: {color:bg};
- padding: 4px;
- }
- #tags {
- margin-top: 3px;
- margin-bottom: 50px;
- font-family: calibri;
- font-size: 10px;
- text-align: center;
- line-height: 140%;
- width: 500px;
- }
- #tags a {margin: 0 6px;}
- /* ASK POSTS */
- #question{
- width: 480px;
- padding: 10px 10px 12px 10px;
- margin: auto;
- font: 9px arial;
- line-height: 95%;
- background: #fafafa;
- position: relative;
- margin-bottom: 20px;
- border-bottom: 1px solid #f9f9f9;
- text-align: justify;
- }
- .askpic{
- width: 16px;
- height: 16px;
- padding: 0px;
- margin: 0px;
- background-color: transparent;
- position: absolute;
- bottom: -8px;
- left: 50%;
- -webkit-transform: translate(-50%,0);
- -moz-transform: translate(-50%,0);
- -o--transform: translate(-50%,0);
- -ms-transform: translate(-50%,0);
- transform: translate(-50%,0);
- }
- .askpic img{
- width: 12px;
- height: 12px;
- margin: auto;
- padding: 2px;
- background-color: #fff;
- border: 1px solid #f9f9f9;
- }
- .asker {
- font: 8px arial;
- letter-spacing: 4px;
- color: #999;
- padding: 0px 0px 2px 0px;
- border-bottom: 1px solid #fff;
- text-transform: uppercase;
- margin-bottom: 2px;
- font-style: normal;
- }
- .quest {
- font-family: calibri;
- font-size: 10px;
- color: {color:text};
- font-style: normal;
- line-height: 90%;
- padding-top: 10px !important;
- }
- #answer {
- width: 500px;
- margin: auto;
- margin-top: 5px;
- padding: 0px;
- }
- /* AUDIO POSTS */
- .audio img {
- max-width: 50px;
- float: left;
- margin-right: 5px;
- border: 5px solid #f9f9f9;
- }
- .player {
- background-color: #fff;
- height: 25px;
- width: 25px;
- padding: 5px;
- margin-left: 85px;
- margin-top: 10px;
- overflow: hidden;
- position: absolute;
- margin-left: 13px;
- margin-top: 13px;
- opacity: .2;
- transition: 0.5s;
- -moz-transition: 0.5s;
- -webkit-transition: 0.5s;
- -o-transition: 0.5s;
- }
- .player:hover {opacity: .7;}
- /* CHAT POSTS */
- .user_1, .user_3, .user_5, .user_7, .user_7 , .user_9 .user_11 {
- background-color: #fafafa;
- margin-right: 0;
- color: {color:text};
- padding: 5px;
- }
- .user_2, .user_4, .user_6, .user_8, .user_10, .user_12 {
- background-color: {color:bg};
- color: {color:text};
- margin-right: 0;
- padding: 5px;
- }
- ul.chat, ol.chat {
- list-style: none;
- margin: 0px;
- padding: 5px;
- }
- span.chatlabel {
- text-transform: uppercase;
- font-family: calibri;
- font-size: 8px;
- letter-spacing: 1px;
- }
- /* LINKS */
- #linkpost {
- background: #fafafa;
- padding: 8px 10px;
- text-align: center;
- font-family: arial;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #linkpost:hover {
- letter-spacing: 2px;
- background: #fcfcfc;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /* QUOTES */
- .quotemark {
- font-family: georgia;
- font-size: 30px;
- color: {color:hover};
- margin: 5px 10px 0 0;
- opacity: 0.2;
- width: 10px;
- position: relative;
- top: 0;
- left: 0;
- }
- .quote {
- font-family: calibri;
- font-size: 15px;
- color: {color:text};
- margin-left: 30px;
- margin-top: -13px;
- margin-bottom: 0;
- }
- .source {
- text-align: right;
- font-family: arial;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- color: #666;
- padding-top: 5px;
- margin-top: 10px;
- }
- /* NOTES ON PERMALINK PAGE */
- ol.notes {
- padding:70px;
- background-color: #ffffff;
- padding:0px;
- margin:-10px 0px;
- font-family:arial;
- font-size: 9px;
- width: 500px;
- list-style-type:none;
- }
- ol.notes li.note {
- padding: 10px;
- }
- ol.notes li.note img.avatar {
- vertical-align:-4px;
- border-radius:100%;
- margin-right:10px;
- width:16px;
- height:16px;
- }
- ol.notes li.note span.action {
- font-weight:normal;
- }
- ol.notes li.note .answer_content {
- font-weight:normal;
- }
- ol.notes li.note blockquote {
- padding:9px 6px 9px 6px;
- margin:10px 0px 0px 25px;
- }
- /* WHATEVER */
- blockquote {
- text-align: left;
- border-left: 1px solid #fafafa;
- padding-left: 8px;
- margin-left: 5px;
- }
- #credit {
- left: 20px;
- bottom: 20px;
- position: fixed;
- }
- #credit a {
- color: #666;
- background: #efefef;
- border: 1px solid #e5e5e5;
- padding: 2px 2px;
- text-align: center;
- font-family: calibri;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- #credit a:hover {
- background: #eaeaea;
- }
- {CustomCSS}
- </style>
- <body>
- <div id="credit">
- <a href="http://sydneysthemes.tumblr.com/" target="blank" title="Sydney's Themes">©</a>
- </div>
- <div id="container">
- <!----- SIDEBAR ----->
- <div id="sidebar">
- <div id="title">{Title}</div>
- <div id="si"><img src="{image:sidebar}" title="{Title}"/></div>
- <div id="navigation">
- <a href="{text:Link1 URL}">{text:Link1}</a>
- <a href="{text:Link2 URL}">{text:Link2}</a>
- <a href="{text:Link3 URL}">{text:Link3}</a>
- <a href="{text:Link4 URL}">{text:Link4}</a>
- <a href="{text:Link5 URL}">{text:Link5}</a>
- <a href="{text:Link6 URL}">{text:Link6}</a>
- </div>
- <div id="description">
- {Description}
- </div>
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <div id="previous">
- <a href="{PreviousPage}">previous</a>
- </div>
- {/block:PreviousPage}
- {block:NextPage}
- <div id="next">
- <a href="{NextPage}">next</a>
- </div>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <!----- ENTRIES ----->
- <div id="posts">
- {block:Posts}
- <div class="entries">
- <!----- TEXT POST ----->
- {block:Text}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {Body}
- {/block:Text}
- <!----- PHOTO POST ----->
- {block:Photo}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- <!----- PHOTOSET POST ----->
- {block:Photoset}
- {Photoset-500}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- <!----- QUOTE POST ----->
- {block:Quote}
- <div class="quotemark">❝</div>
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="source">— {Source}</div>
- {/block:Source}
- {/block:Quote}
- <!----- LINK POST ----->
- {block:Link}
- <div id="linkpost">
- <a href="{URL}">{Name}</a>
- </div>
- {block:Description}<p>{Description}</p>{/block:Description}
- {/block:Link}
- <!----- CHAT POST ----->
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">{block:Label}<span class="chatlabel">{Label}</span>{/block:Label} {Line}</li>
- {/block:Lines}</ul>
- {/block:Chat}
- <!----- VIDEO POST ----->
- {block:Video}
- <div class="post_video">
- {Video-500}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Video}
- <!----- AUDIO POST ----->
- {block:Audio}
- {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
- <div class="player">{AudioPlayerWhite}</div>
- <div style="font-size: 9px; margin-top: 8px; margin-left: 10px; text-transform: uppercase; line-height: 11px; padding-top: 6px;">
- {block:Artist}<b>Artist</b>: {Artist}{/block:Artist}<br />
- {block:Album}<b>Album</b>: {Album}{/block:Album}<br />
- {block:TrackName}<b>Song</b>: {TrackName}{/block:TrackName}<br />
- <b>Plays</b>: {FormattedPlayCount}</div><br/>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <!----- ASK POST ----->
- {block:Answer}
- <div id="question">
- <span class="asker">{Asker}:</span>
- <span class="quest">{Question}</span><br>
- <div class="askpic">
- <img src="{AskerPortraitURL-64}">
- </div>
- </div>
- {Answer}
- {/block:Answer}
- <!----- DATE/NOTES/TAGS ----->
- <div id="info">
- <span class="subinfo">
- {block:Date}<a href="{Permalink}" title="{TimeAgo}">{MonthNumberWithZero}.{DayOfMonthWithZero}</a>{/block:Date}{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:RebloggedFrom}{block:ContentSource} + <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
- </span>
- </div>
- <div id="tags">
- {block:HasTags}
- {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- </div>
- <div class="note">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement