Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--- Theme #8 'Brick' by Brianna @ farflunghopes.tumblr.com
- Rules:
- 1. Do not remove the credit from the code or the theme. You may MOVE it, but leave it on the FIRST page of your blog, ie: it must be visible on the main page.
- 2. Do not redistribute this theme.
- 3. Do not steal this theme. Taking a portion of the code and adding it to your own theme/others' counts as stealing. If you want to learn how to do something, ask, and I will do my best to help you.
- 4. Do not use this theme as a base code.
- 5. If you have any problems, find glitches, or just need help, please ask me! That's not really a rule, but I'd love to help.
- Help:
- - Theme looks best in Google Chrome.
- - SAVE and REFRESH the page before changing appearance options.
- - The background image REPEAT and POSITION can be changed under the appearance options. Select or deslect 'BackgroundImageRepeat' and enter the position in 'bgimgposition'.
- - The BODY font SIZE can be changed under the appearance options. DO NOT add 'px' after the number.
- - The posts can either be 400px wide or 500px wide. The default is 400px. For 500px, deselect '400pxPosts' under the appearance options.
- - The 'highlight' and 'highlighttext' color options refer to the background and text color that appears when you click and drag the cursor.
- - The sidebar image is either 140px wide by 210px tall or 120px wide by 190px tall. Smaller images will be stretched and larger ones will be compressed.
- - There are FIVE extra links available. Add them under the appearance options. Try to keep the link names relatively short. If you need to make the links longer find '#links a:hover' and change 'Width:40px' to whatever length you want. BE SURE TO ADJUST THE 'margin-left' by the SAME amount you changed the width. Thus: If you make the width 45px you need to change the margin-left from 1px to -4px.
- Enjoy!
- --->
- <!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">
- <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}
- <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Headland+One' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <meta name="color:background" content="#FFFFFF" />
- <meta name="color:text" content="#999999" />
- <meta name="color:sidetext" content="#777777">
- <meta name="color:title" content="#888888">
- <meta name="color:link" content="#777777">
- <meta name="color:linkhover" content="#CCCCCC">
- <meta name="color:infolink" content="#555555">
- <meta name="color:infolinkhover" content="#999999">
- <meta name="color:sidelink" content="#CCCCCC">
- <meta name="color:sidelinkhover" content="#E9E9E9">
- <meta name="color:desclink" content="#888888">
- <meta name="color:desclinkhover" content="#333333">
- <meta name="color:tags" content="#E7E7E7">
- <meta name="color:tagshover" content="#FFFFFF">
- <meta name="color:postborder" content="#BBBBBB">
- <meta name="color:scrollbarbackground" content="#DDDDDD">
- <meta name="color:scrollbar" content="#999999">
- <meta name="color:highlight" content="#DDDDDD">
- <meta name="color:highlighttext" content="#111111">
- <meta name="text:bodyfontsize" content="11">
- <meta name="text:bgimgposition" content="bottom right" />
- <meta name="text:link1" content="/">
- <meta name="text:link1name" content="link 1">
- <meta name="text:link2" content="/">
- <meta name="text:link2name" content="link 2">
- <meta name="text:link3" content="/">
- <meta name="text:link3name" content="link 3">
- <meta name="text:link4" content="/">
- <meta name="text:link4name" content="link 4">
- <meta name="text:link5" content="/">
- <meta name="text:link5name" content="link 5">
- <meta name="font:body" content="">
- <meta name="font:sidebar" content="">
- <meta name="image:sidebar" content="">
- <meta name="image:background" content="">
- <meta name="if:BackgroundImageRepeat" content="" />
- <meta name="if:400pxPosts" content="1">
- <style type="text/css">
- iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- ::-webkit-scrollbar {
- width: 7px;
- background-color:{color:scrollbarbackground};
- }
- ::-webkit-scrollbar-thumb {
- width:7px;
- background-color:{color:scrollbar};
- }
- ::selection {
- background: {color:highlight};
- color: {color:highlighttext};
- }
- #s-m-t-tooltip {
- z-index: 9999;
- background:{color:background};
- font-size: 9px;
- line-height: 11px;
- font-style:italic;
- font-family:georgia;
- border: 1px solid #F0F0F0;
- text-transform: lowercase;
- color: #AAA;
- max-width: 150px;
- padding: 5px 10px 5px 10px;
- display: block;
- margin: 15px 0px 0px -50px;
- box-shadow:3px 3px 5px;
- }
- body {
- background-color:{color:background};
- color:{color:text};
- font-size:{text:bodyfontsize}px;
- font-family:{font:body};
- line-height:11px;
- background-image:url('{image:background}');
- background-attachment:fixed;
- background-position:{text:bgimgposition};
- {block:IfBackgroundImageRepeat}
- background-repeat:repeat;
- {/block:IfBackgroundImageRepeat}
- {block:IfNotBackgroundImageRepeat}
- background-repeat:no-repeat;
- {/block:IfNotBackgroundImageRepeat}
- }
- a {
- color:{color:link};
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- a:hover {
- color:{color:linkhover};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- blockquote {
- padding-left:3px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:3px;
- border-left:2px solid;
- }
- h1 {
- font-size:17px;
- font-family: 'Arizonia', cursive;
- }
- #entries {
- margin-top:-10px;
- padding-top:60px;
- padding-left:20px;
- border-left:1px solid {color:postborder};
- {block:IfNot400pxPosts}
- width:595px;
- margin-left:400px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:485px;
- margin-left:410px;
- {/block:If400pxPosts}
- }
- #content {
- border-bottom:1px solid {color:postborder};
- padding-bottom:40px;
- {block:IfNot400pxPosts}
- width:511px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:411px;
- {/block:If400pxPosts}
- }
- #post {
- padding-right:5px;
- overflow:hidden;
- border-right:7px solid {color:sidelink};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- {block:IfNot400pxPosts}
- width:500px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:400px;
- {/block:If400pxPosts}
- }
- #post:hover {
- border-right:90px solid {color:sidelinkhover};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #post:hover #info {
- opacity:1;
- {block:IfNot400pxPosts}
- margin-left:505px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- margin-left:405px;
- {/block:If400pxPosts}
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #sidebar {
- position:fixed;
- margin-top:120px;
- {block:IfNot400pxPosts}
- width:205px;
- margin-left:185px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:185px;
- margin-left:225px;
- {/block:If400pxPosts}
- }
- .content {
- margin-top:7px;
- padding-top:10px;
- padding-bottom:13px;
- border-top:1px solid {color:postborder};
- border-bottom:1px solid {color:postborder};
- {block:IfNot400pxPosts}
- width:165px;
- margin-left:50px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:145px;
- margin-left:40px;
- {/block:If400pxPosts}
- }
- #title {
- font-family: 'Arizonia', cursive;
- font-size:14px;
- padding-top:2px;
- text-align:left;
- height:10px;
- overflow:hidden;
- {block:IfNot400pxPosts}
- width:165px;
- margin-left:50px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:145px;
- margin-left:40px;
- {/block:If400pxPosts}
- }
- #title a {
- color:{color:title};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #title a:hover {
- color:{color:sidelink};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #sidebarimage {
- margin-top:-220px;
- margin-left:11px;
- {block:IfNot400pxPosts}
- width: 140px;
- height:210px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:120px;
- height:190px;
- {/block:If400pxPosts}
- }
- #sidebarimage img {
- {block:IfNot400pxPosts}
- width: 140px;
- height:210px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:120px;
- height:190px;
- {/block:If400pxPosts}
- }
- #links {
- margin-left:-38px;
- margin-top:4px;
- font-size:7px;
- height:220px;
- font-family: 'Headland One', serif;
- letter-spacing:1px;
- width:46px;
- }
- #links a {
- margin-left:39px;
- display:block;
- padding-left:5px;
- width:2px;
- color:transparent;
- overflow:hidden;
- background-color:{color:sidelink};
- {block:IfNot400pxPosts}
- height:20px;
- padding-top:10px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- height:19px;
- padding-top:8px;
- {/block:If400pxPosts}
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #links a:hover {
- width:40px;
- margin-left:1px;
- color:{color:sidelink};
- background-color:{color:sidelinkhover};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #first a {
- {block:IfNot400pxPosts}
- padding-top:10px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- padding-top:10px;
- {/block:If400pxPosts}
- }
- #description {
- margin-top:0px;
- padding-top:13px;
- text-align:right;
- color:{color:sidetext};
- font-size:10px;
- font-family:{font:sidebar};
- line-height:94%;
- {block:IfNot400pxPosts}
- margin-left:50px;
- width:150px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- margin-left:40px;
- width:130px;
- {/block:If400pxPosts}
- }
- #description a {
- color:{color:desclink};
- }
- #description a:hover {
- color:{color:desclinkhover};
- }
- #pagination {
- height:20px;
- padding-top:10px;
- bottom:0px;
- font-family:geneva;
- position:fixed;
- font-size:9px;
- text-align:center;
- padding-right:84px;
- {block:IfNot400pxPosts}
- width:512px;
- margin-left:420px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:412px;
- margin-left:430px;
- {/block:If400pxPosts}
- background-color:{color:background};
- opacity:0.4;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #pagination a {
- font-size:9px;
- font-style:italic;
- }
- #pagination:hover {
- opacity:0.9;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #info {
- position:absolute;
- width:80px;
- font-size:8px;
- text-align:right;
- margin-top:10px;
- opacity:0;
- font-style:italic;
- text-transform:uppercase;
- font-family:baskerville;
- {block:IfNot400pxPosts}
- margin-left:470px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- margin-left:370px;
- {/block:If400pxPosts}
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #info a{
- color:{color:infolink};
- }
- #info a:hover {
- color:{color:infolinkhover};
- }
- #tags {
- font-size:10px;
- text-align:center;
- margin-top:5px;
- border-top:1px dashed {color:postborder};
- padding-top:5px;
- }
- #tags a {
- color:{color:tags};
- }
- #tags a:hover {
- color:{color:tagshover};
- }
- #asker {
- font-family: 'Arizonia', cursive;
- font-size:15px;
- margin-top:-20px;
- margin-left:32px;
- }
- #question {
- border-bottom:1px solid {color:postborder};
- padding-bottom:7px;
- }
- #credit {
- position:fixed;
- bottom:5px;
- left:10px;
- width:15px;
- font-family:'Allura', cursive;
- font-size:15px;
- opacity:0.9;
- -webkit-transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- #credit a{
- color:{color:sidelink};
- }
- #credit a:hover {
- color:{color:sidelinkhover};
- -webkit-transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- .quote {
- padding-top:15px;
- padding-left:30px;
- padding-right:30px;
- font-size:12px;
- line-height:110%;
- text-align:center;
- font-family: 'Droid Sans', sans-serif;
- }
- .portrait {
- float:left;
- padding-right:5px;
- }
- #asker {
- margin-top:6px;
- font-size:15px;
- border-bottom:1px dotted {color:borders};
- padding-bottom:6px;
- font-family: 'Droid Sans', sans-serif;
- }
- #question {
- margin-top:-8px;
- border-bottom:1px solid {color:text};
- padding-bottom:7px;
- }
- .audio {
- margin-right:5px;
- width:70px;
- float:left;
- }
- .hidden {
- width:70px;
- height:73px;
- }
- .pull {
- margin-left:4px;
- margin-top:-6px;
- }
- .tumblr_audio_player {
- margin:0px;
- padding:0px;
- width:500px;
- height:50px;
- }
- .player {
- width:35px;
- height:37px;
- margin-left:10px;
- margin-top:10px;
- background-color:#999;
- overflow:hidden;
- position:absolute;
- opacity:0.7;
- background-color:#fff;
- border:7px solid #ECECEC;
- -webkit-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .player:hover {
- opacity:1;
- -webkit-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .caption {
- margin-top:18px;
- }
- .audio img{
- max-width: 70px;
- height: auto;
- }
- .song {
- margin-left:70px;
- margin-top:-57px;
- text-transform:uppercase;
- font-size:11px;
- font-family: 'Droid Sans', sans-serif;
- padding-bottom:13px;
- }
- ol.notes {
- padding:0px;
- margin-left:50px;
- list-style-type:decimal;
- border-bottom: solid 1px {color:borders};
- {block:IfNot400pxPosts}
- width:420px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:320px;
- {/block:If400pxPosts}
- }
- ol.notes li.note {
- border-top: solid 1px {color:borders};
- padding: 10px;
- font-family: 'Droid Sans', sans-serif;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note blockquote {
- border-color: {color:text};
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- {CustomCSS}</style></head>
- <body>
- <div id="sidebar">
- <div id="title"><a title="home" href="/">{Title}</a></div>
- <div class="content">
- <div id="links">
- <div id="first"><a href="/ask/">ask</a></div>
- <a href="/archive/">index</a>
- {block:IfLink1Name}
- <a href="{text:link1}">{text:link1name}</a>
- {/block:IfLink1Name}
- {block:IfLink2Name}
- <a href="{text:link2}">{text:link2name}</a>
- {/block:IfLink2Name}
- {block:IfLink3Name}
- <a href="{text:link3}">{text:link3name}</a>
- {/block:IfLink3Name}
- {block:IfLink4Name}
- <a href="{text:link4}">{text:link4name}</a>
- {/block:IfLink4Name}
- {block:IfLink5Name}
- <a href="{text:link5}">{text:link5name}</a>
- {/block:IfLink5Name}
- </div>
- <div id="sidebarimage">
- <img src="{image:sidebar}">
- </div>
- </div>
- <div id="description">{Description}</div>
- </div>
- <div id="credit"><a href="http://farflunghopes.tumblr.com">theme</a></div>
- <div id="pagination">
- {block:JumpPagination length="11"}
- {block:CurrentPage}
- <strong>{PageNumber}</strong>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- </div>
- <div id="entries">{block:Posts}<div id="content"><div id="post">
- <div id="info">
- {block:Date}<a href="{Permalink}">{ShortMonth} {DayofMonth}, {ShortYear}</a> | {/block:Date}<a href="{Permalink}">{NoteCount}</a><br />{block:RebloggedFrom}{block:ContentSource}<a title="{ReblogRootName}" href="{SourceURL}">source</a>, {/block:ContentSource}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a><br />{/block:RebloggedFrom}<a href="{ReblogURL}">reblog</a></div>
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}<center>{LinkOpenTag}{block:If400pxPosts}<img src="{PhotoURL-500}" width="400">{/block:If400pxPosts}{block:IfNot400pxPosts}<img src="{PhotoURL-500}">{/block:IfNot400pxPosts}{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}{block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div style="text-align:center; font-family: 'Droid Sans', sans-serif; padding-bottom:15px;">— {Source} —</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}</h1>{block:Lines}{block:Label}<strong>{Label} </strong>{/block:Label}{Line}<br>{/Block:Lines}{/block:Chat}
- {block:Audio}
- {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="hidden"><div class="player"><div class="pull">{AudioPlayerWhite}</div></div></div>
- <div class="song">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}<br>{PlayCountWithLabel}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Video}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}{block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div class="portrait"><img src="{AskerPortraitURL-48}"></div><div id="asker">{Asker}:</div><br><div id="question">{Question}</div><br>{Answer}{/block:Answer}
- </div>
- {block:HasTags}<div id="tags">
- {block:Tags}  <a href="{TagURL}">{Tag}</a>  {/block:Tags}</div>{/block:HasTags}</div>
- <BR /><BR /><BR /><BR />
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment