Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME #005: STRAWBERRY
- 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="#ffffff" />
- <meta name="color:text" content="#ccbfba" />
- <meta name="color:link" content="#c38f84" />
- <meta name="color:hover" content="#a4d2d5" />
- <meta name="color:posts" content="#ffffff" />
- <meta name="color:info" content="#ffffff" />
- <meta name="color:info border" content="#f7f2f2" />
- <meta name="color:info link" content="#dbd4d1" />
- <meta name="color:tags" content="#ccbfba" />
- <meta name="color:blockquote border" content="#e0d9d1" />
- <meta name="color:stext" content="#ffffff" />
- <meta name="color:page" content="#fff9f7" />
- <meta name="color:pagea" content="#d6ada4" />
- <meta name="color:slinks a" content="#ffffff" />
- <meta name="color:slinks hover" content="#c38f84" />
- <meta name="color:shadow" content="#c4a087" />
- <meta name="color:shadow2" content="#f2d9cf" />
- <meta name="color:stexta" content="#c08275" />
- <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:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background-color: {color:bg};
- color: {color:text};
- font-family: Droid Serif;
- font-size:9px;
- line-height:140%;
- }
- 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;
- }
- b, strong{ font-weight:700; color:{color:link};}
- i, em { font-weight:700;;}
- /* SIDEBAR */
- #sidebar {
- width:245px;
- padding:15px;
- height:auto;
- background-color:transparent;
- margin-top:80px;
- margin-left:182px;
- position:fixed;
- }
- #stext {
- background-color:{color:link};
- color:{color:stext};
- text-align:center;
- width:251px;
- height:37px;
- opacity:0.9;
- margin-left:-3px;
- padding:5px 0px;
- position:absolute;
- margin-top:-60px;
- font-family:'Droid Serif';
- font-size:9px;
- -moz-box-shadow:1px 1px 4px {color:shadow2};
- -webkit-box-shadow:1px 1px 4px {color:shadow2};
- box-shadow: 0px 2px 7px {color:shadow2};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- #stext:hover { opacity:1; -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- #stext a { color:{color:stexta}; }
- #stext a:hover { color:{color:stext}; }
- #sideimg {
- width:245px;
- padding:0px;
- background-color:#trans;
- }
- #sideimg:hover .links{
- opacity: 1;
- margin-left: -5px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- .links{
- margin-left: -205px;
- opacity: 0;
- margin-top: -202px;
- font-size: 10px;
- letter-spacing: 1px;
- font-family: consolas;
- background-color: transparent;
- width: 230px;
- position: absolute;
- text-transform: lowercase;
- text-align: center;
- padding: 10px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- .links a{
- margin-left: 2px;
- opacity: 0.9;
- margin-bottom: 5px;
- width: 70px;
- display: inline-block;
- padding: 2px;
- color:{color:slinks a};
- background-color: {color:slinks hover};
- -moz-box-shadow:1px 1px 3px {color:shadow};
- -webkit-box-shadow:1px 1px 3px {color:shadow};
- box-shadow: 1px 1px 3px {color:shadow};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- .links a:hover{
- color: {color:slinks hover};
- background-color:{color:slinks a};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- #pagination {
- margin-top:400px;
- background:#trans;
- width:265px;
- opacity:0.9;
- 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:page};
- padding: 2px 4px 2px 4px;
- color:{color:pagea};
- }
- #pagination a:hover {
- background-color:{color:bg};
- color:{color:pagea};
- }
- /* POSTS */
- #posts {
- width:480px;
- height:auto;
- margin-top:20px;
- position:relative;
- left: 510px;
- }
- .post {
- width:520px;
- padding:30px 15px 0px 15px;
- text-align: justify;
- background: {color:posts};
- letter-spacing:0;
- }
- .post img { margin-top:5px; }
- .right{ background:transparent; opacity:0; font-size:9px; margin-top:0px; text-align:left; margin-left:526px; 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;
- }
- .rblinks { text-transform:lowercase; color:{color:info link}; background-color:transparent; font-family:calibri; line-height:140%; padding:0px 2px 5px 22px; width:200px; text-transform:NONE; }
- .tags { text-transform:lowercase; padding-top:5px; border-top:1px solid #efefef; width:120px; margin-top:5px; color:{color:link};}
- .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;}
- .info {
- opacity:1;
- padding:5px 5px 5px 5px;
- width:500px;
- margin-left:1%;
- position:relative;
- background-color:{color:info};
- color:{color:link};
- border-top:1px solid {color:info border};
- margin-top:30px;
- margin-bottom: 35px;
- }
- .info a { color:{color:link}; }
- .datenotes {
- text-transform:uppercase;
- letter-spacing:1px;
- opacity:1;
- text-align:center;
- font-size:8px;
- font-family:consolas;}
- 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; padding-bottom:5px;}
- .quote { font-size:23px; font-family:'Homenaje'; color:{color:link}; margin-top:10px; margin-left:5px; line-height:140%; }
- .source {font-size:9px; font-family: droid serif; letter-spacing: 0px; margin-left:10px; margin-top:5px; opacity:0.7;}
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:link};
- border-top:2px solid {color:link};
- border-bottom:2px solid {color:link};
- height:auto;
- }
- ::-webkit-scrollbar-thumb:vertical:hover{
- background-color:{color:link};
- }
- ::-webkit-scrollbar-thumb:horizontal{
- background-color:{color:link};
- height:auto;
- }
- ::-webkit-scrollbar-thumb:horizontal:hover{
- background-color:{color:link};
- }
- ::-webkit-scrollbar{
- height:10px;
- width:5px;
- background-color: #trans;
- }
- /* CREDIT | DO NOT REMOVE THIS SECTION */
- .cred { font-family:tinytots; font-size:10px; bottom:0px; right:5px; position:fixed; background-color:#trans; padding:10px; -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out; }
- .cred:hover { padding-bottom:20px; -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out; }
- .cred img { opacity:0.4; }
- @font-face {
- font-family: mane;
- src: url('http://static.tumblr.com/amm1lw6/Mwqm2qtbb/pfarmafive.ttf');}
- @font-face {
- font-family: "tinytots";
- src: url('http://tinyurl.com/6rljj32');
- }
- </style>
- </head>
- <body>
- <div class="cred">
- <img src="http://www.swimchick.net/resources/website-bullets/bull7.gif"> <a href="http://hellmouths.tumblr.com">HELLMOUTHS</a></div>
- <div id="sidebar">
- <div id="sideimg"><img src="{image:sidebar}">
- <div class="links"><br>
- <a href="{text:link1 url}">{text:link1}</a>
- <a href="{text:link2 url}">{text:link2}</a><br />
- <a href="{text:link3 url}">{text:link3}</a>
- <a href="{text:link4 url}">{text:link4}</a><br />
- <a href="{text:link5 url}">{text:link5}</a>
- <a href="{text:link6 url}">{text:link6}</a><br />
- <a href="{text:link7 url}">{text:link7}</a>
- <a href="{text:link8 url}">{text:link8}</a>
- </div>
- <div id="stext">{Description}</div>
- </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="rblinks">
- <a href="{ReblogURL}" target="_blank" title="reblog this">REBLOG</a>
- {block:ContentSource}· <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</a>
- {block:RebloggedFrom}· <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}<br />
- <div class="tags">{block:HasTags}{block:Tags}
- - <a href="{TagURL}">{Tag}</a><br />
- {/block:Tags}{/block:HasTags}</div>
- </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; border:1px solid #efefef;">{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>{/block:Audio}
- <div class="info">
- <div class="datenotes">{block:Date}
- posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}</div>
- </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