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>
- <script language=JavaScript> var message="*softly* don't."; function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") </script>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/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>
- <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
- <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}
- <!---- this is theme 44 by Hollywhood
- please don't remove the credit
- thank you
- --->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#9B9B9B"/>
- <meta name="color:Link" content="#fff"/>
- <meta name="color:scrollbar" content="#999999">
- <meta name="color:title" content="#999999">
- <meta name="color:Link Hover" content="#eeeeee"/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:sidebartitle" content="">
- <meta name="image:background" content=""/>
- <meta name="image:thekey" content=""/>
- <meta name="image:pop" content""/>
- <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:700' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
- <!--Pop-up-->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
- <style type="text/css">
- .popup_block{
- display:none;
- background:#000;
- padding:20px;
- border:1px dashed #eee; /* if you want a solid white pop-up, delete this */
- float:left;
- color:#fff;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
- -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
- box-shadow: 0px 0px 20px #000; /* delete for solid white */
- }
- *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; */
- }
- #headerbar{
- left:50%;
- top:50%;
- margin-left:0px; /*– for placing –*/
- margin-top:20px; /*– for placing –*/
- width:300px; /*– sets width of your text –*/
- overflow:scroll;
- text-align:justify;
- color:#eee;
- font-family:calibri;
- font-size:12px;
- }
- #tabbar{
- left:50%;
- top:50%;
- margin-left:0px; /*– for placing –*/
- margin-top:20px; /*– for placing –*/
- width:300px; /*– sets width of your text –*/
- height:350px; /*– sets height of your text –*/
- overflow: scroll;
- text-align:justify;
- color:#fff;
- font-family:calibri;
- font-size:10px;
- }
- ul#tabs {text-align: center;}
- ul#tabs li { /*– your inactive / not viewed tabs –*/
- display:inline-block;
- padding:5px;
- cursor:pointer;
- text-decoration:none;
- opacity:1;
- font-family:calibri;
- text-shadow:1px 0px 0px #fff;
- color:#fff;
- font-size:10px;
- }
- ul#tabs li.active { /*– your active tab –*/
- background-color:#222;
- font-family:calibri;
- text-shadow:1px 0px 0px #fff;
- color:#fff;
- font-size:10px;
- -webkit-transition:
- all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
- ul#tab li.active {display: block;}
- ul#tab li {display: none;}
- /* UPDATES TAB */
- /* okay so this is the hover code don't touch it because if you do you will break everything sorry */
- ::-webkit-scrollbar-thumb{
- background-color: #b3b3b3;
- border: 2px solid #b3b3b3;
- height:auto;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:11px;
- background-color: #b3b3b3;
- border:5px solid #b3b3b3;
- }
- iframe#tumblr_controls {
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.2;transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out;
- }
- h1 {
- font-weight:normal;
- font-size:13px;
- text-align:center;
- font-style:normal;
- line-height:100%;
- letter-spacing:1px;
- text-transform:normal;
- color:{color:text};
- }
- h2 {
- font-size:10px;
- text-align:center;
- line-height:100%;
- letter-spacing:-0.5px;
- color:{color:text};
- font-weight:bold;
- text-transform:uppercase;
- padding:5px;
- padding-bottom:2px;
- }
- blockquote {
- padding:2px 7px;
- margin:3px 0 3px 8px;
- background-color:transparent;
- border-left:2px solid #666 ;
- border-radius:10px;
- }
- body {
- margin:0px;
- font-family:arial;
- text-transform:bold;
- line-height:100%;
- font-size:10px;
- text-transform:uppercase;
- text-align:justify;
- background-repeat: no-repeat;
- position:fixed;
- color:{color:text};
- background:{color:background} url('{image:background}')
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link hover};
- }
- img {
- border:none;
- }
- #container {margin: auto;
- width: 900px;}
- #pcontainer {
- background-color: #000000;
- width:258px;
- height:398px;
- padding: 0px;
- top:162px;
- opacity:1px;
- left:300px;
- position:fixed;
- overflow-y:scroll;
- overflow-x:hidden;
- border:0px solid {color:Link Hover};
- background:rgba(255,255,255,0.0);
- background-size:cover;
- box-shadow:rgba(100,100,100,0.0) 0px 0px 0px;
- opacity:0;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #pcontainer:hover {
- opacity: 1;
- background-color: #000000;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #content {
- margin-left:62px;
- width:240px;
- margin-top: -110px;
- }
- #posts {
- width:240px;
- padding:10px;
- margin-top: 90px;
- margin-left:-52px;
- padding-bottom:10px;
- overflow-y:scroll;
- overflow-x:hidden;
- -webkit-filter: blur(.8px)
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- #posts:hover {
- opacity:1;
- }
- b, strong, big {
- color:#fff;
- text-decoration:none;
- font-weight:600;
- text-transform:uppercase;
- font-family:'arial';
- line-height:100%;
- word-spacing:1px;
- font-size:10px;
- text-shadow: 1px 0px 6px #fff;
- }
- i, em {
- font-family: 'arial';
- font-size:10px;
- font-style:italic;
- padding-left:3px;
- font-weight:600;
- padding-right:3px;
- text-transform:uppercase;
- padding: 0px;
- text-shadow: 1px 0px 0px #49c560;
- color:#49c560;
- }
- #theme {
- width:400px;
- margin:0 auto -12px auto;
- }
- @-webkit-keyframes scalex{
- from {-webkit-transform: scale(0.9);}
- 65% {-webkit-transform: scale(1.0);}
- to {-webkit-transform: scale(0.9);}
- }
- @-moz-keyframes scale{
- from {-moz-transform: scale(0.9);}
- 65% {-moz-transform: scale(1.0);}
- to {-moz-transform: scale(0.9);}
- }
- .pulsate {
- -webkit-animation: pulsate 2.5s ease-out;
- -webkit-animation-iteration-count: infinite;
- opacity: 0.5;
- }
- @-webkit-keyframes pulsate {
- 0% {
- opacity: 0.5;
- }
- 50% {
- opacity: 1.0;
- }
- 100% {
- opacity: 0.5;
- }
- }
- #link1 a {
- position:fixed;
- left:733px;
- top:300px;
- z-index:1;
- font-size:40px;
- font-family:consolas;
- text-shadow: 2px 2px 5px #49c560;
- -webkit-filter: blur(.8px)
- }
- #link2 {
- position:fixed;
- left:655px;
- top:455px;
- z-index:1;
- font-size:80px;
- font-family:consolas;
- text-shadow: 2px 2px 5px #49c560;
- -webkit-filter: blur(.8px)
- }
- #link3 {
- position:fixed;
- left:200px;
- top:390px;
- z-index:1;
- font-family:consolas;
- font-size:80px;
- text-shadow: 2px 2px 5px #49c560;
- -webkit-filter: blur(.8px)
- }
- #navilinks {
- background-color:#282828;
- border:1px solid #343434;
- color:#aaa;
- letter-spacing:1px;
- text-align:center;
- font-weight:bold;
- text-transform:uppercase;
- font-size:8px;
- display:inline-block;
- padding:4px;
- width:100px;
- margin:2px;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- }
- #navilinks a {
- color:#ddd;
- }
- #navilinks:hover {
- background-color:#252525;
- border: solid 1px #292929;
- color:#aaa;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- }
- navitext {
- text-transform:uppercase;
- font-family:times;
- font-size:6px;
- letter-spacing:1px;
- text-shadow:1px 1px 1px #111;
- color:#ccc;
- text-align:center;
- }
- #sidebar {
- color:#f1f1f1;
- font-family:arial;
- font-size:7px;
- text-transform:uppercase;
- background-color:#090909;
- position:fixed;
- overflow:auto;
- width:171px;
- height:88px;
- padding:7px;
- padding-top:2px;
- z-index:9999;
- margin-top:270px;
- margin-left:84px;
- text-align:justify;
- letter-spacing:1px;
- }
- #pagination {
- font-family:arial;
- width:250px;
- font-size:7px;
- margin-top:20px;
- margin-left:-8px;
- padding-left:5px;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- }
- #pagination a {
- color:{color:link};
- }
- #info{
- padding-top:5px;
- display:block;
- width:auto;
- text-align:left;
- border-top:0px solid ;
- letter-spacing:1px;
- text-transform:uppercase;
- font-size:7px;
- font-family:'open sans';
- font-weight:600;
- }
- #postinfo {
- margin-left:1px;
- margin-top:5px;
- padding:2px 5px 2px 5px;
- font-size:7px;
- font-family:arial;
- width:241px;
- text-transform:uppercase;
- background-image:url('https://i.imgur.com/4JmSvx2.png');
- border:1px dashed #fff;
- background-position:center;
- }
- #postinfo b{
- letter-spacing:0;
- font-family:arial;
- font-size:7px;
- font-weight:normal;
- }
- #postinfo a {
- color:#fff;
- padding: 5px 10px 5px 10px;
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- transition:all 0.3s;
- }
- #postinfo a:hover {
- background-color:transparent;
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- transition:all 0.3s;
- }
- .tags {
- font-family:consolas;
- font-style:uppercase;
- width:250px;
- margin-top:4px;
- text-transform:uppercase;
- font-style:normal;
- line-height:120%;
- padding-top:3px;
- padding-bottom:20px;
- font-size:6.5px;
- opacity:1;
- letter-spacing:1px;
- text-align:left;
- }
- .tags a{
- color:#fff;
- }
- .audio{
- background-color:#e5e5e5;
- height:65px;
- overflow:hidden;
- }
- #ask {
- float:left;
- color:{color:text};
- }
- #credit {
- font-size:15px;
- font-family:times;
- font-style:italic;
- text-shadow:3px 3px 3px 3px #fff;
- letter-spacing:1px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #credit a {
- background-color:#000;
- padding:5px;
- color:#fff;
- border:1px solid #000;
- position:fixed;
- right:10px;
- bottom:0px
- }
- #credit a:hover {
- color:#fff;
- background-color:#000;
- }
- {CustomCSS}</style>
- </head><body>
- <!-- SCM Music Player http://scmplayer.co -->
- <script type="text/javascript" src="http://scmplayer.co/script.js"
- data-config="{'skin':'http://static.tumblr.com/qft2cvq/QzGn26xb1/skin-1.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'SONG TITLE','url':'WHERE TO PUT URL FOR SONG'}]}" ></script>
- <!-- SCM Music Player script end -->
- <div id="updates">
- <div id="updatestitle"></div>
- <div style="padding-top:10px;">
- </div></div>
- <div id="theme">
- <div class=navilinks>
- <div id="link1"> <a href="/"> <p class="pulsate">☆</p></a><br /><br /></div>
- <div id="link2"> <a href="#?w=300" rel="box2" class="poplight"><p class="pulsate">✧</p></a><br /><br /></div>
- <div id="link3"> <a href="#?w=300" rel="box1" class="poplight"><p class="pulsate">★</p></a><br /><br /></div>
- </div>
- <div id="sidebar"><div style="height:93px;width:171px;overflow:auto;">
- SIDEBAR TEXT.
- </div></div>
- <div id="pcontainer">
- <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-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
- {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br>{Answer}{/block:Answer}
- {block:Date}<div id="postinfo"><a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:ContentSource} ( source: <a href="{SourceURL}">{SourceLink}</a> ){/block:ContentSource}{/block:Date}</div>
- {block:HasTags}
- <div class="tags">
- {block:Tags} #<a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- <div class="postnote">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- {/block:Posts}
- <div id="pagination">
- <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">← fall.</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">rise. →</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
- </div>
- </body>
- <div id="box2" class="popup_block">
- <div id="headerbar">
- <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/hergumption.tumblr.com" width="100%"></iframe>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box1" class="popup_block">
- <div id="headerbar">
- <ul id="tabs">
- <li class="active">guidelines.</li>
- <li>verses.</li>
- <li>etc.</li>
- </ul></div>
- <div id="tabbar">
- <ul id="tab">
- <li class="active">
- guidelines text.
- </li>
- <li>
- verses text.
- </li>
- <li>
- etc text.
- </li>
- </ul></div></div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="credit"><a href="http://exalias.tumblr.com/">M.</div> </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement