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">
- <!-- Hello there this theme was made with the help of kahniss's base code and stormaqeddon's updates tab-->
- <head>
- <meta name="color:bg" content="#ffffff">
- <meta name="color:link" content="#3e3e3e">
- <meta name="color:hover" content="#222121">
- <meta name="color:text" content="#3e3e3e">
- <meta name="color:scrollbar" content="#D6D5D5">
- <meta name="image:sidebar" content="#D6D5D5">
- <meta name="color:Post Info Background" content="#eee">
- <meta name="text:link one url" content="/">
- <meta name="text:link one title" content="home">
- <meta name="text:link two url" content="/ask">
- <meta name="text:link two title" content="ask">
- <meta name="text:link three url" content="/">
- <meta name="text:link three title" content=" ">
- <meta name="text:link four url" content="/">
- <meta name="text:link four title" content=" ">
- <meta name="text:link five url" content="/">
- <meta name="text:link five title" content=" ">
- <meta name="color:title" content="#000000">
- <meta name="color:ask border" content="">
- <!--updates color customization-->
- <meta name="color:updates text" content="">
- <meta name="color:box1" content="#000">
- <meta name="color:box2" content="#222">
- <meta name="color:box3" content="#444">
- <meta name="color:box4" content="#666">
- <meta name="color:box5" content="#777">
- <meta name="color:box6" content="#999">
- <!--end updates colors-->
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- /* sidebar updates*/
- .square {
- height:15px;
- width: 15px;
- display:block;
- }
- #box1 {
- background-color: {color:box1};
- border-radius:100%;
- }
- #box2 {
- background-color: {color:box2};
- border-radius:100%;
- }
- #box3 {
- background-color: {color:box3};
- border-radius:100%;
- }
- #box4 {
- background-color: {color:box4};
- border-radius:100%;
- }
- #box5 {
- background-color: {color:box5};
- border-radius:100%;
- }
- #box6 {
- background-color: {color:box6};
- border-radius:100%;
- }
- #tab01{
- margin-bottom:0px;
- padding-left:4px;
- height:15px;
- width:15px;
- text-align:left;
- overflow:hidden;
- text-transform:lowercase;
- position:fixed;
- letter-spacing:1px;
- font-size:10px;
- line-height:10px;
- color: {color:updates text};
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab01:hover{
- height:210px;
- width:150px;
- padding-left:19px;
- display:block;
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab02{
- margin-bottom:0px;
- margin-top:17px;
- padding-left:4px;
- height:15px;
- width:15px;
- text-align:left;
- overflow:hidden;
- text-transform:lowercase;
- position:fixed;
- letter-spacing:1px;
- font-size:10px;
- line-height:10px;
- color: {color:updates text};
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab02:hover{
- height:170px;
- width:150px;
- padding-left:19px;
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab03{
- margin-bottom:0px;
- padding-left:4px;
- margin-top:34px;
- height:15px;
- width:15px;
- text-align:left;
- overflow:hidden;
- text-transform:lowercase;
- position:fixed;
- letter-spacing:1px;
- font-size:10px;
- line-height:10px;
- color: {color:updates text};
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab03:hover{
- height:210px;
- padding-left:19px;
- width:150px;
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab04{
- margin-bottom:0px;
- padding-left:4px;
- margin-top:51px;
- height:15px;
- width:15px;
- text-align:left;
- overflow:hidden;
- text-transform:lowercase;
- position:fixed;
- letter-spacing:1px;
- font-size:10px;
- line-height:10px;
- color: {color:updates text};
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab04:hover{
- height:180px;
- width:150px;
- padding-left:19px;
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab05{
- margin-bottom:0px;
- padding-left:4px;
- margin-top:68px;
- height:15px;
- width:15px;
- text-align:left;
- overflow:hidden;
- text-transform:lowercase;
- position:fixed;
- letter-spacing:1px;
- font-size:10px;
- line-height:10px;
- color: {color:updates text};
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab05:hover{
- height:180px;
- width:150px;
- padding-left:19px;
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab06{
- margin-bottom:0px;
- padding-left:4px;
- margin-top:85px;
- height:15px;
- width:15px;
- text-align:left;
- overflow:hidden;
- text-transform:lowercase;
- position:fixed;
- letter-spacing:1px;
- font-size:10px;
- line-height:10px;
- color: {color:updates text};
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab06:hover{
- height:180px;
- width:150px;
- padding-left:19px;
- transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #container{
- text-align:left;
- font-size:10px;
- text-transform:lowercase;
- position:fixed;
- font-family:trebuchet ms;
- right:200px;
- background-color:transparent;
- letter-spacing:1px;
- z-index:6;
- padding:4px;
- top:260px;
- color: {color:updates text};
- }
- #container a {
- color:{color:link};
- }
- #container a:hover {
- color: {color:hover};
- }
- .updateinfo {
- background:#f3f3f3;
- display:block;
- padding:8px;
- width:95px;
- z-index:1111;
- color:{color:text};
- }
- /* end sidebar updates*/
- /*cursor below*/
- *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
- /* main theme css*/
- a {
- color:{color:link};
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- color:{color:hover};
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- ::-webkit-scrollbar {background-color:#FFFFFF; height:8px; width:8px}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
- body {
- background-color:{color:bg};
- font-family: trebuchet ms;
- font-weight:normal;
- }
- h1 {
- font-weight:normal;
- font-size:10px;
- text-align:center;
- font-style:normal;
- line-height:80%;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:text};
- }
- h2 {
- font-size:15px;
- text-align:center;
- line-height:100%;
- letter-spacing:-0.5px;
- color:{color:text};
- font-weight:normal;
- padding:5px;
- padding-bottom:2px;
- }
- h3 {
- font-weight:normal;
- font-size:15px;
- text-align:center;
- font-style:normal;
- line-height:80%;
- letter-spacing:1px;
- color:{color:title};
- margin-top:0px;
- }
- h4 {
- font-size:15px;
- text-align:center;
- line-height:100%;
- letter-spacing:-0.5px;
- color:{color:link};
- font-weight:normal;
- padding:5px;
- padding-bottom:2px;
- text-decoration:none;
- }
- blockquote {
- text-align:justify;
- border-left:1px solid #fafafa;
- padding-left:0px;
- margin-left:50px;
- width:400px;
- }
- #theme {
- background-color:{color:bg};
- width:700px;
- margin: 0 auto -12px auto;
- text-align: center;
- }
- /*/ SIDEBAR /*/
- #sidebar {
- color:{color:text};
- margin-top:230px;
- width:245px;
- margin-left:-150px;
- position:fixed;
- background-color: #ffffff;
- padding:15px;
- text-align:left;
- }
- #sidebar img {
- width:245px;
- height:auto;
- }
- /*/ DESCRIPTION /*/
- .description {
- width:245px;
- margin-top:0px;
- font-family: trebuchet ms;
- font-size:9px;
- line-height:12px;
- background-color: #ffffff;
- text-align: center;
- }
- /*/ LINKS /*/
- .links {
- text-align:center;
- width:245px;
- margin-top:5px;
- padding:5px;
- font-family:arial;
- font-size: 20px;
- }
- /*/ POSTS /*/
- #stuffcontainer {
- float:left;
- margin-left:170px;
- margin-top:50px;
- text-align:justify;
- background-color:{color:bg};
- color:{color:text};
- margin-bottom: 35px;
- }
- #stuff {
- padding:15px;
- background-color: #ffffff;
- width:500px;
- margin-top:30px;
- text-align:justify;
- font-size:11px;
- line-height:100%;
- letter-spacing:0x;
- color:{color:text};
- }
- /*/ NOTES /*/
- #postinfo{
- background:{color:Post Info Background};
- padding:10px;
- text-align:center;
- margin-top: 10px;
- }
- ol.notes {
- padding:70px;
- background-color: #ffffff;
- padding:0px;
- margin:-10px 0px;
- font-family:arial;
- font-size: 9px;
- width: 500px;
- list-style-type:none;
- }
- ol.notes li.note {
- padding: 10px;
- }
- ol.notes li.note img.avatar {
- vertical-align:-4px;
- border-radius:100%;
- margin-right:10px;
- width:16px;
- height:16px;
- }
- ol.notes li.note span.action {
- font-weight:normal;
- }
- ol.notes li.note .answer_content {
- font-weight:normal;
- }
- ol.notes li.note blockquote {
- padding:9px 6px 9px 6px;
- margin:10px 0px 0px 25px;
- }
- /*/ TAGS /*/
- #tags a{
- padding:3px;
- }
- /*/ PAGINATION /*/
- #pagi {
- margin-top:20px;
- padding:15px;
- width:500px;
- text-align:center;
- margin-bottom:30px;
- font-family:arial;
- font-size:12px;
- letter-spacing:4px;
- text-transform:uppercase;
- font-style:italic;
- z-index:100;
- background-color:#ffffff;
- }
- /*/ ASK /*/
- #ask{
- text-align:center;
- }
- #wrapper{
- border:3px double {color:ask border};
- padding: 7px;
- }
- #asker{
- padding-bottom: 5px;
- text-transform: lowercase;
- font-style: italic;
- letter-spacing: 1px;
- }
- /*/ AUSIO /*/
- .audio {
- width:500px;
- padding-bottom:10px;
- background-color:{color:infobg};
- }
- .albumart {
- float:left;
- padding:0px 10px 10px 0px;
- }
- .albumart img {
- width:45px;
- height:45px;
- }
- .playercontainer {
- text-align:left;
- padding:10px;
- background-color:#ffffff;
- width:480px;
- }
- .audioinfo {
- padding:10px;
- color:{color:text};
- }
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:2px;
- }
- .label {
- text-decoration:underline;
- font-weight:700;
- background-color:{color:infobg};
- margin-right:5px;
- }
- /*CREDIT*/
- #credit{
- position:fixed;
- text-transform:lowercase;
- font-size:9px;
- color:#000;
- background:{color:Post Info Background};
- padding:5px;
- right:10px;
- bottom:10px;
- }
- {CustomCSS}
- </style></head>
- <body>
- <!--sidebar updates-->
- <div id="structure">
- <div id="container">
- <!---begin tab 1 code--->
- <div id="tab01">
- <a id="box1" class="square"></a>
- <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">t i t l e</div>
- <div style="padding-top:1px; padding-left:5px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><div class="updatesinfo"><br>
- text here
- <br><br>
- <div style="color:{color:box3}; padding: 1px;"><b>use this style for additional titles in each tab!</b></div>
- <!-- if you want your titles to match a different color box, just change the box3 to the box color you like best! like, if you prefer box 5's color, just put {color:box5} in where it says {color:box3} -->
- </div>
- </div>
- </div>
- <!---end tab 1 code--->
- <!---begin tab 2 code--->
- <div id="tab02">
- <a id="box2" class="square"></a>
- <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">t i t l e</div> <div style="padding-top:1px; padding-left:5px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
- text here
- </div></div>
- <!---end tab 2 code--->
- <!---begin tab 3 code--->
- <div id="tab03">
- <a id="box3" class="square"></a>
- <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">t i t l e</div> <div style="padding-top:1px; padding-left:5px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
- text here
- </div>
- </div>
- <!---end tab 3 code--->
- <!---begin tab 4 code--->
- <div id="tab04">
- <a id="box4" class="square"></a>
- <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">t i t l e</div> <div style="padding-top:1px; padding-left:5px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
- text here
- <br/><br/>
- </div>
- </div>
- <!---end tab 4 code--->
- <!---begin tab 5 code--->
- <div id="tab05">
- <a id="box5" class="square"></a>
- <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">t i t l e</div> <div style="padding-top:1px; padding-left:5px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
- text here
- <br/><br/>
- </div>
- </div>
- <!---end tab 5 code--->
- <!---begin tab 6 code--->
- <div id="tab06">
- <a id="box6" class="square"></a>
- <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">t i t l e</div> <div style="padding-top:1px; padding-left:5px;text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
- text here
- </div>
- </div>
- <!---end tab 6 code--->
- </div></div></div></div>
- <!--sidebar updates end-->
- <div id="theme">
- <div id="sidebar">
- <img src="{image:sidebar}"></a>
- <div class="links">
- <a href="{text:link one url}" title="{text:link one title}">❍</a>
- <a href="{text:link two url}" title="{text:link two title}">❍</a>
- <a href="{text:link three url}" title="{text:link three title}">❍</a>
- <a href="{text:link four url}" title="{text:link four title}">❍</a>
- <a href="{text:link five url}" title="{text:link five title}">❍ </a>
- </div>
- <div class="description">
- {block:Description}
- <h3>{Title}</h3>
- {Description}
- {/block:Description}
- </div>
- </div>
- <div id="stuffcontainer">
- {block:Posts}
- <div id="stuff">
- {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
- {block:Link}<a href="{URL}"><h4>{Name}</h4></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask">
- <div id="wrapper">
- <div id="asker">{Asker}:</div>
- {Question}</div>
- {Answer}
- </div>{/block:Answer}
- {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
- <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
- <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
- {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
- {block:Date}
- <div id="postinfo">
- <a href="{Permalink}"><small>{TimeAgo}</small></a> <small>with</small> {block:NoteCount}<a href="{Permalink}"><small>{NoteCount}</small> </a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><small>via</small> </a>{block:ContentSource} <a href="{ReblogRootURL}" title="{ReblogRootName}"><small>©</small></a>{/block:ContentSource}{/block:RebloggedFrom}
- {block:RebloggedFrom}
- <a title ="{ReblogParentName}" href="{ReblogParentURL}"></a>
- {/block:RebloggedFrom}</a>
- {block:ContentSource}
- <a title ="{SourceTitle}" href="{SourceURL}"></a>
- {/block:ContentSource}
- <br>
- {block:HasTags}{block:Tags}<a href="{TagUrl}"><small><em>{Tag}, </em></small></a>{/block:Tags}</div> {/block:HasTags}
- {/block:Date}
- </div>
- {/block:Posts}
- <div class="note">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- <div id="pagi">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">return</a>
- {/block:PreviousPage}
- ―
- {block:NextPage}
- <a href="{NextPage}">forth</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- </div>
- <div id="credit"><a href="http://galifreyen.tumblr.com">✿</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment