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 by draculahs! :–)
- -->
- <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=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
- <meta name="color:Background" content="#f1f1f1"/>
- <meta name="color:tags" content="#f1f1f1"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Link" content="#555555"/>
- <meta name="color:container" content="#ffffff"/>
- <meta name="color:borders" content="#dddddd"/>
- <meta name="color:title" content="#333333" />
- <meta name="color:descbg" content="#f1f1f1" />
- <meta name="color:accents" content="#ffffff" />
- <meta name="color:LinkHover" content="#ae4b33" />
- <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="/">
- <!--- CSS --->
- <style type="text/css">
- html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {margin:0; padding:0; list-style:none;}
- body {
- background-color:{color:background};
- padding:0px;
- margin:0px;
- font-family: 'baskerville', serif;
- font-size:12px;
- color:{color:text};
- text-transform:none;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- a:hover {
- color:{color:linkhover};
- }
- blockquote {padding: 3px 0 3px 13px;border-left: 1px solid {color:borders};text-align:justify;}
- blockquote p {display:block!important;}
- blockquote img {max-width:220px!important;}
- #all{
- background:{color:container};
- width:400px;
- margin:auto;
- padding:40px;
- border-left:1px solid {color:borders};
- border-right:1px solid {color:borders};
- }
- #header{
- margin:auto;
- padding-top:50px;
- }
- #titlee{
- font-size:25px;
- text-align:center;
- text-transform:uppercase; color:{color:title};
- width:200px;
- margin:auto;
- }
- #desc{
- width:200px;
- text-align:center;
- margin:auto;
- padding:5px;
- background:{color:descBG};
- border:1px dotted {color:borders};
- }
- #desc a{
- color:{color:link};
- font-weight:bold;
- }
- .links {
- text-align:center; text-transform:lowercase;
- font-size:11px;font-style:italic;
- }
- .links a {
- padding:2px;
- color:black;
- margin-right:5px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .links a:hover {
- color:{color:linkhover};
- }
- #entries {
- margin-left:auto;
- margin-right:auto;
- width:400px;
- }
- /* posts style */
- .post {
- display:block;
- width:400px; display:inline-block;
- padding:0px;
- margin-top:100px;
- margin-bottom:15px;
- }
- .post a {
- font-style:12px;
- }
- .information {
- background:transparent;
- text-align:center;
- margin-top:5px;
- background:{color:accents}; border:1px solid {color:borders};
- padding:8px;
- }
- /* posts info's links */
- .information a {
- color:black;
- }.information a:hover {
- color:black;
- }
- #content:hover .information{
- margin-left:-65px;
- }
- /* note count */
- .notec {
- text-align:center;
- padding:3px;
- margin-top:10px;
- display:block;
- }
- .date {
- font-size:20px;
- font-weight:700;
- display:block;
- }
- .month {
- text-transform:uppercase;
- font-size:9px;
- font-weight:bold;
- display:block;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .month a {
- color:{color:link};
- }
- .month:hover{
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }.month:hover a{
- color:{color:linkhover};
- }
- .quote {
- font-size:20px;
- padding:20px;
- background:{color:accents};
- }
- /* ask posts style */
- .ask {
- padding-left:5px;
- padding-right:15px;
- padding-top:15px;
- padding-bottom:25px;
- background:{color:accents};
- border:1px solid {color:borders};
- }
- .ask img{
- width:30px;
- margin-top:0px;
- padding:3px;
- background:#fff;
- float:left;
- }
- #ans{
- padding:15px; margin-top:5px;
- background:{color:accents};
- border:1px solid {color:borders};
- }
- h2 {
- font-size:20px;
- padding-top:5px;
- padding-left:3px; background:{color:accents};
- padding-right:3px;
- text-align:center;
- font-weight:normal;
- margin:0px 0px 1px 0px;
- color:{color:link};
- }
- a. h2 {
- color:{color:link};
- }
- .haha {
- padding:20px;
- background:{color:accents};
- font-size:12px;
- line-height:180%;border:1px solid {color:borders};
- }
- .chat ul {
- display:block;
- list-style:none;
- margin-left:-40px;
- }
- /* chat lines style */
- .chat li {
- padding:3px;
- display:block;
- }
- /* odd lines style */
- .chat .odd {
- background:{color:third color};
- }
- /* even lines style */
- .chat .even {
- background:{color:second color};
- }
- #tags {
- font-size:12px;
- margin-top:5px;
- }
- #tags a {
- background:{color:tags};
- padding-left:1px;padding-right:1px;
- border:1px solid {color:borders};
- font-size:9px;
- margin-right:3px;
- font-weight:600;
- font-family:'open sans';
- color:{color:title};
- }
- #tags a:hover{
- background-color:{color:linkhover};
- color:{color:accents};
- }
- ol.notes {display:block; text-align:left; margin-bottom:30px;}
- ol.notes li.note{padding:1%;}
- /*custom css */
- #caption{padding:15px;margin-top:5px;text-align:left;
- background:{color:accents};
- border:1px solid {color:borders};
- }
- .post img{width:400px;}
- .audio {
- padding:5px; background:{color:accents};
- margin-bottom:55px;
- }
- .audio-album {
- position:absolute;
- width:95px;
- -webkit-transition: opacity 0.6s linear;
- opacity: 1;
- }
- .audio-player {
- opacity:1;
- filter:alpha(opacity=90);
- width:25px;
- background:white;
- height:25px;
- padding:10px;
- overflow:hidden;
- position:absolute;
- border:1px dotted {color:link};
- z-index:2;
- margin-left:25px;
- margin-top:25px;
- opacity:0;
- -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;
- }
- .audio-info {
- margin-top:7px;
- position:relative;
- margin-left:120px;
- line-height:180%;
- padding:2px;
- }
- .audio:hover .audio-player {
- 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;
- }
- #pagination{
- text-align:center;
- padding:0px; letter-spacing:1px;
- margin-top:100px;
- background-color:none;
- text-transform:uppercase;
- font-size:10px;
- }
- #pagination a {
- color:{color:link};
- }
- .pagenotes {
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- width:400px;
- text-align:left;
- }
- .pagenotes img {
- display:none!important;}
- .pagenotes li {
- list-style-type:none;
- padding:10px;
- border-bottom:1px dotted {color:borders};
- text-align:left;
- margin:0 0 0 0px;
- }
- #cred {
- text-transform:lowercase;
- font-size:8px;
- right:9px;
- text-align:center;
- bottom:9px; background:#fff;
- padding:5px;
- position:bottom right;
- letter-spacing:1px;
- position:fixed;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- #cred a {
- font-weight:300;
- color:{color:text};
- text-align:right;
- text-transform:uppercase;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- {CustomCSS}
- </style></head>
- <body>
- <div id="all">
- <div id="header">
- <div id="titlee">
- {title}</a> </div>
- <br>
- <div id="desc">{description}</div><br>
- <div class="links">
- <a href="/" >home</a>
- <a href="/ask">ask</a>
- <a href="/archive" >archive</a>
- {block:IfLink1}
- <a href="{text:link1 url}">{text:link1}</a>
- {/block:IfLink1}
- {block:IfLink2}
- <a href="{text:link2 url}">{text:link2}</a>
- {/block:IfLink2}
- {block:IfLink3}
- <a href="{text:link3 url}">{text:link3}</a>
- {/block:IfLink3}
- </div>
- </div>
- <div id="entries">
- <ol id="posts">
- {block:posts}
- <div class="post">
- <!-- text post -->
- {block:Text}
- {block:Title}
- <a href="{Permalink}">
- <h2> {Title}</h2>
- </a>
- {/block:Title}
- <div class="haha"> {Body}</div>
- {/block:Text}
- <!-- quote post -->
- {block:Quote}
- <div class="quote">
- “{Quote}” — <b><i>{Source}</i></b>
- </div>
- {/block:Quote}
- <!-- link post -->
- {block:Link}
- <a href="{URL}">
- <h2>{Name} </h2>
- </a>
- {block:Description}<div class="haha"> {Description}</div>{/block:Description}
- {/block:Link}
- <!-- photo post -->
- {block:Photo}
- <center>
- <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-400}"/></a>
- </center>
- {/block:Photo}
- <!-- photoset post -->
- {block:Photoset}
- <center>
- {Photoset-400}
- </center>
- {/block:Photoset}
- <!-- chat post -->
- {block:Chat}
- <div class="chat">
- <ul>
- {block:Lines}
- <li class="{Alt}">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- <!-- video post -->
- {block:Video}
- {Video-400}
- {/block:Video}
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
- <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- <div class="audio-info">
- {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
- {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
- </div></div>
- {/block:Audio}
- <!-- ask post -->
- {block:Answer}
- <div class="ask">
- <span style="text-transform:lowercase; "><b>{Asker}</b> asked:</span>
- {question}
- </div>
- <div id="ans"> {Answer}</div>
- {/block:Answer}
- {block:Caption}<div id="caption">
- {Caption}</div>
- {/block:Caption}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div class="information">
- <!-- posts's date -->
- {block:Date}
- <span class="month"> <a href="{Permalink}">
- {timeago}
- {block:NoteCount} <span style=" font-style:italic; font-weight:normal;color:black; text-transform:lowercase; font-family:'open sans';font-size:10px;"> (({NoteCountWithLabel}))</span></a>{/block:NoteCount}</a></span>
- <div id="tags">
- {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
- </div> {block:permalinkpage}
- {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- {/block:permalinkpage}
- </div>
- {/block:Date}
- <!-- notes count -->
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- </div>
- {/block:PostNotes}
- {/block:posts}
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}page {CurrentPage} out of {TotalPages}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div>
- </ol>
- <div id="cred">
- <a href="http://draculahs.tumblr.com/">draculahs</a>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement