Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ╭╮╱╱╱╱╱╱╭╮╱╱╱╭╮╭╮
- ┃┃╱╱╱╱╱╱┃┃╱╱╭╯╰┫┃
- ┃╰━┳━┳╮╭┫╰━╮╰╮╭┫╰━┳━━┳╮╭┳━━┳━━╮
- ┃╭╮┃╭┫┃┃┃╭╮┃╱┃┃┃╭╮┃┃━┫╰╯┃┃━┫━━┫
- ┃╰╯┃┃┃╰╯┃┃┃┃╱┃╰┫┃┃┃┃━┫┃┃┃┃━╋━━┃
- ╰━━┻╯╰━━┻╯╰╯╱╰━┻╯╰┻━━┻┻┻┻━━┻━━╯
- -->
- <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/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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <html lang="en">
- <script type="text/javascript">
- <!--
- // Disable Right Click Script
- function IE(e)
- {
- if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
- {
- return false;
- }
- }
- function NS(e)
- {
- if (document.layers || (document.getElementById && !document.all))
- {
- if (e.which == "2" || e.which == "3")
- {
- return false;
- }
- }
- }
- document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
- //-->
- </script>
- <!--THESE CODES ARE DOING WORK THE THEME, BACKGROUND COLOR CHANGING OR ADDING A CUSTOM BACKGROUND, CHANGE THE NUMBER OF LINKS, ETC.-->
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Title" content="#b6464a"/>
- <meta name="color:Text" content="#999999"/>
- <meta name="color:Link" content="#999999"/>
- <meta name="color:Hover" content="#999"/>
- <meta name="color:Borders" content="#b6464a"/>
- <meta name="color:Hisatitle" content="#b6464a"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:sidebar bg" content=""/>
- <meta name="image:pic" content=""/>
- <meta name="text:Hisatitle" content="Blank Space"/>
- <meta name="text:quote" content="'Cause we're young and we're reckless
- we'll take this way too far.
- It'll leave you breathless or with a nasty scar"/>
- <meta name="text:your name" content="Royalty"/>
- <!--HERE ARE THE SITES WHERE WILL GIVE LINKS-->
- <meta name="text:Link One" content="" />
- <meta name="text:Link Two" content="" />
- <meta name="text:Link Three" content="" />
- <meta name="text:Link Four" content="" />
- <meta name="text:Link Five" content="" />
- <!--HERE ARE PLACED THE NAMES OF LINKS-->
- <meta name="text:Link 1 hover text" content="Title Here" />
- <meta name="text:Link 2 hover text" content="Title Here" />
- <meta name="text:Link 3 hover text" content="Title Here" />
- <meta name="text:Link 4 hover text" content="Title Here" />
- <meta name="text:Link 5 hover text" content="Title Here" />
- <!--HERE ARE PLACED THE LABELS SAYING WHAT EACH LINK-->
- <meta name="text:Link One Title" content="refresh"/>
- <meta name="text:Link Two Title" content="inbox"/>
- <meta name="text:Link Three Title" content="navigation"/>
- <meta name="text:Link Four Title" content="favorites"/>
- <meta name="text:Link Five Title" content="themes"/>
- </script>
- <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /*--IFRAME ARE THE CODES OF CONTROL BUTTONS (DASHBOARD, FOLLOW/UNFOLLOW)--*/
- iframe#tumblr_controls{
- z-index:9;
- opacity:0.5 !important;
- -webkit-filter:invert(100%);
- top:0px !important;
- right:8px !important;
- position:fixed!important;
- }
- iframe#tumblr_controls {right:3px !important; position:fixed !important;-webkit-transition:opacity 0.7s linear; opacity:0.2; -webkit-transition: all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:99999}
- iframe#tumblr_controls:hover {-webkit-transition:opacity 0.7s linear; opacity:1.0; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:99999;}
- /*--SCROLLBAR IS THE SIDE BAR THAT APPEARS ON RIGHT CORNER OF THE THEME, WHAT DOES WALKING DOWN THE BLOG AND UP, JUST CHANGE NOW FOR EXPERIENCED--*/
- ::-webkit-scrollbar {width: 8px; height: 4px; background:#f5f5f5; border-left: 1px solid #f5f5f5; }
- ::-webkit-scrollbar-thumb { background-color:{color:Title}; border-bottom: 1px solid #fff; border-radius:5px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
- askk{
- font-family:calibri;
- font-size:12px;
- text-transform:uppercase;
- color:{color:hisatitle};
- line-height:14px;
- }
- /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
- body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
- body {
- padding:0px;
- margin:0px;
- color:{color:Text};
- font-family:calibri;
- font-size:11px;
- line-height:14px;
- text-transform:normal;
- background-color:{color:Background};
- background-image:url({image:Background});
- background-attachment:fixed;
- background-repeat:repeat;
- cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
- a:link, a:active, a:visited{
- color:{color:Link};
- text-decoration:none;
- -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
- a:hover{
- color:{color:Hover};
- text-decoration:none;
- -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
- cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
- #s-m-t-tooltip {
- max-width:500px;
- padding:5px;
- margin:20px 0px 0px 20px;
- background: {color:hisatitle};
- border:1px solid {color:hisatitle};
- letter-spacing: 1px;
- box-shadow:3px 3px #fff;
- color: white;
- font-size:11px;
- font-family:calibri;
- z-index:999999999999999999999999999999999999;
- }
- #s-m-t-tooltip:before{
- position: absolute;
- left: -11px;
- top: -7px;
- width: 0px;
- content:"";
- height: 0px;
- transform: scale(1.7, .3);
- -webkit-transform: scale(1.7, .3);
- -moz-transform: scale(1.7, .3);
- -o-transform: scale(1.7, .3);
- -ms-transform: scale(1.7, .3);
- border-right: 4px solid {color:hisatitle};
- border-bottom: 17px solid transparent;
- border-left: 4px solid transparent;
- border-top: 17px solid transparent;
- }
- /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
- #audio {
- width:200px;
- height:auto;
- min-height:60px;
- padding-bottom:0px;
- }
- .cover {
- position:absolute;
- z-index:1;
- width:60px;
- height:60px;
- }
- .cover img {
- float:left;
- width:60px;
- height:60px;
- }
- .playbox {
- opacity:0.6;
- width:27px;
- height:30px;
- overflow:hidden;
- position:absolute;
- z-index:1000;
- margin-left:17px;
- margin-top:17px;
- text-align:center;
- }
- .info {
- margin-left:73px;
- margin-top:4px;
- line-height:14px;
- }
- #cunt{width:250px; height:auto;}
- {block:PermalinkPage}
- width:10px;
- {/block:PermalinkPage}
- }
- #center{
- padding-top:3px;
- padding-bottom:3px;
- position:fixed !important;
- width:250px;
- height:207px;
- background-color:#fff;
- {block:PermalinkPage}
- width:410px;
- height:207px;
- {/block:PermalinkPage}
- }
- /*--HERE YOU CAN CHANGE THE AMOUNT OF COLUMNS YOU WANT--*/
- #posts{
- float:center;
- {block:indexpage}
- width:800px; /*--1000px for 4 columns, 800px for 3 columns, 600px for 2 columns and 200px for 1 columns--*/
- {/block:indexpage}
- {block:permalinkpage}
- width:600px;
- {/block:permalinkpage}
- margin-left:480px;
- margin-top:10px;
- z-index:999999999;
- }
- /*--CUSTOMIZE ENTRY SETTINGS--*/
- #entry img{
- {block:indexpage}
- background:#fff;
- max-width:275px;
- opacity:0.7;
- z-index:9999999;
- outline:1px solid #fff;
- outline-offset:-7px;
- -webkit-transition:all 0.7s ease-out;
- -moz-transition:all 0.7s ease-out;
- transition:all 0.7s ease-out;
- {/block:indexpage}
- {block:PermalinkPage}
- max-width:490px;
- {/block:PermalinkPage}
- }
- #entry{
- z-index:999;
- margin:8px;
- float:left;
- background:#fff;
- font-size:11px;
- line-height:14px;
- text-transform:normal;
- width:274px;
- padding:18px;
- outline:1px dashed #e1e1e1;
- outline-offset:-9px;
- border:1px solid #eee;
- box-shadow:rgba(0,0,0,.03) 4px 4px;
- {block:PermalinkPage}
- opacity:0.8;
- width:500px;
- margin-top:15px;
- margin-left:13px;
- z-index:999;
- border:4px double {color:Title};
- {/block:PermalinkPage}
- -moz-transition: all 3.9s ease-out;
- -o-transition: all 3.9s ease-out;
- -webkit-transition: all 3.9s ease-out;
- transition: all 3.9s ease-out;
- }
- #entry:hover{
- -moz-transition: all 3.9s ease-out;
- -o-transition: all 3.9s ease-out;
- -webkit-transition: all 3.9s ease-out;
- transition: all 3.9s ease-out;
- }
- /*--CUSTOMIZE THE APPEARANCE OF PERMALINKS--*/
- #entry .perma{
- width:150px;
- height:auto;
- font-family:calibri;
- padding:5px;
- font-size:10px;
- line-height:13px;
- text-align:left;
- color:white;
- text-transform:uppercase;
- background:#fff;
- border:3px double #fff;
- position:absolute;
- z-index:99999;
- overflow:hidden;
- margin-top:5px;
- margin-left:10px;
- background:{color:hisatitle};
- -webkit-transition:opacity 0.5s linear; opacity: 0.0;
- -webkit-transition:all 0.5s linear;
- -moz-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- #entry:hover .perma{
- overflow:visible;
- opacity:1;
- margin-top:70px;
- -webkit-transition: all 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- #entry .perma2{
- width:23px;
- height:23px;
- font-family:calibri;
- padding:5px;
- font-size:10px;
- line-height:13px;
- text-align:left;
- text-transform:uppercase;
- background:#fff;
- border:4px double #fff;
- position:absolute;
- z-index:99999;
- overflow:hidden;
- margin-top:5px;
- margin-left:10px;
- background:{color:hisatitle};
- opacity:0;
- -webkit-transition:all 0.7s ease-out;
- -moz-transition:all 0.7s ease-out;
- transition:all 0.7s ease-out;
- }
- #entry:hover .perma2{
- opacity:1;
- margin-top:20px;
- -webkit-transition:all 0.7s ease-out;
- -moz-transition:all 0.7s ease-out;
- transition:all 0.7s ease-out;
- }
- #entry .perma3{
- width:22px;
- height:22px;
- font-family:calibri;
- padding:5px;
- font-size:10px;
- line-height:13px;
- text-align:left;
- text-transform:uppercase;
- background:#fff;
- border:4px double #fff;
- position:absolute;
- z-index:99999;
- overflow:hidden;
- margin-top:5px;
- margin-left:62px;
- background:{color:hisatitle};
- opacity:0;
- -webkit-transition:all 0.7s ease-out;
- -moz-transition:all 0.7s ease-out;
- transition:all 0.7s ease-out;
- }
- #entry:hover .perma3{
- opacity:1;
- margin-top:22px;
- -webkit-transition:all 0.7s ease-out;
- -moz-transition:all 0.7s ease-out;
- transition:all 0.7s ease-out;
- }
- .perma a{
- color:#fff;
- }
- .permalinktext{
- display:block;
- text-align:right;
- text-decoration:none;
- font-size:8px;
- letter-spacing:1px;
- padding:7px;
- width:130px;
- text-transform:uppercase;
- background:{color:borders};
- outline:1px dashed #fff;
- outline-offset:-7px;
- text-align:center;
- border:3px double #fff;
- color:#fff;
- }
- .permalinktext a{
- color:#fff;
- }
- .permalinktext2{
- display:block;
- text-align:right;
- text-decoration:none;
- font-size:8px;
- letter-spacing:1px;
- padding:7px;
- width:105px;
- margin-top:-34px;
- margin-left:150px;
- text-align:center;
- text-transform:uppercase;
- background:{color:borders};
- outline:1px dashed #fff;
- outline-offset:-7px;
- border:3px double #fff;
- color:#fff;
- }
- .permalinktext2 a{
- color:#fff;
- }
- /*--CUSTOMIZE TITLE OF ENTRIES--*/
- .title{
- line-height:27px;
- color:{color:Title};
- font-weight:bold;
- font-size:25px;
- font-family:arial;
- text-transform:lowercase;
- font-style:italic;
- }
- /*--CUSTOMIZE TITLE OF SIDEBAR--*/
- #hisatitle{
- position: fixed !important;
- z-index:999999;
- width:250px;
- margin-top:125px;
- margin-left:155px;
- color: {color:Hisatitle};
- font-family: 'Marck Script', cursive;
- font-size:35px;
- line-height:10px;
- }
- /*--CUSTOMIZE SIDEBAR--*/
- #sidebar{
- position:fixed !important;
- width:288px;
- height:290px;
- margin-top:140px;
- margin-left:120px;
- padding:12px;
- background-color:#fff;
- border:1px solid {color:Borders};
- }
- #yn{
- position:fixed;
- color:#fff;
- font-size:21px;
- font-family: arial;
- font-style:italic;
- font-weight:bold;
- text-transform:lowercase;
- opacity:0;
- margin-top:81px;
- margin-left:135px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #yn{
- opacity:1;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #work{
- position:fixed;
- width:288px;
- height:288px;
- margin-top:1px;
- background-image:url(http://oi45.tinypic.com/2czviig.jpg);
- opacity:0;
- background:white;
- z-index:9999;
- -moz-transform: scale(0.5);
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #work{
- opacity:1;
- -moz-transform: scale(1.0);
- -webkit-transform: scale(1.0);
- transform: scale(1.0);
- background-image:url(http://oi45.tinypic.com/2czviig.jpg);
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #quote{
- position:fixed;
- opacity:0;
- color:{color:hisatitle};
- font-size:11px;
- width:190px;
- margin-top:225px;
- margin-left:11px;
- text-align:center;
- font-family:calibri;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #quote{
- opacity:1;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #im{
- position:fixed;
- opacity:0;
- margin-top:148px;
- margin-left:185px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- }
- #im img{
- width:110px;
- -webkit-filter: Grayscale(100%);
- }
- #sidebar:hover #im{
- opacity:1;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- }
- #hello {
- position:fixed;
- font-family:calibri;
- font-size:11px;
- text-transform:uppercase;
- background:white;
- border:{color:borders} SOLID 1px;
- height:15px;width:190px;
- margin-top:190px;
- margin-left:8px;
- padding:4px;
- overflow:hidden;
- z-index:999;
- text-align:center;
- color:{color:Link};
- font-size:11px;
- font-family:calibri;
- line-height:15px;
- color:#aaa;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #hello:hover{
- overflow:hide;
- height:87px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #pizza{
- position:fixed;
- opacity:0;
- background-image:url({image:sidebar bg});
- background-position:;
- width:288px;
- margin-top:0px;
- border-bottom:3px double #fff;
- height:100px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #pizza{
- opacity:1;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #pp{
- position:fixed;
- width:100px;
- height:100px;
- border-radius:10px;
- z-index:9;
- margin-top:60px;
- margin-left:10px;
- border:3px solid #fff;
- opacity:0;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #pp{
- opacity:1;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #pp img{
- width:100px;
- height:100px;
- border-radius:7px;
- }
- ::selection {
- background: {color:hisatitle};
- color: #fff;
- padding:4px;
- }
- ::-moz-selection {
- background: {color:hisatitle};
- color: #fff;
- padding:4px;
- }
- ::-webkit-scrollbar { background-color:{color:hisatitle}; border:2px solid #fff; height:5px; -moz-border-radius:10px; border-radius:10px; width:5px;}
- ::-webkit-scrollbar-thumb {width:5px; border-radius:5px; background-image: -ms-linear-gradient(top, {color:hisatitle}; 0%, #fff 100%);
- background-image: -moz-linear-gradient(top, {color:hisatitle}; 0%, #fff 100%);
- background-image: -o-linear-gradient(top, {color:hisatitle}; 0%, #fff 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {color:hisatitle}), color-stop(1, #fff));
- background-image: -webkit-linear-gradient(top,{color:hisatitle}; 0%, #fff 100%);}
- blockquote img{ width:170px; }
- /*--CUSTOMIZE DESCRIPTION--*/
- div#desc{
- position:fixed !important;
- opacity:1.0;
- background:#fff;
- width:130px;
- height:43px;
- padding:10px;
- color:#999;
- padding-top:6px;
- margin-top:110px;
- margin-left:124px;
- font-size:11px;
- line-height:14px;
- font-family:calibri;
- border:1px solid #e1e1e1;
- overflow-y:scroll;
- text-align:left; /*--you can put center, left, right or justify--*/
- }
- /*--CUSTOMIZE LINKS--*/
- /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- #postnotes{
- text-align: justify;
- color:{color:borders};
- }
- #postnotes a{
- color:{color:borders};
- }
- #postnotes img{
- width:20px;
- height:20px;
- padding:2px;
- margin-top:5px;
- border:1px solid {color:borders};
- }
- #postnotes blockquote{
- border: 0px;}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #eee;
- }
- blockquote p, ul{
- margin:0px;
- padding:0px;
- }
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
- </style>
- <!--THE TITLE IS THE SMALL TITLE THAT APPEARS IN TAB THE BLOG IN FRONT OF FAVICON, OVER THERE, WHERE IS HTTP, IF YOU DON'T UNDERSTAND, GO ON THIS LINK - http://static.tumblr.com/pmxvx4i/HBen83kl0/title.png -->
- <title>{Title}</title>
- <!--THE FAVICON IS THE SMALL ICON THAT APPEARS IN TAB THE BLOG, OVER THERE, WHERE IS HTTP, IF YOU DON'T UNDERSTAND, GO ON THIS LINK - http://static.tumblr.com/pmxvx4i/jOrn83kin/favicon.png -->
- <link rel="shortcut icon" href="http://www.faviconer.com/uploads/192/892/favicon.png">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=720" />
- </head>
- <body>
- <div id="center">
- <div id="content">
- <!--THIS CODE DOES WORK THE TITLE OVER THE SIDEBAR-->
- <div id="hisatitle">{text:Hisatitle}</div>
- <!--THIS CODE DOES WORK SIDEBAR-->
- <div id="sidebar">
- <div id="work">
- <div id="pizza"></div>
- <div id="pp"><img src="{image:pic}"></div>
- <!--THIS CODE DOES WORK DESCRIPTION-->
- <div id="desc">{description}</div>
- <div id="yn"><u>{text:your name}</u></div>
- <!--THIS CODE DOES WORK LINKS-->
- <div id="hello">navigation<br>
- <a href="{text:Link One}" title="{text:Link 1 hover text}">{text:Link One Title}</a><br>
- <a href="{text:Link Two}" title="{text:Link 2 hover text}">{text:Link Two Title}</a><br>
- <a href="{text:Link Three}" title="{text:Link 3 hover text}">{text:Link Three Title}</a><br>
- <a href="{text:Link Four}" title="{text:Link 4 hover text}">{text:Link Four Title}</a><br>
- <a href="{text:Link Five}" title="{text:Link 5 hover text}">{text:Link Five Title}</a>
- </div>
- <div id="quote">{text:quote}</div>
- <div id="im"><img src="http://33.media.tumblr.com/bc4c93de2188bdcafaa437d4a61d8a1f/tumblr_nc0mldOVoP1rx89yso1_500.png" style"width:auto;height:auto;"></div>
- </div>
- <!--THIS CODE DOES WORK IMAGE OF SIDEBAR-->
- <img src="{image:sidebar}" style="border:3px double {color:Borders};padding:10px; opacity:0.9; width:270px; height:270px; margin-top:-2px; margin-left:-4px"></div>
- <!--THIS CODE DOES WORK POSTS, DON'T CHANGE ANYTHING IF NOT EXPERIENCED WITH CODES-->
- <div id="posts">
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <span class="entrytext">{Body}</span></a>
- {block:IndexPage}<br>
- <div class="permalinktext">
- This post has <a href="{permalink}">{notecount} notes</a></div> <div class="permalinktext2"><a href="{ReblogURL}">Reblog</a> this post</div>{/block:IndexPage}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<br>
- <div class="permalinktext">
- {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
- </div>
- {/block:IndexPage}
- {block:Link}
- {block:Photo}{block:IndexPage}<div class="lovely"></div>
- <div class="perma">
- <a title="go to the permalink page" href="{Permalink}">{NoteCountwithlabel}</a>
- <br>
- This post was reblogged on {Month} {DayofMonth}, {Year}</center><br></div>
- <div class="perma2">
- {ReblogButton color="white" size="21"}
- </div>
- <div class="perma3">
- {LikeButton color="white" size="21"}
- </div>
- {/block:IndexPage}
- {block:IndexPage}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" "width=270px;">
- {/block:IndexPage}
- {block:permalinkpage}{LinkOpenTag}<center>
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" "width=360px;"/>
- {LinkCloseTag}</center>{/block:permalinkpage}
- {/block:Photo}
- {block:Quote}
- <div class="quote">❝ {quote}</div>
- {block:IndexPage}<br>
- <div class="permalinktext">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}<br>
- {/block:Lines}
- {block:IndexPage}<br>
- <div class="permalinktext">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
- {block:IndexPage}<br>
- <div class="permalinktext">
- <center> <font color="#fff">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- <center>{block:IndexPage}
- <div class="perma">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount}</a> - <a href="{reblogurl}">↻</a></div>
- <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
- <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
- {block:Video}
- {block:Answer}
- <div style="border:1px solid #eee; margin:3px; margin-top:-5px; min-height:30px; box-shadow:3px 3px #e1e1e1; padding:7px;
- padding-bottom:14px; text-transform:uppercase; border-radius:5px; background:#fbfbfb">
- <img src="{AskerPortraitURL-30}" width="30" align="left"
- style="margin-right:4px; margin-top:-6px; border-radius:100%; margin-left:0px; border:1px solid #ddd; padding:7px; background:#fff; outline:0px solid transparent; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)">
- <askk>{Asker}</askk>: {Question}</div>
- <div style="font-family:calibri; font-size:10px; border:1px solid #eee; margin:3px; margin-top:9px; min-height:30px; box-shadow:3px 3px #e1e1e1; padding:7px; text-transform:uppercase; border-radius:5px; background:#fbfbfb"><img src="{PortraitURL-30}" width="30" align="right"
- style="margin-right:4px; margin-top:-5px; border-radius:100%; margin-left:0px; border:1px solid #ddd; padding:7px; outline:0px solid transparent; background:#fff; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)"><askk>{text:your name} responds with:</askk>{Answer}</div>
- {/block:Answer}
- {block:PermalinkPage}
- <center><br>
- {block:Date}<askk>posted on <u>{DayOfWeek}</u> of {Month} {DayofMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}</askk>
- {block:RebloggedFrom}<askk><b>source of the post:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}</askk>
- {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
- {/block:PermalinkPage}
- {block:PostNotes}
- <div id="postnotes">{PostNotes}</div>
- {/block:PostNotes}</div>{/block:Posts}
- </div></div>
- {block:indexpage}
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#posts');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#entry, #entry_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '#entry, #entry_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#content').show(500);
- });
- </script>
- {/block:indexpage}
- <body onkeydown="return false">
- </body>
- <div style="z-index:99999999999; position:fixed; bottom:3px; left:10px; opacity:0.7"><a href="http://hisabeel.tumblr.com" title="Hisabeel made this base code"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/diamond-128.png" width="24"></a></div>
- <div style="position:fixed; padding:5px; bottom:22px; right:22px; width:16px; height:16px;"><a href="http://mufflinq.tumblr.com" title="theme by aj"><img src="http://media.tumblr.com/tumblr_m9qbwjqLbt1r90k20.gif" style="left:-5px; top:-4px; "></a></div>
- </html>
Add Comment
Please, Sign In to add comment