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://static.tumblr.com/clz4rb4/34Dnqmjdp/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </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:Hover" content="#f2f2f2"/>
- <meta name="color:Scrollbar" content="#000000"/>
- <meta name="color:ScrollbarBg" content="#ffffff"/>
- <meta name="color:Links" content="#000000"/>
- <meta name="color:Info Background" content="#f3f3f3"/>
- <meta name="color:Sidebar Background" content="#f3f3f3"/>
- <meta name="color:Answer Background" content="#000000"/>
- <meta name="text:Muse 1 Link" content="" />
- <meta name="text:Muse 1 Name" content="" />
- <meta name="text:Muse 2 Link" content="" />
- <meta name="text:Muse 2 Name" content="" />
- <meta name="text:Muse 3 Link" content="" />
- <meta name="text:Muse 3 Name" content="" />
- <meta name="text:Muse 4 Link" content="" />
- <meta name="text:Muse 4 Name" content="" />
- <meta name="text:Muse 1 Quote" content="" />
- <meta name="text:Muse 2 Quote" content="" />
- <meta name="text:Muse 3 Quote" content="" />
- <meta name="text:Muse 4 Quote" content="" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 3 URL" content="" />
- <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:{color:Scrollbar};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:2px;
- background-color:{color:ScrollbarBg};
- }
- body {
- background:white;
- margin:0px;
- color:{color:text};
- font-family:roboto;
- font-size:9px;
- line-height:150%;
- text-align:justify;
- }
- a {
- text-shadow:1px 1px #a0a0a0;
- text-decoration:none;
- outline:none;
- word-wrap:break-word;
- -moz-outline-style:none;
- color:{color:Links};
- }
- 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:white;
- background-image:url('https://40.media.tumblr.com/4ae81b7d573399b4d1960af4bd1e5acf/tumblr_inline_nqmt37db881t5qtw9_540.png');
- 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:white;
- background-image:url('https://40.media.tumblr.com/4ae81b7d573399b4d1960af4bd1e5acf/tumblr_inline_nqmt37db881t5qtw9_540.png');
- background-color:{color:background};
- padding:10px;
- font-style: bold}
- h2 a{color:white;}
- #background{
- position:fixed;
- right:0px;
- }
- /*ENTRIES*/
- #entries {
- padding:10px;
- width:550px;border:solid 1px #dcdddb;
- background-color:white;
- position:fixed;
- margin-top:100px;
- margin-left:290px;
- z-index:9999;
- overflow:auto;
- overflow-x:hidden;
- height:500px;
- font-size:9px;
- line-height:150%;
- font-family:'roboto';
- }
- #post {
- width:500px;
- background-color:white;
- z-index:99;
- border:solid 1px #eee;
- margin-left:-5px;
- color:black;
- margin-bottom:10px;
- padding:25px;
- margin-top:0px;
- }
- #post:hover .tags{opacity:1;
- margin-top:-5px;
- margin-left:0px;
- }
- /*SIDEBAR*/
- #description{height:100px;
- padding: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};
- }
- #header{font-size:9px;
- letter-spacing:2px;
- background-color:black;
- color:white;
- text-shadow:1px 1px #a0a0a0;
- z-index:99;
- margin-left:290px;
- margin-top:70px;
- position:fixed;
- width:695px;
- text-transform:uppercase;
- font-family:roboto;
- line-height:20px;
- text-align:center;
- font-weight:bold;
- padding:2px;
- }
- #header a{color:white;}
- #rightsidebar { width:100px;
- background-image:url('https://40.media.tumblr.com/4ae81b7d573399b4d1960af4bd1e5acf/tumblr_inline_nqmt37db881t5qtw9_540.png');
- background-color:{color:background};
- margin-left:870px;
- margin-top:100px;
- padding:10px;
- height:500px;
- 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:9px;
- letter-spacing:2px;
- background-color:black;
- color:white;
- text-shadow:1px 1px #a0a0a0;
- z-index:99;
- margin-left:290px;
- margin-top:625px;
- position:fixed;
- width:695px;
- text-transform:uppercase;
- font-family:roboto;
- line-height:20px;
- text-align:center;
- font-weight:bold;
- padding:2px;
- -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:1px;
- }
- #links a{margin-right:5px;
- width:110px;
- margin-top:5px;
- color:white;
- padding:2px;
- padding-left:10px;
- 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;
- background-image:url('https://40.media.tumblr.com/4ae81b7d573399b4d1960af4bd1e5acf/tumblr_inline_nqmt37db881t5qtw9_540.png');
- background-color:{color:background};
- text-align:right;
- width:530px;
- padding:5px;
- font-family:'roboto';
- margin-left:0px;
- margin-top:-20px;
- color:black;
- margin-left:-20px;
- font-size:9px;
- text-transform:uppercase;
- font-style:none;
- word-wrap:break-word;
- line-height:10px;
- color:{color:text};
- }
- #info a {
- text-align:center;
- color:black;
- word-wrap:break-word;
- }
- .tags {text-transform:none;
- color:{color:postbg};
- width:500px;
- 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;
- }
- {CustomCSS}</style></head><body>
- <div id="box1" class="popup_block">
- <h1>MUSES</h1>
- <a href="{text:Muse 1 Link}"><img src="http://placehold.it/50x50" align=left style="border: solid 1px black;"></a><div style="text-align: center; background-color: #eee; color: black; font-size: 9px; letter-spacing: 3px; text-shadow: 1px 1px #dcdcdc;border:solid 1px black;height:50px;margin-bottom:-1px"><em><strong>{text:Muse 1 Quote}</strong></em></div>
- <a href="{text:Muse 2 Link}"><img src="http://placehold.it/50x50" align=right style="border: solid 1px black;"></a><div style="text-align: center; background-color: #eee; color: black; font-size: 9px; letter-spacing: 3px; text-shadow: 1px 1px #dcdcdc;border:solid 1px black;height:50px;margin-bottom:-1px"><em><strong>{text:Muse 2 Quote}</strong></em></div>
- <a href="{text:Muse 3 Link}"><img src="http://placehold.it/50x50" align=left style="border: solid 1px black;"></a><div style="text-align: center; background-color: #eee; color: black; font-size: 9px; letter-spacing: 3px; text-shadow: 1px 1px #dcdcdc;border:solid 1px black;height:50px;margin-bottom:-1px"><em><strong>{text:Muse 3 Quote}</strong></em></div>
- <a href="{text:Muse 4 Link}"><img src="http://placehold.it/50x50" align=right style="border: solid 1px black;"></a><div style="text-align: center; background-color: #eee; color: black; font-size: 9px; letter-spacing: 3px; text-shadow: 1px 1px #dcdcdc;border:solid 1px black;height:50px;"><em><strong>{text:Muse 4 Quote}</strong></em></div>
- </div>
- </div></div>
- <div id="rightsidebar">
- <img src="{image:header}" style="margin-top:100px"><div id="description">{description}</div>
- </div>
- <div id="header">{title} {block:Pagination} —
- {block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
- {/block:Pagination}
- </div></div> </div>
- </div>
- <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="#?w=300" rel="box1" class="poplight">IV</a>
- </div>
- </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-500}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<br>{Photoset-500}{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-500}{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 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