Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---- theme 1 'Red Wagon' 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 'BackgroundImagePosition'.
- - The posts can either be 400px wide or 500px wide. The default is 500px. For 400px posts select '400pxPosts' under the appearance options.
- - The custom fonts for the BODY, INFO, and TAGS can be toggled OFF. Simply deselect them under the appearance options.
- - The three font options WILL NOT WORK if custom fonts are enabled.
- - The BODY font SIZE can be changed under the appearance options. DO NOT add 'px' after the number.
- - The sidebar image is 150px wide by 225px long. Any sized image will automatically be altered to fit, but may look stretched or compressed.
- - The titles that appear around the sidebar image must be entered SEPARATELY from the one on your window tab. Enter them in 'title 1' and 'title2' under the appearance options.
- - The titles can be as long as the corresponding side of the image. Any longer and they will cover your image.
- - Adding titles under those options DOES NOT change the one that appears on the tab. That one must be changed in the box above your description.
- - There are THREE extra links available. Add them under the appearance options. Keep the link names SHORT or they will run together.
- - The 'highlight' and 'highlighttext' color options refer to the background and text color that appears when you click and drag the cursor.
- 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=Mate+SC' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Arapey:400italic,400' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:entry" content="#e6e6e6"/>
- <meta name="color:entryborder" content="#000000" />
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#333333"/>
- <meta name="color:linkhover" content="#FFFFFF" />
- <meta name="color:mainlinks" content="#BBBBBB" />
- <meta name="color:mainlinkhover" content="#777777" />
- <meta name="color:extralink" content="#000000" />
- <meta name="color:extralinkhover" content="#777777" />
- <meta name="color:extralinkhovertext" content"#FFFFFF" />
- <meta name="color:infolinks" content="#FFFFFF" />
- <meta name="color:infolinkhover" content="#525252" />
- <meta name="color:infoborder" content="#000000" />
- <meta name="color:sidetext" content="#797979" />
- <meta name="color:blogtitle" content="#000000" />
- <meta name="color:scrollbar" content="#FFFFFF" />
- <meta name="color:scrollbarbackground" content="#000000" />
- <meta name="color:pagination" content="#555555" />
- <meta name="color:paginationhover" content="#999999" />
- <meta name="color:highlight" content="#FFFFFF" />
- <meta name="color:highlighttext" content="#000000" />
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content=""/>
- <meta name="if:CustomFont" content="1">
- <meta name="if:InfoCustomFont" content="1">
- <meta name="if:TagsCustomFont" content="1">
- <meta name="if:400pxPosts" content="">
- <meta name="if:BackgroundRepeat" content="">
- <meta name="font:info" content="" />
- <meta name="font:tags" content="">
- <meta name="font:body" content="">
- <meta name="text:title1" content="" />
- <meta name="text:title2" content="" />
- <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="link3"/>
- <meta name="text:bodyfont" content="12"/>
- <meta name="text:BackgroundImagePosition" content="bottom right">
- <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};
- }
- body {
- background:{color:background};
- margin:0px;
- color:{color:text};
- {block:IfCustomFont}
- font-family: 'Arapey', serif;
- {/block:IfCustomFont}
- {block:IfNotCustomFont}
- font-family:{font:body};
- {/block:IfNotCustomFont}
- font-size:{text:bodyfont}px;
- line-height:13px;
- letter-spacing:1px;
- background-image:url('{image:background}');
- background-attachment: fixed;
- background-position:{text:BackgroundImagePosition};
- {block:IfBackgroundRepeat}
- background-repeat:repeat;
- {/block:IfBackgroundRepeat}
- {block:IfNotBackgroundRepeat}
- background-repeat:no-repeat;
- {/block:IfNotBackgroundRepeat}
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -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;
- }
- ::selection {
- background: {color:highlight};
- color: {color:highlighttext};
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:1px solid {color:imgborder};
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:1px solid {color:imgborder};
- }
- h1 {
- font-family: 'Arapey', serif;
- font-size:15px;
- }
- #entries {
- padding:10px;
- {block:IfNot400pxPosts}
- width:500px;
- margin-left:375px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:400px;
- margin-left:400px;
- {/block:If400pxPosts}
- margin-top:20px;
- }
- #post {
- {block:IfNot400pxPosts}
- width:500px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:400px;
- {/block:If400pxPosts}
- padding-top:20px;
- padding-left:20px;
- padding-right:20px;
- padding-bottom:10px;
- background-color:{color:entry};
- overflow:hidden;
- border-radius: 0px 0px 0px 20px;
- border-top: 1px solid {color:entryborder};
- border-left: 1px solid {color:entryborder};
- border-right: 1px solid {color:entryborder};
- }
- #sidebar {
- position:fixed;
- {block:IfNot400pxPosts}
- margin-left:205px;
- width:150px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- margin-left:250px;
- width:130px;
- {/block:If400pxPosts}
- margin-top:300px;
- }
- #title {
- z-index:9999;
- font-size:20px;
- text-align:right;
- height:12px;
- padding-top:18px;
- padding-right:10px;
- font-family: 'Allura', cursive;
- letter-spacing:1px;
- color:{color:blogtitle};
- -webkit-transform: rotate(270deg);
- {block:IfNot400pxPosts}
- width:210px;
- margin-left:-129px;
- margin-top:-155px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:194px;
- margin-left:-120px;
- margin-top:-150px;
- {/block:If400pxPosts}
- }
- #title2 {
- z-index:9999;
- font-size:20px;
- margin-top:-29px;
- margin-left:-15px;
- text-align:left;
- height:10px;
- padding-top:15px;
- padding-left:10px;
- font-family: 'Allura', cursive;
- letter-spacing:1px;
- color:{color:blogtitle};
- {block:IfNot400pxPosts}
- width:125px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:100px;
- {/block:If400pxPosts}
- }
- #sidebarimage {
- margin-top:3px;
- {block:IfNot400pxPosts}
- width:150px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:130px;
- {/block:If400pxPosts}
- }
- #sidebarimage img {
- {block:IfNot400pxPosts}
- width:150px;
- height:225px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:130px;
- height:205px;
- {/block:If400pxPosts}
- border-radius: 0px 40px 0px 0px;
- }
- .sideback {
- {block:IfNot400pxPosts}
- width:150px;
- height:230px;
- margin-top:-230px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:130px;
- height:210px;
- margin-top:-210px;
- {/block:If400pxPosts}
- background-color:#FFFFFF;
- opacity:0;
- -webkit-transition: all 0.8s ease-out;
- -o-transition: all 0.8s ease-out;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- border-radius:0px 15px 0px 0px;
- }
- .sideback:hover{
- opacity:0.8;
- -webkit-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease-in;
- -moz-transition: all 0.8s ease-in;
- }
- #mainlink {
- {block:IfNot400pxPosts}
- width:150px;
- margin-top:3px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:130px;
- {/block:If400pxPosts}
- }
- #mainlink a {
- display:inline-block;
- margin-top:0px;
- color:{color:text};
- padding-top:2px;
- padding-bottom:7px;
- text-align:center;
- border-top:20px solid {color:mainlinks};
- font-family: 'Mate SC', serif;
- font-size:10px;
- letter-spacing: 0px;
- tex-decoration:none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- {block:IfNot400pxPosts}
- width:48px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:42px;
- {/block:If400pxPosts}
- }
- #mainlink a:hover {
- border-top:7px solid {color:mainlinks};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- .one {
- {block:If400pxPosts}
- margin-left:0px;
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- margin-left:0px;
- {/block:IfNot400pxPosts}
- height:25px;
- overflow:hidden;
- }
- .two {
- {block:If400pxPosts}
- margin-left:44px;
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- margin-left:51px;
- {/block:IfNot400pxPosts}
- margin-top:-25px;
- height:25px;
- overflow:hidden;
- }
- .three {
- {block:If400pxPosts}
- margin-left:88px;
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- margin-left:102px;
- {/block:IfNot400pxPosts}
- margin-top:-25px;
- height:25px;
- overflow:hidden;
- }
- #link {
- text-align:center;
- {block:If400pxPosts}
- width:130px;
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- width:150px;
- {/block:IfNot400pxPosts}
- height:30px;
- }
- #link a {
- {block:If400pxPosts}
- margin-right:4px;
- margin-left:4px;
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- margin-right:7px;
- margin-left:7px;
- {/block:IfNot400pxPosts}
- display:inline-block;
- padding:2px;
- font-size:9px;
- color:{color:extralink};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #link a:hover {
- background-color:{color:extralinkhover};
- color:{color:extralinktext};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- .description {
- text-align:center;
- {block:IfNot400pxPosts}
- width:124px;
- height:180px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:104px;
- height:165px;
- {/block:If400pxPosts}
- margin-top:0px;
- margin-left:0px;
- padding:13px;
- color:{color:sidetext};
- font-family: 'Arapey', serif;
- font-size:11px;
- letter-spacing:0px;
- background-color:none;
- }
- #pagination {
- {block:IfNot400pxPosts}
- width:150px;
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- width:130px;
- {/block:If400pxPosts}
- font-size:12px;
- margin-left:0px;
- font-family: 'Mate SC', serif;
- color:{color:sidetext};
- background-color:{color:mainlinks};
- }
- #pagination a{
- color:{color:sidetext};
- font-size:25px;
- font-family: 'Arapey', serif;
- }
- #info {
- text-align:right;
- margin-top:3px;
- {block:IfInfoCustomFont}
- font-family: 'Mate SC', serif;
- {/block:IfInfoCustomFont}
- {block:IfNotInfoCustomFont}
- font-family:{font:info};
- {/block:IfNotInfoCustomFont}
- font-size:10px;
- border-top:1px solid {color:infoborder};
- padding-top:5px;
- padding-bottom:5px;
- }
- #info a{
- color:{color:infolinks};
- }
- #info a:hover{
- color:{color:infolinkhover};
- }
- #tags {
- {block:IfTagsCustomFont}
- font-family: 'Arapey', serif;
- {/block:IfTagsCustomFont}
- {block:IfNotTagsCustomFont}
- font-family:{font:tags};
- {/block:IfNotTagsCustomFont}
- width:500px;
- height:auto;
- font-size:11px;
- margin-top:-4px;
- color:{color:tags};
- text-align:right;
- }
- #icon {
- float:left;
- margin-right:5px;
- padding-top:2px;
- }
- #asker {
- margin-top:0px;
- font-size:13px;
- float:right;
- padding-right:3px;
- font-family: 'Mate SC', serif;
- }
- #question {
- border: 1px solid {color:entryborder};
- font-size:10px;
- background-color:none;
- height:72px;
- padding-top:3px;
- padding-left:5px;
- padding-right:3px;
- line-height:10px;
- font-family:baskerville;
- letter-spacing:1px;
- }
- #answer {
- background-color:none;
- margin-top:10px;
- padding-left:5px;
- padding-right:5px;
- }
- .reblog {
- float:right;
- padding-top:2px;
- padding-left:2px;
- }
- #credit {
- position:fixed;
- bottom:5px;
- left:10px;
- width:15px;
- font-family:'Allura', cursive;
- font-size:15px;
- opacity:0.4;
- -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:link};
- }
- #credit:hover {
- text-transform:none;
- opacity:1;
- -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:hover {
- color:{color:link};
- }
- .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:20px;
- }
- .audio img{
- max-width: 70px;
- height: auto;
- }
- .song {
- margin-left:70px;
- margin-top:-58px;
- font-family:geneva;
- line-height:15px;
- text-transform:uppercase;
- font-size:12px;
- padding-bottom:15px;
- }
- .quotation {
- font-family: 'Love Ya Like A Sister', cursive;
- font-size:38px;
- margin-top:10px;
- }
- .quote {
- margin-top:-15px;
- }
- {CustomCSS}</style></head>
- <body>
- <div id="sidebar">
- <center>
- <div id="title2">{text:title2}</div>
- <div id="sidebarimage"><img src="{image:sidebar}">
- <div class="sideback">
- <div class="description">{Description}</div>
- <div id="link">
- <center>
- <em>
- {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}
- </em>
- </center>
- </div>
- </div>
- </div>
- </center>
- <div id="mainlink">
- <div class="one"><a href="/">Home</a></div>
- <div class="two"><a href="/ask">Askbox</a></div>
- <div class="three"><a href="/archive">Index</a></div>
- </div>
- <div id="pagination">
- <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}  {CurrentPage} · {TotalPages}  {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</center>
- </div>
- <div id="title">{text:title1}</div>
- </div>
- <div id="credit"><a href="http://farflunghopes.tumblr.com">theme</a></div>
- <div id="entries">
- {block:Posts}
- <div id="post">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}{block:IfNot400pxPosts}<img src="{PhotoURL-500}">{block:IfNot400pxPosts}{block:If400pxPosts}<img src="{PhotoURL-500}" width="400">{/block:If400pxPosts}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{block:IfNot400pxPosts}{Photoset-500}{block:IfNot400pxPosts}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quotation">"</div><div class="quote">     {Quote}"</div>{block:Source}<br>                 —{Source}{/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}{block:Lines}{block:Label}<b>{Label}</b>{/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:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="question"><div id="icon"><img src="{AskerPortraitURL-64}"></div> " {Question} " <div id="asker">~{Asker}</div></div><div id="answer">{Answer}</div>{/block:Answer}
- <div id="info">
- {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">
- {NoteCountWithLabel}</a>{block:RebloggedFrom} | via <a href="{ReblogParentURL}">{ReblogParentName}</a>,{block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{/block:RebloggedFrom} | <div class="reblog"><a href="{ReblogURL}">{ReblogButton size="10"}</a></div></div>
- <div id="tags">
- {block:HasTags}{block:Tags}   <em><a href="{TagURL}">{Tag}</a></em>{/block:Tags}{/block:HasTags}</div>
- </div>
- <BR><BR>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment