Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Descripton}
- <link rel="shortcut icon" href="{Favicon}" />
- <!----
- THEME #001 - "FALLEN" - BY LEVIATHAN
- PLEASE:
- - DO NOT STEAL
- - DO NOT USE AS A BASE
- - DO NOT REMOVE THE THEME CREDIT
- IF ANY PROBLEMS ARISE, FEEL FREE TO MESSAGE ME AT LEVIATHAN.TUMBLR.COM
- THANKS AND ENJOY c:
- --->
- <!-- DEFAULT VARIABLES -->
- <meta name="color:background" content="#ededed"/>
- <meta name="color:link" content="#919191"/>
- <meta name="color:link hover" content="#c8c8c8"/>
- <meta name="image:side1" content="http://static.tumblr.com/yzxvsol/EYwmc6csv/cas.gif"/>
- <meta name="image:side2" content="http://24.media.tumblr.com/tumblr_mbg3h2loxH1qbby7co4_250.gif"/>
- <meta name="text:title1" content="you have fallen"/>
- <meta name="text:title2" content="in every way imaginable"/>
- <meta name="text:link1" content="link 1"/>
- <meta name="text:link1 url" content=" "/>
- <meta name="text:link2" content="link 2"/>
- <meta name="text:link2 url" content=" "/>
- <meta name="text:link3" content="link 3"/>
- <meta name="text:link3 url" content=" "/>
- <!-- END DEFAULT VARIABLES -->
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC);
- @import url(http://fonts.googleapis.com/css?family=Carrois+Gothic);
- 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;
- }
- body {
- background-color:{color:background};
- }
- hr {
- border: 0;
- height: 0;
- border-top: 1px solid rgba(0, 0, 0, 0.1);
- border-bottom: 1px solid rgba(255, 255, 255, 0.3);
- }
- #outside {
- margin-left:500px;
- margin-bottom:70px;
- }
- #posts {
- opacity:.85;
- width:500px;
- font-size:11px;
- font-family:calibri;
- padding:20px;
- background-color:white;
- margin-top:40px;
- color:#bbb;
- box-shadow:0px 10px 10px -10px #ccc;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- a, a:visited, a:active {
- text-decoration:none;
- color:{color:link};
- }
- a:hover {
- color:{color:link hover};
- }
- #music {
- margin-top:30px;
- }
- #info {
- position:absolute;
- left:508px;
- width:518px;
- margin-top:-40px;
- padding:10px;
- opacity:0;
- text-transform:uppercase;
- font-family:carrois gothic;
- background-color:rgba(255, 255, 255, .9);
- border: solid 1px #dbdbdb;
- display:block;
- font-size:10px;
- text-align:center;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #posts:hover #info {
- margin-top:-20px;
- opacity:1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #posts:hover {
- opacity:.5;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #tags {
- margin-left:-50px;
- height:12px;
- width:500px;
- overflow:hidden;
- font-family:carrois gothic;
- font-size:10px;
- width:530px;
- opacity:0;
- margin-top:3px;
- margin-bottom:-12px;
- background-color:transparent;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #posts:hover #tags {
- margin-left:-10px;
- opacity:1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #note img {
- width:10px;
- position:relative;
- top:1px;
- }
- ol#note, #note li {
- width:490px;
- list-style:none;
- margin:0px 0 -1px 5px;
- padding:0px;
- }
- #note {
- width:500px;
- font-size:9px;
- font-family:calibri;
- margin-top:40px;
- margin-bottom:20px;
- color:#ababab;
- }
- #sidebar {
- position:fixed;
- left:140px;
- top:150px;
- }
- #sidebar img {
- width:220px;
- }
- #one {
- z-index:9;
- }
- #one img {
- position:absolute;
- clip:rect(0px,300px,220px,0px);
- opacity:1;
- transform: rotate(0deg) scale(1);
- -webkit-transform: rotate(0deg) scale(1);
- -moz-transform: rotate(0deg) scale(1);
- -o-transform: rotate(0deg) scale(1);
- -ms-transform: rotate(0deg) scale(1);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #two {
- position:fixed;
- opacity:.4;
- top:150px;
- left:140px;
- z-index:-9;
- }
- #sidebar:hover #one img {
- opacity:0;
- transform: rotate(360deg) scale(0.1);
- -webkit-transform: rotate(360deg) scale(0.1);
- -moz-transform: rotate(360deg) scale(0.1);
- -o-transform: rotate(360deg) scale(0.1);
- -ms-transform: rotate(360deg) scale(0.1);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #aboutt {
- position:fixed;
- opacity:0;
- left:175px;
- top:180px;
- padding:10px;
- width:130px;
- height:130px;
- font-family:calibri;
- text-align:center;
- font-size:10px;
- line-height:9px;
- color:#ababab;
- background-color:rgba(255, 255, 255, .7);
- border: solid 1px #dbdbdb;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #sidebar:hover #aboutt {
- opacity:1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- blockquote {
- margin:5px 10px;
- padding:5px;
- border-left:solid 3px #f8f8f8;
- }
- blockquote p {
- margin:3px 0px;
- padding:0px;
- }
- blockquote img {
- max-width:450px;
- }
- #next {
- position:fixed;
- left:200px;
- top:390px;
- font-family:calibri;
- text-align:center;
- width:100px;
- height:40px;
- font-size:35px;
- }
- #linkz {
- position:absolute;
- bottom:25px;
- left:0px;
- width:100%;
- }
- #linkz a {
- color:#ccc;
- display:inline;
- background-color:white;
- padding:10px;
- text-align:center;
- letter-spacing:0px;
- opacity:.7;
- text-decoration:none;
- font-family:carrois gothic;
- text-transform:uppercase;
- font-size:9px;
- line-height:-20px;
- }
- #fallen {
- position:fixed;
- left:135px;
- top:90px;
- font-family:IM Fell DW Pica SC;
- font-size:23px;
- line-height:12px;
- letter-spacing:-1px;
- transform: rotate(-6deg);
- -webkit-transform: rotate(-6deg);
- -moz-transform: rotate(-6deg)
- }
- #question {
- padding:40px;
- text-align:center;
- }
- #asker {
- font-size:14px;
- font-family:IM Fell DW Pica SC;
- }
- #pic {
- margin-top:-25px;
- }
- #from {
- text-align:right;
- font-family:IM Fell DW Pica SC;
- text-transform:lowercase;
- font-size:14px;
- }
- #link {
- font-family:IM Fell DW Pica SC;
- font-size:20px;
- text-transform:lowercase;
- }
- #mine {
- position:fixed;
- right:25px;
- bottom:20px;
- opacity:.4;
- }
- #mine img {
- max-width:30px;
- }
- </style>
- </head>
- <body>
- <!--begin main stuff -->
- <div id="mine">
- <a href="http://leviathan.tumblr.com/">
- <img src="http://static.tumblr.com/yzxvsol/621mch9t2/theme.png">
- </a>
- </div>
- <div id="fallen">
- <a href="/">{text:title1}<br> {text:title2}</a><span style="text-decoration:blink; font-size:15px;"> |</span>
- </div>
- <div id="sidebar">
- <div id="aboutt">
- {description}
- <div id="linkz">
- <a href="{text:link1 url}">{text:link1}</a><a href="{text:link2 url}">{text:link2}</a><a href="{text:link3 url}">{text:link3}</a>
- </div>
- </div>
- <div id="one">
- <img src="{image:side1}">
- </div>
- <div id="two">
- <img src="{image:side2}">
- </div>
- </div>
- <div id="next">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">+</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="outside">
- {block:Posts}
- <div id="posts">
- <div id="info">{block:RebloggedFrom}<a href="{ReblogParentURL}">via </a>- {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©</a> - {/block:ContentSource}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} - <a href="{ReblogURL}">reblog</a></div>
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img src="{PhotoURL-500}" />
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Photoset}
- {block:Quote}<div id="quote">
- {Quote}</div>
- <div id="from">
- {block:Source}- {Source}{/block:Source}</div>
- {/block:Quote}
- {block:Link}
- <div id="link"><a href="{URL}" target="{Target}">{Name}</a></div>
- {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}<div id="music">{AudioPlayerWhite}</div>
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Video}
- {block:Answer}<div id="question"><div id="asker">{Asker} asked:</div>{Question}<br><br>
- <div id="ask"><hr><div id="pic"><img src="{AskerPortraitURL-40}"></div></div></div>
- {Answer}
- {/block:Answer}
- <div id="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- </div>
- </div>
- {block:PermalinkPage}
- {block:PostNotes}
- <div id="note">{PostNotes}</div>
- {/block:PostNotes}
- {block:PermalinkPage}
- {/block:Posts}
- </div>
- <!-- end main stuff -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement