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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <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}
- <!--- THEME BY @cocoofrps --->
- <meta name="color:Background" content="#6a5750"/>
- <meta name="color:Text" content="#6a5750"/>
- <meta name="color:PostBG" content="#a26a73"/>
- <meta name="color:SidebarBorder" content="#ae7780" />
- <meta name="color:Border" content="#755a61"/>
- <meta name="color:Hover" content="#c3b59c"/>
- <meta name="color:Scrollbar" content="#8b5769"/>
- <meta name="color:ScrollbarBg" content="#c3b59c"/>
- <meta name="color:Post Links" content="#c3b59c"/>
- <meta name="color:DescriptionText" content="#966c78"/>
- <meta name="color:SideLinksHover" content="#966c78"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Banner" content=""/>
- <meta name="image:AskBackground" content=""/>
- <meta name="image:SidebarBG" content=""/>
- <meta name="text:LINK1" content="REFRESH"/>
- <meta name="text:LINK2" content="INQUIRE"/>
- <meta name="text:LINK3" content="NAVI"/>
- <meta name="text:LINK4" content="ARCHIVE"/>
- <meta name="text:LINK1URL" content="/"/>
- <meta name="text:LINK2URL" content="/ask"/>
- <meta name="text:LINK3URL" content="/etc"/>
- <meta name="text:LINK4URL" content="/archive"/>
- <meta name="if:CoverBackgroundImage" content="0"/>
- <meta name="if:BannerLinks" content="1"/>
- <style type="text/css">
- @font-face {
- font-family: "Dixel";
- src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf');
- }
- ::-webkit-scrollbar-thumb {
- height:auto;
- border:{color:ScrollbarBg};
- border:1px solid {color:ScrollbarBg};
- background-color:{color:Scrollbar};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:5px;
- background-color:{color:ScrollbarBg};
- }
- ::selection {
- background: {color:Background};
- color: {color:PostBG};
- }
- ::-moz-selection {
- background: {color:Background};
- color: {color:PostBG};
- }
- ::-webkit-selection {
- background: {color:Background};
- color: {color:PostBG};
- }
- body {
- overflow-y:scroll;
- background:{color:Background};
- margin:0px;
- color:{color:Text};
- font-family:'arial';
- font-size:10px;
- line-height:110%;
- letter-spacing:1px;
- text-align:justify;
- {block:ifNotCoverBackgroundImage}
- background-image:url('{image:Background}');
- background-attachment:fixed;
- {block:ifNotCoverBackgroundImage}
- {block:IfCoverBackgroundImage}
- background: url('{image:Background}') no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- {block:IfCoverBackgroundImage}
- }
- small,big,code {
- font-size:8px;
- font-family:'Dixel';
- }
- pre {
- font-family:'Dixel';
- width:auto;
- padding:5px 8px;
- background-color:{color:Border};
- color:{color:Hover};
- border:4px solid {color:SidebarBorder};
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:Post Links};
- }
- b {
- color:{color:border};
- font-weight:100;
- }
- a:hover {
- color:{color:Hover};
- -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.4s ease-in-out;
- }
- img {
- border:none;
- width:auto;
- }
- blockquote {
- margin-left:5px;
- width:auto;
- padding-left:5px;
- border-left:5px solid {color:Border};
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:5px solid {color:Border};
- }
- h1 {
- font-size:11px;
- letter-spacing:2px;
- text-transform:uppercase;
- font-style:none;
- line-height:10px;
- text-align:center;
- padding:0px;
- }
- /*ENTRIES*/
- #right {
- position:fixed;
- width:605px;
- height:100%;
- background-color:{color:Background};
- margin-top:0px;
- margin-left:70px;
- }
- #entries {
- width:500px;
- position:absolute;
- margin-left:450px;
- margin-top:260px;
- letter-spacing:1px;
- font-weight:100;
- font-size:8px;
- }
- #post {
- background-color:{color:PostBG};
- width:500px;
- padding-bottom:20px;
- padding:20px;
- border:10px solid {color:Border};
- margin-top:10px;
- }
- /*SIDEBAR*/
- #sidebar {
- position:fixed;
- margin-left:0px;
- margin-top:0px;
- z-index:9999999999;
- }
- #banner {
- position:fixed;
- margin-left:200px;
- margin-top:0px;
- width:810px;
- height:240px;
- border-bottom:10px solid {color:SidebarBorder};
- -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.4s ease-in-out;
- }
- .left {
- background-color:{color:SidebarBorder};
- width:100px;
- height:235px;
- opacity:0.2;
- margin-top:-5px;
- position:fixed;
- padding:10px;
- text-align:right;
- -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.4s ease-in-out;
- }
- .right {
- background-color:{color:SidebarBorder};
- margin-left:690px;
- width:100px;
- height:235px;
- margin-top:-5px;
- opacity:0.2;
- position:fixed;
- padding:10px;
- -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.4s ease-in-out;
- }
- #banner a {
- background-color:{color:Border};
- border-top:5px solid {color:Hover};
- font-family:'Dixel';
- padding:5px;
- font-size:8px;
- color:{color:SidebarBorder};
- display:block;
- margin-top:10px;
- -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;
- }
- #banner a:hover {
- border-top:5px solid {color:Post Links};
- background-image:url('{image:SidebarBG}');
- text-shadow:1px 1px 0px {color:Hover};
- color:{color:Post Links};
- -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;
- }
- #banner:hover .left {
- margin-left:-110px;
- opacity:1;
- -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.4s ease-in-out;
- }
- #banner:hover .right {
- margin-left:810px;
- opacity:1;
- -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.4s ease-in-out;
- }
- #desc {
- position:fixed;
- width:200px;
- margin-left:200px;
- margin-top:270px;
- padding:10px;
- font-size:8px;
- color:{color:DescriptionText};
- opacity:0.8;
- border-top:8px solid {color:SidebarBorder};
- background-image:url('{image:SidebarBG}');
- border-bottom:8px solid {color:SidebarBorder};
- background-color:{color:Text};
- -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.4s ease-in-out;
- }
- #desc .des {
- max-height:100px;
- overflow:auto;
- line-height:110%;
- opacity:0.9;
- background-color:{color:Hover};
- padding:20px;
- border-bottom:2px solid {color:SidebarBorder};
- -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.4s ease-in-out;
- }
- .links {
- font-family:'Dixel';
- font-size:8px;
- border-top:2px solid {color:SidebarBorder};
- width:200px;
- }
- .links a {
- display:block;
- border-bottom:2px solid {color:SideLinksHover};
- padding:5px;
- background-color:{color:ScrollbarBG};
- color:{color:Scrollbar};
- opacity:0.8;
- -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.4s ease-in-out;
- }
- .links a:hover {
- color:{color:Scrollbar};
- padding-bottom:8px;
- -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.4s ease-in-out;
- }
- #pagination {
- text-align:center;
- font-family:'Dixel';
- width:200px;
- display:block;
- background-color:{color:Hover};
- }
- #pagination .pagi {
- padding:5px;
- font-size:8px;
- color:{color:Background};
- -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.4s ease-in-out;
- }
- #pagination a {
- display:inline-block;
- width:88px;
- }
- /*AUDIO INFO*/
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 15px;
- width: 30px;
- height: 30px;
- background-color: #ffffff;
- padding: 10px;
- 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:30px;
- height:30px;
- margin-top:-4px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -25px;
- left: -10px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- -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;
- overflow: hidden;
- width: 79px;
- height: 79px;
- border-left:5px solid {color:Post Links};
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- }
- .trackdetails {
- text-transform:uppercase;
- width: auto;
- display:inline-block;
- margin-top:23px;
- margin-left: 90px;
- border-left:5px solid {color:Text};
- padding:5px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- padding-bottom:10px;
- }
- /*POST INFO*/
- #info {
- text-align:right;
- font-family:'Dixel';
- letter-spacing:1px;
- font-size:8px;
- font-style:none;
- color:{color:Border};
- line-height:10px;
- text-transform:uppercase;
- padding:5px;
- background-color:{color:Background};
- border-color:{color:Border};
- }
- #info a {
- text-align:right;
- color:{color:Hover};
- }
- #info a:hover {
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:Hover}
- }
- #tags {
- margin-top:4px;
- width:500px;
- text-align:right;
- font-size:8px;
- margin-left:-5px;
- font-family:'arial';
- opacity:1;
- padding:0px;
- text-transform:lowercase;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -o-transition-duration: 0.5s
- color:{color:SidebarBorder};
- background-color:{color:Border};
- }
- #tags a {
- padding:5px;
- letter-spacing:0px;
- font-family:'helvetica';
- text-decoration:none;
- display:inline-block;
- }
- #sweg {
- margin-top:300px;
- position:fixed;
- }
- #tags a:hover {
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:Hover};
- }
- /*QUESTION*/
- #asker {
- padding:14px;
- background-image:url('{image:AskBackground}');
- font-size:11px;
- letter-spacing:0px;
- text-align:left;
- margin-top:0px;
- border:2px solid {color:Border};
- text-transform:lowercase;
- line-height:100%;
- }
- #q {
- border:2px solid {color:Border};
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- -ms-border-radius: 5px;
- border-radius: 5px;
- }
- /*CREDIT*/
- #cred {
- position:fixed;
- font-family:'helvetica';
- text-transform:uppercase;
- font-size:20px;
- background-color:{color:PostBG};
- right:9px;
- bottom:9px;
- padding:5px;
- padding-bottom:11px;
- border:2px solid {color:Background};
- letter-spacing:1px;
- }
- #notes {
- font-family:helvetica;
- text-transform:uppercase;
- }
- #notes li{
- list-style-type:none;
- background-color:{color:PostBG};
- padding:6px;
- }
- #notes img {
- opacity:0;
- }
- #s-m-t-tooltip{
- position:absolute;
- background-color:{color:PostBG};
- padding:3px;
- z-index:9999;
- border-left:5px solid {color:DescriptionText};
- margin-top:-10px;
- margin-left:5px;
- display:block;
- text-transform:uppercase;
- font-size:7px;
- color:{color:text};
- }
- {CustomCSS}</style>
- </head><body>
- <div id="sidebar">
- <div id="banner">
- {block:ifBannerLinks}
- <div class="left">
- <a href="/">one</a>
- <a href="/">two</a>
- <a href="/">three</a>
- <a href="/">four</a>
- <a href="/">five</a>
- <a href="/">and the tablets turn</a>
- </div>
- <div class="right">
- <a href="/">seven</a>
- <a href="/">eight</a>
- <a href="/">nine</a>
- <a href="/">ten</a>
- <a href="/">eleven</a>
- <a href="/">i'm not quoting anything</a>
- </div>
- {/block:ifBannerLinks}
- <img src="{image:Banner}">
- </div>
- <div id="desc">
- <div class="des">{Description}
- </div>
- <div class="links">
- <a class="ew" href="{text:LINK1URL}">{text:LINK1}</a>
- <a class="ew" href="{text:LINK2URL}">{text:LINK2}</a>
- <a class="ew" href="{text:LINK3URL}">{text:LINK3}</a>
- <a class="ew" href="{text:LINK4URL}">{text:LINK4}</a>
- {block:Pagination}
- <div id="pagination" class="pagi">
- {block:PreviousPage}<a href="{PreviousPage}" title="back">PREV // </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" title="next">NEXT</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- <!-- SIDEBAR ENDS AFTER NEXT DIV -->
- </div>
- <!-- POSTS START -->
- <div id="entries">
- {block:Posts}
- <div id="post">
- {block:Text}
- <h1>{block:Title}<a href="{Permalink}" title="{Title}"><div style="font-weight:100;border-top:5px solid {color:SidebarBorder};font-size:8px;font-family:'Dixel';text-transform:uppercase;padding:5px 7px 7px 8px;background-color:{color:Border};color:{color:PostBG};">{Title}</div></a>{/block:Title}</h1>
- {Body}<br>{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}<br>{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}
- {/block:Caption}<br>{/block:Photoset}
- {block:Quote}<div style="width:490px;font-size:11px;padding:5px;background-color:{color:Border};color:{color:PostBG};">"{Quote}"</div><br/>
- {block:Source}<div class="qsource"> —{Source}</div>
- {/block:Source}<br>{/block:Quote}
- {block:Link}<a href="{URL}" {Target} title="{Name}"><div style="border-top:5px solid {color:SidebarBorder};font-size:8px;font-family:'Dixel';text-tranform:uppercase;padding:5px 7px 7px 8px;background-color:{color:Border};color:{color:PostBG};">{Name}</div></a>{block:Description}{Description}{/block:Description}<br>{/block:Link}
- {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<span style="font-size:15px;text-transform:uppercase;"><b>{Label}</b></span>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
- {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">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}{Artist}{/block:Artist}<br/>{block:Album}{Album}{/block:Album}<br/></div></div>{block:Caption}<br/>{Caption}{/block:Caption}{/block:AudioPlayer}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
- <!--- Please don't steal anything. I find it rude and unethical. -->
- {block:Answer}<div id="asker"><span style="text-transform:uppercase;color:{color:Post Links};letter-spacing:2px;text-shadow:1px 1px 0px {color:PostBG};">{Asker}:</span></br>{Question}</div>{block:Answerer}</br><div style="padding:14px;border:2px solid {color:Border};padding-top:17px;padding-bottom:2px;"><span style="text-transform:uppercase;letter-spacing:2px;">{Answerer}:</span><div style="margin-top:-10px;">{Answer}</div></div>{/block:Answerer}{Replies}</br>{/block:Answer}
- <div id="info">
- <a href="{Permalink}" title="{ShortMonth}.{DayOfMonth}.{Year}">{TimeAgo}</a>
- {block:NoteCount}
- | <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} |
- <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
- {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
- {block:HasTags}<div id="tags">
- {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
- </div>{block:HasTags}
- </div>
- </div>
- {/block:Posts}
- <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div>
- <br><br><br><br>
- <div id="cred">
- <a href="http://cocoofrps.tumblr.com/" title="THEME 16 BY COCO">♚</a>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement