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">
- <!-- Theme 24; the dark side by ~winchestheart.
- // http://winchestheart.tumblr.com © //
- This work is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.
- > http://creativecommons.org/licenses/by-nc/3.0/
- Read the rules before using any of my themes:
- > http://winchestheart.tumblr.com/rules
- Do not remove the credit or use as your own work.
- Thank you.
- -->
- <html><head>
- <script type="text/javascript">
- // <![CDATA[
- var colour="#5c5266"; // what colour are the blobs
- var speed=40; // speed of animation, lower is faster
- var blobs=6; // how many blobs are in the jar
- var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
- /***************************\
- * Blobs in a Jar Effect *
- *(c)2012-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- \***************************/
- var div;
- var xpos=new Array();
- var ypos=new Array();
- var zpos=new Array();
- var dx=new Array();
- var dy=new Array();
- var dz=new Array();
- var blob=new Array();
- var swide=800;
- var shigh=600;
- var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(fill_the_jar);
- function fill_the_jar() {
- var i, dvs;
- div=document.createElement('div');
- dvs=div.style;
- dvs.position='fixed';
- dvs.left='0px';
- dvs.top='0px';
- dvs.width='1px';
- dvs.height='1px';
- document.body.appendChild(div);
- set_width();
- for (i=0; i<blobs; i++) {
- add_blob(i);
- jamjar(i);
- }
- }
- function add_blob(ref) {
- var dv, sy;
- dv=document.createElement('div');
- sy=dv.style;
- sy.position='absolute';
- sy.textAlign='center';
- if (ie_version && ie_version<10) {
- sy.fontSize="30px";
- sy.width="100px";
- sy.height="100px";
- sy.paddingTop="45px";
- sy.color=colour;
- dv.appendChild(document.createTextNode(charc));
- }
- else if (ie_version) {
- sy.fontSize="1px";
- sy.width="0px";
- sy.height="0px";
- }
- else {
- dv.appendChild(document.createTextNode(charc));
- sy.color='rgba(0,0,0,0)';
- }
- ypos[ref]=Math.floor(shigh*Math.random());
- dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- xpos[ref]=Math.floor(swide*Math.random());
- dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- zpos[ref]=Math.random()*20;
- dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
- blob[ref]=dv;
- div.appendChild(blob[ref]);
- set_blob(ref);
- }
- function rejig(ref, xy) {
- if (xy=='y') {
- dx[ref]=(0.5+Math.random())*sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
- }
- else {
- dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*sign(dy[ref]);
- }
- }
- function sign(a) {
- if (a<0) return (-2);
- else if (a>0) return (2);
- else return (0);
- }
- function set_blob(ref) {
- var sy;
- sy=blob[ref].style;
- sy.top=ypos[ref]+'px';
- sy.left=xpos[ref]+'px';
- if (ie_version && ie_version<10) {
- sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
- sy.fontSize=30-zpos[ref]+"px";
- }
- else if (ie_version) {
- sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
- }
- else {
- sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
- sy.fontSize=40+zpos[ref]+'px';
- }
- }
- function jamjar(ref) {
- if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
- ypos[ref]+=dy[ref];
- if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
- xpos[ref]+=dx[ref];
- if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
- zpos[ref]+=dz[ref];
- set_blob(ref);
- setTimeout("jamjar("+ref+")", speed);
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- // ]]>
- </script>
- <!--coded by wonderfullythemes for Updates Tab #4
- please don't remove this credit thank you -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".convo").click(function(){
- $(".content").slideToggle('slow');
- });
- });
- </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"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></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>
- <style>*, body{ cursor:url("http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"), auto; }
- a, a:hover { cursor:url("http://31.media.tumblr.com/tumblr_m2umdbsfpJ1qfamg6.gif"), auto; }
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:50,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--basic tooltip from tutorial-baby! Enjoy-->
- <style>
- .tooltip{
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- max-width:300px; /*how big the tooltip can be at most*/
- border-radius: 0px; /*change your border radius*/
- padding:3px 4px 3px 3px; /*padding inside tooltip*/
- margin:20px 7px -2px 20px; /*distance from word*/
- background-color:#e5e5e5; /*background color*/
- border-top:2px solid #575b6b; /*border info*/
- border-bottom:2px solid #575b6b; /*border info*/
- font-family:"determination"; /*tooltip font*/
- font-size:16px; /*tooltip font size*/
- letter-spacing:2px; /*tooltip letter spacing*/
- text-transform:uppercase; /*makes the tooltip title uppercase*/
- color:#575b6b; /*tooltip font color*/
- z-index:999999999999999999999999999999999999;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- box-shadow:-1px 1px 3px 0px #6e6e6e;
- }
- </style>
- <title>{Title}</title>
- <link rel="shortcut icon" href="http://38.media.tumblr.com/tumblr_lkl679dTSe1qfamg6.gif">
- <meta name="image:Background" content="" />
- <meta name="image:Sidebar" content="" />
- <meta name="color:Links" content="#727789" />
- <meta name="color:Main Color" content="#5b6073" />
- <meta name="color:Text" content="#606465" />
- <meta name="color:Background" content="#e2e2e2" />
- <meta name="color:Border" content="#646776" />
- <meta name="color:Scrollbar" content="#646776" />
- <meta name="text:Link 01" content="index" />
- <meta name="text:Link 02" content="askbox" />
- <meta name="text:Link 03" content="one" />
- <meta name="text:Link 04" content="two" />
- <meta name="text:Link 05" content="three" />
- <meta name="text:Link 01 URL" content="/" />
- <meta name="text:Link 02 URL" content="/ask" />
- <meta name="text:Link 03 URL" content="/" />
- <meta name="text:Link 04 URL" content="/" />
- <meta name="text:Link 05 URL" content="/" />
- <meta name="text:Background Image Position" content="left" />
- <meta name="text:Font Family" content="arial" />
- <meta name="text:Font Size" content="14.5" />
- <meta name="if:Lazy Load" content="0" />
- <meta name="if:Custom Scrollbar" content="1">
- <meta name="if:Background Image Repeat" content="0" />
- <meta name="if:Infinite Scrolling" content="0" />
- <meta name="if:400px posts" content="0" />
- <meta name="if:540px posts" content="0" />
- <meta name="if:Sidebar Image" content="0" />
- <!----------------------------------------------------------------------->
- {block:IfLazyLoad}
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- {/block:IfLazyLoad}
- <!----------------------------------------------------------------------->
- {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
- <!----------------------------------------------------------------------->
- <script type="text/javascript">
- function unhide(divID) {
- var item = document.getElementById(divID);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <!----------------------------------------------------------------------->
- <style type="text/css">
- @font-face { font-family: "bangalore"; src:url('http://static.tumblr.com/rmj06l2/VP8llx2mg/bangalor.ttf'); }
- @font-face { font-family: "hacked"; src: url('https://dl.dropboxusercontent.com/s/xyju89lrtr12y7q/HACKED.ttf?dl=0'); format("truetype");}
- @font-face { font-family: "marmellata_jam"; src: url('https://dl.dropboxusercontent.com/s/hfa0g49tzv8gx39/Marmellata%28Jam%29_demo.ttf?dl=0'); format("truetype");}
- @font-face { font-family: "olympic_branding"; src: url('https://dl.dropboxusercontent.com/s/b0yp3tjzthguism/Olympic%20Branding.ttf?dl=0'); format("truetype");}
- @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
- @font-face { font-family: "determination"; src: url('https://dl-web.dropbox.com/s/umfv28jfusg9bgt/DeterminationSansWeb.woff?dl=0'); format("truetype");}
- @font-face { font-family: "allura"; src: url('http://static.tumblr.com/gdh5wux/7hFmeryj6/allura-regular.ttf'); }
- @font-face { font-family: "master"; src: url('https://dl-web.dropbox.com/s/k445x5liwyqzbfp/master_of_break.ttf?dl=0'); format(“truetype”);}
- @font-face { font-family: "prelude"; src: url('https://dl-web.dropbox.com/s/2v8jtmjwk7k5taa/PreludeFLF.ttf?dl=0'); format(“truetype”);}
- @font-face { font-family: "limo"; src: url('https://dl-web.dropbox.com/s/qwtxsak8i2dpu06/Champagne%20%26%20Limousines%20Bold.ttf?dl=0'); format(“truetype”);}
- #fade {
- display: none;
- background: #d1d1d1;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .2;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: #e5e5e5;
- padding: 20px;
- float: left;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- height:300px;
- background-repeat:no-repeat;
- border-top:2px solid #727789;
- border-bottom:2px solid #727789;
- border-left:4px solid #727789;
- border-right:4px solid #727789;
- text-align:center;
- color:#3b5d5e;
- opacity:1;
- overflow-x:scroll;
- scroll:left;
- overflow-x:hidden;
- }
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- {block:IfCustomScrollbar}
- ::-webkit-scrollbar {width:2px;height:2px;background:{color:background}}
- ::-webkit-scrollbar-thumb:vertical {height:2px;background:{color:scrollbar};}
- ::-webkit-scrollbar-thumb:horizontal {height:2px;background:{color:scrollbar};}
- {/block:IfCustomScrollbar}
- 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;}
- body {margin:0;font-family:{text:font family};font-size:{text:font size}px;line-height:11px;color:{color:text};background-color:{color:background};background-attachment:fixed;background-image:url('{image:Background}');background-position:{text:Background Image Position};{block:IfNotBackgroundImageRepeat}background-repeat:no-repeat;{/block:IfNotBackgroundImageRepeat}{block:IfBackgroundImageRepeat}background-repeat:repeat;{/block:IfBackgroundImageRepeat}}
- a {text-decoration:none;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;color:#5b6073;text-shadow:0px 0px 1px #555c5e;}
- a:hover { color:#404040;text-shadow:0px 0px 5px #adadad;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #f3f3f3;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
- strong, bold, b {font-weight:bold;font-family:"limo";font-size:25px;color:#555c5e; -webkit-text-stroke: 0px #262626; text-shadow:0px 1px 2px #3d4854;letter-spacing:3px;line-height:25px;z-index:99;}
- italic, i, em {font-weight:italic;font-family: 'prelude' ;font-size:35px;color:#555c63; -webkit-text-stroke: 0px #697e80; text-shadow:0px 0px 2px #3d4854;}
- small, sub {font-size:{text:font size}px;}
- code {font-size:{text:font size}px;font-family:{text:font family};}
- pre {word-wrap:break-word;font-size:{text:font size}px;font-family:{text:font family};}
- blockquote {padding-left:8px;padding-right:8px;margin-top:8px;margin-left:10px;border-left:1px solid #7d7d7d;border-right:0px solid #7d7d7d;background:transparent;box-shadow:0px 0px 0px #6e6e6e;border-radius:5px;}
- h1 {font-size:30px;font-weight:bold;letter-spacing:1px;padding:8px 50px;text-transform:lowercase;text-align:center;line-height:25px;color:{color:main color};line-height:30px;font-family:"master";}
- h2 {font-size:40px;font-weight:bold;letter-spacing:1px;padding:8px 50px;text-transform:uppercase;text-align:center;line-height:45px;color:#3c4a52;line-height:40px;text-shadow:1px 1px 2px #3d4854;font-family:"prelude";}
- h1 a {color:{color:main color};}
- .label {font-weight:normal;color:{color:main color};font-size:20px;}
- .chat {line-height:25px;margin:8px;font-family:"determination";font-size:20px;color:#424242;text-transform:lowercase;}
- n {line-height:25px;margin:8px;font-family:"determination";font-size:30px;}
- ::selection {color:#fff;background:#575b6b;}
- ::-moz-selection {color:#fff;background:#575b6b;}
- ::-webkit-selection {color:#fff;background:#575b6b;}
- #credit {position:fixed;bottom:10px;right:10px;text-transform:uppercase;font-size:10px;font-family:trebuchet ms;letter-spacing:1px;}
- #credit a {color:{color:main color};}
- #pagination {margin:0px 0px 30px 35px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If540pxPosts}width:540px;{/block:If540pxPosts}text-align:center;letter-spacing:20px;}
- /************************************************************************/
- #sidebar {text-align:left;
- position:fixed;
- margin-left:-225px;
- margin-top:400px;
- width:300px;}
- .description {margin:13px 0px;line-height:16px;text-align:center;letter-spacing:1px;font-size:10px;}
- #links {
- margin-top:275px;
- margin-left:720px;
- line-height:16px;
- width:10px;
- text-transform:lowercase;
- position:fixed;
- transform: rotate(20deg);
- -ms-transform: rotate(20deg);
- -webkit-transform: rotate(20deg);
- -o-transform: rotate(20deg);
- -moz-transform: rotate(20deg);
- }
- #links a{
- margin-right:20px;
- display:inline-block;
- margin-bottom:5px;
- font-size:35px;
- color:#f3f3f3;
- text-shadow:0px 0px 3px #383838;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #7b878a;
- -webkit-transition-duration:0.4s;
- -moz-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- #links a:hover {
- display:inline-block;
- margin-bottom:5px;
- color:#f3f3f3;
- text-shadow:0px 0px 1px #f0f0f0;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #474759;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- -webkit-filter: grayscale( 0 ) blur(10px);
- }
- #blinks {
- margin-top:260px;
- margin-left:755px;
- line-height:16px;
- width:10px;
- text-transform:lowercase;
- position:fixed;
- transform: rotate(75deg);
- -ms-transform: rotate(75deg);
- -webkit-transform: rotate(75deg);
- -o-transform: rotate(75deg);
- -moz-transform: rotate(75deg);
- }
- #blinks a {
- margin-right:20px;
- display:inline-block;
- margin-bottom:5px;
- font-size:30px;
- color:#f3f3f3;
- text-shadow:0px 0px 3px #383838;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #7b878a;
- -webkit-transition-duration:0.4s;
- -moz-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- #blinks a:hover {
- display:inline-block;
- margin-bottom:5px;
- color:#f3f3f3;
- text-shadow:0px 0px 9px #f0f0f0;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #474759;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- -webkit-filter: grayscale( 0 ) blur(10px);
- }
- #clinks {
- margin-top:270px;
- margin-left:785px;
- line-height:16px;
- width:10px;
- text-transform:lowercase;
- position:fixed;
- transform: rotate(55deg);
- -ms-transform: rotate(55deg);
- -webkit-transform: rotate(55deg);
- -o-transform: rotate(55deg);
- -moz-transform: rotate(55deg);
- }
- #clinks a {
- margin-right:20px;
- display:inline-block;
- margin-bottom:5px;
- font-size:34px;
- color:#f3f3f3;
- text-shadow:0px 0px 3px #383838;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #7b878a;
- -webkit-transition-duration:0.4s;
- -moz-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- #clinks a:hover {
- display:inline-block;
- margin-bottom:5px;
- color:#f3f3f3;
- text-shadow:0px 0px 9px #f0f0f0;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #474759;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- -webkit-filter: grayscale( 0 ) blur(10px);
- }
- #dlinks {
- margin-top:295px;
- margin-left:810px;
- line-height:16px;
- width:10px;
- text-transform:lowercase;
- position:fixed;
- transform: rotate(105deg);
- -ms-transform: rotate(105deg);
- -webkit-transform: rotate(105deg);
- -o-transform: rotate(105deg);
- -moz-transform: rotate(105deg);
- }
- #dlinks a {
- margin-right:20px;
- display:inline-block;
- margin-bottom:5px;
- font-size:25px;
- color:#f3f3f3;
- text-shadow:0px 0px 3px #383838;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #7b878a;
- -webkit-transition-duration:0.4s;
- -moz-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- #dlinks a:hover {
- display:inline-block;
- margin-bottom:5px;
- color:#f3f3f3;
- text-shadow:0px 0px 9px #f0f0f0;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #474759;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- -webkit-filter: grayscale( 0 ) blur(10px);
- }
- #elinks {
- margin-top:310px;
- margin-left:745px;
- line-height:16px;
- width:10px;
- text-transform:lowercase;
- position:fixed;
- transform: rotate(15deg);
- -ms-transform: rotate(15deg);
- -webkit-transform: rotate(15deg);
- -o-transform: rotate(15deg);
- -moz-transform: rotate(15deg);
- }
- #elinks a {
- margin-right:20px;
- display:inline-block;
- margin-bottom:5px;
- font-size:50px;
- color:#f3f3f3;
- text-shadow:0px 0px 3px #383838;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #7b878a;
- -webkit-transition-duration:0.4s;
- -moz-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- #elinks a:hover {
- display:inline-block;
- margin-bottom:5px;
- color:#f3f3f3;
- opacity:1;
- text-shadow:0px 0px 9px #f0f0f0;
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #f0f0f0;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- -webkit-filter: grayscale( 0 ) blur(10px);
- }
- #description {
- position:fixed;
- width:0px;
- font-family:trebuchet ms;
- margin-top:55px;
- margin-left:-9px;
- text-align:justify;
- font-size:9px;
- color: {color:text};
- letter-spacing:0px;
- line-height:130%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- /************************************************************************/
- #post {{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If540pxPosts}width:540px;{/block:If540pxPosts}margin:40px 0px 80px 30px;text-align:left;line-height:14px;opacity:0.9;
- -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;line-height:20px;
- -webkit-filter:grayscale(0%);
- -webkit-transition: all 0.6s ease-in-out;}
- #post:hover {
- opacity:1;
- -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;
- -webkit-filter:none;
- }
- #post img {{block:IfNot400pxPosts}{block:IfNot540pxPosts}max-width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}max-width:400px;{/block:If400pxPosts}{block:If540pxPosts}max-width:540px;{/block:If540pxPosts}}
- #post blockquote div {margin-top:8px;}
- #post blockquote img {{block:IfNot400pxPosts}{block:IfNot540pxPosts}max-width:450px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}max-width:350px;{/block:If400pxPosts}{block:If540pxPosts}max-width:490px;{/block:If540pxPosts}}
- #permalink {-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;border-top:1px solid {color:border};{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If540pxPosts}width:540px;{/block:If540pxPosts}color:#454545;margin-top:15px;padding-top:8px;text-transform:lowercase;line-height:14px;text-align:center;font-size:25px;letter-spacing:1px;background:#e5e5e5;background-repeat:repeat;background-attachment:fixed;height:25px;border-top:2px solid #5e5766;border-bottom:2px solid #5e5766;border-left:4px solid #5e5766;border-right:4px solid #5e5766; -webkit-text-stroke-width: 1px;outline:0px solid #5e5766;
- -webkit-text-stroke-color: #cfcfcf;}
- #permalink a {color:#5e5766;font-family:"determination"; -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: #cfcfcf;}
- #permalink a:hover {color:#cfcfcf;font-family:"determination";-webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: #5e5766;}
- .tags {text-align:center;opacity:0;margin:10px 0px;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;font-size:13px;text-transform:none;font-size:12px;}
- .tags a {color:{color:main color};text-transform:lowercase;padding:0px 5px;text-shadow:0px 0px 2px #5e5766;font-size:13px;}
- .tags a:hover {text-decoration:underline;color:#685e73;-webkit-transition: all .3s linear;-moz-transition: all 3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;text-shadow:0px 0px 2px #685e73;letter-spacing:0px;}
- #post:hover .tags {opacity:1;}
- /************************************************************************/
- #permalinkpage {margin-top:15px;text-align:center;padding:5px 0px;text-transform:lowercase;height:35px;border-top:2px solid #5b6073;border-bottom:2px solid #5b6073;border-left:4px solid #5b6073;border-right:4px solid #5b6073;background:#e5e5e5;color:#5b6073;}
- #tagspp {line-height:15px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If540pxPosts}width:540px;{/block:If540pxPosts}text-align:center;color:{color:links};padding:5px 0px;}
- #tagspp a {padding:0px 5px;}
- #tagspp a:hover {text-decoration:underline;}
- /************************************************************************/
- .tumblr_audio_player {border:1px solid {color:border};height:40px;margin-bottom:5px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:396px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:296px;{/block:If400pxPosts}{block:If540pxPosts}width:436px;{/block:If540pxPosts}}
- .audio {position:relative;margin-top:-100px;margin-left:102px;height:100px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:390px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:296px;{/block:If400pxPosts}{block:If540pxPosts}width:436px;{/block:If540pxPosts};color:{color:links};font-family:"silkscreen";font-weight:normal;font-size:11px;}
- .audioart {padding-right:2px;width:100px;height:100px;}
- .audioart img {width:100px;}
- /************************************************************************/
- .quote {font-weight:italic;font-family: 'determination' ;font-size:20px;color:#4a4a4a; -webkit-text-stroke: 0px #697e80; text-shadow:0px 0px 1px #383838;line-height:25px;word-spacing:2px;text-transform:lowercase;}
- .source {font-weight:normal;padding-left:8px;display:inline-block;font-family:"silkscreen";}
- /************************************************************************/
- #sans {font-size:24px; font-style:none;margin-top:10px;margin-left:0px;font-family:"determination";text-transform:uppercase;color:#5b6073;text-shadow:0px 0px 2px #5b6073;width:500px;text-align:left; -webkit-text-stroke-width: 0px;-webkit-text-stroke-color: #f3f3f3;}
- #question {margin:10px 0px;padding:10px 20px;line-height:20px;border-bottom:2px solid #5b6073;border-top:2px solid #5b6073;border-left:4px solid #5b6073;border-right:4px solid #5b6073;border-radius:0px 0px 0px 0px;text-align:center;background-repeat:repeat;background-attachment:fixed;font-family:"silkscreen";text-transform:lowercase;font-size:14px;-webkit-text-stroke: 0px #697e80;color:#505463;text-shadow:0px 0px 0px #121111;margin-top:-12px;font-size:14px;background:#e5e5e5; box-shadow:0px 0px 2px #7a7a7a;}
- #sender {font-size:36px; font-style:none;margin-top:-0px;margin-left:0px;font-family:"master";text-transform:;color:#5b6073;text-shadow:0px 0px 2px #5b6073;width:500px;text-align:right; -webkit-text-stroke-width: 0px;-webkit-text-stroke-color: #f3f3f3;}
- /************************************************************************/
- .notes {margin-left:-15px;margin-top:30px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:480px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:380px;{/block:If400pxPosts}{block:If540pxPosts}width:520px;{/block:If540pxPosts}}
- .notes a:hover {background-color:transparent;color:{color:links};}
- ol.notes {list-style-type:none;}
- ol.notes li.note {padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid {color:border};}
- ol.notes li.note img.avatar {vertical-align:-6px;}
- ol.notes li.note img {padding:2px 5px 2px 2px;}
- ol.notes li.note blockquote {padding-left:5px;margin-left:30px;}
- /************************************************************************/
- .hidden {display:none;}
- .unhidden {display:block;}
- /************************************************************************/
- #nav {
- width:300px;
- background:transparent;
- padding:10px; }
- #nav a{
- text-decoration:none;
- font: 15px "silkscreen";
- color:#727789;
- letter-spacing:2px;
- display:inline-block;
- text-align:center;
- background:#e5e5e5;
- border-top:2px solid #727789;
- border-bottom:2px solid #727789;
- border-left:4px solid #727789;
- border-right:4px solid #727789;
- padding: 2px;
- width:280px;
- margin:5px;
- -webkit-transition:all 0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- transition:all 0.4s ease-in-out;}
- #nav a:hover{
- color:#e8e8e7;
- letter-spacing:5px;
- display:inline-block;
- text-align:center;
- background:#e5e5e5;
- padding: 2px;
- width:280px;
- margin:5px;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- #musicplayer {
- position: fixed;
- left: 293px;
- top: 72px; }
- .yo {
- position: absolute;
- left: 35px;
- top: 0px;
- font-style: oblique; font: 9px georgia;
- width: 80px;
- height: 15px;
- padding: 5px;
- background-color: #fff;
- opacity: 0;
- -webkit-transition: all 0.3s ease-in;
- -moz-transition: all 0.3s ease-in;
- -o-transition: all 0.3s ease-in;
- -ms-transition: all 0.3s eease-in;
- transition: all 0.3s ease-in; }
- #musicplayer:hover .yo {
- opacity: 1;
- -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
- -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
- box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03); }
- .player {
- border: 0px solid #666;
- padding-top:2px;
- padding-right:1px;
- position: fixed;
- width: 100px;
- height:20px;
- margin: 3px 0px 0px 0px;
- overflow: hidden;
- z-index: 9999;
- opacity: 1; }
- </style>
- </head>
- <body>
- <div id="navi" class="popup_block"><div style="background-color:#727789; width:300px;padding:06px;text-align:center; text-style:normal;color:#fff;opacity:1; letter-spacing:1px;font-size:13px;height:auto;margin-top:6px;line-height:20px; box-shadow: 0px 0px 0px #828282;border-radius:0px 0px 0px 0px;font-size:15px;border:3px solid #e5e5e5; outline:1px dashed #79858f;font-family:silkscreen;">✦ PAGES.</div>
- <div id="nav">
- <a href="http://bravesperias.tumblr.com/ask">MESSAGE.</a>
- <a href="http://bravesperias.tumblr.com/submit">SUBMIT.</a>
- <a href="http://bravesperias.tumblr.com/archive">ARCHIVE.</a>
- <a href="http://bravesperias.tumblr.com/">READ.</a>
- <a href="http://bravesperias.tumblr.com/">ABOUT.</a>
- </div>
- </div>
- </div>
- </div>
- <!----------------------------------------------------------------------->
- <!----------------------------------------------------------------------->
- <div id="sidebar">
- <div id="description"></div>
- </div>
- <div id="links">
- <a href="{text:link 01 url}" title="{text:link 01}">✦</a></div>
- <div id="blinks"><a href="{text:link 02 url}" title="{text:link 02}">✦</a></div>
- <div id="clinks"><a href="{text:link 03 url}" title="{text:link 03}">✦</a></div>
- <div id="dlinks"><a href="{text:link 04 url}" title="{text:link 04}">✦</a>
- </div>
- <div id="elinks"><a href="#?w=320" rel="navi" class="poplight" title="{text:link 05}" rel="rules" class="poplight">❤</a></div>
- <!----------------------------------------------------------------------->
- {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
- {block:Posts}
- <div id="post">
- {block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}{block:IfNot400pxPosts}{block:IfNot540pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}
- {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:If400pxPosts}{block:If540pxPosts}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>{/block:If540pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{block:IfNot400pxPosts}{block:IfNot540pxPosts}{Photoset-500}{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}{block:If540pxPosts}<center>{Photoset}</center>{/block:If540pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">* {Quote} ❞</div>{block:Source}<div class="source">» {Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}<div id="chat">{block:Title}<p style="font-size:30px;text-transform:lowercase;line-height:30px;text-align:center;font-family:prelude;"><a href="{Permalink}">{Title}</a>{/block:Title}<div class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}</div></div>{/block:Chat}
- {block:Video}{block:IfNot400pxPosts}{block:IfNot540pxPosts}{Video-500}{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}{block:If540pxPosts}<center>{Video-500}</center>{/block:If540pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Audio}<div class="audioart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div><div class="audio">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}<span class="height:60px;">{block:TrackName} TRACK NAME: {TrackName}{/block:TrackName} <br> {block:Artist} ARTIST: {Artist}{/block:Artist} <br> {block:Album} ALBUM: {Album}{/block:Album}</span></div>{block:caption}{caption}{/block:caption}{/block:Audio}
- {block:Answer}<div id="sans">message loading...</div><p><div id="question">* {Question} </div><div id="sender">— {Asker}</div>{Answer}{/block:Answer}
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:IndexPage}
- <div id="permalink">
- {block:Date}<a href="{Permalink}" title="{TimeAgo}">✦</a>{/block:Date} <a href="{Permalink}" title="{NoteCount} notes">✦</a>{/block:NoteCount} {block:RebloggedFrom}<a title="via: {ReblogParentName}" href="{ReblogParentURL}">✦</a>{/block:RebloggedFrom}{block:ContentSource} <a title="source: {SourceTitle}" href="{SourceURL}">✦</a>{/block:ContentSource}{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog?" target="_blank" class="details">✦</a></div>
- <div class="tags">{block:HasTags} {block:Tags}<a href="{TagURL}">* {Tag} ;</a>{/block:Tags}{/block:HasTags}</div>
- {/block:IndexPage}
- {block:PermalinkPage}{block:Date}<div id="permalinkpage">shared {TimeAgo} on {ShortDayOfWeek}, {DayOfMonthWithZero}{DayOfMonthSuffix}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom}<br>Originally made by <a href="{ReblogRootURL}">{ReblogRootName}</a>, reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} </div>{/block:Date}{/block:PermalinkPage}
- {block:PermalinkPage}{block:HasTags}<div id="tagspp">{block:Tags}<a href="{TagURL}">* {Tag} ;</a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}
- {block:PostNotes}
- <div style="background-color:{color:border};height:1px;margin-top:20px;"></div>
- <div style="margin-top:-6px;text-align:center;color:{color:text};"><span style="background-color:{color:background};padding:0px 5px;"><a href="javascript:unhide('notes');">show notes</a></span></div>
- <div id="notes" class="hidden"><div class="notes">{PostNotes}</div></div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
- {block:IfNotInfiniteScrolling}{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
- <!----------------------------------------------------------------------->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment