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 4 BY SHUTUPSTRAX PLEASE DO NOT REMOVE THE CREDIT OR CLAIM AS YOUR OWN AND DON'T USE AS A BASE ANY QUESTIONS JUST ASK ME AND EDIT AS YOU WISH (...)--->
- <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}
- <link href='http://fonts.googleapis.com/css?family=Andika|Gentium+Basic|Arapey|Metrophobic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Arapey' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
- <meta name="color:next" content="#b8b8b8"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Sidebar" content="#ffffff"/>
- <meta name="color:Text" content="#a8a8a8"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:Tags" content="f0f0f0"/>
- <meta name="color:Hover" content="#f2f2f2"/>
- <meta name="color:linkhover" content="#f2f2f2"/>
- <meta name="color:titlecolor" content="#f2f2f2"/>
- <meta name="color:linkbackground" content="#f2f2f2"/>
- <meta name="color:discription" content="#f2f2f2"/>
- <meta name="color:titlebackground" content="#f2f2f2"/>
- <meta name="color:title" content="#f2f2f2"/>
- <meta name="color:Line" content="#f2f2f2"/>
- <meta name="color:Border" content="#e4e4e4"/>
- <meta name="color:Post" content="#ffffff"/>
- <meta name="color:Answer" content="#f8f8f8"/>
- <meta name="color:linkbackground" content="#f8f8f8"/>
- <meta name="color:links" content="#f8f8f8"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:sidebar2" content=""/>
- <meta name="image:sidebar3" content=""/>
- <meta name="image:sidebar4" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 Text" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 Text" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 Text" content="" />
- <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="color:scrollbarbg" content="ffffff"/>
- <style type="text/css">
- /* --- SCROLLBAR ---*/
- ::-webkit-scrollbar {
- width: 5px;height: 5px;}
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 6px;display: block;background-color: {color:white};}
- ::-webkit-scrollbar-track-piece {
- background-color: {color:scrollbarbg};}
- ::-webkit-scrollbar-thumb:vertical {
- height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
- /* --- BODY ---*/
- body { background:{color:background};
- background-attachment:fixed;
- background-image: url('{image:Background}');
- background-repeat:no-repeat;
- margin:0px;
- color:{color:text};
- font-family:Calibri;
- font-size:9px;
- line-height:100%;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:9px;
- text-transform:uppercase;
- }
- a:hover {
- opacity:10;
- color:{color:hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease
- }
- /* --- POST ENTRIES ---*/
- #entries {
- padding:10px;
- width:500px;
- margin-left:450px;
- margin-top:40px;
- font-size:10px;
- overflow:hidden;
- }
- /* --- BODY: POSTS ---*/
- #post {
- width:500px;
- padding-bottom:20px;
- padding:10px;
- margin-top:35px;
- background-color:{color:Post};
- border-bottom:1px solid {color:Line}
- }
- /* --- SIDEBAR IMAGE ---*/
- #sidebar { position:absolute;
- position:fixed;
- height:320px;
- width:150px;
- left:260px;
- top:150px;
- }
- #sidebarimage {
- width 100px;
- }
- #sidebar img{
- width:70px;
- height:70px;
- margin-top:7px;
- margin-left:-4px;
- margin-bottom:1px;
- padding:4px;
- border-color: {color:border};
- background-color:{color:Sidebar};
- border: 1px solid {color:border};
- }
- #sidebarimage2 img{
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebar:hover #sidebarimage2 img { width:100px;height:100px;
- margin-left:-200px; -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebarimage img{
- -moz-transition-duration:2s;
- -webkit-transition-duration:2s;
- -o-transition-duration:2s;}
- #sidebar:hover #sidebarimage img { opacity:0; -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebarimage3 img{
- -moz-transition-duration:2s;
- -webkit-transition-duration:2s;
- -o-transition-duration:2s;}
- #sidebar:hover #sidebarimage3 img { opacity:0; -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebarimage4 img{
- -moz-transition-duration:2s;
- -webkit-transition-duration:2s;
- -o-transition-duration:2s;}
- #sidebar:hover #sidebarimage4 img { opacity:0; -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- /* --- SIDEBAR LINKS ---*/
- /* --- SIDEBAR LINKS ---*/
- .links {padding-bottom:10px;
- padding-top:10px;
- padding-left:20px;
- opacity:0;
- position:absolute;
- position:fixed;
- font-family:cambria;
- width:250px;
- display:inline-block;
- margin-top:-205px;
- margin-left:-120px;
- font-size:8px;
- text-transform:lowercase;
- text-align:center;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .links a{
- display:inline-block;
- width:40px;
- letter-spacing:1px;
- line-height:200%;
- margin-top:4px;
- margin-left:3px;
- color:{color:links}
- text-decoration:none;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -ms-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- background-color:{color:linkbackground};
- }
- .links :hover { -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -ms-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- background-color:{color:linkhover}
- }
- .links a:hover {
- color:{color:Hover}
- }
- #sidebar:hover .links { -moz-transform: scale(1) rotate(360deg );
- -webkit-transform: scale(1) rotate(360deg ) ;
- -o-transform: scale(1) rotate(360deg);
- -ms-transform: scale(1) rotate(360deg);
- transform: scale(1) rotate(360deg );
- opacity:1;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- /* --- DESCRIPTION ---*/
- #description {
- position:fixed;
- font-family: 'Arapey', serif;
- line-height:90%;
- font-size:9px;
- font-style:italic;
- width:190px;
- height:40px;
- padding:8px;
- margin-left:130px;
- text-align:justify;
- color:{color:discription};
- ;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebar #description {
- border-style:solid;
- border-right-width:1px;
- margin-left:90px;
- margin-top:-250px;
- padding:2px;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- border-style:solid;
- border-right-width:0px;
- border-top-width:0px;
- border-left-width:2px;
- border-bottom-width:0px;
- opacity:0;
- padding-top:20px;
- padding-bottom:20px;
- }
- #sidebar:hover #description {opacity:1;
- margin-left:-80px;
- margin-top:-280px;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #description a {
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
- /* --- PAGINATION---*/
- #sidebar:hover #next {opacity:1; -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s; -o-transition-duration:0.6s;}
- #sidebar:hover #pagination {opacity:1; -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s; -o-transition-duration:0.6s;}
- #sidebar #pagination{
- position:fixed;
- color:{color:next};
- width:10px;
- font-size:20px;
- text-align:center;
- margin-top:-170px;
- margin-left:95px;
- position:fixed;
- font-family:consolas;
- letter-spacing:0px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s; -o-transition-duration:0.6s;
- }
- #next{opacity:0;}
- #pagination{opacity:0;}
- #sidebar #next{opacity:0; padding-top:10px;
- padding-bottom:10px;
- position:fixed;
- color:{color:next};
- width:10px;
- font-size:20px;
- text-align:center;
- margin-top:-180px;
- margin-left:115px;
- position:fixed;
- font-family:consolas;
- letter-spacing:0px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s; -o-transition-duration:0.6s;
- }
- /* --- POST INFO ---*/
- #info { font-family: 'Arapey', serif;
- font-size:9px;
- text-align:center;
- opacity:0;
- margin-top:-10px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #post:hover #info {
- margin-top:0px;
- opacity:1;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #info a{ -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- /* --- POST TAGS---*/
- #tags {
- font-family: 'Arapey', serif;
- letter-spacing:0px;
- text-transform:lowercase;
- font-size:10px;
- margin-top:3px;
- text-align:center;
- }
- #tags
- a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
- /* --- QUESTIONS ---*/
- #asker {
- padding:5px;
- font-family:cambria;
- letter-spacing:1px;
- text-align:left;
- font-style:italic;
- margin-left:10px;
- border-left:3px #eee solid;
- background-color:{color:background}
- }
- .title {
- text-align:center;
- font-family: 'Arapey', serif;
- line-height:70%;
- font-size:19px;
- position:absolute;
- position:fixed;
- margin-top:0px;
- width:70px
- }
- #sidebar:hover .title {
- margin-left:-195px;
- margin-top:140px;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- opacity:0.9;
- width:96px
- }
- #sidebar .title { color:{color:title};
- opacity:0;
- margin-left:0px;
- margin-top:140px;
- padding:2px;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; background-color:{color:titlebackground}
- }
- /* --- CREDIT DO NOT REMOVE ---*/
- #cred{color:#5882FA;
- position:fixed;bottom:3px; right:3px; font-size:8px;letter-spacing :1px; font-family:cambria;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #cred a {color:#817d7d;
- -webkit-transition-duration:1.5s;
- -moz-transition-duration:1.5s;
- -o-transition-duration:1.5s;
- }
- #cred a:hover {font-size:15px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- opacity:1;
- color:#0080FF;
- }
- {CustomCSS}</style></head><body>
- <!--
- CREDIT DO NOT REMOVE
- -->
- <div id="cred"><a href="http://shutupstrax.tumblr.com/">☂ SUS ☂</a></center></div>
- <!-- -->
- <div id="sidebar">
- <div class="title">{Title}</div>
- <div id="sidebarimage"><img src="{image:sidebar}"></div>
- <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
- <div id="sidebarimage3"><img src="{image:sidebar3}"></div>
- <div id="sidebarimage4"><img src="{image:sidebar4}"></div>
- <div id="description">
- {Description}
- </div>
- <div id="pagination"> {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}"> ←</a> {/block:PreviousPage}
- </div>
- <div id="next">
- {block:NextPage}<a href="{NextPage}">→ </a>{/block:NextPage}{/block:Pagination}
- </div>
- <div class="links">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
- {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
- {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
- </div>
- </div></div>
- </div>
- <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}
- {block:Quote}{Quote}{/block:Quote}
- {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}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
- <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"><img src="{AskerPortraitURL-30}" style="margin-right:6px;border-radius:50%;padding:2px;border:1px solid #E6E6E6;"> {Asker}:{Question}</center></div><left><font face="cambria">{Answer}</font>{/block:Answer}
- <div id="info">
- <br>★ <a href="{Permalink}">{TimeAgo}</a>
- {/block:Date} ★ <a href="{Permalink}">{NoteCountWithLabel}</a>
- <a href="{ReblogURL}" target="_blank" class="details">★ Reblog </a>
- {block:RebloggedFrom} ★ <a href="{ReblogParentURL}"> via ★</a> {/block:RebloggedFrom}
- {block:ContentSource} <a href="{SourceURL}"> ♥ ★ {/block:ContentSource}{/block:RebloggedFrom}<div id="tags">
- {block:HasTags}{block:Tags} <small> # </small> <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement