Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- █▀▀▄ █▀▀█ █░░█ █░░█ ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
- █▀▀▄ █▄▄▀ █░░█ █▀▀█ ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
- ▀▀▀░ ▀░▀▀ ░▀▀▀ ▀░░▀ ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
- ᴛʜᴇᴍᴇ ʙʏ ᴍᴜғғʟɪɴǫ / ᴀᴊ .
- ᴅᴏ ɴᴏᴛ ʀᴇᴅɪsᴛʀɪʙᴜᴛᴇ ᴏʀ ᴜsᴇ ᴄᴏᴅɪɴɢs ғʀᴏᴍ ᴏᴛʜᴇʀ ᴛʜᴇᴍᴇs
- ᴛʜᴀɴᴋ ʏᴏᴜ <3
- -->
- <html lang="en">
- <!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">
- <head>
- <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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
- <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://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css";; rel="stylesheet">
- <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <!--DEFAULT VARIABLES-->
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="color:background" content="#fff"/>
- <meta name="color:link" content="#777"/>
- <meta name="color:text" content="#777"/>
- <meta name="color:title" content="#eab4e3"/>
- <meta name="color:hover" content="#fff"/>
- <meta name="image:sidebar" content="1"/>
- <meta name="image:background" content="1"/>
- <meta name="image:sidebar bg" content="1"/>
- <meta name="image:pic" content="1"/>
- <meta name="color:borders" content="#eab4e3"/>
- <meta name="color:blogtitle" content="#eab4e3"/>
- <meta name="text:your name" content="the queen"/>
- <meta name="text:stats" content="stats"/>
- <meta name="text:quote" content="I was a liar
- I gave into the fire
- I know I should've fought it.
- At least I'm being honest;
- feel like a failure
- 'cause I know that I failed you.
- I should've done you better
- 'cause you don't want a liar. "/>
- <meta name="color:updates background" content="#b8b8b8"/>
- <meta name="image:updates image" content=""/>
- <meta name="text:blogtitle" content="Favorite Record"/>
- <meta name="text:link one" content="/"/>
- <meta name="text:link one message" content="message"/>
- <meta name="text:link two" content="/"/>
- <meta name="text:link two message" content="message"/>
- <meta name="text:link three" content="/"/>
- <meta name="text:link three message" content="message"/>
- <meta name="text:link four" content="/"/>
- <meta name="text:link four message" content="message"/>
- <meta name="text:link five" content="/"/>
- <meta name="text:link five message" content="message"/>
- <meta name="text:link six" content="/"/>
- <meta name="text:link six message" content="message"/>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <style type="text/css">
- ::selection {
- background: {color:blogtitle};
- color: #fff;
- padding:4px;
- }
- ::-moz-selection {
- background: {color:blogtitle};
- color: #fff;
- padding:4px;
- }
- hi{
- background:{color:blogtitle};
- text-align:center;
- line-height:13px;
- color:#fff;
- font-size:12px;
- letter-spacing:2px;
- text-transform:uppercase;
- padding:2px;
- }
- .popup_block{
- display:none;
- background:#fff;
- padding:20px;
- border:4px solid {color:borders}; /* if you want a solid white pop-up, delete this */
- float:left;
- position:fixed;
- top:50%;left:50%;
- border-radius:5px;
- z-index: 99999;
- -webkit-animation: flipInY 2s;
- -moz-animation: flipInY 2s;
- -ms-animation: flipInY: 2s;
- }
- *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;
- opacity:0.5; /* change to opacity:1; */
- }
- blockquote img{ width:210px; }
- iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
- transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- p {
- margin:0px;
- margin-top:0px;
- }
- body {
- padding: 0px;
- margin: 0px;
- color:{color:text};
- font-family: calibri;
- line-height:15px;
- font-size:11px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- a:link, a:active, a:visited{
- text-decoration: none;
- -webkit-transition: color 0.3s ease-out;
- -moz-transition: color 0.3s ease-out;
- transition: color 0.3s ease-out;
- color:{color:link};
- }
- a:hover {
- text-decoration: none;
- font-style:;
- color: {color:Hover};
- }
- div#center{
- margin:auto;
- position:relative;
- width:1000px;
- background-color:;
- overflow:auto;
- overflow-y:hidden;
- }
- #ak{
- font-size:17px;
- letter-spacing:2px;
- font-family:calibri;
- text-transform:uppercase;
- line-height:0px;
- color:{color:blogtitle};
- margin-top:8px;
- width:auto;
- margin-left:55px;
- }
- #ak2{
- font-size:20px;
- letter-spacing:2px;
- font-family:calibri;
- text-transform:uppercase;
- line-height:0px;
- color:{color:blogtitle};
- margin-top:8px;
- width:auto;
- margin-left:5px;
- }
- #s-m-t-tooltip {
- max-width:500px;
- padding:6px;
- border-radius:4px;
- margin:20px 0px 0px 20px;
- background: {color:blogtitle};
- border:1px solid {color:blogtitle};
- letter-spacing: 1px;
- color: white;
- font-size:10px;
- font-family:calibri;
- -webkit-animation: shake 3s;
- -moz-animation: shake 3s;
- -ms-animation: shake 3s;
- z-index:999999999999999999999999999999999999;
- }
- #s-m-t-tooltip:before{
- position: absolute;
- left: -11px;
- top: -7px;
- width: 0px;
- content:"";
- 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);
- height: 0px;
- border-right: 4px solid {color:blogtitle};
- border-bottom: 17px solid transparent;
- border-left: 4px solid transparent;
- border-top: 17px solid transparent;
- }
- ::-webkit-scrollbar { background-color:{color:blogtitle}; 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:blogtitle}; 0%, #fff 100%);
- background-image: -moz-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
- background-image: -o-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {color:blogtitle}), color-stop(1, #fff));
- background-image: -webkit-linear-gradient(top,{color:blogtitle}; 0%, #fff 100%);}
- blockquote img{ width:170px; }
- /*CUSTOMIZE ENTRY SETTINGS HERE*/
- .entry {
- float:left;
- display: block;
- margin:9px;
- overflow:hidden;
- width:255px;
- padding:14px;
- padding-right:21px;
- border:1px solid #e1e1e1;
- border-radius:5px;
- outline:1px solid #e1e1e1;
- outline-offset:-5px;
- box-shadow:#C2D3DF 4px 4px ;
- {block:PermalinkPage}
- width:450px;
- text-align:left;
- line-height:10px;
- margin-left:70px;
- {/block:PermalinkPage}
- background:white;
- background-image:URL();
- }
- .entry img{
- border:3px solid {color:borders};
- border-radius:5px;
- }
- /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
- .entry .perma{
- width:20px;
- height:20px;
- margin-left:10px;
- position: absolute;
- padding: 10px;
- line-height: 16px;
- border:1px solid #e1e1e1;
- border-radius:5px;
- overflow:hidden;
- text-align:center;
- top:20px;
- background:#f2f2f2;
- font-family:penus;
- font-size: 15px;
- word-spacing:2px;
- letter-spacing:1px;
- opacity: 0.0;
- -webkit-animation:pulse 2s;
- -moz-animation:pulse 2s;
- -o-animation:pulse 2s;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .entry:hover .perma{
- overflow:visible;
- text-shadow: 1.5px 1px #aaa;
- opacity:1;
- }
- .entry .perma2{
- width:20px;
- height:20px;
- margin-left:60px;
- position: absolute;
- padding: 10px;
- line-height: 16px;
- border:1px solid #e1e1e1;
- border-radius:5px;
- overflow:hidden;
- text-align:center;
- top:20px;
- background:white;
- font-family:penus;
- font-size: 15px;
- word-spacing:2px;
- letter-spacing:1px;
- opacity: 0.0;
- -webkit-animation:shake 2s;
- -moz-animation:shake 2s;
- -o-animation:shake 2s;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .entry:hover .perma2{
- overflow:visible;
- text-shadow: 1.5px 1px #aaa;
- opacity:1;
- }
- .entry .perma3{
- width:20px;
- height:20px;
- margin-left:110px;
- position: absolute;
- padding: 10px;
- line-height: 16px;
- border:1px solid #e1e1e1;
- border-radius:5px;
- overflow:hidden;
- text-align:center;
- top:20px;
- background:#f2f2f2;
- font-family:penus;
- font-size: 15px;
- word-spacing:2px;
- letter-spacing:1px;
- opacity: 0.0;
- -webkit-animation:pulse 2s;
- -moz-animation:pulse 2s;
- -o-animation:pulse 2s;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .entry:hover .perma3{
- overflow:visible;
- text-shadow: 1.5px 1px #aaa;
- opacity:1;
- }
- .perma3 img{
- border:0px solid transparent;
- }
- .tt{
- text-transform: uppercase;
- display: block;
- text-align:left;
- padding-left:18px;
- text-decoration: none;
- font-size: 9px;
- font-family:calibri;
- line-height:10px;
- letter-spacing:1px;
- margin: 2px;
- margin-top: 12px;
- border: 0px solid #f3f3f3;
- outline:1px dashed white;
- outline-offset:-3px;
- padding-top: 5px;
- padding-bottom: 6px;
- background:{color:borders};
- color:white;
- opacity: 0.7;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .tt a{color:#fff; !important;}
- .tt a:hover{color:#fff; !important;}
- .tt:hover{
- -webkit-transition: 0.8s ease-out;
- -moz-transition: 0.8s ease-out;
- transition: 0.8s ease-out;
- }
- .entry:hover .tt{
- opacity:.7;
- -webkit-transition: 0.8s ease-out;
- -moz-transition: 0.8s ease-out;
- transition: 0.8s ease-out;
- }
- /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
- #posts {
- width:625px;
- margin-top:15px;
- z-index:99;
- margin-left:359px;
- right:auto;
- padding:2px;
- border-left:3px double {color:blogtitle};
- border-right:3px double {color:blogtitle};
- border-bottom:3px double {color:blogtitle};
- outline:1px solid {color:borders};
- outline-offset:-8px;
- background:white;
- margin-right:auto;
- position:relative;
- overflow-y: hidden;
- }
- /*CUSTOMIZE SIDEBAR HERE*/
- #sidebar{
- position:fixed !important;
- width:310px;
- background:white;
- height:400px;
- margin-top:150px;
- margin-left:-15px;
- border:1px solid {color:borders};
- box-shadow:#C2D3DF 8px 8px ;
- text-align:center;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover{
- background-image:url(http://i45.tinypic.com/16jhspi.png);
- border-radius:5px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #pic{
- position:Fixed;
- opacity:1;
- width:310px;
- height:400px;
- }
- #pizza{
- position:fixed;
- opacity:0;
- background-image:url({image:sidebar bg});
- background-position:center;
- border-top-right-radius:5px;
- border-top-left-radius:5px;
- width:310px;
- margin-top:0px;
- border-bottom:1px solid #fff;
- height:130px;
- -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;
- }
- #pic img{
- width:310px;
- height:400px;
- outline:1px solid #fff;
- outline-offset:-10px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #pic img{
- opacity:0.0;
- margin-top:-400px;
- -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;
- }
- #yn{
- position:fixed;
- color:#fff;
- font-size:26px;
- font-family: calibri;
- text-transform:uppercase;
- opacity:0;
- margin-top:111px;
- margin-left:140px;
- -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;
- }
- #triangle{
- position:absolute;
- width: 0px;
- height: 0px;
- margin-left:150px; /* move the triangle left/right by decreasing/increasing the number */
- margin-top:139px; /* move the triangle up/down by decreasing/increasing the number */
- border-right: 12px solid transparent;
- border-left: 12px solid transparent;
- border-bottom: 12px solid {color:borders};
- opacity:0;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #triangle{
- opacity:1;
- }
- #msg{
- position:fixed !important;
- width:170px;
- height:50px;
- padding:5px;
- margin-top:150px;
- margin-left:120px;
- background:white;
- border-radius:5px;
- line-height:15px;
- overflow-y:Scroll;
- border:1px solid {color:borders};
- opacity:0;
- font-size:11px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #msg{
- opacity:1;
- }
- #up{
- position:fixed;
- border:1px solid {color:borders};
- padding:4px;
- background:white;
- width:9px;
- height:9px;
- opacity:0;
- line-height:8px;
- margin-top:375px;
- text-align:center;
- margin-left:5px;
- font-size:12px;
- border-radius:100%;-webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #up{
- opacity:1;-webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #s{
- position:fixed;
- border:1px solid {color:borders};
- padding:4px;
- background:white;
- width:9px;
- height:9px;
- opacity:0;
- line-height:8px;
- margin-top:-14px;
- text-align:center;
- margin-left:30px;
- font-size:12px;
- border-radius:100%;-webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #s{
- opacity:1;-webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #blogtitle{
- position:fixed;
- font-family: 'Dancing Script', cursive;
- font-size:40px;
- width:310px;
- color:{color:blogtitle};
- opacity:1;
- margin-top:-24px;
- margin-left:0px;
- z-index:99;
- text-align:center;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #blogtitle{
- opacity:0;-webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #stats{
- position:fixed;
- opacity:0;
- font-family: 'Indie Flower', cursive;
- color:{color:blogtitle};
- font-size:20px;
- margin-top:200px;
- margin-left:15px;
- text-align:center;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #stats{
- opacity:1;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #stats a{
- color:{color:blogtitle};
- }
- #navigation{
- position:fixed;
- opacity:0;
- font-family: 'Dancing Script', cursive;
- color:{color:blogtitle};
- font-size:30px;
- margin-top:251px;
- margin-left:30px;
- background:white;
- padding:5px;
- border:1px solid #e1e1e1;
- border-radius:3px;
- width:244px;
- height:28px;
- line-height:19px;
- text-align:center;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #sidebar:hover #navigation{
- opacity:1;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #navigation:hover{
- color:transparent;
- overflow:hidden;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link1{
- position:fixed;
- overflow:visible;
- opacity:0;
- z-index:999999999999999999;
- margin-top:-50px;
- margin-left:10px;
- -webkit-transition: all .3s ease;
- -moz-transition: all .3s ease;
- -o-transition: all .3s ease;
- transition: all .3s ease;
- -webkit-transform: rotate(180deg);
- }
- #sidebar:hover #link1{
- opacity:0;
- -webkit-transform: rotate(180deg);
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #navigation:hover #link1{
- opacity:1;
- -webkit-transform: rotate(180deg);
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link1 a{
- -webkit-transform: rotate(180deg);
- transform: scale(0, 1.11);
- border-left:13px double transparent;
- border-right:13px double transparent;
- border-top:30px solid {color:blogtitle};
- -webkit-transition: all .8s ease;
- -moz-transition: all .8s ease;
- -o-transition: all .8s ease;
- transition: all .8s ease;
- }
- #link2{
- position:fixed;
- opacity:0;
- z-index:999999999999999999;
- margin-top:-17px;
- width:25px;
- height:25px;
- border:1px solid #fff;
- margin-left:50px;
- -moz-transform: scale(0.5);
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-transition: all .3s ease;
- -moz-transition: all .3s ease;
- -o-transition: all .3s ease;
- transition: all .3s ease;
- }
- #sidebar:hover #link2{
- opacity:0;
- background:{color:borders};
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link2 a{
- width:15px;
- height:8px;
- font-size:20px;
- line-height:0px;
- color:{color:blogtitle};
- background:{color:borders};
- -webkit-transition: all .8s ease;
- -moz-transition: all .8s ease;
- -o-transition: all .8s ease;
- transition: all .8s ease;
- }
- #navigation:hover #link2{
- opacity:1;
- -moz-transform: scale(1.0);
- -webkit-transform: scale(1.0);
- transform: scale(1.0);
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link3{
- position:fixed;
- overflow:visible;
- opacity:0;
- z-index:999999999999999999;
- margin-top:-50px;
- -webkit-transform: rotate(180deg);
- margin-left:90px;
- -webkit-transition: all .3s ease;
- -moz-transition: all .3s ease;
- -o-transition: all .3s ease;
- transition: all .3s ease;
- }
- #sidebar:hover #link3{
- opacity:0;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link3 a{
- -webkit-transform: rotate(180deg);
- -webkit-transform: rotate(180deg);
- transform: scale(0, 1.11);
- border-left:13px double transparent;
- border-right:13px double transparent;
- border-top:30px solid {color:blogtitle};
- -webkit-transition: all .8s ease;
- -moz-transition: all .8s ease;
- -o-transition: all .8s ease;
- transition: all .8s ease;
- }
- #navigation:hover #link3{
- opacity:1;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link4{
- position:fixed;
- opacity:0;
- z-index:999999999999999999;
- margin-top:-17px;
- width:25px;
- height:25px;
- border:1px solid #fff;
- margin-left:130px;
- -moz-transform: scale(0.5);
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-transition: all .3s ease;
- -moz-transition: all .3s ease;
- -o-transition: all .3s ease;
- transition: all .3s ease;
- }
- #sidebar:hover #link4{
- opacity:0;
- background:{color:borders};
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link4 a{
- width:15px;
- height:8px;
- font-size:20px;
- line-height:0px;
- color:{color:blogtitle};
- background:{color:borders};
- -webkit-transition: all .8s ease;
- -moz-transition: all .8s ease;
- -o-transition: all .8s ease;
- transition: all .8s ease;
- }
- #navigation:hover #link4{
- opacity:1;
- -moz-transform: scale(1.0);
- -webkit-transform: scale(1.0);
- transform: scale(1.0);
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link5{
- position:fixed;
- overflow:visible;
- opacity:0;
- z-index:999999999999999999;
- margin-top:-50px;
- -webkit-transform: rotate(180deg);
- margin-left:170px;
- -webkit-transition: all .3s ease;
- -moz-transition: all .3s ease;
- -o-transition: all .3s ease;
- transition: all .3s ease;
- }
- #sidebar:hover #link5{
- opacity:0;
- -webkit-transform: rotate(180deg);
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link5 a{
- -webkit-transform: rotate(180deg);
- -webkit-transform: rotate(180deg);
- transform: scale(0, 1.11);
- border-left:13px double transparent;
- border-right:13px double transparent;
- border-top:30px solid {color:blogtitle};
- -webkit-transition: all .8s ease;
- -moz-transition: all .8s ease;
- -o-transition: all .8s ease;
- transition: all .8s ease;
- }
- #navigation:hover #link5{
- opacity:1;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link6{
- position:fixed;
- opacity:0;
- z-index:999999999999999999;
- margin-top:-17px;
- width:25px;
- height:25px;
- border:1px solid #fff;
- margin-left:205px;
- -moz-transform: scale(0.5);
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- -webkit-transition: all .3s ease;
- -moz-transition: all .3s ease;
- -o-transition: all .3s ease;
- transition: all .3s ease;
- }
- #sidebar:hover #link6{
- opacity:0;
- background:{color:borders};
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link6 a{
- width:15px;
- height:8px;
- font-size:20px;
- line-height:0px;
- color:{color:blogtitle};
- background:{color:borders};
- -webkit-transition: all .8s ease;
- -moz-transition: all .8s ease;
- -o-transition: all .8s ease;
- transition: all .8s ease;
- }
- #navigation:hover #link6{
- opacity:1;
- -moz-transform: scale(1.0);
- -webkit-transform: scale(1.0);
- transform: scale(1.0);
- -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:348px;
- margin-left:251px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- }
- #im img{
- width:auto;
- }
- #sidebar:hover #im{
- opacity:1;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- }
- #quote{
- position:fixed;
- opacity:0;
- color:{color:blogtitle};
- font-size:11px;
- width:280px;
- margin-top:305px;
- margin-left:15px;
- 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;
- }
- #quotebar{
- position:fixed !important;
- z-index:9999999999999;
- width:2000000000000000000px;
- height:25px;
- background:white;
- margin-left:-60000px;
- margin-top:-10px;
- border-bottom:1px solid {color:borders};
- font-size:11px;
- text-transform:lowercase;
- }
- h2 {
- font-family: Georgia;
- font-size:15px;
- text-align:center;
- line-height:50%;
- color:{color:title};
- font-style:italic;
- font-weight:normal;
- }
- #updates{
- position:fixed;
- width:150px;
- height:300px;
- bottom:10px;
- margin-top:-160px;
- right:100px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #uimage{
- position:absolute;
- bottom:40px;
- width:130px;
- height:130px;
- left:80px;
- margin-left:-0px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #uimage img{
- bottom:40px;
- width:130px;
- height:auto;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #words{
- position:absolute;
- top:-30px;
- width:140px;
- height:140px;
- left:80px;
- background:{color:updates background};
- border:1px solid #d8d8d8;
- border-radius:10px;
- opacity:0;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #yeah{
- position:absolute;
- top:2px;
- padding:10px;
- width:118px;
- height:110px;
- line-height:130%;
- background:{color:updates background};
- opacity:1;
- font-size:10px;
- font-style:italic;
- font-family:calibri;
- overflow:auto;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #updates:hover #words{
- opacity:1;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #updates:hover .arrow_box{
- opacity:1;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- .arrow_box {
- bottom:0px;
- left:50%;
- opacity:0;
- position: absolute;
- border: 1px solid #b8b8b8;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- .arrow_box:after, .arrow_box:before {
- top: 100%;
- border: solid transparent;
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
- .arrow_box:after {
- border-color: rgba(255, 255, 255, 0);
- border-top-color:{color:updates background};
- border-width: 12px;
- left: 50%;
- margin-left: -12px;
- }
- .arrow_box:before {
- border-color: rgba(216, 216, 216, 0);
- border-top-color: #b8b8b8;
- border-width: 13px;
- left: 50%;
- margin-left: -13px;
- }
- @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
- /*CUSTOMIZE TITLE OF ENTRIES HERE*/
- .title{
- line-height: 22px;
- color:{color:Title};
- font-weight: normal;
- font-size:18px;
- font-family:georgia;
- font-style:italic;
- }
- /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
- .permalink{
- text-transform: normal;
- display: block;
- text-align: right;
- text-decoration: none;
- }
- /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- #postnotes{
- text-align: justify;}
- #postnotes blockquote{
- border: 0px;}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- blockquote p, ul{
- margin:0px;
- padding:0px;
- }
- html, body, a{ cursor:url("http://static.tumblr.com/bcpenwm/e1znbxtup/cursor.png"), auto !important;}
- a:hover{cursor:url("http://static.tumblr.com/bcpenwm/8sInbxu65/cursorhover.png"), auto !important; }
- a img{border: 0px;}
- ul, ol, li{list-style:none; margin:0px; padding:0px;}
- .user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label, .user_9 .label, .user_11 .label, .user_13 .label, .user_15 .label {font-weight:bold; color:#fff;}
- .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label, .user_10 .label, .user_12 .label, .user_14 .label{font-weight:bold;color:#fff;}
- .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15{background:{color:borders};border:1px solid {color:borders}; padding:5px;margin-bottom:5px;border-radius:4px;margin-left:0px;color:#fff;}
- .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14{background:{color:blogtitle};border:1px solid {color:blogtitle}; padding:5px;margin-bottom:5px;border-radius:4px;margin-left:0px;color:#fff;}
- .notes img{width:10px; position:relative; top:3px;}
- <--ses-->
- small{font-size: 90%;}
- {CustomCSS}
- </style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.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 : '#pagination',
- nextSelector : '#pagination 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');} );
- });
- }); $('#posts').show(500);
- });
- </script>
- {/block:IndexPage}
- <title>{title}</title>
- <link rel="shortcut icon" href="http://static.tumblr.com/e3ea482383841947ff20f72b7618d9c3/br5g85d/8gxmr8k1k/tumblr_static_tumblr_lthbz6ofze1qhwcy0.gif" />
- <!--litt theme cred -->
- <script type="text/javascript" src="http://static.tumblr.com/uwz0y16/MQ5nihvz5/docu.txt"></script>
- <meta name="viewport" content="width=820" />
- </head>
- <body>
- <div id="updates">
- <div id="words">
- <div id="yeah">
- <h2>Hey there</h2>
- <!-------------------------INSERT TEXT HERE----------------------->
- Hi there darling~ you look beautiful today, as always even though I can't see you. You might be reading this you might be feeling sad, estatic, frustrated & mad, confused, curious, insecure, or glad. Whatever you are feeling it's just fine. You're amazing inside and out. If you need to talk just message me. (I know this is cheesy) There are so many people in this world suffering, uncapable to go on because of problems they have or an obstacle they can't get over. The last option I want <u>you</u> to do is to harm yourself and end it. Life was meant to be this way for a reason, every obstacle there is at the end of it there is a prize that you've wanted for a lifetime. Whether it's happiness, a partner, or even a game that just came out. <b>I've been through it too darling, and I bet that a lot on tumblr have been as well.</b> <i><u>It gets better, even when the roads get foggy use your eyes to look see ahead. Listen to music and b e p r e p a r e d for whatever comes in your way.</u></i>
- <!-------------------------------------END-------------------------------------->
- </div>
- <div class="arrow_box"></div>
- </div>
- <div id="uimage"><img src="{image:updates image}"></div>
- </div>
- <div class="wrapper">
- <div class="header">
- </div>
- <div id="cage">
- <div id="center">
- <div id="quotebar"></div>
- <!--STUFF THAT GOES INTO THE SIDEBAR-->
- <div id="sidebar">
- <div id="blogtitle">{text:blogtitle}</div>
- <center>
- <div id="pic"><img src="{image:sidebar}"></div>
- <div id="pizza"></div>
- <div id="pp"><img src="{image:pic}"></div>
- <div id="msg">{description}
- </div>
- <div id="triangle"></div>
- <div id="yn">{text:your name}</div>
- <div id="up"><a href="#?w=400" title="da updates" rel="box1" class="poplight">u</a></div>
- <div id="stats">{text:stats}</div>
- <div id="navigation">navigation
- <div id="link1"><a href="{text:link one}" title="{text:link one message}"></a></div>
- <div id="link2"><a href="{text:link two}" title="{text:link two message}">△</a></div>
- <div id="link3"><a href="{text:link three}" title="{text:link three message}"></a></div>
- <div id="link4"><a href="{text:link four}" title="{text:link four message}">△</a></div>
- <div id="link5"><a href="{text:link five}" title="{text:link five message}"></a></div>
- <div id="link6"><a href="{text:link six}" title="{text:link six message}">△</a></div>
- </div>
- <div id="quote">{text:quote}</div>
- </center>
- </div>
- <!------------------------------------->
- <div class="left">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><div class="tt">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>
- {/block:Text}
- {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
- class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
- {block:Answer}
- <div style="margin-left:5px; margin-top:16px; width:230px; height:auto; border:1px solid #e1e1e1; line-height:15px;padding: 10px; border-radius:4px; background-color:#fbfbfb;">
- <img src="{AskerPortraitURL-30}" width="40" height="40" align="left" style="margin-right: 4px; margin-top: -6px ;padding: 2px; background: white; border:3px solid {color:borders}; z-index:1;opacity:1; border-radius:40px;"/>
- <div id="ak">{Asker}:</div> <br>{Question}</div> </p> <br>
- <img src="{PortraitURL-40}" width="40" height="40" align="right" style="margin-right: 4px; margin-top: -6px ;padding: 2px; background: white; border:3px solid {color:borders}; z-index:1;opacity:1; border-radius:40px;"/>
- <div style="margin-left:5px;width:140px; margin-top:-9px; height:auto; text-align:left;
- border:1px solid #e1e1e1; padding: 10px; border-radius:4px;background-color:#fbfbfb; width: 230px; ;"><center><div id="ak">{text:your name}:</div><div style="text-align:left;"><br>{Answer}</div></center></div><br>
- <div class="tt">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>
- {/block:Answer}
- {block:Photo}
- {block:IndexPage}
- <center>
- <div class="perma">
- {ReblogButton} </div>
- <div class="perma2">{LikeButton}</div>
- <div class="perma3"><a href="{Permalink}" title="permalink - has {Notecountwithlabel}" target="_blank"><img src="http://i.imgur.com/Taq0deT.png" style="width:26px;margin-top:-2px;margin-left:-3px"></a></div>
- <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="border:0px solid transparent;" width="100%"/></a></div>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <center>
- <div class="perma">
- {ReblogButton} </div>
- <div class="perma2">{LikeButton}</div>
- <div class="perma3"><a href="{Permalink}" title="permalink - has {Notecountwithlabel}" target="_blank"><img src="http://i.imgur.com/Taq0deT.png" style="width:26px;margin-top:-2px;margin-left:-3px"></a></div>
- {Photoset-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Photoset-500}</center>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
- href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/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}
- </li>
- {/block:Lines}
- <div class="tt">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>
- {/block:Chat}
- {block:Audio}
- <div style="width:200px; height:30px;">
- {AudioPlayerBlack}
- </div>
- {block:IndexPage}<span class="permalink">
- <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
- </span>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <center>
- <div class="tt">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>
- {Video-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Video-400}</center>
- {/block:PermalinkPage}
- {block:Video}
- {block:PostNotes}<div align="middle">{caption}</div>
- <center>
- {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
- {block:HasTags}
- tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
- {block:RebloggedFrom}
- reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- </center></span>
- <br>
- <div id="postnotes">{PostNotes}</div><br>
- <center>{block:ContentSource}
- <br><a href="{SourceURL}">
- {lang:Source}:
- {block:SourceLogo}
- <img src="{BlackLogoURL}" width="{LogoWidth}"
- height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceLink}
- {/block:NoSourceLogo}
- </a>
- {/block:ContentSource}</center>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div></div>
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </body>
- <div id="box1" class="popup_block">
- <div style="font-family: georgia;text-align:center; font-size:18px;font-style:italic; letter-spacing: 1px; color: {color:blogtitle};">Updates</div><br><br>
- updates here
- </div>
- </html>
Add Comment
Please, Sign In to add comment