Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme 1
- by arrowsthemes (@beautrisprior)
- please dont steal and all that stuff its mean, dont move, delete or edit credit etc. feel free to customize as much as you want and all that but don't use as a base to make your own theme
- like/reblog post if using, thank you!
- -->
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <meta name="image:sidebar img" content=""/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:body" content="#4f4d4d"/>
- <meta name="color:blog title" content="#888888"/>
- <meta name="color:description line" content="#cfcdcd"/>
- <meta name="color:title in text" content="#4f4d4d"/>
- <meta name="color:link title" content="#FF0000"/>
- <meta name="color:links" content="#7f7e7e"/>
- <meta name="color:links hover" content="#990000"/>
- <meta name="color:post info" content="#888888"/>
- <meta name="color:tags" content="#888888"/>
- <meta name="color:ask background" content="#f7f7f7"/>
- <meta name="color:scrollbar" content="#cfcdcd"/>
- <meta name="color:link1" content="#990000"/>
- <meta name="color:link2" content="#AD3333"/>
- <meta name="color:link3" content="#CE8585"/>
- <meta name="color:link4" content="#DDAAAA"/>
- <meta name="color:link5" content="#EBCCCC"/>
- <meta name="color:link6" content="#f6e9e9"/>
- <meta name="color:link1 hover" content="#ffffff"/>
- <meta name="color:link2 hover" content="#ffffff"/>
- <meta name="color:link3 hover" content="#ffffff"/>
- <meta name="color:link4 hover" content="#ffffff"/>
- <meta name="color:link5 hover" content="#ffffff"/>
- <meta name="color:link6 hover" content="#ffffff"/>
- <meta name="text:link1 url" content=""/>
- <meta name="text:link2 url" content=""/>
- <meta name="text:link3 url" content=""/>
- <meta name="text:link4 url" content=""/>
- <meta name="text:link5 url" content=""/>
- <meta name="text:link6 url" content=""/>
- <meta name="text:link1" content=""/>
- <meta name="text:link2" content=""/>
- <meta name="text:link3" content=""/>
- <meta name="text:link4" content=""/>
- <meta name="text:link5" content=""/>
- <meta name="text:link6" content=""/>
- <meta name="if:descriptionline" content="1"/>
- <meta name="if:underlinehover" content="1"/>
- <meta name="if:spreadouttaghover" content="1"/>
- <style type="text/css">
- ::-webkit-scrollbar{
- height: 5px;
- width: 9px;
- -webkit-border-radius: 0px;
- background-color:{color:background}
- }
- ::-webkit-scrollbar-thumb{
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar-track{
- background-color:{color:background};
- }
- /***MAIN***/
- body {
- font-size: 11px;
- font-family: arial;
- color: {color:body};
- background-color: {color:background};
- }
- a {color: {color:links};
- text-decoration: none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- a:hover {color: {color:links hover};
- {block:Ifunderlinehover}
- text-decoration:underline; {/block:Ifunderlinehover}
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #container {
- margin:auto;
- position:absolute;
- }
- #main { margin-top:50px;
- }
- /***SIDEBAR***/
- #blogtitle { font-size:24px;
- text-align:right;
- font-weight:bold;
- color:{color:blog title};
- }
- #blogtitle a{ font-size:24px;
- text-align:right;
- font-weight:bold;
- color:{color:blog title};
- }
- #sideb {width: 250px;
- position: fixed;
- text-align:left;
- margin-left: 200px;
- margin-top:150px;
- }
- .sidebimg img{max-width:240px;
- margin-top:10px;
- }
- #desc {
- padding-left:7px;
- margin-right:10px;
- {block:ifdescriptionline}
- margin-left:15px;
- border-left:3px solid {color:description line};
- {/block:ifdescriptionline}
- }
- .pagination{
- margin-top:20px;
- margin-right:5px;
- text-align:right;
- font-size:9px;
- }
- /***LINKS***/
- .c a{color:{color:link};
- }
- .c1 {
- position:fixed;
- display:block;
- padding:5px;
- background-color:{color:link1};
- height:13px;
- width:13px;
- padding: 1px;
- margin-top:20px;
- margin-left:10px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c1:hover {
- background-color:{color:link1 hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c2 {
- position:fixed;
- display:block;
- padding:5px;
- background-color:{color:link2};
- height:13px;
- width:13px;
- margin: 5px 0 20px 0;
- padding: 1px;
- margin-top:20px;
- margin-left:50px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c2:hover {
- background-color:{color:link2 hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease; }
- .c3 {
- position:fixed;
- display:block;
- padding:5px;
- background-color:{color:link3};
- height:13px;
- width:13px;
- padding: 1px;
- margin-top:20px;
- margin-left:90px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c3:hover {
- background-color:{color:link3 hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c4 {
- position:fixed;
- display:block;
- padding:5px;
- background-color:{color:link4};
- height:13px;
- width:13px;
- padding: 1px;
- margin-top:20px;
- margin-left:130px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c4:hover {
- background-color:{color:link4 hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c5 {
- position:fixed;
- display:block;
- padding:5px;
- background-color:{color:link5};
- height:13px;
- width:13px;
- padding: 1px;
- margin-top:20px;
- margin-left:170px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c5:hover {
- background-color:{color:link5 hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c6 { position:fixed;
- display:block;
- padding:5px;
- background-color:{color:link6};
- height:13px;
- width:13px;
- padding: 1px;
- margin-top:20px;
- margin-left:210px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- .c6:hover {
- background-color:{color:link6 hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- -ms-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- /***POSTS***/
- .posts {width: 500px;
- margin-left: 490px;
- {block:IndexPage}
- margin-bottom:100px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:50px;
- {/block:PermalinkPage}
- }
- .posts li {list-style: square;
- }
- .posts blockquote {border-left: 1px solid {color:text};
- padding-left: 5px;
- margin-left:30px;
- }
- .posts img, .posts li, .posts blockquote {max-width: 100%;}
- .postinfo {
- margin-top:3px;
- font-size:10px;
- color:{color:post info};
- }
- .postinfo a{
- margin-top:3px;
- font-size:10px;
- color:{color:post info};
- }
- .postinfo a:hover{
- margin-top:3px;
- font-size:10px;
- color:{color:links hover};
- }
- .perma {
- float:right;
- margin-top:3px;
- font-size:10px;
- color:{color:post info};
- }
- .postnotes{ {block:IndexPage}
- display: none;
- {/block:IndexPage}
- width:500px;
- text-align:left;
- margin-left:495px;
- }
- .postnotes li {
- list-style-type:none;
- padding:5px 0px;
- text-align:left;
- }
- .postnotes img {
- display:none;
- }
- /***TAGS***/
- #tags a{ color:{color:tags};
- text-transform:none;
- font-size:9px;
- margin-top:2px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #tags a:hover{ color:{color:links hover};
- text-transform:none;
- font-size:9px;
- {block:Ifspreadouttaghover} letter-spacing:1.5px; {/block:Ifspreadouttaghover}
- margin-top:2px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .caption {
- width:100%;
- margin-top:5px;
- }
- /***TITLES***/
- .posts h2 {
- font-size: 13px;
- color: {color:title in text};
- font-weight: normal;
- text-transform:lowercase;
- margin: 0px;
- }
- .posts h2 a{
- font-size: 15px;
- color:{color:link title};
- font-weight: normal;
- text-transform:lowercase;
- margin: 0px;
- }
- /***AUDIO***/
- #audio {
- width:500px;
- height:auto;
- min-height:90px;
- padding-bottom:10px;
- }
- .playbox {
- overflow:hidden;
- opacity:1;
- position:absolute;
- z-index:1000;
- margin-left:0px;
- width:27px;
- border:10px solid #f1f0f0;
- border-bottom:8px solid #f1f0f0;
- margin-top:0px;
- text-align:center;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- background-color:#f1f0f0;
- }
- .audioinfo {
- padding:2px;
- margin-left:55px;
- margin-top:-100px;
- line-height:14px;
- padding-bottom:4px;
- }
- .newplayerbutton {
- position: relative;
- width: 28px;
- height: 27px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -11px;
- left: -12px;
- }
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- height: 50px;
- width: 500px;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 28px;
- height: 28px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-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;
- }
- .audioimg {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- overflow: hidden;
- width: 88px;
- height: 88px;
- }
- .audioimg img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-left: 100px;
- min-height: 85px;
- }
- .audio {
- position: relative;
- display:inline-block;
- }
- /***CHAT***/
- .chat ol {
- padding:0;
- list-style:none;
- }
- .line {
- padding:4px 0;
- }
- .label {
- font-weight:bold;
- color:{color:link};
- }
- /***QUOTE***/
- #quotetext{
- text-align:left;
- font-size:15px;
- line-height:17px;
- font-weight:bold;
- }
- #source {
- margin-top:15px;
- margin-left:15px;
- }
- /***ASKS***/
- .question {
- margin-bottom:10px;
- height: auto;
- background-color: {color:ask background};
- padding: 10px;
- }
- .asker{
- margin-top:4px;
- font-weight:bold;
- font-size:13px;
- margin-bottom:3px;
- text-transform:lowercase;
- }
- .answer{
- margin-top:10px;
- text-align:right;
- }
- /***CRED***/
- #credit{
- font-size:8px;
- letter-spacing:1px;
- bottom:8px;
- right:8px;
- text-align:right;
- position:fixed;
- border: 1px solid #BDBDBD;
- padding:1px 3px 1px 3px;
- font-weight:bold;
- -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 a {
- text-transform:none
- }
- #credit a:hover {
- color:{color:links hover};
- }
- #credit:hover {
- text-transform:none;
- border: none;
- -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="container">
- <div id="sideb">
- <div id="blogtitle">
- <a href="/">{Title};</a>
- </div>
- <div class="sidebimg">
- <img src="{image:sidebar img}">
- </div>
- </br>
- <div id="desc">
- {Description}
- </div>
- <div class="c">
- <a class="c1" title="{text:link1}" href="{text:link1 url}"> </a>
- <a class="c2" title="{text:link2}" href="{text:link2 url}"> </a>
- <a class="c3" title="{text:link3}" href="{text:link3 url}"> </a>
- <a class="c4" title="{text:link4}" href="{text:link4 url}"> </a>
- <a class="c5" title="{text:link5}" href="{text:link5 url}"> </a>
- <a class="c6" title="{text:link6}" href="{text:link6 url}"> </a>
- </div>
- <br></br>
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">previous |</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">| next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="main">
- {block:Posts}
- <div class="posts">
- {block:Answer}
- <div class="question">
- <div class="asker">
- {Asker} said:
- </div>
- {Question}
- </div>
- <div class="answer">
- {Answer}
- </div>
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Answer}
- {block:Audio}
- {block:AudioPlayer}
- <div class="audio">
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="audioimg">
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayer}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}
- <b>Title: </b>
- {TrackName}
- {/block:TrackName}
- <br/>
- {block:Artist}
- <b>Artist: </b>
- {Artist}
- {/block:Artist}
- <br/>
- {block:Album}
- <b>Album:</b>
- {Album}
- {/block:Album}
- <br/>
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Audio}
- {block:Chat}
- {block:Title}
- <h2>{Title}</h2>
- {/block:Title}
- <div class="chat">
- <ol>
- {block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}
- </span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ol>
- </div>
- {/block:Chat}
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}
- {Description}
- {/block:Description}
- {block:Caption}
- <div class="caption">
- {Caption}<
- /div>
- {/block:Caption}
- {/block:Link}
- {block:Panorama}
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
- {LinkCloseTag}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Panorama}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}">
- {LinkCloseTag}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div id="quotetext">
- "{Quote}"
- </div>
- {block:Source}
- <div id="source">
- - {Source}
- </div>
- {/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <h2>{Title}</h2>
- {/block:Title}
- {Body}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Text}
- {block:Video}
- {Video-500}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Video}
- <div class="postinfo">
- <a href="{Permalink}">
- {block:Date}
- {ShortMonth} {DayOfMonth}</a>
- {block:NoteCount}
- | <a href="{Permalink}">
- +{NoteCount}</a>
- {/block:NoteCount}
- <div class="perma">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via | </a>
- <a href="{ReblogRootURL}">source </a>
- {/block:RebloggedFrom} </a>
- </div>
- <div id="tags">
- {block:HasTags}
- {block:Tags}
- <a href="{TagUrl}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:Date}
- </div>
- {block:PostNotes}
- <div class="postnotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- {block:ContentSource}
- <!-- {SourceURL}
- {block:SourceLogo}
- <img src="{BlackLogoURL}"
- width="{LogoWidth}"
- height="{LogoHeight}"
- alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceLink}
- {/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div>
- </div>
- <div id="credit"><a href="http://beautrisprior.tumblr.com">AT</a> </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement