Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!----
- theme #04 - RADIOACTIVE by Stella (@onlysewenteen)
- PLEASE abide by the following rules if you're going to use this theme:
- 1. DO NOT STEAL any parts of the codes. I will recognize my own work when I see it. Also, editting and redistributing with my name attached counts as stealing.
- 2. KEEP MY CREDITS intact and where they are.
- 3. DO NOT USE THIS THEME AS A BASE CODE.
- Thanks and enjoy the theme!
- ---->
- <html><head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:background" content="#ffffff" />
- <meta name="color:sidebar" content="#151515" />
- <meta name="color:sidebar text" content="#cccccc" />
- <meta name="color:sidebar bold" content="#999999" />
- <meta name="color:sidebar links" content="#c4d5be">
- <meta name="color:navbar" content="#ecf1f2" />
- <meta name="color:nav" content="#151515" />
- <meta name="color:title" content="#7a4848" />
- <meta name="color:text" content="#888888" />
- <meta name="color:link" content="#af8d77" />
- <meta name="image:background" content="" />
- <meta name="image:sidebar" content="" />
- <meta name="image:navbar" content="" />
- <meta name="if:lowercase tags" content="1" />
- <meta name="if:bigger tags" content="" />
- <meta name="text:link1" content="" />
- <meta name="text:link1 title" content="" />
- <meta name="text:link2" content="" />
- <meta name="text:link2 title" content="" />
- <meta name="text:link3" content="" />
- <meta name="text:link3 title" content="" />
- <meta name="text:link4" content="" />
- <meta name="text:link4 title" content="" />
- <meta name="text:link5" content="" />
- <meta name="text:link5 title" content="" />
- <meta name="text:link6" content="" />
- <meta name="text:link6 title" content="" />
- <meta name="text:title top margin" content="100" />
- <meta name="text:title one" content="all systems go" />
- <meta name="text:title two" content="the sun hasn't died" />
- <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}
- <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
- <style type="text/css">
- /* -- GENERAL THINGS -- */
- body {
- color:{color:text};
- text-align:justify;
- font:10px cambria;
- background-color:{color:background};
- background-image:url('{image:background}');
- background-attachment:fixed}
- a {
- color:{color:link};
- text-decoration:none}
- a:hover {
- color:{color:text};
- border-bottom:1px solid {color:link}}
- b, strong {color:{color:title}}
- i, em {color:{color:text}}
- p {margin-top:5px; margin-bottom:5px}
- blockquote {
- border-left:2px solid {color:text};
- padding-left:5px;
- margin:0px 4px 0px 10px}
- /* -- SIDEBAR ELEMENTS -- */
- #sidebar {
- float:left;
- top:0;
- left:245px;
- position:fixed;
- width:170px;
- height:100%;
- background-color:{color:sidebar}}
- .sbarimg {
- margin-bottom:10px;
- margin-top:80px}
- .sbarimg img {
- max-width:120px;
- height:auto;
- -moz-border-radius:120px;
- -webkit-border-radius:120px}
- #sbartext {
- font:10px cambria;
- color:{color:sidebar text};
- text-align:justify;
- margin:0px 20px}
- #sbartext a {
- color:{color:sidebar links};
- text-decoration:none}
- #sbartext a:hover {
- color:{color:sidebar text};
- border-bottom:1px solid {color:sidebar links}}
- #sbartext i, em {
- color:{color:sidebar text}}
- #sbartext b, strong {
- color:{color:sidebar bold}}
- .pagination {
- text-align:center}
- .pagination a {
- display:inline-block;
- color:{color:sidebar text};
- font:10px cambria;
- text-transform:lowercase}
- .pagination a:hover {
- color:{color:sidebar text};
- border-bottom:1px solid {color:sidebar link}}
- /* -- NAVIGATION -- */
- #navbar {
- float:left;
- top:0;
- left:0;
- position:fixed;
- width:245px;
- height:100%;
- overflow:hidden;
- background-color:{color:navbar};
- background-image:url('{image:navbar}');
- background-attachment:fixed;
- background-size:245px auto;
- background-position:bottom left;
- background-repeat:no-repeat}
- #ntitle {
- text-align:center;
- font-family:'Dawning of a New Day';
- font-size:20px;
- color:{color:title};
- margin-top:{text:title top margin}px}
- #nsub {
- text-align:center;
- font:10px cambria;
- color:{color:text};
- margin-top:-8px;
- margin-bottom:10px;
- letter-spacing:1px}
- #nav {
- text-align:center}
- #nav a {
- display:inline-block;
- width:150px;
- background-color:{color:nav};
- padding:3px 0;
- margin-bottom:4px;
- color:{color:sidebar links};
- font:9px georgia;
- font-style:italic;
- letter-spacing:1px;
- text-transform:lowercase;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out}
- #nav a:hover {
- border:none;
- opacity:0.5;
- letter-spacing:2px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out}
- /* -- ENTRIES -- */
- #entries {
- position:absolute;
- width:500px;
- margin-left:470px;
- margin-top:20px}
- #posts {
- background-color:transparent;
- margin-bottom:60px}
- #posts b, strong {color:{color:title}}
- #posts i, em {color:{color:text}}
- #title1 {
- font:14px cambria;
- color:{color:title};
- font-style:italic;
- text-align:center}
- #title2 {
- font:14px cambria;
- color:{color:title};
- font-style:italic}
- .consource {
- display:none}
- /* -- INFO AND STUFF -- */
- #notess {
- width:70px;
- padding:3px;
- background-color:{color:sidebar};
- font:9px cambria;
- text-align:center;
- margin-top:15px}
- #notess a {
- color:{color:sidebar text}}
- #notess a:hover {
- border:none;
- letter-spacing:1px}
- #info {
- width:414px;
- margin-top:-16px;
- margin-left:76px;
- padding:3px 0 2px 10px;
- background:transparent;
- color:{color:text};
- font:9px cambria;
- line-height:120%;
- text-align:left;
- letter-spacing:1px;
- text-transform:uppercase;
- border-bottom:1px solid {color:sidebar}
- }
- #info a {color:{color:text}}
- #info a:hover {color:{color:text}}
- #tags {
- width:500px;
- background:transparent;
- margin-top:5px;
- color:{color:text};
- font:{block:ifnotbiggertags}9px{/block:ifnotbiggertags}{block:ifbiggertags}10px{/block:ifbiggertags} cambria;
- {block:iflowercasetags}text-transform:lowercase;{/block:iflowercasetags}
- text-align:center;
- letter-spacing:1px
- }
- #tags a {color:{color:link}}
- #tags a:hover {color:{color:text}}
- .num {color:{color:text}}
- /* -- POST SPECIFICS -- */
- .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
- .user_2 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
- .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
- .user_4 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
- .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
- .user_6 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
- .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
- .user_8 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
- .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
- .user_10 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:4px}
- #asks {
- text-align:justify;
- padding:5px 5px 5px 8px;
- background-color:transparent;
- border-left:1px dotted {color:sidebar};
- min-height:50px;
- margin-left:60px}
- .asker {
- margin-bottom:-8px;
- font-size:12px;
- letter-spacing:1px;
- font-style:italic}
- #answers {
- margin-top:8px}
- #audios {
- width:100%;
- height:80px;
- margin-bottom:10px}
- .albumart {
- float:left;
- width:80px;
- height:80px}
- .player {
- display:block;
- height:80px;
- width:80px;
- overflow:hidden;
- position:absolute;
- opacity:0.3;
- background:#fff;
- -webkit-transition:all 0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition:all 0.5s ease-in-out}
- .player:hover {
- opacity:0.7;
- -webkit-transition:all 0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition:all 0.5s ease-in-out}
- .audioplayer {
- width:24px;
- height:24px;
- margin:26px 0 0 26px;
- overflow:hidden}
- .audioinfo {
- margin-left:80px;
- height:54px;
- line-height:150%;
- font:12px cambria;
- background-color:{color:sidebar};
- color:{color:sidebar text};
- padding:16px 10px 10px 10px;
- text-align:center}
- #source {
- margin-top:3px;
- text-align:right;
- margin-bottom:5px;
- font-size:10px}
- div#qTip {
- display:none;
- text-align:center;
- position:absolute;
- letter-spacing:1px;
- text-transform:uppercase;
- z-index:5;
- font:8px cambria;
- padding:5px 3px 2px 3px;
- color:{color:text};
- background:{color:background};
- border:1px solid {color:link}}
- /* -- DON'T TOUCH THIS -- */
- #cred a {position:fixed;
- font:14px Marck Script;
- background-color:transparent;
- border:1px dotted {color:sidebar};
- color:{color:link};
- padding:5px;
- bottom:20px;
- right:20px}
- #cred a:hover {
- color:{color:text}}
- </style>
- </head>
- <body>
- <div id="navbar">
- <div id="nav">
- <div id="ntitle">{text:title one}</div>
- <div id="nsub">{text:title two}</div>
- <a href="/">index</a><br>
- <a href="/ask">message</a><br>
- {block:iflink1}<a href="{text:link1}">{text:link1 title}</a><br>{/block:iflink1}
- {block:iflink2}<a href="{text:link2}">{text:link2 title}</a><br>{/block:iflink2}
- {block:iflink3}<a href="{text:link3}">{text:link3 title}</a><br>{/block:iflink3}
- {block:iflink4}<a href="{text:link4}">{text:link4 title}</a><br>{/block:ifLink4}
- {block:iflink5}<a href="{text:link5}">{text:link5 title}</a><br>{/block:ifLink5}
- {block:iflink6}<a href="{text:link6}">{text:link6 title}</a><br>{/block:ifLink6}</div>
- </div>
- <div id="sidebar">
- <div class="sbarimg" align="center"><img src="{image:sidebar}" /></div>
- <div id="sbartext">{block:Description}{Description}{/block:Description}</div><br>
- <div class="pagination">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- {/block:Pagination}</div>
- </div>
- <div id="entries">{block:Posts}<div id="posts">
- {block:Quote}
- <div id="title2">❝ {Quote}</div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Title}<div id="title1">{Title}</div>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Link}
- <div id="title1"><a href="{URL}" class="link" {Target}>→ {Name}</a></div>
- {block:Description}<div class="description">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</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:Lines}<li class="user_{UserNumber}">
- {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}
- <img src="{AskerPortraitURL-64}" style="height:50px; width:50px; float:left; margin-top:5px">
- <div id="asks"><div class="asker">{Asker} inquired:</div>
- <br>{Question}</div>
- <div id="answers">{Answer}</div>
- {/block:Answer}
- {block:Audio}
- <div id="audios">
- <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
- <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80">{/block:AlbumArt}</div>
- <div class="audioinfo">
- <big>{block:TrackName}{TrackName}{/block:TrackName}</big><br>
- {block:Artist}<small>by</small> {Artist}{/block:Artist} {block:Album}<small>on</small> {Album}{/block:Album}<br>
- <small>{FormattedPlayCount} plays</small></div></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <div id="notess">
- <a href="{Permalink}">♥ {FormattedNoteCount}</a>
- </div>
- <div id="info">
- {block:Date}{DayofMonthWithZero} {ShortMonth} {ShortYear} @ {12Hour}:{Minutes} {AMPM}{/block:Date}  {block:RebloggedFrom}— <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> + <a href="{ReblogRootURL}" title="{ReblogRootName}">org</a> {/block:RebloggedFrom}— <a href="{ReblogURL}"target="_blank" title="reblog this post">reblog</a>
- </div>
- {block:HasTags}<div id="tags">
- {block:Tags}<a href="/tagged/{Tag}"><span class="num">#</span>{Tag}</a> {/block:Tags}
- </div>{/block:HasTags}
- {block:ContentSource}
- <div class="consource"><a href="{SourceURL}">source</a></div>
- {/block:ContentSource}
- </div>
- {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- <div id="cred"><a href="http://onlysewenthemes.tumblr.com/" title="theme">OS</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement