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 / #32: r u mine?
- --->
- <meta name="image:Icon" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Header" 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:Navigation1" content=""/>
- <meta name="color:Navigation1 Hover" content=""/>
- <meta name="color:Navigation1 Links" content=""/>
- <meta name="color:Navigation2" content=""/>
- <meta name="color:Navigation2 Hover" content=""/>
- <meta name="color:Navigation2 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:Text" content=""/>
- <meta name="color:Title" content=""/>
- <meta name="color:Topbar BG" content=""/>
- <meta name="color:Topbar Text 1" content=""/>
- <meta name="color:Topbar Text 2" content=""/>
- <meta name="text:link one URL" content="/"/>
- <meta name="text:link one text" content="link one"/>
- <meta name="text:link two URL" content="/"/>
- <meta name="text:link two text" content="link two"/>
- <meta name="text:link three URL" content="/"/>
- <meta name="text:link three text" content="link three"/>
- <meta name="text:link four URL" content="/"/>
- <meta name="text:link four text" content="link four"/>
- <meta name="text:link five URL" content="/"/>
- <meta name="text:link five text" content="link five"/>
- <meta name="text:link six URL" content="/"/>
- <meta name="text:link six text" content="link six"/>
- <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:2px 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};
- }
- #sideph {
- position:fixed;
- margin-left:3px;
- margin-top:3px;
- border:1px solid {color:border};
- width:120px;
- height:120px;
- }
- #secondside {
- position:fixed;
- margin-left:3px;
- margin-top:128px;
- border:1px solid {color:border};
- width:300px;
- height:210px;
- }
- #backbar {
- position:fixed;
- margin-left:600px;
- margin-top:80px;
- width:308px;
- height:457px;
- border:1px solid {color:border};
- background-image:url('{image:Pattern}');
- background-color:{color:pattern alt};
- background-attachment:fixed;
- }
- #backbar2 {
- position:fixed;
- margin-left:40px;
- margin-top:-10px;
- width:526px;
- height:212px;
- border:1px solid {color:border};
- background-image:url('{image:Pattern}');
- background-color:{color:pattern alt};
- background-attachment:fixed;
- z-index:999999999999999999999999999999999;
- }
- #topph {
- position:fixed;
- border:1px solid {color:border};
- margin-left:271px;
- margin-top:57px;
- width:250px;
- height:150px;
- }
- #sidebar {
- position:fixed;
- margin-top:4px;
- margin-left:3px;
- border:1px solid {color:border};
- width:243px;
- height:183px;
- background-color:{color:Sidebar};
- padding:10px;
- line-height:12px;
- text-align:justify;
- }
- #titlebar {
- position:fixed;
- margin-top:4px;
- margin-left:271px;
- width:230px;
- padding:10px;
- background-color:{color:topbar bg};
- border:1px solid {color:border};
- }
- #maintitle {
- text-transform:lowercase;
- font-style:italic;
- font-weight:300;
- font-size:16px;
- color:{color:topbar text 1};
- padding-right:5px;
- text-align:right;
- }
- #subtitle {
- font-family:cambria;
- font-size:9px;
- padding-right:5px;
- text-transform:lowercase;
- text-align:right;
- color:{color:topbar text 2};
- }
- #pagination {
- margin-top:10px;
- font-size:10px;
- font-family:cambria;
- letter-spacing:0px;
- line-height:12px;
- text-align:center;
- text-transform:uppercase;
- color:{color:text};
- }
- #pagination a {
- color:{color:link};
- }
- #navbar {
- margin-left:128px;
- margin-top:3px;
- width:175px;
- background-color:{color:sidebar};
- border:1px solid {color:border};
- height:120px;
- position:fixed;
- }
- #navbar2 {
- margin-left:3px;
- margin-top:343px;
- width:300px;
- background-color:{color:sidebar};
- border:1px solid {color:border};
- height:109px;
- position:fixed;
- }
- #navigation1 {
- margin-top:3px;
- text-align:center;
- }
- #navigation1 a {
- display:inline-block;
- text-align:center;
- width:53px;
- height:112px;
- line-height:112px;
- text-transform:lowercase;
- font-family:cambria;
- font-size:9px;
- margin-bottom:2px;
- border:1px solid {color:border};
- background-color:{color:navigation1};
- color:{color:navigation1 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;
- }
- #navigation1 a:hover {
- color:{color:navigation1 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;
- }
- #navigation2 {
- margin-top:3px;
- text-align:center;
- }
- #navigation2 a {
- display:inline-block;
- text-align:center;
- width:144px;
- height:31px;
- line-height:31px;
- text-transform:lowercase;
- font-family:cambria;
- font-size:9px;
- margin-bottom:2px;
- border:1px solid {color:border};
- background-color:{color:navigation2};
- color:{color:navigation2 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;
- }
- #navigation2 a:hover {
- color:{color:navigation2 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:40px;
- padding:0px;
- margin-top:215px;
- }
- #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: 20px;
- line-height:130%;
- text-transform:lowercase;
- font-weight:300;
- font-style:italic;
- padding:5px;
- 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:border};
- }
- #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;
- margin-top: 3px;
- margin-left:-3px;
- margin-right:-3px;
- padding-right:10px;
- padding-bottom:5px;
- padding-top: 5px;
- }
- /* tabs from http://tympanus.net/ */
- #tabbar {
- width:auto;
- }
- .tabs {
- position: relative;
- margin-left:0px;
- margin-top:0px;
- width:250px;
- }
- .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: 37px;
- height: 37px;
- position: relative;
- padding:5px;
- float: left;
- display: block;
- margin-right:2px;
- width: 62px;
- color: {color:tab text};
- text-transform:lowercase;
- font-size:9px;
- margin-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: 262px;
- overflow:auto;
- width:225px;
- 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:0px;
- padding-right:0px;
- 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;
- font-weight:bold;
- bottom:15px;
- right:15px;
- padding:10px;
- text-transform:uppercase;
- 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;
- }
- icon1 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon1:before {
- content: "\f021";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- icon2 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon2:before {
- content: "\f0e5";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- icon3 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon3:before {
- content: "\f044";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- </style>
- </head>
- <body>
- <div id="backbar">
- <div id="sideph"><img src="{image:Icon}"></div>
- <div id="navbar">
- <div id="navigation1">
- <a href="/" title="index"><icon1></icon1></a>
- <a href="/ask" title="message"><icon2></icon2></a>
- <a href="/submit" title="submit"><icon3></icon3></a>
- </div>
- </div>
- <div id="navbar2">
- <div id="navigation2">
- <a href="{text:link one URL}">{text:link one text}</a>
- <a href="{text:link two URL}">{text:link two text}</a><br>
- <a href="{text:link three URL}">{text:link three text}</a>
- <a href="{text:link four URL}">{text:link four text}</a><br>
- <a href="{text:link five URL}">{text:link five text}</a>
- <a href="{text:link six URL}">{text:link six text}</a>
- </div>
- </div>
- <div id="secondside"><img src="{image:sidebar}"></div>
- </div>
- <div id="backbar2">
- <div id="topph"><img src="{image:header}"></div>
- <div id="titlebar">
- <div id="maintitle">{text:main title}</div>
- <div id="subtitle">{text:subtitle}</div>
- </div>
- <div id="sidebar">
- <div style="overflow:auto; width: 240px; padding-right:5px; height: 155px; text-align: justify;">
- {description}
- </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>
- <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 32 by agleerph"><cred>agrph</cred></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement