Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!--
- CODENAME: GLISSADE [v2.0]
- DO NOT STEAL PARTS OF CODE WITHOUT PERMISSION AND CREDIT
- bg pos
- -->
- <title>
- {block:indexpage}{Title}{/block:indexpage}
- {block:PostSummary}—{PostSummary}{/block:PostSummary}
- {block:TagPage} —posts tagged as {Tag};{/block:TagPage}
- {block:SearchPage} —results for {SearchQuery};{/block:SearchPage}
- </title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <!--DEFAULT VARIABLES-->
- <!--IMAGES-->
- <meta name="image:Background" content=""/>
- <!--COLOURS-->
- <meta name="color:Text" content="#aaa"/>
- <meta name="color:Links" content="#000"/>
- <meta name="color:Linkhover" content="#000A0D"/>
- <meta name="color:Slidemenubg" content="#ddeaed"/>
- <meta name="color:Slidemenu" content="#A0D0DE"/>
- <meta name="color:Postbg" content="#fefefe"/>
- <meta name="color:Captions" content="#eee"/>
- <meta name="color:Info" content="#A0D0DE"/>
- <!--FONTS-->
- <meta name="font:Body" content="helvetica"/>
- <!--TEXTS-->
- <meta name="text:Home Title" content="idx."/>
- <meta name="text:Ask Title" content="inq."/>
- <meta name="text:Archive Title" content="arc."/>
- <meta name="text:Nav Title" content="nav."/>
- <meta name="text:Search Title" content="search."/>
- <meta name="text:Extra Title" content="bio."/>
- <meta name="text:Extra" content=""/>
- <meta name="text:Link one" content="link"/>
- <meta name="text:Link two" content="link"/>
- <meta name="text:Link three" content="link"/>
- <meta name="text:Link four" content="link"/>
- <meta name="text:Link five" content="link"/>
- <meta name="text:Link six" content="link"/>
- <meta name="text:Link one url" content="/"/>
- <meta name="text:Link two url" content="/"/>
- <meta name="text:Link three url" content="/"/>
- <meta name="text:Link four url" content="/"/>
- <meta name="text:Link five url" content="/"/>
- <meta name="text:Link six url" content="/"/>
- <meta name="text:Stats" content=""/>
- <!--OPTIONALS-->
- <meta name-"if:Lazyload" content="1"/>
- <meta name="if:Tooltips" content="0"/>
- <meta name="if:Cursor" content="1"/>
- <meta name="if:Fadein" content="1"/>
- <meta name="if:Infinitescroll" content="1">
- <meta name="if:Slidemenu" content="0"/>
- <meta name="if:Searchbar" content="1"/>
- <meta name="if:Fullbg" content="1"/>
- <!--SELETION-->
- <!--BACKGROUND SIZE-->
- <meta name="select:Background Size" title="Large" content="cover"/>
- <meta name="select:Background Size" title="Medium" content="50% 50%"/>
- <meta name="select:Background Size" title="Small" content="20% 20%"/>
- <!--BACKGROUND POSITION-->
- <meta name="select:Background Position" title="West" content="left"/>
- <meta name="select:Background Position" title="East" content="Right"/>
- <meta name="select:Background Position" title="Center" content="center"/>
- <meta name="select:Background Position" title="North" content="top"/>
- <meta name="select:Background Position" title="South" content="bottom"/>
- <meta name="select:Background Position" title="North-West" content="left top"/>
- <meta name="select:Background Position" title="South-West" content="right bottom"/>
- <meta name="select:Background Position" title="North-East" content="right top"/>
- <meta name="select:Background Position" title="South-West" content="bottom left"/>
- <!--HEADER/FOOTER-->
- <meta name="select:Header or Footer" title="Header" content="header"/>
- <meta name="select:Header or Footer" title="Footer" content="footer"/>
- <!--TEXT ALIGN-->
- <meta name="select:Text Align" content="left" title="Left">
- <meta name="select:Text Align" content="right" title="Right">
- <meta name="select:Text Align" content="center" title="Center">
- <meta name="select:Text Align" content="justify" title="Justify">
- <!--FONT-SIZE-->
- <meta name="select:Font Size" content="10" title="10px"/>
- <meta name="select:Font Size" content="11" title="11px"/>
- <meta name="select:Font Size" content="12" title="12px"/>
- <!--SCRIPTS-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!--MASONARY-->
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#entries');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '.post',
- isAnimated : true
- });
- });
- $wall.infinitescroll({
- navSelector : "div#navigation",
- nextSelector : "div#navigation a#nextPage",
- itemSelector : '.post',
- loadingImg : "",
- loadingText : " ",
- donetext : " ",
- extraScrollPx : 0,
- bufferPx : 10000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#entries').show(500);
- });
- </script>
- <script language="JavaScript">
- function function1(){
- window.scrollTo(0,5);
- }
- function function2(){
- window.scroll(0,2);
- }
- </script>
- <!--INFINITE SCROLL-->
- {block:ifinfinitescroll}
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- {/block:ifinfinitescroll}
- <!--CLICK/HIDE::MENU-->
- <script src="http://takien.github.io/jPushMenu/js/jquery-1.9.1.min.js"></script>
- <script src="http://takien.github.io/jPushMenu/js/jPushMenu.js">
- </script>
- <script> jQuery(document).ready(function($) { $('.toggle').jPushMenu(); });
- </script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <!--LAZYLOAD-->
- {block:iflazyload}
- {/block:iflazyload}
- <!--TOOLTIPS-->
- <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(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
- <style type="text/css">
- /*TOOLTIPS*/
- {block:iftootltips}
- #s-m-t-tooltip{
- max-width:300px;
- padding:15px;
- border:1px solid transparent;
- font-family: {font:tooltips};
- font-size:10px;
- margin:10px;
- letter-spacing:1px;
- text-transform: uppercase;
- color:{color:text};
- z-index:9999999999999999999999999999999999999999999999999999999999999999999;
- background:{BackgroundColor};
- }
- {/block:iftootltips}
- /*BASICS*/
- body {
- margin:0;
- font-size:{select:font size}px;
- font-family:{font:body};
- {block:ifcursor}
- cursor:url('https://31.media.tumblr.com/0b47eca9f7f529deed778f6a7c4f0318/tumblr_inline_n103ieli6Y1sr8w60.png'),auto;
- {/block:ifcursor}
- color:{color:text};
- background:{BackgroundColor};
- background-image:url('{image:background}') ;
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-position: {select:background position};
- background-size:{select:background size};
- {block:iffullbg}
- background:url('{image:background}');
- background-repeat:repeat;
- background-attachment: fixed;
- {/block:iffullbg}
- }
- /*ORDER*/
- #top {
- top:0;
- width:100%;
- height:25px;
- background:{color:postbg};
- position:fixed;
- z-index:100;
- }
- #right {
- top:0;
- right:0;
- height:100%;
- width:25px;
- background:{color:postbg};
- position:fixed;
- z-index:100;
- }
- #left {
- top:0;
- left:0;
- height:100%;
- width:25px;
- background:{color:postbg};
- position:fixed;
- z-index:100;
- }
- #bottom {
- bottom:0;
- width:100%;
- height:25px;
- background:{color:postbg};
- position:fixed;
- z-index:100;
- }
- .left{
- text-align:left;
- }
- .right{
- text-align:right;
- }
- .center{
- text-align:center;
- }
- .justify{
- text-align:justify;
- }
- a {
- text-decoration:none;
- color:{color:links};
- {block:ifcursor}
- cursor:url('https://31.media.tumblr.com/70444f630963e5ba6759d7e5f89b4120/tumblr_inline_n10aai56SU1sr8w60.png'),auto;
- {/block:ifcursor}
- border-bottom:1px double transparent;
- -webkit-transition: all .6s ease-in;
- -moz-transition: all .6s ease-in;
- -o-transition: all .6s ease-in;
- -ms-transition: all .6s ease-in;
- transition: all .6s ease-in;
- }
- a:hover{
- border-bottom:1px double {color:linkhover};
- -webkit-transition: all .6s ease-in;
- -moz-transition: all .6s ease-in;
- -o-transition: all .6s ease-in;
- -ms-transition: all .6s ease-in;
- transition: all .6s ease-in;
- }
- a.tumblr_blog{
- text-transform:uppercase;
- font-family:{TitleFont};
- }
- blockquote {
- border-left: 1px solid {color:links};
- margin: 10px;
- padding-left:5px;
- padding-top:3px;
- padding-bottom:3px;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- p{
- margin-bottom:10px;
- }
- b,strong{
- font-weight:normal;
- text-transform:uppercase;
- color:{AccentColor};
- }
- i,em,oblique{
- color:{AccentColor};
- }
- s,u{
- color:{AccentColor};
- }
- samp,code{
- letter-spacing:2px;
- font-family:monospace;
- color:{AccentColor};
- }
- img {
- height: auto;
- width:auto;
- max-width:100%;
- -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;
- }
- }
- img:hover{
- filter:alpha (opacity=100);
- opacity: 1.0;
- -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;
- }
- h1,h2,h3{
- text-transform:uppercase;
- font-weight:normal;
- font-size:15px;
- }
- h4,h5,h6{
- text-transform:lowercase;
- font-weight:normal;
- font-size:8px;
- }
- big{
- font-size:15px;
- }
- small{
- font-size:8;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- background:{AccentColor};
- border:1px double {AccentColor};
- color:{color:links};
- padding:5px;
- text-align:center;
- }
- ul{
- list-style-type:square;
- }
- ol{
- list-style-type:lower-alpha;
- }
- hr{
- width:50%;
- padding:-5px;
- }
- details{
- padding:5px;
- text-transform:uppercase;
- font-size:.8em;
- }
- ::-moz-selection {
- background:{BackgroundColor};
- color: {color:links} ;
- }
- ::selection {
- background:{BackgroundColor};
- color: {color:links} ;
- }
- ::-webkit-scrollbar {
- width: 9px;
- }
- ::-webkit-scrollbar-track {
- background:transparent;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:links};
- }
- ::-webkit-scrollbar-thumb:window-inactive {
- background: transparent;
- }
- #tumblrcontrols{
- font-family:times;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:10px 8px 0px;
- opacity:1;
- position:fixed;
- top:30px;
- right:35px;
- z-index:99999999999999999999999999999999999999;
- -webkit-transition: all 1.6s ease-in;
- -moz-transition: all 1.6s ease-in;
- -o-transition: all 1.6s ease-in;
- -ms-transition: all 1.6s ease-in;
- transition: all 1.6s ease-in;
- }
- #tumblrcontrols a{
- text-decoration:none;
- padding:6px;
- border:none;
- }
- #tumblrcontrols a:hover{
- border:none;
- }
- {block:IndexPage}
- .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
- display:none;
- }
- {/block:IndexPage}
- {block:PermalinkPage}
- #tumblrcontrols{
- display:none;
- }
- {/block:PermalinkPage}
- #tumblr_lightbox {
- background-color:rgba(255, 255, 255, .9)!important;
- z-index:99999!important;
- }
- #tumblr_lightbox img {
- opacity:0;
- }
- #tumblr_lightbox_caption {
- font-weight:normal!important;
- text-shadow:none!important;
- }
- #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
- -moz-box-shadow:none!important;
- -webkit-box-shadow:none!important;
- box-shadow:none!important;
- -moz-border-radius:0px!important;
- -webkit-border-radius:0px!important;
- border-radius:0px!important;
- opacity:1!important;
- }
- #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
- opacity:.4!important;
- }
- /*HEADER*/
- #header {
- POSITION:absolute;
- background:transparent;
- z-index:5;
- top:20px;
- padding:25px 0;
- text-align:center;
- width:100%;
- }
- .footer{
- bottom:0;
- }
- .header{
- top:0;
- }
- #blogtitle {
- font-family:{TitleFont};
- color:{color:slidemenu};
- font-size:18px;
- font-weight:{TitleFontWeight};
- text-align:center;
- margin-bottom:5px;
- text-transform:uppercase;
- -webkit-transition: all 7777777777778s ease;
- -moz-transition: all 777777777777778s ease;
- -o-transition: all 7777777777778s ease;
- -ms-transition: all 777777777777778s ease;
- transition: all 7777777777777778s ease;
- }
- #blogtitle:hover{
- letter-spacing:1px;
- word-spacing:10px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- #tag{
- margin-top:-5px;
- text-transform:uppercase;
- font-size:10px;
- font-family:'tahoma';
- }
- #description {
- width:50%;
- margin:1px auto;
- border-top:1px solid transparent;
- border-bottom:1px solid transparent;
- font-style:italic;
- padding:14px 0;
- color:{color:text};
- position:relative!important;
- text-transform:lowercase;
- }
- #description:empty,#blogtitle:empty{
- border-bottom:none;
- }
- {block:iffadein}
- /*FADE IN ANIMATION*/
- @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- .fade-in {
- opacity:0;
- -webkit-animation:fadeIn ease-in 1;
- -moz-animation:fadeIn ease-in 1;
- animation:fadeIn ease-in 1;
- -webkit-animation-fill-mode:forwards;
- -moz-animation-fill-mode:forwards;
- animation-fill-mode:forwards;
- -webkit-animation-duration:1s;
- -moz-animation-duration:1s; animation-duration:1s; }
- .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
- {block:iffadein}
- /*SLIDE MENU*/
- .cbp-spmenu {
- position: fixed;
- }
- .cbp-spmenu-horizontal {
- padding:10px;
- margin-left:1000px;
- width: 400px;
- background:{color:slidemenubg};
- border:10px solid #fff;
- border-left:{AccentColor};
- text-transform:uppercase;
- height: 100%;
- z-index:1;
- }
- .cbp-spmenu-bottom {
- right: -700px;
- bottom:0;
- }
- .cbp-spmenu-bottom.cbp-spmenu-open {
- bottom:0px;
- z-index:55555555;
- right:0px;
- }
- #pushdescription {
- margin-top:50px;
- padding:20px;
- text-align:center;
- margin-bottom:55px;
- overflow-y:scroll;
- background:{color:slidemenubg};
- overflow-x:hidden;
- }
- .toggle a{
- }
- .nav a{
- color:{color:slidemenu};
- text-transform:uppercase;
- font-size:10px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .nav a:after{
- content:';';
- }
- .nav a:hover{
- border:none;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .ab{
- max-height:250px;
- overflow-x:hidden;
- overflow-y:scroll;
- text-transform:lowercase;
- }
- .cbp-spmenu, .cbp-spmenu-push {
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .sfm input {
- font-size: 8px;
- border: 0px;
- text-transform: uppercase;
- width:70%;
- margin-top: 0px;
- text-align:center;
- color: {color:slidemenu};
- letter-spacing: 1px;
- padding: 4px 8px;
- }
- .search .query {
- border: 0;
- outline: 0;
- padding:5px;
- letter-spacing:1px;
- font-size:8px;
- margin:5px;
- text-transform:uppercase;
- text-align:center;
- }
- ::-webkit-input-placeholder {color: inherit;}
- :-moz-placeholder {color: inherit; opacity:1;}
- ::-moz-placeholder {color: inherit; opacity:1;}
- :-ms-input-placeholder {color: inherit;}
- input:focus::-webkit-input-placeholder {color: transparent;}
- input:focus:-moz-placeholder {color: transparent;}
- input:focus::-moz-placeholder {color: transparent;}
- input:focus:-ms-input-placeholder { color: transparent;}
- .jump_page {
- background-color:transparent;
- color:gray;
- font-family:century gothic;
- font-size:8px;
- text-decoration:none;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .current_page {
- color: {color:links};
- background:transparent;
- font-family:century gothic;
- font-size:10px;
- text-decoration:none;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- /*CONTAINER*/
- #container {position:absolute; width:680px;margin-left:50%;left:-340px; margin-top:90px
- }
- /*POSTS*/
- #entries {
- height:80%;
- margin:auto;
- }
- .post {
- width:250px;
- {block:PermalinkPage}
- width:400px;
- margin-left:50%;
- border:15px solid {AccentColor};
- {/block:PermalinkPage}
- margin-bottom:50px;
- background:{color:postbg};
- float:left;
- margin:25px;
- margin-bottom:5px;
- border:15px solid transparent;
- padding:5px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .post img{
- {block:tagpage}
- width:400px;
- {/block:tagpage}
- {block:searchpage}
- width:400px;
- {/block:searchpage}
- {block:PermalinkPage}
- width:400px;
- {/block:PermalinkPage}
- }
- .post:hover{
- {block:indexpage}
- border:15px solid {color:slidemenu};
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- {/block:indexpage}
- }
- .post:hover .tags{
- opacity:1;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- /*TEXT*/
- .title {
- font-size:14px;
- border-left:10px solid {color:slidemenu};
- text-align:center;
- margin-bottom:15px;
- padding:15px;
- text-transform:uppercase;
- background:{color:slidemenu};
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .title:hover{
- box-shadow:inset 400px 0 0 {color:slidemenu};
- color:{BackgroundColor}!important;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- #text{
- padding:15px;
- }
- /*QUOTE*/
- .quote {
- font-style:italic;
- font-size:14px;
- word-spacing:12px;
- text-align:center;
- background:#eee;
- margin-bottom:15px;
- padding:15px;
- border-bottom:5px solid {color:slidemenu};
- }
- .source {
- font-size:10px;
- text-align:right;
- text-transform:uppercase;
- margin-top:15px;
- }
- .source::before{
- content:'----------------------';
- Letter-spacing:-5px;
- }
- /*CHAT*/
- .chat ol {
- list-style:none;
- border-left:5px solid {color:slidemenu};
- margin:0;
- padding:15px;
- }
- .la{
- font-weight:900;
- text-transform:uppercase;
- display:inline-block;
- color:{color:links};
- padding:10px;
- }
- /*ASKS*/
- #askimg{
- margin-left:15px;
- }
- #question{
- padding:12px;
- padding-left:70px;
- }
- #asker{
- margin-top:-35px;
- margin-left:70px;
- text-transform:uppercase;
- }
- /*AUDIOS*/
- .audio_info {
- margin-top:15px;
- font-size:10px;
- text-transform:uppercase;
- font-weight:bold;
- letter-spacing:1px;
- }
- /*CAPTIONS*/
- .arrow{
- width: 0;
- height: 0;
- border-left: 15px solid transparent;
- border-right: 15px solid transparent;
- margin-left:0px;
- margin-top:0px;
- border-bottom: 15px solid {color:captions};
- position:center;
- text-align:center;
- z-index:55555555;
- margin-left:45%;
- }
- .caption {
- {block:PermalinkPage}
- width:360px;
- {/block:PermalinkPage}
- padding:20px;
- border-left:5px solid {color:postbg};
- background:{color:captions};
- }
- /*INFO*/
- {block:indexpage}
- .permalink {
- font-size:10px;
- text-align:center;
- border-top:1px solid {color:captions};
- padding-top:10px;
- margin-top:10px;
- }
- details summary::-webkit-details-marker {
- display:none;
- }
- .in,details{
- outline:none;
- }
- .in a{
- text-transform:uppercase;
- text-align:center;
- padding:5px;
- letter-spacing:2px;
- margin-bottom:15px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .in a:hover{
- color:{color:text};
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- {/block:indexpage}
- {block:permalinkpage}
- .permalink{
- text-transform:uppercase;
- font-weight:bold;
- text-align:center;
- font-size:10px;
- }
- .permalink a{
- color:{color:text};
- }
- {/block:permalinkpage}
- {block:tagpage}
- .permalink{
- text-transform:uppercase;
- font-weight:bold;
- text-align:center;
- font-size:10px;
- }
- .permalink a{
- color:{color:text};
- }
- {/block:tagpage}
- {block:searchpage}
- .permalink{
- text-transform:uppercase;
- font-weight:300;
- text-align:center;
- font-size:10px;
- }
- .permalink a{
- color:{color:text};
- }
- {/block:searchpage}
- .tags {
- text-align:center;
- text-transform:uppercase;
- margin-top:5px;
- opacity:0;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .tags a {
- margin:0 5px;
- }
- ol.notes {
- width:420px;
- padding:10px;
- margin-left:20px;
- }
- ol.notes li.note {
- padding: 4px;
- display: inline-block;
- }
- ol.notes a{
- border:none;
- }
- ol.notes a:hover{
- border:none;
- }
- ol.notes li.more_notes_link_container {
- display: block;
- font-size:7px;
- text-transform:uppercase;
- margin-top:20px;
- padding:20px;
- background:rgba(255,255,255,0.6);
- }
- ol.notes li.note img.avatar {
- vertical-align: -2px;
- width:auto;
- height:auto;
- border-radius: 100%;
- border:5px solid {color:postbg};
- -webkit-border-radius: 100%;
- -moz-border-radius: 100%;
- }
- ol.notes li.note span.action {
- display: none;
- }
- ol.notes div.clear {
- display: none;
- }
- ol.notes li.note .answer_content {
- display:none;
- }
- ol.notes li.note blockquote {
- display:none;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- .soda{
- position:fixed;
- right:30px;
- bottom:22px;
- color:#000;
- text-align:center;
- z-index:9999999999999999999999999999999999999999999999999999999999999;
- transition-duration: 5555s;
- -moz-transition-duration: 5555s;
- -webkit-transition-duration: 5555s;
- -o-transition-duration: 5555s;
- -ms-transition-duration:5555s;
- }
- </style>
- </head>
- <body class="box fade-in one" class="cbp-spmenu-push">
- <div id="tumblrcontrols">
- <a href="https://www.tumblr.com/send/{name}" title="fanmail">
- <i class="fa fa-envelope"></i>
- </a>
- <a href="http://www.tumblr.com/follow/{name}" title="follow">
- <i class="fa fa-plus"></i>
- </a>
- <a href="http://www.tumblr.com/dashboard" title="dashboard">
- <i class="fa fa-home"></i>
- </a>
- </div>
- <div id="top"></div>
- <div id="left"></div>
- <div id="right"></div>
- <div id="bottom"></div>
- <!--HEADER-->
- <div id="header" class="{select:header or footer}">
- <div id="blogtitle">
- <a class="toggle menu-bottom" style="cursor:help;">
- {title}
- <big>
- <i class="fa fa-bars"></i>
- </big>
- </a> <!--glitch: was glissad not title--><!--fixed-->
- </div>
- <div id="description">{block:ShowDescription}{Description}{block:ShowDescription}</div> <!--dont align this causes glitch: border-bottom, dispite :empty styling-->
- <!--fixed-->
- <div id="tag">
- {block:PostSummary}
- {PostSummary}
- {/block:PostSummary}
- {block:TagPage}
- Posts tagged as {Tag}
- {/block:TagPage}
- {block:SearchPage}
- {SearchResultCount} results for {SearchQuery}
- {/block:SearchPage}
- </div>
- {block:ifnotslidemenu}
- <nav class="nav">
- <a href="{text:link one url}">
- {text:link one}
- </a>
- <a href="{text:link two url}">
- {text:link two}
- </a>
- <a href="{text:link three url}">
- {text:link three}
- </a>
- <a href="{text:link four url}">
- {text:link four}
- </a>
- <a href="{text:link five url}">
- {text:link five}
- </a>
- <a href="{text:link six url}">
- {text:link six}
- </a>
- </nav>
- <!--PAGINATION-->
- {block:ifnotinfinitescroll}
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}" class="jump_page">
- <i class="fa fa-angle-double-left"></i>
- </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}" class="jump_page">
- <i class="fa fa-angle-double-right"></i> </a> {/block:NextPage}
- {/block:Pagination}
- {/block:ifnotinfinitescroll}
- {/block:ifnotslidemenu}
- </div>
- <!--SLIDEOUT-->
- {block:ifslidemenu}
- <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s1">
- <div class="menu">
- <div id="pushdescription">
- <div style="margin-top:150px"></div>
- <a href="/" title="home" style="top:255px">
- <div id="blogtitle">{text:home title}</div>
- </a>
- <!--ASK-->
- {block:askenabled}
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".ask").hide();
- //toggle the componenet with class msg_body
- jQuery(".askcl").click(function()
- {
- jQuery(this).next(".ask").slideToggle(500);
- });});
- </script>
- <a class="askcl" style="margin-top:20px">
- <div id="blogtitle"style="margin-top:20px">{text:ask title}</div>
- </a>
- <div class="ask">
- <iframe frameborder="0" scrolling="no" width="100%" height="250px" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent;" id="ask_form"></iframe>
- </div>
- {/block:askenabled}
- <!--ARCHIVE-->
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".arc").hide();
- //toggle the componenet with class msg_body
- jQuery(".arccl").click(function()
- {
- jQuery(this).next(".arc").slideToggle(500);
- });});
- </script>
- <a class="arccl" style="margin-top:20px">
- <div id="blogtitle"style="margin-top:20px">{text:archive title}</div>
- </a>
- <div class="arc">
- <iframe src="http://{name}.tumblr.com/archive" height="250" width="500"></iframe>
- </div>
- <!--NAV-->
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".nav").hide();
- //toggle the componenet with class msg_body
- jQuery(".navcl").click(function()
- {
- jQuery(this).next(".nav").slideToggle(500);
- });});
- </script>
- <a class="navcl" style="margin-top:20px">
- <div id="blogtitle"style="margin-top:20px">{text:nav title}</div>
- </a>
- <div class="nav">
- <center>
- <a href="{text:link one url}">
- {text:link one}
- </a>
- <a href="{text:link two url}"> {text:link two} </a>
- <a href="{text:link three url}">
- {text:link three}
- </a>
- <a href="{text:link four url}">
- {text:link four}
- </a>
- <a href="{text:link five url}">
- {text:link five} </a>
- <a href="{text:link six url}"> {text:link six} </a>
- </center>
- <br/>
- {block:ifsearchbar}
- <form action="/search" method="get" class="search" name="theform">
- <input type="text" name="q" value="" id="sf" class="query" placeholder="{text:search title}"/>
- </form>
- {/block:ifsearchbar}
- </div>
- <!--ABOUT-->
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".ab").hide();
- //toggle the componenet with class msg_body
- jQuery(".abcl").click(function()
- {
- jQuery(this).next(".ab").slideToggle(500);
- });});
- </script>
- <a class="abcl" style="margin-top:20px">
- <div id="blogtitle"style="margin-top:20px">{text:extra title}</div>
- </a>
- <div class="ab">
- {text:extra}
- </div>
- <details style="margin-top:56px">
- <summary> stats</summary>
- {text:stats}
- </details>
- <!--PAGINATION-->
- {block:ifnotinfinitescroll}
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}" class="jump_page">
- <i class="fa fa-angle-double-left"></i>
- </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}" class="jump_page">
- <i class="fa fa-angle-double-right"></i> </a> {/block:NextPage}
- {/block:Pagination}
- {/block:ifnotinfinitescroll}
- </div>
- </div>
- </nav>
- {block:ifslidemenu}
- <!--CONTAINER-->
- <div id="container" class="{select:text align}">
- <div id="entries" >
- {block:posts}
- {block:ifinfinitescroll}
- <div class = "autopagerize_page_element" >
- {/block:ifinfinitescroll}
- <div class="post">
- {block:quote}
- <div class="quote">
- <i class="fa fa-quote-left fa-3x pull-left fa-border"></i>
- {quote}
- {block:source}
- <div class="source">{source}</div>
- {/block:source}
- </div>
- {/block:quote}
- {block:Text}
- <div id="Text">
- {block:title}
- <div class="title">{title}</div>
- {/block:title}
- {Body}
- </div>
- {/block:Text}
- {block:link}
- <div class="title">
- <a href="{URL}">{Name}</a>
- </div>
- {block:description}
- {description}
- {/block:description}
- {/block:link}
- {block:chat}
- <div class="chat">
- {block:title}
- <div class="title">{title}</div>
- {/block:title}
- {block:lines}
- <ol>
- <li>
- {block:label}
- <div class="la">{label}</div>
- {/block:label}
- {Line}
- </li>
- </ol>
- {/block:lines}
- </div>
- {/block:chat}
- {block:photo}
- {LinkOpenTag}
- <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- {/block:photo}
- {block:Photoset}
- <center>
- {Photoset}
- </center>
- {/block:Photoset}
- {block:video}
- {video}
- {/block:video}
- {block:answer}
- <div id="asker">
- <img src="{AskerPortraitURL-48}"/>{asker}:
- </div>
- <div id="question">
- {question}
- </div>
- {answer}
- {/block:answer}
- {block:audio}
- {audioplayerwhite}
- {/block:audio}
- {block:PermalinkPage}
- {block:caption}
- <div class="arrow"></div>
- <div class="caption">
- {caption}
- </div>
- {/block:caption}
- <div class="permalink">
- {block:date}
- <a href="{permalink}" title="{timeago}">
- {12Hour}:{Minutes}{AmPm}//{DayOfMonth} {month} </a>
- <a> +{NoteCountWithLabel} </a>
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA</a>//
- <a href="{ReblogRootURL}" title="{ReblogRootTitle}">SRC</a>
- {/block:RebloggedFrom}
- {block:NotReblog}ORIGINAL{/block:NotReblog}{posttype}
- </div>
- {block:hastags}
- <div class="tags">
- {block:tags}
- <a href="/tagged/{tag}">{tag}; </a>
- {/block:tags}
- </div>
- {/block:hastags}
- {/block:date}
- {/block:PermalinkPage}
- {block:indexpage}
- <details align="center">
- <summary class="in">
- <a> information about {postid}</a>
- </summary>
- <div class="permalink">
- <a href="{permalink}">{timeago} +{NoteCountWithLabel}</a>
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA</a>//
- <a href="{ReblogRootURL}" title="{ReblogRootTitle}">SRC</a>
- {/block:RebloggedFrom}
- {block:NotReblog}ORIGINAL{/block:NotReblog}
- {posttype}
- </div>
- {block:hastags}
- <div class="tags">
- {block:tags}
- <a href="/tagged/{tag}">{tag}/</a>
- {/block:tags}
- </div>
- {/block:hastags}
- {/block:indexpage}
- </div>
- {/block:posts}
- {block:PostNotes}
- <div class="notes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- </div>
- </div>
- <div class="soda">
- <a href="http://thcmata.tumblr.com" target="_blank">
- THCMATA
- </a>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment