Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme 5
- 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
- please 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 background" content=""/>
- <meta name="image:background" content=""/>
- <meta name="color:sidebar background" content="#fff"/>
- <meta name="color:background" content="#fff"/>
- <meta name="color:blog title" content="#fff"/>
- <meta name="color:sidebar links" content="#fff"/>
- <meta name="color:sidebar links hover" content="#fff"/>
- <meta name="color:description" content="#000"/>
- <meta name="color:description background" content="#fff"/>
- <meta name="color:pagination" content="#fff"/>
- <meta name="color:text" content="#000"/>
- <meta name="color:links" content="#cccccc"/>
- <meta name="color:links hover" content="#fff"/>
- <meta name="color:titles" content="#000"/>
- <meta name="color:ask background" content="#f1f1f1"/>
- <meta name="color:posts background" content="#fff"/>
- <meta name="color:post info" content="#000"/>
- <meta name="color:tags" content="#000"/>
- <meta name="color:dividers" content="#f5f5f5"/>
- <meta name="color:scrollbar" content="#000"/>
- <meta name="text:link1 url" content="/"/>
- <meta name="text:link1" content="appears"/>
- <meta name="text:link2 url" content="/"/>
- <meta name="text:link2" content="when"/>
- <meta name="text:link3 url" content="/"/>
- <meta name="text:link3" content="you"/>
- <meta name="text:link4 url" content="/"/>
- <meta name="text:link4" content="hover"/>
- <meta name="text:link5 url" content="/"/>
- <meta name="text:link5" content="over"/>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- ::-webkit-scrollbar{
- height: 5px;
- width: 6px;
- background-color:{color:background}
- }
- ::-webkit-scrollbar-thumb{
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar-track{
- background-color:{color:background};
- }
- /***tool tips***/
- #s-m-t-tooltip{
- max-width:300px;
- margin:15px;
- padding:2px 8px;
- border:1px solid {color:borders};
- background:{color:background};
- color:{color:text};
- z-index:999999;
- font-size:10px;
- font-style:none;
- text-transform:lowercase;
- letter-spacing:1px;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);}
- /***main***/
- blockquote {
- padding:0.5px 0px 0.5px 30px;
- border-left:1px solid {color:dividers};
- margin-left:30px;
- }
- body {
- font-size: 11px;
- font-family: arial;
- color: {color:text};
- background-image:url('{image:background}');
- background-size:cover;
- background-color:{color:background};
- background-attachment: fixed;
- }
- 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};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .container {
- margin-top:0px;
- }
- /***SIDEBAR***/
- #titlebox{
- margin-top:100px;
- text-align:center;
- width:170px;
- margin-left:-10px;
- }
- #blogtitle {
- font-size:20px;
- font-family: calibri, sans-serif;
- font-weight:bold;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:2px;
- color:{color:blog title};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #sideb {
- width: 150px;
- height:100%;
- margin-top:-40px;
- position: fixed;
- text-align:left;
- margin-left: 20%;
- padding:20px;
- background-color:{color:sidebar background};
- background-image:url('{image:sidebar background}');
- background-size:cover;
- }
- .desc {
- font-size:11px;
- font-family:arial;
- margin-top:-10px;
- color:{color:description};
- text-align:justify;
- padding:10px;
- background:{color:description background};
- opacity:0.8;
- moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- }
- .links {
- }
- /***LINKS***/
- .c {
- width:130px;
- margin-top:3px;
- margin-left:10px;
- }
- .c1{
- width:8px;
- height:8px;
- border-radius:100%;
- display: inline-block;
- text-transform:uppercase;
- background-color:transparent;
- color:transparent;
- margin-bottom:5px;
- border:1px solid {color:sidebar links};
- padding:5px;
- margin-left:2px;
- moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- -ms-transition-duration:0.7s;
- }
- .c1 a{
- color:transparent;
- }
- .c1:hover {
- color:transparent;
- box-shadow: inset 20px 0 0 {color:sidebar links hover};
- moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- -ms-transition-duration:0.7s;
- }
- /***POSTS***/
- .postcol {
- width: 440px;
- margin-left:40%;
- margin-top:0px;
- padding:10px;
- }
- .posts {
- width: 400px;
- margin-top:50px;
- padding:20px;
- background-color:{color:posts background};
- }
- .posts li {
- list-style: square;
- }
- .posts blockquote {
- border-left: 1px solid {color:dividers};
- padding-left: 5px;
- }
- .posts img, .posts li, .posts blockquote {max-width: 100%;}
- .postinfo {
- margin-top:3px;
- font-size:10px;
- font-family:calibri, sans-serif;
- text-transform:uppercase;
- padding:5px;
- color: {color:post info};
- border-top:1px solid {color:dividers};
- }
- .postinfo a{
- margin-top:3px;
- color:{color:post info};
- }
- .postinfo a:hover{
- color:{color:links hover};
- }
- .date, .date a{
- font-size:10px;
- text-align:left;
- }
- .viasource {
- floaT:right;
- padding:2px;
- font-size:8px;
- color:{color:post info};
- }
- .viasource a{
- color:{color:post info};
- }
- .caption {
- width:100%;
- margin-top:5px;
- }
- /***NOTES***/
- .postnotes{
- {block:IndexPage}
- display: none;
- {/block:IndexPage}
- width:400px;
- text-align:left;
- margin-left:10px;
- }
- .postnotes li {
- list-style-type:none;
- padding:5px 0px;
- text-align:left;
- }
- .postnotes img {
- display:none;
- }
- .pagination{
- width:150px;
- text-align:center;
- font-size:11px;
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:1px;
- color:{color:pagination};
- }
- .pagination a{
- color:{color:pagination};
- }
- /***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;
- -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;
- }
- /***TITLES***/
- .posts h1 {
- font-size: 16px;
- color: {color:titles};
- font-weight: normal;
- font-family:calibri, sans-serif;
- margin: 0px;
- }
- .posts h1 a{
- font-size: 16px;
- color:{color:titles};
- font-weight: normal;
- font-family:calibri, sans-serif;
- margin: 0px;
- }
- /***AUDIO***/
- #audio {
- width:400px;
- height:auto;
- min-height:90px;
- padding-bottom:10px;
- }
- .playbox {
- overflow:hidden;
- opacity:1;
- position:absolute;
- z-index:1000;
- margin-left:10px;
- 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: 0px;
- }
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- height: 50px;
- width: 400px;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 28px;
- height: 28px;
- background-color: {color:posts background};
- 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;
- padding:10px;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- overflow: hidden;
- width: 68px;
- height: 68px;
- }
- .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;
- margin-top:20px;
- min-height: 65px;
- }
- .audio {
- position: relative;
- display:inline-block;
- }
- /***CHAT***/
- .chat ol {
- padding:10px;
- list-style:none;
- }
- .line {
- padding:4px 0;
- }
- .label {
- font-size:12px;
- font-weight:bold;
- color:#000;
- }
- /***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;
- text-align:left;
- font-size:11px;
- padding-left:10px;
- }
- .asker { font-weight:bold;
- font-size:10px;
- margin-bottom:3px;
- font-family:calibri, sans-serif;
- padding-left:0px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .answer{ margin-top:10px;
- }
- /***CRED***/
- #credit{
- font-size:8px;
- letter-spacing:1px;
- bottom:8px;
- right:8px;
- text-align:right;
- position:fixed;
- 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;
- border: 1px solid white;
- }
- #credit a {
- text-decoration:none;
- text-shadow:none;
- color:black;
- }
- #credit a:hover {
- text-decoration:none;
- text-shadow:none;
- color:white;
- }
- #credit:hover{
- border: 1px solid black;
- color:white;
- -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 class="container">
- <div id="sideb">
- <div id="titlebox"> <div id="blogtitle"> <a id="blogtitle" href="/" >{Title}</a></div> </div>
- <div class="links">
- <div class="c">
- <a title="{text:link1}" class="c1" href="{text:link1 url}"> </a>
- <a title="{text:link2}" class="c1" href="{text:link2 url}"> </a>
- <a title="{text:link3}" class="c1" href="{text:link3 url}"> </a>
- <a title="{text:link4}" class="c1" href="{text:link4 url}"> </a>
- <a title="{text:link5}" class="c1" href="{text:link5 url}"> </a>
- </div>
- </div>
- </br>
- <div class="desc">{Description}</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>
- <div class="postcol">
- {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}
- <h1>{Title}</h1>
- {/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}
- <h1><a href="{URL}">{Name}</a></h1>
- {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-400}" alt="{PhotoAlt}">
- {LinkCloseTag}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {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}
- <h1>{Title}</h1>
- {/block:Title}
- {Body}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Text}
- {block:Video}
- {Video-400}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Video}
- <div class="postinfo">
- <div class="viasource">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via </a>|
- <a href="{ReblogRootURL}">source </a>
- {/block:RebloggedFrom} </a>
- </div>
- <div class="date">
- <a href="{Permalink}">
- {block:Date}
- <b>{ShortMonth} {DayOfMonth} </b></a>
- {block:NoteCount}
- | <a href="{Permalink}">
- +{NoteCount}</a>
- {/block:NoteCount}
- </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>
- <div id="credit"> <a href="http://arrowsthms.tumblr.com/">AT</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement