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 / #44: white sun.
- --->
- <meta name="image:Sidebar1" content=""/>
- <meta name="image:Sidebar2" 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:Question BG" content=""/>
- <meta name="color:Question Text" 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:Titlebar Title" content=""/>
- <meta name="color:Titlebar Subtitle" content=""/>
- <meta name="text:home link text" content="home link text"/>
- <meta name="text:ask link text" content="ask link text"/>
- <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: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};
- text-align:justify;
- 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};
- }
- hr {
- background-image:url('{image:pattern}');
- background-attachment:absolute;
- border:1px solid #000000;
- display:block;
- padding:2px;
- }
- #sideph1 {
- position:fixed;
- margin-left:30px;
- margin-top:30px;
- border:1px solid {color:border};
- width:350px;
- height:100px;
- }
- #sideph2 {
- position:fixed;
- margin-left:145px;
- margin-top:3px;
- border:1px solid {color:border};
- width:200px;
- height:200px;
- }
- #titlebar {
- position:fixed;
- margin-left:30px;
- margin-top:131px;
- border:1px solid {color:border};
- width:330px;
- height:30px;
- padding:10px;
- background-color:{color:sidebar};
- }
- #maintitle {
- font-size:16px;
- text-align:right;
- color:{color:titlebar title};
- }
- #subtitle {
- font-size:10px;
- text-align:right;
- color:{color:titlebar subtitle};
- font-style:italic;
- }
- #backbar {
- position:fixed;
- margin-left:30px;
- margin-top:182px;
- width:350px;
- height:395px;
- border:1px solid {color:border};
- background-image:url('{image:Pattern}');
- background-color:{color:pattern alt};
- background-attachment:fixed;
- }
- #sidebar {
- position:fixed;
- margin-top:208px;
- margin-left:3px;
- border:1px solid {color:border};
- width:322px;
- height:162px;
- background-color:{color:Sidebar};
- padding:10px;
- line-height:12px;
- text-align:justify;
- }
- #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:0px;
- margin-top:0px;
- padding:3px;
- position:fixed;
- }
- #navigation {
- margin-top:0px;
- text-align:center;
- }
- #navigation a {
- display:inline-block;
- text-align:center;
- width:137px;
- height:30px;
- line-height:30px;
- text-transform:lowercase;
- font-family:cambria;
- font-size:9px;
- margin-bottom:2px;
- 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:440px;
- margin-top:35px;
- }
- #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:question text};
- background-color:{color:question BG};
- margin-right:0px;
- padding:10px;
- padding-left:10px;
- border-bottom:1px solid {color:border};
- }
- #ask a {
- color:{color:question text};
- }
- #question {
- background-color:{color:Question bg};
- color:{color:Question text};
- 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;
- line-height:12px;
- text-transform:lowercase;
- margin-top: 3px;
- margin-left:-3px;
- margin-right:-3px;
- padding-right:10px;
- padding-bottom:5px;
- padding-top: 5px;
- }
- #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;
- }
- </style>
- </head>
- <body>
- <div id="sideph1"><img src="{image:Sidebar1}"></div>
- <div id="titlebar">
- <div id="maintitle">{text:main title}</div>
- <div id="subtitle">{text:subtitle}</div>
- </div>
- <div id="backbar">
- <div id="sideph2"><img src="{image:Sidebar2}"></div>
- <div id="sidebar">
- <div style="overflow:auto; width: 320px; padding-right:5px; height: 145px; 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 id="navbar">
- <div id="navigation">
- <a href="/">{Text:home link text}</a><br>
- <a href="/ask">{Text:ask link text}</a><br>
- <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>
- </div>
- </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 44 by agleerph"><cred>agrph</cred></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement