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">
- <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}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- // Tooltip only Text
- $('.masterTooltip').hover(function(){
- // Hover over code
- var title = $(this).attr('title');
- $(this).data('tipText', title).removeAttr('title');
- $('<p class="tooltip"></p>')
- .text(title)
- .appendTo('body')
- .fadeIn('slow');
- }, function() {
- // Hover out code
- $(this).attr('title', $(this).data('tipText'));
- $('.tooltip').remove();
- }).mousemove(function(e) {
- var mousex = e.pageX + 20; //Get X coordinates
- var mousey = e.pageY + 10; //Get Y coordinates
- $('.tooltip')
- .css({ top: mousey, left: mousex })
- });
- });
- </script>
- <!---jcgged.tumblr.com
- --->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="image:Header" content="#ffffff"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Background Fill" content="#000000"/>
- <meta name="text:Muse 1 Link" content="" />
- <meta name="text:Muse 1" content="" />
- <meta name="text:Muse 2 Link" content="" />
- <meta name="text:Muse 2" content="" />
- <meta name="text:Muse 3 Link" content="" />
- <meta name="text:Muse 3" content="" />
- <meta name="text:Muse 4 Link" content="" />
- <meta name="text:Muse 4" content="" />
- <meta name="text:Muse 5 Link" content="" />
- <meta name="text:Muse 5" content="" />
- <meta name="text:Muse 6 Link" content="" />
- <meta name="text:Muse 6" content="" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Caption" content="" />
- <meta name="image:Muse 1" content="http://placehold.it/40x40"/>
- <meta name="image:Muse 2" content="http://placehold.it/40x40"/>
- <meta name="image:Muse 3" content="http://placehold.it/40x40"/>
- <meta name="image:Muse 4" content="http://placehold.it/40x40"/>
- <meta name="image:Muse 5" content="http://placehold.it/40x40"/>
- <meta name="image:Muse 6" content="http://placehold.it/40x40"/>
- <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:black;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:2px;
- background-color:white;
- }
- body {
- background:{color:background fill};
- margin:0px;
- color:{color:text};
- font-family:roboto;
- font-size:9px;
- line-height:150%;
- text-align:justify;
- }
- #entries a {
- text-decoration:none;
- border:solid 1px #eee;
- font-size:8px;
- font-weight:bold;
- background-color:{color:background};
- text-transform:uppercase;
- color:black;
- padding:1px;
- outline:none;
- word-wrap:break-word;
- -moz-outline-style:none;
- }
- a{text-decoration:none; }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- margin-left:5px;
- border-left:1px solid #bababa;
- }
- a:hover {
- color:#000000;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- small {font-size:9px;}
- h1{font-size:12px;
- text-shadow:1px 1px #a0a0a0;
- font-weight:bold;
- font-family:roboto;
- text-transform:uppercase;
- line-height:110%;
- color:black;
- background-color:{color:background};
- padding:10px;
- font-style: bold}
- h2{font-size:12px;
- text-shadow:1px 1px #a0a0a0;
- font-weight:bold;
- font-family:roboto;
- text-transform:uppercase;
- line-height:110%;
- color:black;
- background-color:{color:background};
- padding:10px;
- font-style: bold}
- h2 a{color:black;}
- #background{
- position:fixed;
- right:0px;
- }
- /*ENTRIES*/
- #content{background-image: url('https://40.media.tumblr.com/4ae81b7d573399b4d1960af4bd1e5acf/tumblr_inline_nqmt37db881t5qtw9_540.png');
- background-color:{color:text};
- width:680px;
- margin-top:100px;
- margin-left:300px;
- height:500px;
- }
- #entries {
- border:solid 5px {color:background};
- width:430px;
- background-color:{color:background};
- position:fixed;
- margin-top:40px;
- margin-left:190px;
- z-index:9999;
- overflow:auto;
- overflow-x:hidden;
- height:400px;
- font-size:9px;
- line-height:150%;
- font-family:'roboto';
- }
- #post {
- width:400px;
- background-color:white;
- z-index:99;
- border:solid 1px #eee;
- margin-left:-5px;
- color:black;
- margin-bottom:10px;
- padding:15px;
- margin-top:0px;
- }
- #post:hover .tags{opacity:1;
- margin-top:-5px;
- margin-left:0px;
- }
- /*SIDEBAR*/
- #description{height:60px;
- padding:10px;
- text-align:justify;
- margin-top:5px;
- overflow:auto;}
- #title {
- text-align:center;
- top:5px;
- font-family:'roboto';
- font-size:9px;
- font-weight:bold;
- padding:5px;
- position:relative;
- padding-bottom:5px;
- margin-bottom:10px;
- text-transform:uppercase;
- color:{color:Text};
- }
- #rightsidebar { width:100px;
- background-color:{color:background};
- margin-left:60px;
- margin-top:40px;
- padding:10px;
- height:390px;
- text-align:center;
- position:fixed;}
- .popup_block{
- display:none;
- background:#fff;
- padding:20px;
- border:1px solid #eee; /* if you want a solid white pop-up, delete this */
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000; /* change to #fff for solid white */
- opacity:0.5; /* change to opacity:1; */
- }
- /*LINKS*/
- #links{font-size:8px;
- margin-top:5px;
- letter-spacing:2px;
- background-color:white;
- border:solid 1px #eee;
- color:white;
- text-shadow:1px 1px #a0a0a0;
- z-index:99;
- text-transform:uppercase;
- font-family:roboto;
- text-align:center;
- font-weight:bold;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- text-align:center;
- }
- #links a:hover {
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- letter-spacing:2px;
- background-color:white;
- color:black;
- }
- #links a{margin-right:5px;
- color:white;
- padding:2px;
- padding-left:5px;
- display:inline-block;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- /*CHAT POSTS*/
- #chat{ padding:2px;
- margin-left:50px;
- margin-top:-1px;
- }
- /*POST INFO*/
- #info {
- font-weight:bold;
- text-align:center;
- width:430px;
- border:solid 1px #eee;
- padding:2px;
- font-family:'roboto';
- letter-spacing:2px;
- margin-left:0px;
- margin-top:-10px;
- color:black;
- margin-left:-20px;
- font-size:8px;
- text-transform:uppercase;
- font-style:none;
- word-wrap:break-word;
- color:{color:text};
- }
- #info a {
- text-align:center;
- background-color:transparent;
- color:black;
- border:none;
- word-wrap:break-word;
- }
- .tags {text-transform:none;
- color:{color:postbg};
- width:400px;
- opacity:0;
- word-wrap:break-word;
- margin-top:-20px;
- height:2px;
- margin-left:0px;
- font-size:8px;
- margin-bottom:5px;
- letter-spacing:1px;
- text-align:justify;
- -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
- .tags a {
- letter-spacing:0px;
- padding:2px;
- word-wrap:break-word;
- font-size:9px;
- text-align:center;
- font-family:'roboto';
- text-decoration:none;
- color:black;
- }
- #player {
- overflow:hidden;
- margin-top:5px;
- }
- /*QUESTION*/
- #asker {
- color:white;
- padding:15px;
- font-family:'roboto';
- font-size:9px;
- letter-spacing:0px;
- text-align:right;
- margin-top:5px;
- text-transform:lowercase;
- line-height:100%;
- background-color:{color:Answer background};
- }
- #asker a{color:{color:postbg};}
- #url{color:{color:text};
- padding:4px;
- font-family:'roboto';
- font-size:12px;
- font-weight:bold;
- text-align:left;
- margin-top:0px;
- text-transform:lowercase;
- line-height:100%;
- background-color:{color:info background};
- }
- #url a{color:{color:Background}}
- /*CREDIT*/
- #cred {
- position:fixed;
- font-family:consolas;
- font-size:8px;
- right:9px;
- bottom:9px;
- padding:4px;
- letter-spacing:1px;
- }
- #sidebartitle{font-size:8px;
- margin-top:5px;
- letter-spacing:2px;
- background-color:white;
- border:solid 1px #eee;
- color:black;
- z-index:99;
- text-transform:uppercase;
- font-family:roboto;
- font-weight:bold;}
- .sidebarcontent{ height:0px;
- overflow:hidden;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #sidebartitle:hover .sidebarcontent{height:100px;
- overflow:auto;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .tooltip {
- display:none;
- position:absolute;
- border:1px solid white;
- background-color:#eee;
- padding:2px;
- color:black;
- font-size:12px Arial;
- }
- {CustomCSS}</style></head><body>
- <div id="content">
- <div id="rightsidebar">
- <img src="http://placehold.it/100x100">
- <div id="links">
- <a href="{text:Link 1 URL}"><span>I</a></span>
- <a href="{text:Link 2 URL}"><span>II</a></span>
- <a href="{text:Link 3 URL}"><span>III</a></span>
- <a href="{text:Link 3 URL}"><span>IV</a></span>
- </div>
- <div id="description">{description}</div>
- <div id="sidebartitle">MUSES
- <div class="sidebarcontent" align="center">
- <a href="{text:Muse 1 Link}"><img src="{image:Muse 1}" style="border:solid 2px #eee"class="masterTooltip" title="{text:Muse 1}" ></a>
- <a href="{text:Muse 2 Link}" ><img src="{image:Muse 2}" style="border:solid 2px #eee" class="masterTooltip" title="{text:Muse 2}"></a>
- <a href="{text:Muse 3 Link}"><img src="{image:Muse 3}" style="border:solid 2px #eee" class="masterTooltip" title="{text:Muse 3}"></a>
- <a href="{text:Muse 4 Link}" ><img src="{image:Muse 4}" style="border:solid 2px #eee" class="masterTooltip" title="{text:Muse 4}"></a>
- <a href="{text:Muse 5 Link}" ><img src="{image:Muse 5}" style="border:solid 2px #eee" class="masterTooltip" title="{text:Muse 5}" ></a>
- <a href="{text:Muse 6 Link}" ><img src="{image:Muse 6}" style="border:solid 2px #eee" class="masterTooltip" title="{text:Muse 6}"></a>
- </div></div>
- <div id="sidebartitle">+
- <div class="sidebarcontent" align="center"; style="color:black";><br>{text:caption}
- </div></div>
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="entries">
- {block:Posts}
- <div id="post">
- <div id="info">
- <div id="permalink">
- <a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</a>
- <a href="{SourceURL}">©</a>
- </a></div></div>
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}{/block:Text}
- {block:Photo}<br>{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<br>{Photoset-400}{block:Caption}{Caption}
- {/block:Caption}{/block:Photoset}
- {block:Quote}<h1>"{Quote}"</h1>
- {/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}<h1>{Title}</h1>{/block:Title}{block:Lines}<div id="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
- {block:Audio}
- {block:Audio}<div align="center">
- <span class="audio">{AudioPlayerWhite}</div></span>
- {/block:ExternalAudio}
- {/block:Audio}
- {/block:Audio}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
- {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
- {block:HasTags}<div class="tags"><a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
- {block:PostNotes}{PostNotes} {block:NoteCount} {/block:NoteCount}{/block:PostNotes}
- {/block:Posts}</div></div>
- <div id="cred">
- <a href="http://jcgged.tumblr.com/">CR</a>
- </div>
- </div>
- </body>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement