Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME #008: RADIOACTIVE
- by hellmouths.tumblr.com
- · DON'T REDISTRIBUTE
- · DON'T USE AS BASE
- · DON'T REMOVE CREDIT
- Contact me if there are any complications.
- -->
- <html>
- <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}
- <meta name="color:bg" content="#f8f8f8" />
- <meta name="color:border" content="#f5f5f5" />
- <meta name="color:desc" content="#f8f8f8" />
- <meta name="color:hover" content="#a4b6bd" />
- <meta name="color:info" content="#fafafa" />
- <meta name="color:infoborder" content="#f3f3f3" />
- <meta name="color:infolink" content="#adadad" />
- <meta name="color:link" content="#9fa0a0" />
- <meta name="color:menuhover" content="#eeeceb" />
- <meta name="color:menuitem" content="#ffffff" />
- <meta name="color:posts" content="#ffffff" />
- <meta name="color:sidebar" content="#ffffff" />
- <meta name="color:text" content="#aaaaaa" />
- <meta name="image:sidebar" content="" />
- <meta name="image:icon1" content="http://static.tumblr.com/royfsat/tUFmd0i43/home_copy.gif" />
- <meta name="image:icon2" content="http://static.tumblr.com/royfsat/YSfmd0i49/mail_back_copy.gif" />
- <meta name="image:icon3" content="http://static.tumblr.com/royfsat/hASmd0i4d/calendar_day_copy.gif" />
- <meta name="image:icon4" content="http://static.tumblr.com/royfsat/fZOmd0i4h/bookmark_copy.gif" />
- <meta name="text:icon1url" content="/"/>
- <meta name="text:icon2url" content="/"/>
- <meta name="text:icon3url" content="/"/>
- <meta name="text:icon4url" content="/"/>
- <meta name="text:link1" content="link 1"/>
- <meta name="text:link1url" content="/"/>
- <meta name="text:link2" content="link 2"/>
- <meta name="text:link2url" content="/"/>
- <meta name="text:link3" content="link 3"/>
- <meta name="text:link3url" content="/"/>
- <meta name="text:link4" content="link 4"/>
- <meta name="text:link4url" content="/"/>
- <meta name="text:link5" content="link 5"/>
- <meta name="text:link5url" content="/"/>
- <meta name="if:Show Post Border" content="1"/>
- <meta name="if:Show Sidebar Border" content="1"/>
- <meta name="if:Show Description Box" content="1"/>
- <meta name="if:Show Sidebar Hover" content="1"/>
- <meta name="if:Show Link 1" content="1"/>
- <meta name="if:Show Link 2" content="1"/>
- <meta name="if:Show Link 3" content="1"/>
- <meta name="if:Show Link 4" content="1"/>
- <meta name="if:Show Link 5" content="1"/>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /* SCROLLBAR */
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:hover};
- border-top:2px solid {color:hover};
- border-bottom:2px solid {color:hover};
- height:auto;}
- ::-webkit-scrollbar-thumb:vertical:hover{
- background-color:{color:hover};}
- ::-webkit-scrollbar-thumb:horizontal{
- background-color:{color:hover};
- height:auto;}
- ::-webkit-scrollbar-thumb:horizontal:hover{
- background-color:{color:hover};}
- ::-webkit-scrollbar{
- height:10px;
- width:5px;
- background-color: {color:posts};}
- /* BODY */
- body {
- font: 9px Arial;
- line-height:150%;
- background-color: {color:bg};
- color: {color:text}; }
- a, a:active, a:visited{
- text-decoration: none;
- color: {color:link}; }
- a:hover{
- color: {color:hover}; }
- /* POSTS */
- #container {
- margin:60px auto 40px 150px;
- width:900px;}
- .post {
- width:500px;
- padding:10px;
- margin-bottom:20px;
- {block:IfShowPostBorder}
- border:1px solid {color:border};
- {/block:IfShowPostBorder}
- background: {color:posts}; }
- .title {
- font:25px 'Anaheim';
- letter-spacing:-1;
- margin-top:-5px;}
- .title a { color:{color:hover}; }
- .quote {
- font:25px 'Anaheim';
- line-height:100%;
- letter-spacing:-1;
- padding:10px;
- color:{color:hover}; }
- .source {
- font-size:10px;
- padding-top:5px;
- text-align:right; }
- /* DATE / SOURCES */
- .info {
- width:490px;
- padding:3px 5px;
- margin-top:15px;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:1px;
- background-color:{color:info};
- border-bottom:1px solid {color:infoborder}; }
- .info:hover {
- background-color:{color:bg};
- border-bottom:1px solid {color:infoborder}; }
- .info a { color:{color:infolink}; }
- /* AUDIO */
- .audio {
- height:60px;
- padding:5px;
- margin-bottom:5px; }
- .audio-album {
- position:absolute;
- width:60px; }
- .audio-player {
- opacity:0.6;
- filter:alpha(opacity=60);
- border:2px solid {color:border};
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- z-index:2;
- margin-left:15px;
- margin-top:15px; }
- .audio-info {
- margin-top:-5px;
- position:relative;
- margin-left:70px;
- line-height:170%;
- padding:5px; }
- /* TAGS */
- .right {
- position:absolute;
- margin-left:-110px;
- opacity:0;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;}
- .post:hover .right {
- margin-left:-121px;
- opacity:1;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;}
- .tags a {
- display:block;
- padding:3px 5px;
- width:100px;
- overflow:hidden;
- margin-bottom:5px;
- background-color:{color:posts};
- border-bottom:1px solid {color:border};}
- /* SIDEBAR */
- #sidebar {
- padding:20px;
- margin-left:765px;
- margin-top:250px;
- position:fixed;
- background-color:{color:sidebar};
- {block:IfShowSidebarBorder}
- border:1px solid {color:border};
- {/block:IfShowSidebarBorder}}
- #desc {
- padding:4px 2px 4px 3px;
- width:240px;
- opacity:0;
- height:255px;
- margin-top:-267px;
- text-align:center;
- position:absolute;
- background-color:{color:desc};
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- #sbarimg img {
- width:245px;
- opacity:0.8;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- #sidebar:hover #desc {
- opacity:1;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;}
- /* MENU */
- #menu {
- width:260px;
- text-align:center;
- margin-top:228px;
- margin-left:776px;
- position:fixed;}
- .menuitem {
- width:25px;
- padding:6px 5px;
- display:inline-block;
- color:white;
- margin:0px 5px;
- position:relative;
- height:auto;
- -webkit-border-top-left-radius: 10px;
- -webkit-border-top-right-radius: 10px;
- -moz-border-radius-topleft: 10px;
- -moz-border-radius-topright: 10px;
- border-top-left-radius: 10px;
- border-top-right-radius: 10px;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- border:1px solid {color:border};
- background-color:{color:menuitem}; }
- .menuitem:hover {
- background-color:{color:menuhover};
- color:white;
- border:1px solid white;
- -webkit-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;}
- .menuitem img { opacity:0.6; }
- /* LINKS */
- #links { width:auto; float:center; margin-top:12px; }
- #links a {
- padding:3px 1px 3px 1px;
- font-size:13px;
- margin:auto;
- margin-top:5px;
- font-family:'anaheim';
- text-transform:uppercase;
- width:90%;
- border-bottom:1px solid {color:posts};
- display:block;
- text-align:center; }
- /* PAGINATION */
- #pagination {
- margin-top:570px;
- width:270px;
- height:50px;
- opacity:0.4;
- margin-left:770px;
- position:fixed;
- line-height:20px;
- font-family:'open sans';
- font-size:20px;
- font-weight: 800;
- }
- .page1 { width:130px; float:left; height:45px; display:inline-block; }
- .page2 { width:130px; text-align:right; float:right; height:45px; display:inline-block; }
- /* NOTES */
- ol.notes{
- padding: 10px;
- margin-top: 0px;
- background-color:{color:posts};
- text-align:left;
- list-style-type: none;
- width:500px;
- border: solid 1px {color:infoborder}; }
- ol.notes li.note{ border-top: solid 1px {color:infoborder}; padding: 4px; }
- ol.notes li.note img.avatar { display:none; }
- ol.notes li.note span.action { font-weight: normal; }
- ol.notes li.note .answer_content { font-weight: normal; }
- ol.notes li.note blockquote{
- padding: 0px 0px 0px 5px;
- margin: 0px 0px 2px 25px;
- border-left: 2px solid {color:infoborder};}
- ol.notes li.note blockquote a { color:{color:link}; text-decoration: none; font-size:10px; }
- /* CREDIT */
- .cred { font-family:calibri; letter-spacing:1px; font-size:10px; bottom:2px; right:4px; position:fixed; padding:10px; text-align:right; font-weight:bold; }
- .cred:hover #name { margin-bottom:0;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- .cred:hover #star { opacity:0;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- #star { font-size:20px; padding-bottom:10px; }
- #name { margin-bottom:-36px;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- #name a { color:{color:hover}; }
- </style>
- </head>
- <body>
- <div class="cred"><div id="star">★</div>
- <div id="name"><i>theme by</i> <br /><a href="http://hellmouths.tumblr.com">HELLMOUTHS</a></div>
- </div>
- <div id="menu">
- <div class="menuitem"><a href="{text:icon1url}">
- <img src="{image:icon1}"></a></div>
- <div class="menuitem"><a href="{text:icon2url}">
- <img src="{image:icon2}"></a></div>
- <div class="menuitem"><a href="{text:icon3url}">
- <img src="{image:icon3}"></a></div>
- <div class="menuitem"><a href="{text:icon4url}">
- <img src="{image:icon4}"></a></div>
- </div>
- <div id="sidebar">
- <div id="sbarimg"><img src="{image:Sidebar}">
- {block:IfShowSidebarHover}
- <div id="desc"> {block:IfShowDescriptionBox}<div style=" width:180px; float:center; margin:auto; margin-top:20px; padding:10px; background-color:{color:posts}; opacity:1;">{Description}</div>{/block:IfShowDescriptionBox}
- <div id="links">
- {block:IfShowLink1}
- <a href="{text:link1url}">{text:link1}</a>{/block:IfShowLink1}
- {block:IfShowLink2}
- <a href="{text:link2url}">{text:link2}</a>{/block:IfShowLink2}
- {block:IfShowLink3}
- <a href="{text:link3url}">{text:link3}</a>{/block:IfShowLink3}
- {block:IfShowLink4}
- <a href="{text:link4url}">{text:link4}</a>{/block:IfShowLink4}
- {block:IfShowLink5}
- <a href="{text:link5url}">{text:link5}</a>{/block:IfShowLink5}
- </div>
- </div>{/block:IfShowSidebarHover}
- </div>
- </div>
- <div id="pagination">{block:Pagination}
- <div class="page1">{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}</div>
- <div class="page2">{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>
- {/block:Pagination} </div>
- <div id="container">
- {block:Posts}
- <div class="post">
- <div class="right">
- <div class="tags">
- {block:HasTags}
- {block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}{/block:HasTags}</div>
- </div>
- {block:Text}
- {block:Title}
- <div class="title"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <center><div class="title"><a href="{URL}" class="link" {Target}>{Name}</a></div></center>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<p>
- <div style="margin:-10px 0px;">
- {block:Lines}<div style="padding:7px 3px; border-bottom: 1px solid {color:border}; ">{block:Label}<span style="color: {color:link}; text-transform: uppercase; letter-spacing: 1px">{Label}</span>{/block:Label} {Line}<br></div>{/block:Lines}</div><br />{/block:Chat}
- {block:Video}
- <center>{Video-500}</center>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {block:Answer}<div style="color: {color:text}; background: {color:bg}; padding: 15px">{Asker}: {Question}</div><br><p>{Answer}{/block:answer}
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
- <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- <div class="audio-info">
- {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
- {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
- </div></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <div class="info">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date} <div style="float:right;">{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}/ source: <a href="{SourceURL}">{SourceLink}</a>
- {/block:ContentSource}</div></div>
- </div>
- {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement