Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME #004: SUMMERTIME SADNESS
- by hellmouths.tumblr.com
- - DON'T REDISTRIBUTE
- - DON'T USE AS BASE
- - DON'T REMOVE CREDIT
- Contact me if there are any complications.
- -->
- <html>
- <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}
- <meta name="color:bg" content="#f8f8f8" />
- <meta name="color:text" content="#c0bebb" />
- <meta name="color:link" content="#a1b6a8" />
- <meta name="color:hover" content="#788f88" />
- <meta name="color:posts" content="#ffffff" />
- <meta name="color:info link" content="#c4bfba" />
- <meta name="color:tags" content="#e9e6e3" />
- <meta name="color:blockquote border" content="#e5e5e5" />
- <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="text:link7" content="">
- <meta name="text:link7 url" content="">
- <meta name="text:link8" content="">
- <meta name="text:link8 url" content="">
- <meta name="image:Sidebar" content="">
- <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background-color: {color:bg};
- color: {color:text};
- font-family: tahoma;
- font-size:10px;
- line-height:130%;
- }
- a, a:active, a:visited{
- text-decoration: none;
- color: {color:link};
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- a:hover{
- color: {color:hover};
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- /* SIDEBAR */
- #sidebar {
- width:245px;
- padding:15px;
- height:auto;
- background-color:{color:posts};
- margin-top:80px;
- margin-left:182px;
- position:fixed;
- }
- #sidenav {
- width:240px;
- padding:3px 15px 0 15px;
- margin:62px 0 0 182px;
- font-family:'Droid Serif';
- font-size:9px;
- background-color:#trans;
- top:0;
- text-align:center;
- position:fixed;
- }
- #sidenav a {
- display:inline-block;
- font-weight:bold;
- font-family:calibri;
- font-size:10px;
- text-transform:uppercase;
- padding:5px 3px 5px 3px;
- background-color:#trans;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- #sidenav a:hover {
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- #sideimg {
- width:245px;
- padding:0px;
- background-color:white;
- }
- #links { font-family:calibri; font-size:9px; text-align:center; margin-top:10px; margin-bottom:5px; text-transform:uppercase; font-weight:bold;}
- #links a { color:{color:link}; padding-right:10px;}
- #links a:hover { color:{color:hover}; font-style:underline; }
- .desc {
- padding:15px 0 5px 0;
- width:235px;
- font-family:'Droid Serif';
- background-color:transparent;
- font-size:9px;
- text-align:justify;
- border-top:1px solid {color:bg};
- }
- #pagination {
- margin-top:450px;
- width:265px;
- height:25px;
- margin-left:185px;
- position:fixed;
- color:{color:text};
- text-align:center;
- line-height:20px;
- font-family:calibri;
- font-size:10px;
- }
- #pagination a {
- text-decoration:none;
- background-color:{color:posts};
- padding: 2px 4px 2px 4px;
- color:#c4c4c4;
- }
- #pagination a:hover {
- background-color:{color:info};
- color:#c4c4c4;
- }
- /* POSTS */
- #posts {
- width:480px;
- height:auto;
- margin-top:20px;
- position:relative;
- left: 510px;
- }
- .post {
- width:520px;
- padding:20px 15px;
- text-align: justify;
- background: {color:posts};
- letter-spacing:1;
- }
- .post img { margin-top:5px; }
- #tags { font-family:calibri; font-size:9px; margin-top:30px; padding:5px 10px; border-top:1px solid {color:bg}; border-left:1px solid {color:bg}; opacity:0.7; text-transform:lowercase; font-style:italic;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out; }
- #tags:hover { opacity:1;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out; }
- .info {
- opacity:0.7;
- padding:5px 5px 7px 10px;
- width:300px;
- margin-left:45%;
- position:relative;
- background-color:{color:posts};
- margin-top:1px;
- margin-bottom: 25px;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- .info:hover { opacity:1; }
- .info a { color:{color:info link}; }
- .datenotes {
- text-transform:uppercase;
- letter-spacing:1px;
- opacity:1;
- text-align:right;
- font-size:8px;
- font-family:'Mane';}
- blockquote {
- margin-left: 10px;
- border-left: 1px solid {color:blockquote border};
- padding-left:8px;
- }
- .caption {
- margin-left:10px;
- }
- h1, h2 { font-size:20px; font-family:'Homenaje'; color:{color:link}; margin-top:0px; border-bottom:1px solid {color:bg}; padding-bottom:15px; text-align:left;}
- .quote { font-size:23px; font-family:'Homenaje'; color:{color:link}; margin-top:10px; margin-left:5px; padding-bottom:15px;}
- .source {font-size: 8px; font-family: 'Mane'; letter-spacing: 0px; margin-left:390px; margin-top:5px; opacity:0.7;}
- .h3 {font-family:'Droid Serif'; line-height: 100%; font-size:18px; color: {color:post}; text-shadow: 2px 0px {color:link};}
- .h3a {font-family: {text:title font}; line-height: 100%; font-size:20px; color: {color:post}; }
- .right{ background:transparent; opacity:0; font-size:8px; margin-top:-20px; text-align:left; margin-left:536px; position:absolute;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- .zach { text-transform:lowercase; color:{color:text}; background-color:{color:posts}; font-family:'Mane'; line-height:140%; padding:3px 2px 5px 7px; width:35px; text-transform:uppercase; }
- .post:hover .right { opacity:1;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;}
- /* CREDIT | DO NOT REMOVE THIS SECTION */
- .cred {font-size:9px; font-family:'Droid serif'; letter-spacing:1px; opacity:1; text-transform:uppercase; bottom:0px; right:10px; position:fixed; background-color:{color:posts}; padding:10px; -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out; }
- .cred:hover { padding-bottom:20px; -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out; }
- /* VARIOUS */
- @font-face {
- font-family: mane;
- src: url('http://static.tumblr.com/amm1lw6/Mwqm2qtbb/pfarmafive.ttf');}
- </style>
- </head>
- <body>
- <div class="cred">
- © <a href="http://hellmouths.tumblr.com">HELLMOUTHS</a>
- </div>
- <div id="sidenav">
- <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>
- </div>
- <div id="sidebar">
- <div id="sideimg"><img src="{image:sidebar}"></div>
- <div id="links">
- <a href="{text:link6 url}">{text:link6}</a>
- <a href="{text:link7 url}">{text:link7}</a>
- <a href="{text:link8 url}">{text:link8}</a>
- </div>
- <div class="desc">{Description}</div>
- </div>
- <div id="pagination">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {block:JumpPagination length="6"}{block:CurrentPage}
- <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
- </div>{/block:Pagination} </div><br>
- <div id="posts">
- {block:Posts}
- <div class="post">
- <div class="right">
- <div class="zach">
- {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}<br />
- <a href="{ReblogURL}" target="_blank" title="reblog this">reblog</a>
- <br />
- - {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}</div>
- </div>
- {block:Text}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <center><h1><a href="{URL}" class="link" {Target}>{Name}</a></h1></center>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<p>
- {block:Lines}<div style="background: {color:info}; color: {color:text}; padding: 5px; width:500px; margin-left:5px; border-bottom: 1px solid {color:posts}">{block:Label}<span style="color: {color:link}; text-transform: uppercase; letter-spacing: 1px">{Label}</span>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
- {block:Video}
- <center>{Video-500}</center>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {block:Answer}<div style="color: {color:text}; background: {color:bg}; padding: 15px">{Asker}: {Question}</div><br><p>{Answer}{/block:answer}
- {block:Audio}
- {block:AlbumArt}
- <img src="{AlbumArtURL}" height="100px">
- {/block:AlbumArt}<div style="margin-top: -103px; margin-left: 102px; background: {color:link}; font-family: 'Droid Serif'; width: 348px; border-bottom: 2px solid {color:posts}; color: {color:posts}; text-align: left; font-size: 10px; height: 8px; padding: 26px 25px; letter-spacing: 2px;">{block:trackname}{TrackName}{/block:TrackName} ⋅ {block:Artist}{Artist}{/block:Artist}
- </div>
- <div style="background-color:#e4e4e4; width: 388px; padding: 5px; margin-left: 102px;">{AudioPlayerGrey}</div>
- <p>
- {block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:HasTags}<div id="tags">{block:Tags}
- #<a href="{TagURL}">{Tag}</a>
- {/block:Tags}</div>{/block:HasTags}
- </div>
- <div class="info">
- <div class="datenotes">{block:Date}
- posted <a href="{Permalink}">{TimeAgo}</a> - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}</div>
- </div>
- {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement