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">
- <!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
- theme 02: autonomy dickspeight
- do not remove credits // do not use as base // do not claim as yours
- DO NOT USE UPDATES TAB IN ANOTHER THEME WITHOUT MY PERMISSION+CREDIT
- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -->
- <!------------// SCRIPTS //------------>
- <script src="http://code.jquery.com/jquery-1.10.0.min.js">
- </script>
- <script>
- $(document).ready(function(){
- $(".6").click(function(){
- $("#uno").toggle();
- $("").hide();
- });
- });
- </script>
- <!------------ END SCRIPTS ----------->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <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}
- <!--- credit --->
- <meta name="color:text" content=""/>
- <meta name="color:link" content=""/>
- <meta name="color:hover" content=""/>
- <meta name="color:title" content=""/>
- <meta name="select:title style" content="italic" title="italic"/>
- <meta name="select:title style" content="none" title="normal"/>
- <meta name="select:title style" content="bold" title="bold"/>
- <meta name="text:Updates1 title" content=""/>
- <meta name="text:Updates1" content=""/>
- <meta name="text:Updates2 title" content=""/>
- <meta name="text:Updates2" content=""/>
- <meta name="text:Updates3 title" content=""/>
- <meta name="text:Updates3" content=""/>
- <meta name="text:link1 url" content=""/>
- <meta name="text:link1 text" content=""/>
- <meta name="text:link2 url" content=""/>
- <meta name="text:link2 text" content=""/>
- <meta name="text:link3 url" content=""/>
- <meta name="text:link3 text" content=""/>
- <meta name="text:link4 url" content=""/>
- <meta name="text:link4 text" content=""/>
- <meta name="text:link5 url" content=""/>
- <meta name="text:link5 text" content=""/>
- <style type="text/css">
- @font-face { font-family: 'code light'; src: url('http://static.tumblr.com/9jiwd78/Ahpnb7a5a/code_light.otf') format('truetype'); font-weight: normal; font-style: normal; }
- #s-m-t-tooltip {
- max-width:300px;
- background-color:white;
- font-size:10px;
- color:{color:link};
- letter-spacing:1px;
- text-transform:lowercase;
- padding:6px;
- margin:15px 0px 0px 15px;
- z-index:9999999999999999999999999999999999;
- border-radius: 2px;
- box-shadow:2px 2px 1px #ccc;
- }
- body {
- background:white;
- margin:0px;
- color:{color:text};
- font-family:"calibri";
- font-size:11px;
- line-height:100%;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -webkit-transition:all 1s;
- -moz-transition:all 1s;
- -ms-transition:all 1s;
- -o-transition:all 1s;
- transition:all 1s;
- }
- a:hover{
- color:{color:hover};
- -webkit-transition:all 1s;
- -moz-transition:all 1s;
- -ms-transition:all 1s;
- -o-transition:all 1s;
- transition:all 1s;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:15px;
- }
- #entries {
- padding:15px;
- width:500px;
- margin:auto;
- }
- #pagination {
- bottom:0px;
- font-family:"calibri";
- width:500px;
- font-size:20px;
- padding:11px;
- letter-spacing:1px;
- margin:auto;
- margin-bottom:20px;
- word-spacing:15px;
- text-align:center;
- background:#fff;
- text-transform:lowercase;
- opacity:0.98;
- }
- #header{
- width:500px;
- margin:auto;
- }
- #description {
- padding:5px;
- text-align:center;
- margin:auto;
- margin-bottom:0px;
- }
- #wrap {
- margin-top:50px;
- }
- #post {
- width:500px;
- padding-bottom:90px;
- }
- #post:hover #details{
- opacity:1;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #details {
- text-align:center;
- padding:5px;
- opacity:0;
- font-size:8px;
- margin-top:10px;
- text-transform:uppercase;
- letter-spacing:1px;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #pagination {
- font-size:20px;
- text-align:center;
- }
- #asker {
- text-align:left;
- }
- #quest {
- padding-bottom:5px;
- border-bottom:solid 1px #eee;
- }
- #quote {
- font-size:15px;
- line-height:110%;
- font-weight:400;
- font-family:'code light';
- }
- #uno{
- display:none;
- }
- #uno{
- font-family:calibri;
- font-weight:lighter;
- font-size:10px;
- text-align:center;
- text-transform:uppercase;
- margin:auto;
- word-spacing:8px;
- }
- .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);
- -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;
- }
- .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;
- vertical-align:text-bottom;
- display:inline-block;
- margin-left: 90px;
- margin-bottom:0px;
- min-height: 85px;
- }
- .audiowrapper {
- vertical-align:text-bottom;
- position: relative;
- display:inline-block;
- }
- #tabs{
- margin:auto;
- margin-top:110px;
- width:300px;
- height:30px;
- }
- #tab1 {
- width: 10px;
- height: 10px;
- border: solid 1px #bbb;
- background-color: #fff;
- margin-left:80px;
- overflow:hidden;
- position:absolute;
- -webkit-transition: opacity 0.65s linear;
- -webkit-transition: all 0.65s linear;
- -moz-transition: all 0.65s linear;
- -o-transition: all 0.65s linear;
- }
- #tab1:hover {
- width: 600px;
- height: 131px;
- margin-left:-150px;
- background: #fff;
- border-left:solid 1px transparent;
- border-right:solid 1px transparent;
- border-bottom:solid 1px transparent;
- border-top:solid 1px #bbb;
- -webkit-transition: opacity 0.65s linear;
- -webkit-transition: all 0.65s linear;
- -moz-transition: all 0.65s linear;
- -o-transition: all 0.65s linear;
- }
- #tab2 {
- width: 10px;
- height: 10px;
- border: solid 1px #bbb;
- background-color: #fff;
- margin-left: 145px;
- position:absolute;
- overflow:hidden;
- -webkit-transition: opacity 0.65s linear;
- -webkit-transition: all 0.65s linear;
- -moz-transition: all 0.65s linear;
- -o-transition: all 0.65s linear;
- }
- #tab2:hover {
- width: 600px;
- height: 130px;
- margin-left:-150px;
- background-color: #fff;
- border-left:solid 1px transparent;
- border-right:solid 1px transparent;
- border-bottom:solid 1px transparent;
- border-top:solid 1px #bbb;
- -webkit-transition: opacity 0.65s linear;
- -webkit-transition: all 0.65s linear;
- -moz-transition: all 0.65s linear;
- -o-transition: all 0.65s linear;
- }
- #tab3 {
- width: 10px;
- height: 10px;
- border: solid 1px #bbb;
- background-color: #fff;
- margin-left: 210px;
- position:absolute;
- overflow:hidden;
- -webkit-transition: opacity 0.65s linear;
- -webkit-transition: all 0.65s linear;
- -moz-transition: all 0.65s linear;
- -o-transition: all 0.65s linear;
- }
- #tab3:hover {
- width: 600px;
- text-align:center;
- margin-left:-150px;
- height: 130px;
- background-color: #fff;
- border-left:solid 1px transparent;
- border-right:solid 1px transparent;
- border-bottom:solid 1px transparent;
- border-top:solid 1px #bbb;
- -webkit-transition: opacity 0.65s linear;
- -webkit-transition: all 0.65s linear;
- -moz-transition: all 0.65s linear;
- -o-transition: all 0.65s linear;
- }
- .inside {
- width: 300px;
- margin-left:140px;
- padding: 10px;
- padding-top: 8px;
- font-family: sans-serif;
- font-size: 9px;
- line-height: 150%;
- color:{color:text};
- background: white;
- letter-spacing: .8px;
- text-align: center;
- position:absolute;
- z-index:5000000;
- opacity: 1;
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- }
- .inside:hover {
- opacity: 1;
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- }
- #title {
- font-size:45px;
- font-family:'code light';
- text-align:center;
- margin:auto;
- font-weight:{select:title style};
- font-style:{select:title style};
- color:{color:title};
- margin-bottom:10px;
- margin-top:5px;
- }
- #title a:hover{
- color:white;
- font-weight:bolder;
- letter-spacing:5px;
- text-shadow:0 0 20px rgba(0,0,0,0.5);
- -webkit-transition:all 1s;
- -moz-transition:all 1s;
- -ms-transition:all 1s;
- -o-transition:all 1s;
- transition:all 1s;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id=tabs>
- <div id="tab1">
- <div class="inside" position=top><br><br>
- <div style="color:{color:title};font-family:code light;font-weight:{select:title style};font-size:50px;letter-spacing:2px;opacity:.9;">{text:Updates1 title}</div><br>
- {text:Updates1}
- </div>
- </div>
- <div id="tab2">
- <div class="inside"><br><br>
- <div style="color:{color:title};font-family:code light;font-weight:{select:title style};font-size:50px;letter-spacing:2px;opacity:.9;">{text:Updates2 title}</div><br>
- {text:Updates2}
- </div>
- </div>
- <div id="tab3">
- <div class="inside"><br><br>
- <div style="color:{color:title};font-family:code light;font-weight:{select:title style};font-size:50px;letter-spacing:2px;opacity:.9;">{text:Updates3 title}</div><br>
- {text:Updates3}
- </div>
- </div>
- </div>
- <div id=header>
- <div id="title"><a href=/>{Title}</a></div>
- <div id="description">{Description}<br><a class =6 href= # title=links><big>+</big></a>
- </div>
- <div id="uno">
- {block:ifLink1Text}<a href={text:link1 url}>{text:link1 text}</a>{/block:ifLink1Text}
- {block:ifLink2Text}<a href={text:link2 url}>{text:link2 text}</a>{/block:ifLink2Text}
- {block:ifLink3Text}<a href={text:link3 url}>{text:link3 text}</a>{/block:ifLink3Text}
- {block:ifLink4Text}<a href={text:link4 url}>{text:link4 text}</a>{/block:ifLink4Text}
- {block:ifLink5Text}<a href={text:link5 url}>{text:link5 text}</a>{/block:ifLink5Text}
- </div>
- </div>
- </div>
- <div id=wrap>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{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}
- <center>{block:Quote}<b><div id="quote">" {Quote} "</div></b>–{Source}{/block:Quote}</center>
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/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">
- <br><br>
- {block:TrackName}{TrackName}{/block:TrackName}<br/>
- {block:Artist}{Artist}{/block:Artist}<br/>
- {block:Album}{Album}{/block:Album}<br/>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Answer}<div id=quest><div id="asker">{Asker} asked:</div><br>{Question}<br></div>{Answer}{/block:Answer}
- <div id="details">
- <br> {block:Date}<div id="info"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}{block:ContentSource}/ <a href="{SourceURL}">SOURCE</a>{/block:ContentSource} {/block:Date}</div> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div></div>
- <div id="pagination">
- <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> next</a><br />{/block:NextPage}{/block:Pagination}</div></center>
- <div style="position:fixed;bottom:2px; right:3px; color:#f1f1f1;font-size:15px; letter-spacing:1px; font-family:calibri;padding:4px;"><a href="http://speightthemes.tumblr.com/" style=color:{color:text}>©</a></center></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement