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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <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}
- <head>
- <!----
- Β© LLERMANS.TUMBLR.COM | "THEME" #007
- DON'T STEAL, I'LL FIND YOU.
- DON'T REMOVE THE CREDIT!
- ---->
- <!-- VARIABLES -->
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content="" />
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Text" content="#797979" />
- <meta name="color:desctext" content="#797979" />
- <meta name="color:Bold" content="#5a8685" />
- <meta name="color:Italic" content="#94adac" />
- <meta name="color:Link" content="#94adac" />
- <meta name="color:Content BG" content="#ffffff" />
- <meta name="color:Content Border" content="#ebebeb" />
- <meta name="color:linksbg" content="#ffffff" />
- <meta name="color:pagination" content="#ffffff" />
- <meta name="color:scrollbarbg" content="#94adac"/>
- <meta name="text:Text Size" content="10px" />
- <meta name="text:pagination border" content="0px" />
- <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="/" />
- <style type="text/css">
- /* --- SCROLLBAR ---*/
- ::-webkit-scrollbar {
- width: 5px;height: 5px;
- }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 6px;display: block;background-color: {color:white};
- }
- ::-webkit-scrollbar-track-piece {
- background-color: {color:scrollbarbg};
- }
- ::-webkit-scrollbar-thumb:vertical {
- height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};
- }
- /* MAIN */
- body {
- background-color:{color:Background};
- background-image: url('{image:Background}');
- color:{color:Text};
- font-family: calibri;
- font-size: {text:Text Size};
- padding: 1px;}
- a:link, a:active {
- text-decoration:none;
- color: {color:Link}; }
- a:visited {
- text-decoration:none;
- color: {color:Link}; }
- a:hover {
- text-decoration:none;
- color: {color:Bold};}
- b, strong, .strong {color:{color:Bold};}
- blockquote {
- border-left:2px solid {color:Text};
- padding-left:6px; }
- #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
- i, em, .em {color:{color:Italic};}
- /* CONTENT */
- .contentwhole {
- width:520px;
- z-index:0;
- margin-left:500px;
- height:100%;}
- .content {
- width: 500px;
- z-index:0;
- height: auto;
- padding:10px;
- margin-top:40px;
- background-color: {color:Content BG};
- border:0px solid {color:Content Border};}
- .info {
- height:15px;
- float:center;
- padding-top:4px;
- margin-top:10px;
- opacity:0.8;
- text-align:center;
- font-size:7px;
- font-family:arial;
- letter-spacing:1px;
- background-color: {color:Info BG};
- background-image:url('{image:Info BG}');
- color:{color:Link};
- border-top: 1px solid {color:Info Border};
- width: 500px;
- text-transform:uppercase;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s; }
- .info a {
- font-size:7px; }
- .info:hover {
- opacity:1.0;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s; }
- /* SIDEBAR */
- .hover {
- width:430px;
- height:500px;
- top:50px;
- position:fixed; }
- .portrait {
- width:48px;
- height:48px;
- border:3px solid {color:Background};
- float:left;
- margin:2px;}
- .sidebarcontent {
- width:372px;
- text-align:center;
- padding:20px 20px 20px 20px;
- top:10px;
- left:10px;
- height:270px;
- position:absolute;
- background-color:#FFFFFF;
- opacity:0.0;
- z-index:3000;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .hover:hover .sidebarcontent {
- opacity:0.8;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .sidebarimage {
- width:400px;
- height:300px;
- background-image:url('{image:Sidebar Image}');
- background-repeat:no-repeat;
- border:10px solid {color:Info Border};}
- .sidebarimage2 {
- opacity:1.0;
- width:250px;
- height:relative;
- border:4px solid {color:Content Border};}
- .hover:hover .sidebarimage {
- opacity:0.7;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .sideimgborder {
- width:420px;
- height:320px;
- border:6px solid {color:Content Border};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .sideimgborder:hover {
- width:420px;
- height:430px;
- border:6px solid {color:Content Border};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .sideborder {
- width:36px;
- background-color:{color:Main Links};
- border-right:10px solid {color:Signature Color};
- opacity:0.4;
- margin:0;
- position:fixed;
- top:0px;
- height:100%;
- left:1000px; }
- #sidebar {
- width: 300px;
- height: 100%;
- display: block;
- position: fixed;
- margin-top: -10px;
- margin-left: 120px;
- background-image: url('{image:sidebar}');}
- #bite
- #bite a{
- display:block}
- #bite .death {
- margin-right:0px;
- filter: alpha(opacity = 0);
- opacity:0;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- #bite:hover .death {
- margin-left:0px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- filter: alpha(opacity = 100);
- filter: alpha(opacity = 100);
- opacity:8;}
- #icon {
- width:64px;
- height:64px;
- border:2px solid #fafafa;
- padding:5px;
- left:194px;
- margin-left:50px;
- margin-top:300px;
- position:fixed;}
- /* -- LINKS --*/
- .links {
- position:absolute;
- width:80px;
- line-height: 200%;
- text-transform: uppercase;
- position:fixed;
- opacity: 0;
- margin-left:205px;
- margin-top:-116px;
- text-align:center;
- margin-bottom:10px;
- display:block;
- padding: 0px;
- opacity:1;
- text-transform:uppercase;
- -webkit-transition:0.5s linear;}
- .links a{
- font-family:inconsolata;
- font-style:normal;
- font-size:10px;
- text-transform:uppercase;
- color:#adadad;
- display:block;
- padding-left:3px;
- margin-bottom: 1px;
- letter-spacing:0px;
- opacity:3;
- background-color:{color:linksbg};
- text-decoration:none;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- .links a:hover{
- color:#5E5E5E;
- letter-spacing:2px;
- opacity:1;
- background-color:#fff;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;}
- /* -- PAGINATION --*/
- #pagi {
- position:fixed;
- width:500px;
- text-align:center;
- margin-top:20px;
- font-family:'Cuprum';
- font-size:8px;
- letter-spacing:3px;
- text-transform:uppercase;
- font-style:normal;
- color:{color:link};
- z-index:10000;
- background-color:white;
- bottom:0;
- padding:10px;
- border-top:1px solid white;
- }
- /* -- DESC --*/
- #description {
- font-family:cambria;
- font-size:9px;
- letter-spacing:1px;
- text-align:left;
- color:{color:desctext};
- background-color: #ffffff;
- padding: 7px;
- line-height:14px;
- width:80px;
- height:auto;
- margin-left:8px;
- margin-top: 293px;
- -webkit-transition: all 0.7s;
- -moz-transition: all 0.7s;
- transition: all 0.7s;}
- /* TAGS */
- .tags {
- opacity:0.3; }
- .quote{
- background-color:#fafafa;
- padding:5px 0px;
- font-size:13px;
- font-style:italic;}
- #questions {
- text-align:left;
- text-transform:lowercase;
- font-size:10px;
- background:#fafafa;
- border-bottom:1px solid #e9e7e7;
- padding:10px;
- color:{color:text};}
- .answer {
- padding:5px 5px 0px 5px;}
- /* NAVIGATION */
- #navigation a {
- background-color: {color:Content Border};
- display:block;
- font-size:7pt;
- margin-bottom:4px;
- padding:5px;
- width:170px;
- margin-left:-7px;
- letter-spacing:0px;
- text-align:center;
- font-family:calibri;
- text-shadow:none;
- text-transform:uppercase;
- color: {color:Bold}; }
- #navigation a:hover {
- background-color: {color:Text};
- color: {color:Background};
- text-shadow:none;
- text-decoration:none;
- text-align:center;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- #audio {
- background-color: white;
- margin-left:30px;}
- .albumart img {
- float:left;
- width:70px;}
- .audiocaption {
- margin-left:50px;
- text-transform:uppercase; }
- .baslik {
- font-size: 13px;
- text-transform: uppercase;
- color: {color:accent};
- letter-spacing: 1px;
- font-family: 'Open Sans Condensed';
- padding-left: 15px;}
- .baslik a {
- color: {color:accent};}
- .baslik a:hover {
- color: {color:link hover};}
- /* EXTRAS LINKS */
- #extraslinks a {
- background-color: {color:Content BG};
- border:1px solid {color:Content Border};
- display:block;
- font-size:7pt;
- margin-bottom:2px;
- padding:5px;
- width:100px;
- margin-left:-7px;
- letter-spacing:0px;
- text-align:center;
- font-family:calibri;
- text-shadow:none;
- text-transform:uppercase;
- color: {color:Bold}; }
- #extraslinks a:hover {
- background-color: {color:bold};
- color: {color:Background};
- text-shadow:none;
- text-decoration:none;
- text-align:center;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- /* EXTRAS */
- .extras {
- width:520px;
- z-index:2000;
- padding:0px;
- letter-spacing:0;}
- .push {
- background:transparent;
- opacity:0;
- margin-top:0px;
- text-align:left;
- margin-left:520px;
- position:absolute;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- .extras:hover .push {
- opacity:1.0;
- margin-left:540px;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;}
- #postinfo{
- text-transform:lowercase;
- font-family:times;
- font-size:9px;
- text-align:left;
- word-spacing:1px;
- font-style:none;
- padding-top:10px;
- padding-left:3px;}
- .date a, .date a:link {
- text-transform:uppercase;
- padding:4px;
- padding-left:8px;
- padding-right:8px;
- color:#fff;
- background:{color:bold};}
- #tagbox{
- margin-top:10px;
- text-align:left;
- font-style:italic;
- {block:ifNotsmallerposts}
- width:500px;{/block:ifNotsmallerposts}{block:ifsmallerposts}
- width:400px;{/block:ifsmallerposts}}
- #postnotes{
- height:200px;
- overflow:auto;
- font-size:9px;
- line-height:190%;
- letter-spacing:1px;
- text-transform:lowercase; }
- #postnotes a{
- font-style:italic;}
- #postnotes img{
- display:none; }
- /* -- CREDIT -- */
- #credit {
- position:fixed;
- right:10px;
- bottom:10px;
- text-transform:uppercase;
- font:10px 'cambria';
- letter-spacing:1px;
- padding:5px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;}
- #credit:hover {
- position:fixed;
- right:10px;
- bottom:10px;
- text-transform:uppercase;
- font:10px 'cambria';
- letter-spacing:1px;
- padding:5px;
- text-shadow: 1px 1px 1px #bebebe;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;}
- </style>
- </head>
- <body>
- <div id="bite"> <div id="sidebar">
- <div id="icon"><img src="{PortraitURL-64}" /></div>
- <div class="death"><div id="description">{block:Description}{Description}{/block:Description}</div><br><br>
- <div class="links">
- {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}
- {block:IfLink4}
- <a href="{text:link4 url}">{text:link4}</a>
- {/block:IfLink4}
- </div></div>
- </div>
- </div>
- <div id="credit"><a href="http://llermans.tumblr.com/" target="_blank">LLMNS</a></div>
- <div class="contentwhole">
- {block:Posts}
- <div id="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">β</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">β</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- <div class="extras">
- <div class="push">
- <div id="extraslinks">
- <a href="{ReblogURL}" target="_blank" title="reblog this post!">REBLOG</a>
- {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
- {block:ContentSource} <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</a>
- </div> <!-- END EXTRA LINKS -->
- <!-- END TAGS -->
- </div> <!-- END PUSH -->
- <div class="content">
- {block:Text}
- {block:Title}
- {Title}
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <center><div class="quote">{Quote}</div>
- {block:Source}<br><div class="quotesource">β {Source}</div>
- {/block:Source}</center>
- {/block:Quote}
- {block:Link}
- <a href="{URL}" target="{Target}" class="ttitle"> {Name} </a>
- {block:Description} {Description} {/block:Description}
- {/block:Link}
- {block:Chat}{block:Title}<div class="baslik">{Title}</div>
- {/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label}
- {Line}<br>{/block:Lines}{/block:Chat}
- {block:AudioPlayer}<section class="top audio">{block:AlbumArt}
- <div class="albumart"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt} <div id="audio">{AudioPlayerWhite}
- <div class="audiocaption">{block:Artist}<b>Artist</b>:
- {Artist}{/block:Artist}<br>
- {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
- {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div></div></section>
- {/block:AudioPlayer}<br>
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="questions">
- {Question} - <b>{Asker}</b>
- <br />
- </div>
- <div class="answer">
- {Answer}</div>
- {/block:Answer}
- </div>
- <!--END INFO -->
- <!-- END CONTENT -->
- </div><!-- END EXTRAS -->
- <div id="postinfo">
- {block:Date}<span class="date"><a href="{Permalink}">{ShortMonth}
- {DayOfMonthWithZero}</a></span>{/block:Date}
- <span style="letter-spacing:1px;">{block:NoteCount}
- <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- <span style="font-style:italic; letter-spacing:1px;">
- {block:HasTags} #{block:Tags} <a href="{TagURL}">{Tag}
- </a> {/block:Tags}{/block:HasTags}</span>
- </div>
- <div class="note">
- {block:PostNotes}<br><bR><br><br>{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </div> <!-- END CONTENT WHOLE -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement