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 1 BY @cocoofrps --->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#a8a8a8"/>
- <meta name="color:postbg" content="#b8b8b8"/>
- <meta name="color:postborder" content="#817261" />
- <meta name="color:sidebarborder" content="#817261" />
- <meta name="color:DescriptionText" content="#b8b8b8"/>
- <meta name="color:Border" content="#dddddd"/>
- <meta name="color:Hover" content="#f2f2f2"/>
- <meta name="color:Scrollbar" content="#000000"/>
- <meta name="color:ScrollbarBg" content="#ffffff"/>
- <meta name="color:Post Links" content="#c0bfbf"/>
- <meta name="color:Answer Backg" content="#000000"/>
- <meta name="image:leftsidebar1" content=""/>
- <meta name="image:leftsidebar2" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="image:link1" content=""/>
- <meta name="image:link2" content=""/>
- <meta name="image:link3" content=""/>
- <meta name="text:link1" content=""/>
- <meta name="text:link2" content=""/>
- <meta name="text:link3" content=""/>
- <meta name="image:png" content=""/>
- <meta name="if:ShowDescription" content="1"/>
- <meta name="if:ShowUpdates" content="1"/>
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Scrollbar};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:4px;
- background-color:{color:ScrollbarBg};
- }
- ::selection {
- background: {color:postbg};
- color: {color:background};
- }
- ::-moz-selection {
- background: {color:postbg};
- color: {color:background};
- }
- ::-webkit-selection {
- background: {color:postbg};
- color: {color:background};
- }
- body {
- overflow-y:scroll;
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family:calibri;
- font-size:10px;
- line-height:100%;
- letter-spacing:0px;
- text-align:justify;
- background-image:url('{image:Background}');
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:Post Links};
- }
- img {
- border:none;
- }
- blockquote {
- margin-left:5px;
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:8px;
- letter-spacing:2px;
- text-transform:uppercase;
- font-family:'calibri';
- font-style:none;
- line-height:10px;
- text-align:center;
- padding:0px;
- }
- a:hover {
- color:{color:hover};
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- /*ENTRIES*/
- #entries {
- padding:10px;
- width:500px;
- margin-left:400px;
- margin-top:5px;
- font-size:10px;
- font-family:'arial';
- letter-spacing:0px;
- }
- #post {
- border:1px solid {color:postborder};
- background-color:{color:postbg};
- width:500px;
- padding-bottom:40px;
- padding:25px;
- margin-top:50px;
- }
- /*SIDEBAR*/
- #sidebar {
- position:fixed;
- margin-left:100px;
- margin-top:200px;
- margin-left:170px;
- }
- #one {
- background-image:url('{image:leftsidebar1}');
- width:200px;
- height:200px;
- background-color:{color:background};
- position:fixed;
- border:1px solid {color:sidebarborder};
- margin-left:-80px;
- }
- #two {
- background-image:url('{image:leftsidebar2}');
- width:200px;
- height:200px;
- background-color:{color:background};
- position:fixed;
- border:1px solid {color:sidebarborder};
- margin-top:200px;
- margin-left:-80px;
- -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 {
- padding:10px;
- color:{color:DescriptionText};
- {block:ifNotShowDescription}
- opacity:0;
- overflow:hidden;
- {/block:ifNotShowDescription}
- width:180px;
- height:180px;
- overflow-y:auto;
- }
- #desc h3 {
- font-weight:400;
- font-size:20px;
- }
- #desc p {
- {block:ifShowDescription}
- background-color:{color:Background};
- {/block:ifShowDescription}
- opacity:0.7;
- padding:5px;
- text-align:justify;
- }
- .links{
- position:fixed;
- margin-left:140px;
- margin-top:-15px;
- }
- #link1 img {
- width:80px;
- }
- #link2 img {
- width:80px;
- margin-top:50px;
- }
- #link3 img {
- width:80px;
- margin-top:60px;
- }
- #description {
- text-align:justify;
- font-family:'Arial';
- width:160px;
- margin-top:7px;
- margin-left:-3px;
- font-size:9px;
- position:fixed;
- text-transform:none;
- color:{color:DescriptionText};
- }
- #pagination {
- font-style:bold;
- position:fixed;
- background-color:{color:postbg};
- padding:10px;
- font-family:'arial';
- letter-spacing:0px;
- font-size:9px;
- text-align:center;
- border:1px solid {color:sidebarborder};
- width:180px;
- margin-left:-80px;
- margin-top:-30px;
- text-transform:lowercase;
- height:100px;
- z-index:-111;
- -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:hover {
- margin-top:-40px;
- -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;
- }
- {block:ifShowUpdates}
- #updates {
- position:fixed;
- margin-top:-180px;
- width:200px;
- padding:10px;
- text-align:left;
- height:200px;
- margin-left:1000px;
- background-color:{color:PostBG};
- border:1px 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;
- }
- #updates:hover {
- margin-top:-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;
- }
- #titleofupdates{
- font-size:10px;
- display:block;
- position:fixed;
- text-align:center;
- width:200px;
- margin-top:190px;
- }
- #updateinfo {
- position:fixed;
- text-align:left;
- margin-top:40px;
- overflow:auto;
- margin-left:-10px;
- width:200px;
- height:100px;
- padding-right:4px;
- }
- {/block:ifShowUpdates}
- #png {
- position:fixed;
- width:350px;
- height:700px;
- margin-left:1000px;
- margin-top:100px;
- z-index:-1;
- }
- /*POST INFO*/
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- 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: 19px;
- height: 19px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -17px;
- left: -4px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -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;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-top:20px;
- margin-left: 90px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- #info {
- width:500px;
- text-align:center;
- font-family:'trebuchet ms';
- margin-top:3px;
- margin-left:px;
- letter-spacing:1px;
- font-size:7px;
- font-style:none;
- padding:1px;
- line-height:10px;
- text-transform:uppercase;
- border-top:1px solid;
- border-color:{color:Border};
- }
- #info a {
- text-align:center;
- color:{color:Post Links};
- }
- #info a:hover {
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:Hover}
- }
- #tags {
- float:left;
- width:489px;
- margin-top:-7px;
- margin-left:-5px;
- text-align:left;
- font-size:7px;
- padding:5px;
- font-size:8px;
- opacity:1;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -o-transition-duration: 0.5s
- color:{color:Post Links};
- }
- #tags a {
- letter-spacing:0px;
- font-size:8px;
- text-align:center;
- font-family:'CALIBRI';
- text-decoration:none;
- display:inline-block;
- color:#ddd;
- }
- #tags a:hover {
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:Hover};
- }
- /*QUESTION*/
- #asker {
- color:{color:background};
- padding:14px;
- font-family:'arial';
- font-size:11px;
- letter-spacing:0px;
- text-align:left;
- margin-top:0px;
- text-transform:lowercase;
- line-height:100%;
- background-color:{color:Answer Backg}
- }
- /*CREDIT*/
- #cred {
- position:fixed;
- font-family:'Calibri';
- text-transform:uppercase;
- font-size:8px;
- right:9px;
- bottom:9px;
- padding:4px;
- letter-spacing:1px;
- }
- #s-m-t-tooltip{
- position:absolute;
- background-color:{color:background};
- padding:3px;
- z-index:9999;border:1px solid {color:border};
- margin-top:-10px;
- margin-left:5px;
- display:block;
- text-transform:uppercase;
- font-size:8px;
- color:{color:postbg};
- }
- {CustomCSS}</style></head><body>
- {block:ifShowUpdates}
- <div id="updates">
- <div id="titleofupdates"><h1>UPDATES/TODO</h1></div>
- <div id="updateinfo">
- <ul>
- <li><b>80/50/1250:</b> It's not actually this time. I'm pretty sure they didn't have the Internet in 1250.</li>
- <li><b>07/14/1998:</b> There we go, that seems like a more suitable date, don't you think? Oh, wait. Tumblr wasn't even invented yet.</li>
- <li><b>10/22/2015:</b> Oh, wait. That's in the future. Why do I keep messing up?</li>
- <li><b>11/2/2013:</b> Ah, there. That seems more like it.</li>
- </ul>
- <ul>
- <li>Buy a phone.</li>
- <li>Buy a Rolls Royce.</li>
- <li>Get a fantastic job.</li>
- <li>Stay forever young (mentally).</li>
- </ul>
- </div>
- </div>
- {/block:ifShowUpdates}
- <div id="png">
- <img src="{image:png}">
- </div>
- <div id="sidebar">
- <div id="one"></div>
- <div id="two">
- <div id="desc">
- <h3><code>{Title}</code></h3>
- <p>{Description}</p></div>
- </div>
- <div class="links">
- <div id="link1"><a href="{text:link1}"
- ><img title="{text:link1}" src="{image:link1}"></a></div>
- <div id="link2"><a href="{text:link2}"
- ><img title="{text:link2}" src="{image:link2}"></a></div>
- <div id="link3"><a href="{text:link3}"
- ><img title="{text:link3}" src="{image:link3}"></a></div>
- </div>
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}" title="click this too">new</a>{/block:PreviousPage}
- — {block:NextPage}<a href="{NextPage}" title="click it">older</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </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}<h2>"{Quote}"</h2>
- {block:Source}<div class="qsource"> —{Source}</div>
- {/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/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}{Caption}{/block:Caption}{/block:AudioPlayer}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker">"{Question}" <span style="text-align:lowercase; color:{color:post links};"><b>✉{Asker}</b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
- <div id="info">
- <a href="{Permalink}" title="Permalink">{TimeAgo}</a>
- {block:RebloggedFrom} — <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} and
- <a href="{SourceURL}" title="Source">{SourceLink}</a>{/block:ContentSource}
- {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}{block:NoteCount}
- with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
- {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/">♚</a>
- </div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement