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">
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <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}
- <!----
- agleerph / #14: loveless.
- --->
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="image:Pattern" content=""/>
- <meta name="color:Pattern Alt" content=""/>
- <meta name="color:Background" content=""/>
- <meta name="color:Blockquote" content=""/>
- <meta name="color:Border" content=""/>
- <meta name="color:Entries" content=""/>
- <meta name="color:Link" content=""/>
- <meta name="color:Navigation" content=""/>
- <meta name="color:Navigation Hover" content=""/>
- <meta name="color:Navigation Links" content=""/>
- <meta name="color:Pre BG" content=""/>
- <meta name="color:Pre Border" content=""/>
- <meta name="color:Pre Text" content=""/>
- <meta name="color:Question1" content=""/>
- <meta name="color:Question2" content=""/>
- <meta name="color:Scrollbar1" content=""/>
- <meta name="color:Scrollbar2" content=""/>
- <meta name="color:Sidebar" content=""/>
- <meta name="color:Tab Background" content=""/>
- <meta name="color:Tab Text" content=""/>
- <meta name="color:Text" content=""/>
- <meta name="color:Title" content=""/>
- <meta name="text:nav tab description" content="/"/>
- <meta name="text:link one URL" content="/"/>
- <meta name="text:link one text" content="link one text"/>
- <meta name="text:link two URL" content="/"/>
- <meta name="text:link two text" content="link two text"/>
- <meta name="text:link three URL" content="/"/>
- <meta name="text:link three text" content="link three text"/>
- <meta name="text:link four URL" content="/"/>
- <meta name="text:link four text" content="link four text"/>
- <meta name="text:link five URL" content="/"/>
- <meta name="text:link five text" content="link five text"/>
- <meta name="text:main title" content="this is your main title"/>
- <meta name="text:subtitle" content="this is your subtitle"/>
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Scrollbar2};
- }
- ::-webkit-scrollbar {
- height:3px;
- width:3px;
- background-color:{color:Scrollbar1};
- }
- body {
- background: {color:Background};
- font-family: cambria;
- font-size: 10px;
- line-height:14px;
- color: {color:Text};
- background-image:url('{image:Background}');
- background-attachment:fixed;
- }
- blockquote {
- border-left:1px solid {color:blockquote};
- padding: 2px 10px;
- margin: 10px;
- }
- li {
- padding-left: 1.2em;
- list-style: none;
- }
- li:before {
- color: {color:title};
- content: "\f105";
- font-family: FontAwesome;
- font-size:10px;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- a {
- text-decoration: none;
- color: {color:Link};
- }
- pre {
- font-family:cambria;
- font-size:9px;
- padding:5px;
- text-transform:uppercase;
- border-bottom:1px solid {color:Pre Border};
- text-align:center;
- color:{color:Pre Text};
- background-color:{color:Pre BG};
- word-wrap:break-word;
- }
- pre a {
- color:{color:pre text};
- }
- pre b,strong {
- color:{color:pre text};
- }
- pre i,em {
- color:{color:pre text};
- }
- small, sub {
- font-size:10px;
- }
- b, strong {
- color:{color:Title};
- }
- #topbar {
- position:fixed;
- margin-left:20px;
- margin-top:529px;
- border:1px solid {color:border};
- background-color:{color:sidebar};
- width:380px;
- height:29px;
- padding:10px;
- }
- #main {
- font-size:18px;
- font-weight:300px;
- text-transform:lowercase;
- text-align:right;
- color:{color:title};
- }
- #sub {
- text-transform:lowercase;
- font-size:10px;
- text-align:right;
- color:{color:text};
- }
- #sidephoto {
- position:fixed;
- margin-left:24px;
- margin-top:24px;
- border:1px solid {color:border};
- width:180px;
- height:500px;
- }
- #backbar {
- position:fixed;
- margin-left:20px;
- margin-top:20px;
- width:400px;
- height:508px;
- border:1px solid {color:border};
- background-image:url('{image:Pattern}');
- background-color:{color:pattern alt};
- background-attachment:fixed;
- }
- #sidebar {
- position:fixed;
- margin-top:24px;
- margin-left:209px;
- border:1px solid {color:border};
- width:207px;
- height:417px;
- background-color:{color:Sidebar};
- padding:0px;
- line-height:12px;
- text-align:justify;
- }
- #tabbar {
- width:auto;
- }
- #pagination {
- margin-top:15px;
- font-size:14px;
- font-family:cambria;
- letter-spacing:0px;
- line-height:16px;
- text-align:center;
- text-transform:lowercase;
- color:{color:text};
- }
- #pagination a {
- color:{color:link};
- }
- #navbar {
- margin-left:209px;
- margin-top:446px;
- width:207px;
- background-color:{color:sidebar};
- border:1px solid {color:border};
- height:78px;
- position:fixed;
- }
- #navigation {
- margin-top:3px;
- text-align:center;
- }
- #navigation a {
- display:inline-block;
- text-align:center;
- width:63.5px;
- height:70px;
- line-height:71px;
- text-transform:lowercase;
- font-family:cambria;
- font-size:9px;
- margin-bottom:3px;
- border:1px solid {color:border};
- background-color:{color:navigation};
- color:{color:navigation links};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #navigation a:hover {
- color:{color:navigation 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;
- }
- #entries {
- position:absolute;
- width:528px;
- margin-left:520px;
- padding:0px;
- margin-top:30px;
- }
- #entrybg {
- padding:3px;
- margin-bottom:20px;
- background-color:{color:pattern alt};
- border:1px solid {color:Border};
- background-image:url('{image:Pattern}');
- background-attachment:absolute;
- }
- #entry {
- background-color:{color:Entries};
- margin-bottom:0px;
- padding:8px;
- border:1px solid {color:Border};
- }
- #posttitles {
- text-align: center;
- font-size: 14px;
- line-height:130%;
- text-transform:uppercase;
- font-family:cambria;
- font-weight:300;
- padding:0px;
- color: {color:title};
- }
- #posttitles a {
- color:{color:title};
- }
- #ask {
- z-index:10;
- font-family:cambria;
- font-size:16px;
- text-align:center;
- text-transform:lowercase;
- color:{color:question2};
- background-color:{color:question1};
- margin-right:0px;
- padding:10px;
- padding-left:10px;
- border-bottom:1px solid {color:text};
- }
- #ask a {
- color:{color:question2};
- }
- #question {
- background-color:{color:Question1};
- color:{color:Question2};
- font-size:10px;
- z-index:10;
- text-align:center;
- padding:10px;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .newplayerbutton {
- position: relative;
- width: 19px;
- height: 19px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -18px;
- left: -7px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- overflow: hidden;
- width: 79px;
- height: 79px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-left: 90px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- #permalink {
- text-align: right;
- border-top: 1px solid {color:Border};
- border-bottom:1px solid {color:Border};
- background-color:{color:entries};
- position: relative;
- font-size:9px;
- letter-spacing:0px;
- text-transform:lowercase;
- font-family:cambria;
- margin-top: 3px;
- margin-left:-3px;
- margin-right:-3px;
- padding-right:10px;
- padding-bottom:5px;
- padding-top: 5px;
- }
- /* tabs from http://tympanus.net/ */
- .tabs {
- position: relative;
- margin-left:3px;
- margin-top:3px;
- width:214px;
- }
- .tabs input {
- position: absolute;
- z-index: 1000;
- width: 125px;
- height: 10px;
- left: 0px;
- top: 0px;
- opacity: 0;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
- filter: alpha(opacity=0);
- cursor: pointer;
- }
- .tabs input#tab-2{
- left: 80px;
- }
- .tabs input#tab-3{
- left: 120px;
- }
- .tabs input#tab-4{
- left: 360px;
- }
- .tabs label {
- margin-top:0px;
- line-height: 25px;
- height: 25px;
- position: relative;
- padding:5px;
- float: left;
- display: block;
- margin-right:3px;
- width: 87px;
- color: {color:tab text};
- font-family:cambria;
- text-transform:lowercase;
- font-size:9px;
- letter-spacing:0px;
- top: 0px;
- border-top:1px solid {color:border};
- border-right:1px solid {color:border};
- border-left:1px solid {color:border};
- border-bottom:1px solid {color:border};
- text-align: center;
- background-color:{color:tab background};
- }
- .tabs label:after {
- webkit-transition: top linear 0.2s;
- -moz-transition: top linear 0.2s;
- -o-transition: top linear 0.2s;
- -ms-transition: top linear 0.2s;
- transition: top linear 0.2s;
- }
- .tabs input:hover + label {
- -webkit-transition: top linear 0.2s;
- -moz-transition: top linear 0.2s;
- -o-transition: top linear 0.2s;
- -ms-transition: top linear 0.2s;
- transition: top linear 0.2s;
- }
- .tabs input:hover + label:after{
- webkit-transition: top linear 0.2s;
- -moz-transition: top linear 0.2s;
- -o-transition: top linear 0.2s;
- -ms-transition: top linear 0.2s;
- transition: top linear 0.2s;
- }
- .tabs input:hover + label ~ .clear-shadow {
- -webkit-transition: top linear 0.2s;
- -moz-transition: top linear 0.2s;
- -o-transition: top linear 0.2s;
- -ms-transition: top linear 0.2s;
- transition: top linear 0.2s;
- }
- .tabs input:checked:hover + label {
- webkit-transition: top linear 0.2s;
- -moz-transition: top linear 0.2s;
- -o-transition: top linear 0.2s;
- -ms-transition: top linear 0.2s;
- transition: top linear 0.2s;
- }
- .tabs input:checked:hover + label:after{
- webkit-transition: top linear 0.2s;
- -moz-transition: top linear 0.2s;
- -o-transition: top linear 0.2s;
- -ms-transition: top linear 0.2s;
- transition: top linear 0.2s;
- }
- .tabs input:checked:hover + label ~ .clear-shadow {
- -webkit-transition: none;
- -moz-transition: none;
- -o-transition: none;
- -ms-transition: none;
- transition: none;
- }
- .tabs input.tab-selector-1:hover + label.tab-label-1 ~ .clear-shadow{
- z-index: 3;
- }
- .tabs input.tab-selector-2:hover + label.tab-label-2 ~ .clear-shadow {
- z-index: 2;
- }
- .tabs input.tab-selector-3:hover + label.tab-label-3 ~ .clear-shadow {
- z-index: 1;
- }
- .tabs input.tab-selector-4:hover + label.tab-label-4 ~ .clear-shadow {
- z-index: 0;
- }
- .tabs label:first-of-type {
- z-index: 4;
- }
- .tab-label-2 {
- z-index: 3;
- }
- .tab-label-3 {
- z-index: 2;
- }
- .tab-label-4 {
- z-index: 1;
- }
- .tabs input:checked + label {
- webkit-transition: top linear 0.2s;
- -moz-transition: top linear 0.2s;
- -o-transition: top linear 0.2s;
- -ms-transition: top linear 0.2s;
- transition: top linear 0.2s;
- }
- .clear-shadow {
- position: relative;
- top: 0;
- height: 10px;
- margin-bottom: -10px;
- clear: both;
- z-index: -2;
- }
- .content {
- background-color: transparent;
- position: relative;
- height: 330px;
- overflow:auto;
- width:200px;
- margin-top:5px;
- z-index: 5;
- }
- .content div {
- position: absolute;
- top:0;
- left:0;
- bottom: 100%;
- overflow: auto;
- padding-left:5px;
- padding-top:5px;
- padding-bottom:5px;
- padding-right:5px;
- z-index: 1;
- opacity: 0;
- -webkit-transition: all linear 0.1s;
- -moz-transition: all linear 0.1s;
- -o-transition: all linear 0.1s;
- -ms-transition: all linear 0.1s;
- transition: all linear 0.1s;
- }
- .tabs input.tab-selector-1:checked ~ .content .content-1,
- .tabs input.tab-selector-2:checked ~ .content .content-2,
- .tabs input.tab-selector-3:checked ~ .content .content-3,
- .tabs input.tab-selector-4:checked ~ .content .content-4 {
- bottom: 0px;
- z-index: 100;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
- filter: alpha(opacity=100);
- opacity: 1;
- -webkit-transition: all ease-out 0.2s 0.2s;
- -moz-transition: all ease-out 0.2s 0.2s;
- -o-transition: all ease-out 0.2s 0.2s;
- -ms-transition: all ease-out 0.2s 0.2s;
- transition: all ease-out 0.2s 0.2s;
- }
- .content gencontent {
- text-align:justify;
- display:block;
- padding-left:5px;
- padding-right:5px;
- line-height:12px;
- }
- .content navinfo {
- display:block;
- text-align:justify;
- padding-left:10px;
- padding-right:10px;
- margin-bottom:10px;
- }
- .content tabnav {
- margin-top:0px;
- text-align:center;
- }
- .content tabnav a {
- display:inline-block;
- text-align:center;
- width:188px;
- height:30px;
- line-height:30px;
- text-transform:lowercase;
- font-family:cambria;
- font-size:9px;
- margin-bottom:3px;
- border:1px solid {color:border};
- background-color:{color:navigation};
- color:{color:navigation links};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .content tabnav a:hover {
- color:{color:navigation 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;
- }
- #credit {
- font-size:10px;
- float:center;
- position:fixed;
- font-family:cambria;
- bottom:15px;
- right:15px;
- padding:5px;
- text-transform:lowercase;
- border:1px solid {color:border};
- background-color:{color:entries};
- color:{color:title};
- }
- #credit a {
- color:{color:title};
- }
- cred {
- padding-left: 1.2em;
- list-style: none;
- }
- cred:before {
- color: {color:title};
- content: "\f105";
- font-family: FontAwesome;
- font-size:10px;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- </style>
- </head>
- <body>
- <div id="backbar"></div>
- <div id="sidephoto"><img src="{image:Sidebar}"></div>
- <div id="sidebar">
- <div id="tabbar">
- <section class="tabs">
- <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
- <label for="tab-1" class="tab-label-1">about.</label>
- <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
- <label for="tab-2" class="tab-label-2">navigation.</label>
- <div class="clear-shadow"></div>
- <div class="content">
- <div class="content-1">
- <gencontent>{description}</gencontent>
- </div>
- <div class="content-2">
- <navinfo>
- {text:nav tab description}
- </navinfo>
- <tabnav>
- <a href="{text:link one url}">{text:link one text}</a><br>
- <a href="{text:link two url}">{text:link two text}</a><br>
- <a href="{text:link three url}">{text:link three text}</a><br>
- <a href="{text:link four url}">{text:link four text}</a><br>
- <a href="{text:link five url}">{text:link five text}</a>
- </tabnav>
- </div>
- </section>
- </div>
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- <div id="navbar">
- <div id="navigation">
- <a href="/">home.</a>
- <a href="/ask">ask.</a>
- <a href="archive">archive.</a>
- </div>
- </div>
- <div id="topbar">
- <div id="main">{text:main title}</div>
- <div id="sub">{text:subtitle}</div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="entrybg">
- <div id="entry">
- {block:Text}
- {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div id="posttitles">{Quote}</div>
- {block:Source}<br>—{Source}{/block:Source}
- {/block:Quote}
- {block:Link}
- <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}{block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}{TrackName}{/block:TrackName}<br/>
- {block:Artist}Artist: {Artist}{/block:Artist}<br/>
- {block:Album}Album: {Album}{/block:Album}<br/>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="ask">{Asker} sent:</div><div id="question">{Question}</div>
- <br>{Answer}
- {/block:Answer}
- </div> <!-- /div entry ---><div id="permalink">
- {block:Date}{TimeAgo}{/block:Date} & <a href="{Permalink}">
- {NoteCountWithLabel}</a> & <a href="{ReblogURL}" target="_blank">Reblog</a>
- {block:RebloggedFrom} & <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}
- <br>{block:HasTags} {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
- </div> </div>
- {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
- <div id="credit"> <a href="http://agleerph.tumblr.com/" title="theme 14 by agleerph"><cred>agleerph</cred></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement