Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- THEME#1 RAI by uroborom
- RULES:
- .DONT DELETE THE CREDIT
- .DONT EVEN MOVE THE CREDIT TO ANOTHER PAGE
- .THIS IS NOT A BASE CODE
- .DONT STEAL CODES, IF U WANT TO KNOW HOW I MAKE SOMETHING PLEASE JUST ASK ME!!!!
- thats it please enjoy!! and if you hve problems with this theme please let me know
- - -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:Background" content=""/>
- <meta name="color:Post Glow Color" content=""/>
- <meta name="color:Sidebar Glow Color" content=""/>
- <meta name="color:Text" content=""/>
- <meta name="color:Links" content=""/>
- <meta name="color:Links Hover" content=""/>
- <meta name="color:Sidebar Text" content=""/>
- <meta name="color:Sidebar Nav Links" content=""/>
- <meta name="color:Sidebar Nav Links Hover" content=""/>
- <meta name="color:Sidebar Title" content=""/>
- <meta name="color:Sidebar Title Hover" content=""/>
- <meta name="color:Sidebar Title Glow" content=""/>
- <meta name="color:Bold" content=""/>
- <meta name="color:Blockquote" content=""/>
- <meta name="color:Italic" content=""/>
- <meta name="color:Border" content=""/>
- <meta name="color:Chat 1" content=""/>
- <meta name="color:Chat 2" content=""/>
- <meta name="color:Chat Text Color" content=""/>
- <meta name="color:Quote" content=""/>
- <meta name="color:Links Perm Photos" content=""/>
- <meta name="color:Links Perm Photos Hover" content=""/>
- <meta name="color:Tooltip Color" content=""/>
- <meta name="color:Tooltip Font Color" content=""/>
- <meta name="color:Nav" content=""/>
- <meta name="color:Nav Font Color" content=""/>
- <meta name="color:Nav Glow" content=""/>
- <meta name="select:Post Opacity" content="0" title="Transparent">
- <meta name="select:Post Opacity" content="1" title="None">
- <meta name="select:Post Opacity" content="0.66" title="Opaque">
- <meta name="select:Post Opacity" content="0.3" title="Semi transparent">
- <meta name="select:Post Opacity" content="0.22" title="More transparent">
- <meta name="select:Post Hover Opacity" content="0" title="Transparent">
- <meta name="select:Post Hover Opacity" content="1" title="None">
- <meta name="select:Post Hover Opacity" content="0.66" title="Opaque">
- <meta name="select:Post Hover Opacity" content="0.3" title="Semi transparent">
- <meta name="select:Post Border" content="dotted" title="Dotted">
- <meta name="select:Post Border" content="dashed" title="Dashed">
- <meta name="select:Post Border" content="Solid" title="Solid">
- <meta name="select:Post Border" content="Double" title="Double">
- <meta name="select:Post Round Corners" content="3" title="Not much">
- <meta name="select:Post Round Corners" content="5" title="More">
- <meta name="select:Post Round Corners" content="8" title="More More">
- <meta name="select:Post Round Corners" content="9" title="Hella Round">
- <meta name="select:Sidebar Opacity" content="0" title="Transparent">
- <meta name="select:Sidebar Opacity" content="1" title="None">
- <meta name="select:Sidebar Opacity" content="0.66" title="Opaque">
- <meta name="select:Sidebar Opacity" content="0.3" title="Semi transparent">
- <meta name="select:Sidebar Opacity" content="0.22" title="More transparent">
- <meta name="select:Sidebar Hover Opacity" content="0" title="Transparent">
- <meta name="select:Sidebar Hover Opacity" content="1" title="None">
- <meta name="select:Sidebar Hover Opacity" content="0.66" title="Opaque">
- <meta name="select:Sidebar Hover Opacity" content="0.3" title="Semi transparent">
- <meta name="select:Sidebar Border" content="dotted" title="Dotted">
- <meta name="select:Sidebar Border" content="dashed" title="Dashed">
- <meta name="select:Sidebar Border" content="Solid" title="Solid">
- <meta name="select:Sidebar Border" content="Double" title="Double">
- <meta name="select:Sidebar Round Corners" content="3" title="Not much">
- <meta name="select:Sidebar Round Corners" content="5" title="More">
- <meta name="select:Sidebar Round Corners" content="8" title="More More">
- <meta name="select:Sidebar Round Corners" content="9" title="Hella Round">
- <meta name="select:Tooltip Border" content="dotted" title="Dotted">
- <meta name="select:Tooltip Border" content="dashed" title="Dashed">
- <meta name="select:Tooltip Border" content="Solid" title="Solid">
- <meta name="select:Tooltip Border" content="Double" title="Double">
- <meta name="select:Nav Opacity" content="0" title="Transparent">
- <meta name="select:Nav Opacity" content="1" title="None">
- <meta name="select:Nav Opacity" content="0.66" title="Opaque">
- <meta name="select:Nav Opacity" content="0.3" title="Semi transparent">
- <meta name="select:Nav Opacity" content="0.22" title="More transparent">
- <meta name="if:Background Cover" content="0" />
- <meta name="text:Text Ask" content=""/>
- <meta name="text:Body Font Size" content=""/>
- <meta name="text:Titles Font Size" content=""/>
- <meta name="text:Sidebar Text Font Size" content=""/>
- <meta name="text:Sidebar Title Font Size" content=""/>
- <meta name="text:Posts Border Size" content=""/>
- <meta name="text:Sidebar Border Size" content=""/>
- <meta name="text:Tooltip Border Size" content=""/>
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 1 url" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 2 url" content=""/>
- <meta name="text:Link 3" content=""/>
- <meta name="text:Link 3 url" content=""/>
- <meta name="text:Link 4" content=""/>
- <meta name="text:Link 4 url" content=""/>
- <meta name="text:Link 5" content=""/>
- <meta name="text:Link 5 url" content=""/>
- <meta name="if:Underline Links Hover" content="0"/>
- <meta name="if:Underline Sidebar Links Hover" content="0"/>
- <meta name="if:LetterSpacing Links Hover" content="0"/>
- <meta name="if:LetterSpacing Sidebar Links Hover" content="0"/>
- <meta name="if:Uppercase Sidebar Links Hover" content="0"/>
- <meta name="if:Dark Posts" content="0"/>
- <meta name="if:Dark Post Hover" content="0"/>
- <meta name="if:Post Border" content="0"/>
- <meta name="if:Post Shadow" content="0"/>
- <meta name="if:Post Shadow Reverse" content="0"/>
- <meta name="if:Post Glows" content="0"/>
- <meta name="if:Post Glows Reverse" content="0"/>
- <meta name="if:Post Round Corners" content="0"/>
- <meta name="if:Hover Perm on Texts" content="0"/>
- <meta name="if:Dark Sidebar" content="0"/>
- <meta name="if:Sidebar Title" content="0"/>
- <meta name="if:Sidebar Title Glow" content="0"/>
- <meta name="if:Sidebar Title Glow Reverse" content="0"/>
- <meta name="if:Grow Sidebar Title" content="0"/>
- <meta name="if:Sidebar Hover" content="0"/>
- <meta name="if:Sidebar Border" content="0"/>
- <meta name="if:Sidebar Shadow" content="0"/>
- <meta name="if:Sidebar Shadow Reverse" content="0"/>
- <meta name="if:Sidebar Glows" content="0"/>
- <meta name="if:Sidebar Glows Reverse" content="0"/>
- <meta name="if:Sidebar Round Corners" content="0"/>
- <meta name="if:Dark Nav with Opacity" content="0"/>
- <meta name="if:White Nav with Opacity" content="0"/>
- <meta name="if:Solid Color Nav" content="0"/>
- <meta name="if:Nav Glow" content="0"/>
- <meta name="if:No Photo effect" content="0"/>
- <meta name="if:Grayscale" content="0"/>
- <meta name="if:Grayscale Medium" content="0"/>
- <meta name="if:Grayscale Hover" content="0"/>
- <meta name="if:Fade" content="0"/>
- <meta name="if:Fade Hover" content="0"/>
- <meta name="if:Transparent Tooltip" content="0"/>
- <meta name="if:Tooltip Border" content="0"/>
- <meta name="image:Background" content=""/>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <link href="css/hover.css" rel="stylesheet" media="all">
- <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
- <style type="text/css">
- /*tumblr controls aka the follow reblog etc buttons*/
- iframe#tumblr_controls {
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.1;
- -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: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- /*Cooltip*/
- #s-m-t-tooltip {
- position:relative;
- overflow:hidden;
- z-index:9999;
- max-width:300px;
- margin:10px 0 0 10px;
- {block:iftooltipborder}border:{text:tooltip border size}px {select:tooltip border} {color:Border};{/block:iftooltipborder}
- background:{color:tooltip color};
- {block:iftransparenttooltip}background:transparent;{/block:iftransparenttooltip}
- padding:4px;
- font-family:arial;
- text-transform:uppercase;
- font-size: 8px;
- color:{color:tooltip font color};
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- }
- body {
- background: {color:Background} url({image:background}) top left fixed repeat;
- {block:ifbackgroundcover}background-size:cover;{/block:ifbackgroundcover}
- color:{color:text};
- font-family:verdana;
- font-size:{text:body font size}px;
- }
- ::-webkit-scrollbar {width:5px;height:0;background:{color:Background};}
- ::-webkit-scrollbar-thumb {background:{color:Text};}
- /*Links*/
- a:link, a:visited, a:active {
- text-decoration:none;
- color:{color:links};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- a:hover {
- color:{color:links hover};
- {block:ifunderlinelinkshover}text-decoration:underline;{/block:ifunderlinelinkshover}
- {block:ifletterspacinglinkshover}letter-spacing:2px;{/block:ifletterspacinglinkshover}
- text-shadow:2px 0 0 rgba(255,0,0,0.3), -2px 0 0 rgba(0,255,0,0.3);
- }
- a img {
- border: none;
- }
- /*Bold,Italics,Lists*/
- b,strong {
- color:{color:bold};
- font-weight:900 !important;
- }
- i, em{
- color:{color:italic};
- }
- ul, ol, li{
- list-style:square;
- line-height:auto;
- }
- /*titles*/
- .title {
- text-transform:uppercase;
- text-align:center;
- color:{color:titles};
- letter-spacing:2px;
- font-size: {text:titles font size}px;
- font-weight: bold;
- padding: 10px 10px 0 10px;
- }
- /*Main Body*/
- #bones {
- {block:indexpage}width: 600px;{/block:indexpage}
- {block:permalinkpage}width:400px;{/block:permalinkpage}
- }
- #content {
- margin-top:5px;
- {block:indexpage}
- margin-left:50px;
- width:600px;
- {/block:indexpage}
- {block:permalinkpage}
- margin-left:150px;
- width:400px;
- {/block:permalinkpage}
- }
- .neuron {
- position:fixed;
- font-family:consolas;
- padding:10px;
- width:250px;
- {block:permalinkpage}width:400px;{/block:permalinkpage}
- margin:10px;
- overflow:hidden;
- transition: 0.4s ease;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- {block:IfPostBorder}border: {text:post border size}px {select:post border} {color:Border};{block:IfPostBorder}
- {block:IfNotPostBorder}border:none;{/block:IfNotPostBorder}
- {block:IfNotDarkPosts}background-color:transparent;{/block:IfNotDarkPosts}
- {block:IfDarkPosts}background-color:rgba(0,0,0,{select:post opacity});{/block:IfDarkPosts}
- {block:ifpostroundcorners}border-radius:{select:post round corners}px;{/block:ifpostroundcorners}
- {block:IfPostShadow}box-shadow:rgba(0,0,0,0.1) 9px 9px;{/block:IfPostShadow}
- {block:IfPostShadowReverse}box-shadow:transparent 3px 3px;{/block:IfPostShadowReverse}
- {block:ifpostglows}-webkit-box-shadow:0 0 20px {color:post glow color};
- -moz-box-shadow: 0 0 20px {color:post glow color};
- box-shadow:0 0 20px {color:post glow color};{/block:ifpostglows}
- {block:ifpostglowsreverse}-webkit-box-shadow:0 0 20px transparent;
- -moz-box-shadow: 0 0 20px transparent;
- box-shadow:0 0 20px transparent;{/block:ifpostglowsreverse}
- }
- .neuron:hover{
- {block:IfDarkPostHover}background-color:rgba(0,0,0,{select:post hover opacity});{/block:IfDarkPostHover}
- {block:IfNotDarkPostHover}background-color:rgba(0,0,0,{select:post hover});{/block:IfNotDarkPostHover}
- {block:IfPostShadowReverse}box-shadow:rgba(0,0,0,0.1) 9px 9px;{/block:IfPostShadowReverse}
- {block:IfPostShadow}box-shadow:transparent 3px 3px;{/block:IfPostShadow}
- {block:ifpostglowsreverse}-webkit-box-shadow:0 0 20px {color:post glow color}; -moz-box-shadow: 0 0 20px {color:post glow color};
- box-shadow:0 0 20px {color:post glow color};{/block:ifpostglowsreverse}
- {block:ifpostglows}-webkit-box-shadow:0 0 20px transparent;
- -moz-box-shadow: 0 0 20px transparent;
- box-shadow:0 0 20px transparent;{/block:ifpostglows}
- }
- .neuron img{
- max-width:100%;
- }
- /*Sidebar*/
- #sidebar{
- position:fixed;
- margin-left:690px;
- margin-top: 300px;
- }
- {block:ifsidebartitle}
- #sod a{
- margin-top:-190px;
- background:transparent;
- color:{color:sidebar title};
- font-size:{text:sidebar title font size}px;
- font-family:consolas;
- width:25px;
- {block:ifsidebartitleglow}text-shadow:0 0 10px {color:sidebar title glow};{/block:ifsidebartitleglow}
- {block:ifsidebartitleglowreverse}text-shadow:none;{/block:ifsidebartitleglowreverse}
- position:fixed;
- }
- #sod a:hover{
- {block:ifsidebartitleglow}text-shadow:none;{/block:ifsidebartitleglow}
- {block:ifsidebartitleglowreverse}text-shadow:0 0 10px {color:sidebar title glow};{/block:ifsidebartitleglowreverse}
- font-size:{text:sidebar title font size hover}px;
- color:{color:sidebar title hover};
- }
- {/block:ifsidebartitle}
- #sid {
- font-size:{text:sidebar text font size}px;
- color:{color:sidebar text};
- width: 120px;
- height:auto;
- padding: 10px;
- transition: 0.4s ease;
- -webkit-transition: 0.4s ease;
- -o-transition: 0.4s ease;
- -moz-transition: 0.4s ease;
- z-index:9999;
- {block:IfSidebarBorder}border: {text:Sidebar border size}px {select:Sidebar border} {color:Border};{/block:IfSidebarBorder}
- {block:IfNotSidebarBorder}border:none;{/block:IfNotSidebarBorder}
- {block:IfNotDarkSidebar}background-color:transparent;{/block:IfNotDarkSidebar}
- {block:IfDarkSidebar}background-color:rgba(0,0,0,{select:Sidebar opacity});{/block:IfDarkSidebar}
- {block:ifSidebarroundcorners}border-radius:{select:Sidebar round corners}px;{/block:ifSidebarroundcorners}
- {block:IfSidebarShadow}box-shadow:rgba(0,0,0,0.1) 9px 9px;{/block:IfSidebarShadow}
- {block:IfSidebarShadowReverse}box-shadow:transparent 3px 3px;{/block:IfSidebarShadowReverse}
- {block:ifSidebarglows}-webkit-box-shadow:0 0 20px {color:Sidebar glow color};
- -moz-box-shadow: 0 0 20px {color:Sidebar glow color};
- box-shadow:0 0 20px {color:Sidebar glow color};{/block:ifSidebarglows}
- {block:ifSidebarglowsreverse}-webkit-box-shadow:0 0 20px transparent;
- -moz-box-shadow: 0 0 20px transparent;
- box-shadow:0 0 20px transparent;{/block:ifSidebarglowsreverse}
- }
- #sid:hover{
- z-index:9999;
- {block:IfsidebarHover}background-color:rgba(0,0,0,{select:sidebar hover opacity});{/block:IfsidebarHover}
- {block:IfNotsidebarHover}background-color:rgba(0,0,0,{select:sidebar opacity});{/block:IfNotsidebarHover}
- {block:IfsidebarShadowReverse}box-shadow:rgba(0,0,0,0.1) 9px 9px;{/block:IfsidebarShadowReverse}
- {block:IfsidebarShadow}box-shadow:transparent 3px 3px;{/block:IfsidebarShadow}
- {block:ifsidebarglowsreverse}-webkit-box-shadow:0 0 20px {color:sidebar glow color}; -moz-box-shadow: 0 0 20px {color:sidebar glow color};
- box-shadow:0 0 20px {color:sidebar glow color};{/block:ifsidebarglowsreverse}
- {block:ifsidebarglows}-webkit-box-shadow:0 0 20px transparent;
- -moz-box-shadow: 0 0 20px transparent;
- box-shadow:0 0 20px transparent;{/block:ifsidebarglows}
- }
- #yack{
- margin-top:5px;
- margin-left:2px;
- }
- #yack a{
- color:{color:sidebar nav links};
- text-decoration:none;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #yack a:hover {
- color:{color:sidebar nav links hover};
- {block:ifuppercasesidebarlinkshover}
- text-transform:uppercase;
- {/block:ifuppercasesidebarlinkshover}
- color:{color:sidebar nav links hover};
- {block:ifunderlinesidebarlinkshover}text-decoration:underline;{/block:ifunderlinesidebarlinkshover}
- {block:ifletterspacingsidebarlinkshover}letter-spacing:2px;{/block:ifletterspacingsidebarlinkshover}
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- text-shadow:2px 0 0 rgba(255,0,0,0.3), -2px 0 0 rgba(0,255,0,0.3);
- }
- /*Perm Page*/
- /*Dates*/
- .etc{
- text-transform:uppercase;
- text-align:left;
- padding-top:5px;
- padding-bottom:3px;
- padding-left:0px;
- font-family:consolas;
- font-size:11px;
- color:{color:text};
- }
- /*Tags*/
- .tit{
- text-align:left;
- letter-spacing:1px;
- font-family:consolas;
- font-size:11px;
- color:{color:text};
- }
- img.avatar {
- display:none!important;
- }
- /*Photos effects!*/
- .neuron img{
- {block:ifnophotoeffect}
- filter:none;
- {/block:ifnophotoeffect}
- {block:ifgrayscalemedium}
- -webkit-filter: grayscale(50%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalemedium}
- {block:ifgrayscale}
- -webkit-filter: grayscale(100%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscale}
- {block:ifgrayscalehover}
- filter:none;-webkit-filter: grayscale(0%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalehover}
- {block:iffade}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;
- opacity: 0.8;
- {/block:iffade}
- {block:iffadehover}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out; opacity: 1;
- {/block:iffadehover}
- }
- .neuron:hover img{
- {block:ifgrayscalemedium}
- filter: none;-webkit-filter: grayscale(0%);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalemedium}
- {block:ifgrayscale}
- filter: none;-webkit-filter: grayscale(0%);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscale}
- {block:ifgrayscalehover}-webkit-filter: grayscale(100%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalehover}
- {block:iffade}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;
- opacity: 1;
- {/block:iffade}
- {block:iffadehover}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;opacity: 0.8;
- {/block:iffadehover}
- }
- .ime{
- {block:ifnophotoeffect}
- filter:none;
- {/block:ifnophotoeffect}
- {block:ifgrayscalemedium}
- -webkit-filter: grayscale(50%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalemedium}
- {block:ifgrayscale}
- -webkit-filter: grayscale(100%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscale}
- {block:ifgrayscalehover}
- filter:none;-webkit-filter: grayscale(0%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalehover}
- {block:iffade}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;
- opacity: 0.8;
- {/block:iffade}
- {block:iffadehover}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out; opacity: 1;
- {/block:iffadehover}
- }
- .ime:hover{
- {block:ifgrayscalemedium}
- filter: none;-webkit-filter: grayscale(0%);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalemedium}
- {block:ifgrayscale}
- filter: none;-webkit-filter: grayscale(0%);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscale}
- {block:ifgrayscalehover}-webkit-filter: grayscale(100%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalehover}
- {block:iffade}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;
- opacity: 1;
- {/block:iffade}
- {block:iffadehover}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;opacity: 0.8;
- {/block:iffadehover}
- }
- .vid{
- {block:ifnophotoeffect}
- filter:none;
- {/block:ifnophotoeffect}
- {block:ifgrayscalemedium}
- -webkit-filter: grayscale(50%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalemedium}
- {block:ifgrayscale}
- -webkit-filter: grayscale(100%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscale}
- {block:ifgrayscalehover}
- filter:none;-webkit-filter: grayscale(0%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalehover}
- {block:iffade}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;
- opacity: 0.8;
- {/block:iffade}
- {block:iffadehover}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out; opacity: 1;
- {/block:iffadehover}
- }
- .vid:hover{
- {block:ifgrayscalemedium}
- filter: none;-webkit-filter: grayscale(0%);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalemedium}
- {block:ifgrayscale}
- filter: none;-webkit-filter: grayscale(0%);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscale}
- {block:ifgrayscalehover}-webkit-filter: grayscale(100%); -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;
- {/block:ifgrayscalehover}
- {block:iffade}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;
- opacity: 1;
- {/block:iffade}
- {block:iffadehover}
- -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;opacity: 0.8;
- {/block:iffadehover}
- }
- /*Photos/photoset*/
- .ime {
- text-align: center;
- margin-bottom: 0px;
- }
- .ime img {
- max-width:100%;
- }
- /*Videos*/
- .vid {
- text-align: center;
- margin-bottom: 0px;
- }
- .vid img {
- max-width:100%;
- }
- /*Quotes*/
- .quote {
- font:17px cambria;
- text-align:center;
- text-transform:none;
- font-style:oblique;
- line-height:15px;
- margin-left:7px;
- color:{color:quote};
- }
- /*General text*/
- .punk {
- color: {color:text};
- font-size: {text:body font size}px;
- line-height: 15px;
- padding:10px 10px 0px 10px;
- }
- .punk p {
- margin: 10px 0px 0px 0px;
- padding: 0px;
- }
- .punk pre {
- margin: 20px 0px 10px 0px;
- padding: 10px;
- padding-bottom:0px;
- overflow: auto;
- }
- .punk > p:first-child {
- margin-top:0;
- margin-bottom:0;
- }
- .punk img {
- max-width: 100%;
- }
- .punk blockquote {
- margin: 10px 0px 0px 10px;
- padding-left: 15px;
- border-left: solid 4px {color:blockquote};
- }
- /*Audio*/
- /*Tutorial by ettudis*/
- .player{
- background:transparent;
- margin:0px 25px;
- width:30px;
- height:30px;
- overflow:hidden;
- opacity: 0.1;
- filter:alpha(opacity=10);
- -moz-opacity: 0.1;
- -khtml-opacity: 0.1;
- }
- .playersucks{
- float:left;
- font-size:11px;
- margin:-20px 60px 0px;
- }
- /*End of audio player*/
- /*Aks*/
- .askk {
- border-bottom-style:solid;
- border-width:1px;
- border-color:{color:border};
- padding-bottom:4px;
- }
- /*Chats*/
- .chat {
- background-color:transparent;
- border-left: 0px solid transparent;
- margin: 10px 10px 0 10px;
- font-size: 10px;
- }
- .chat .stray {
- margin-left: 0px;
- }
- .chat .stray .stir{
- background-color:{color:chat 1};
- color: {color:chat text color};
- margin-bottom: 1px;
- padding: 3px 5px;
- }
- .chat .stray .stir.even {
- background-color: {color:chat 2};
- }
- clear {
- clear: both;
- height: 0px;
- overflow: hidden;
- }
- /*Links*/
- .zelda {
- margin: 4px 0 0 2px;
- font-size: {text:titles font size}px;
- line-height: 25px;
- }
- .zelda a {
- color: {color:links};
- text-align:center;
- padding: 5px 7px;
- }
- .zelda a:hover {
- color:{color:links hover};
- opacity: 0.9;
- text-transform:underline;
- }
- .ntes{
- font-size:11px;
- }
- /*Pagination*/
- .pagination{
- display:none;
- }
- /*Perm Img*/
- .shit{
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;
- word-spacing:8px;
- font:11px calibri;
- width:150px;
- opacity:0;
- margin-left:45px;
- margin-top:0px;
- padding:2px;
- position:absolute;
- background:rgba(255, 255, 255, 0.5);
- border:1px solid rgba(255, 255, 255, 0.2);
- transition: 0.6s ease;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- z-index:9999;
- }
- .lil:hover .shit {
- margin-top:10px;
- opacity:1;
- z-index:9999;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- .shit a{
- color:black;
- text-decoration:none;
- color:{color:links perm photos};
- }
- .shit a:hover{
- text-decoration:underline
- color:{color:links perm photos hover};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- text-shadow:2px 0 0 rgba(255,0,0,0.3), -2px 0 0 rgba(0,255,0,0.3);
- }
- /*Perm text/links/etc*/
- .peach{
- {block:ifhoverpermontexts}opacity:0;{/block:ifhoverpermontexts}
- {block:ifnothoverpermontexts}opacity:1;{/block:ifnothoverpermontexts}
- {block:ifhoverpermontexts}height:0px;{/block:ifhoverpermontexts}
- {block:ifnothoverpermontexts}height:10px;{/block:ifnothoverpermontexts}
- text-transform:uppercase;
- letter-spacing:1px;
- word-spacing:8px;
- font:11px calibri;
- position:relative;
- padding:0px;
- top:4px;
- right:5px;
- width:150px;
- background:transparent;
- -webkit-transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- z-index:9999;
- }
- .text:hover .peach{
- opacity:1;
- height:10px;
- z-index:9999px;
- }
- .ved:hover .peach{
- opacity:1;
- height:15px;
- z-index:9999px;
- }
- .askker:hover .peach{
- opacity:1;
- height:10px;
- z-index:9999px;
- }
- .chatty:hover .peach{
- opacity:1;
- height:10px;
- z-index:9999px;
- }
- .hero:hover .peach{
- opacity:1;
- height:10px;
- z-index:9999px;
- }
- .qtte:hover .peach{
- opacity:1;
- height:10px;
- z-index:9999px;
- }
- .ved:hover .peach{
- opacity:1;
- height:10px;
- z-index:9999px;
- }
- .audi:hover .peach{
- opacity:1;
- height:10px;
- z-index:9999px;
- }
- /* Grow */
- .grow {
- display: inline-block;
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;
- -webkit-transition-property: -webkit-transform;
- transition-property: transform;
- -webkit-transform: translateZ(0);
- -ms-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px rgba(0, 0, 0, 0);
- }
- .grow:hover {
- -webkit-transform: scale(1.1);
- -ms-transform: scale(1.1);
- transform: scale(1.1);
- }
- </style>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".blck").hide();
- //toggle the componenet with class msg_body
- jQuery(".yum").click(function()
- {
- jQuery(this).next(".blck").slideToggle(500);
- });});
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.neuron',
- });
- });
- $container.infinitescroll({
- itemSelector : ".neuron",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- </head>
- <body>
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage"}>previous</a> ·{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
- </div>
- <div id="sidebar">
- {block:ifsidebartitle}<div id="sod">
- <a href="/" {block:ifgrowsidebartitle}class="grow"{/block:ifgrowsidebartitle}>{Title}</a>
- </div>{/block:ifsidebartitle}
- <center>
- <div id="sid">
- {Description}
- <br><br>
- <a href="#" class="yum" style="{block:ifdarknavwithopacity}background:rgba(0,0,0,{select:nav opacity});{/block:ifdarknavwithopacity} {block:ifwhitenavwithopacity}background:rgba(255,255,255,{select:nav opacity});{/block:ifwhitenavwithopacity} {block:ifsolidcolornav}background:{color:nav};{/block:ifsolidcolornav} padding:2px 4px; color:{color:nav font color}; {block:ifnavglow}text-shadow: 0 0 10px {color:nav glow}; {/block:ifnavglow}">
- <!---NAV NAME--->
- CLICK
- <!---END OF NAV NAME--->
- </a>
- <div class="blck">
- <div id="yack">
- <a href="{text:Link 1 url}">{text:Link 1}</a>
- <br>
- <a href="{text:Link 2 url}">{text:Link 2}</a>
- <br>
- <a href="{text:Link 3 url}">{text:Link 3}</a>
- <br>
- <a href="{text:Link 4 url}">{text:Link 4}</a>
- <br>
- <a href="{text:Link 5 url}">{text:Link 5}</a>
- <br>
- </center>
- </div>
- </div>
- </div>
- </div>
- <div id="bones">
- <div id="content">
- {block:Posts}
- <div class="neuron">
- <div class="lil">
- {block:Photo}
- {LinkOpenTag}{block:IndexPage}
- <div class="shit"><a href="{Permalink}"title="{NoteCountWithLabel}">{24HourWithZero}:{Minutes}{CapitalAmPm}</a> <a href="{ReblogURL}">reblog</a></div>
- {block:IndexPage}{LinkCloseTag}
- <div class="ime">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="shit"><a href="{Permalink}"title="{NoteCountWithLabel}">{24HourWithZero}:{Minutes}{CapitalAmPm}</a> <a href="{ReblogURL}">reblog</a></div>
- <div class="ime">{Photoset-250}</div>
- {block:IndexPage}
- {block:PermalinkPage}
- <div class="ime">{Photoset-400}</div>
- {/block:PermalinkPage}
- {/block:Photoset}
- </div>
- {block:Video}
- <div class="ved">
- {block:IndexPage}
- <div class="vid">{Video-250}</div>
- <center><div class="peach"><a href="{Permalink}" title="{NoteCountWithLabel}">{24HourWithZero}:{Minutes}{CapitalAmPm}</a> </div></center>{/block:IndexPage}
- {block:PermalinkPage}
- <div class="vid">{Video-400}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Video}
- {block:AudioPlayer}
- <div class="audi">
- <div class="player">{AudioPlayerWhite}</div>
- <div class="playersucks">{block:TrackName}
- {TrackName}
- {/block:TrackName} </div>
- {block:IndexPage}<center><div class="peach"><a href="{Permalink}" title="{NoteCountWithLabel}">{24HourWithZero}:{Minutes}{CapitalAmPm}</a> </div></center>{/block:IndexPage}
- </div>
- {/block:AudioPlayer}
- {block:Quote}
- <div class="qtte">
- <div class="quote">
- <b>“</b>{Quote}<b>”</b></div>
- {block:IndexPage}<center><div class="peach"><a href="{Permalink}" title="{NoteCountWithLabel}">{24HourWithZero}:{Minutes}{CapitalAmPm}</a> </div></center>{/block:IndexPage}
- </div>
- {/block:Quote}
- {block:Text}
- <div class="text">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="punk">{Body}</div>
- {block:IndexPage}<center><div class="peach"><a href="{Permalink}" title="{NoteCountWithLabel}">{24HourWithZero}:{Minutes}{CapitalAmPm}</a> </div></center>{/block:IndexPage}
- </div>
- {/block:Text}
- {block:Answer}
- <div class="askker">
- <div class="askk">
- <center>
- <b>{Asker}</b> {text:text ask}:<i> {Question}</i></div></center>
- <div class="punk">{Answer}<br></div>
- {block:IndexPage}<center><div class="peach"><a href="{Permalink}" title="{NoteCountWithLabel}">{24HourWithZero}:{Minutes}{CapitalAmPm}</a> </div></center>{/block:IndexPage}
- </div>
- {/block:Answer}
- {block:Chat}
- <div class="chatty">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="chat">
- <div class="stray">
- {block:Lines}
- <div class="stir {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
- {/block:Lines}
- </div>
- </div>
- <div class="clear"></div>
- <div style="height:10px;"></div>
- {block:IndexPage}<center><div class="peach"><a href="{Permalink}" title="{NoteCountWithLabel}">{24HourWithZero}:{Minutes}{CapitalAmPm}</a> </div></center>{/block:IndexPage}
- </div>
- {/block:Chat}
- {block:Link}
- <div class="hero">
- <div class="zelda"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}<div class="punk">{Description}</div>{/block:Description}
- {block:IndexPage}<center><div class="peach"><a href="{Permalink}" title="{NoteCountWithLabel}">{24HourWithZero}:{Minutes}{CapitalAmPm}</a> </div></center>{/block:IndexPage}
- </div>
- {/block:Link}
- {block:PermalinkPage}
- <br>
- {block:Caption}<div class="punk">{Caption}</div><br>{/block:Caption}
- <div class="etc">
- {block:Date}{DayOfMonthWithZero},{MonthNumberWithZero},{ShortYear} {24HourWithZero}:{Minutes}{CapitalAmPm} {/block:Date}
- {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
- <br>
- {block:RebloggedFrom}Via- <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
- <br>
- {block:RebloggedFrom} Source- <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
- </div>
- {block:HasTags}<div class="tit">TAGS:
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- <div class="ntes">
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}{block:ReblogParentURL}
- <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ReblogParentURL}
- </div>{/block:Posts}</div>
- <a href="http://uroborom.tumblr.com/" title="Credit"><IMG STYLE="position:fixed; bottom:0px; right:0px; opacity:0.6;"src="http://media.tumblr.com/tumblr_lkl66suxWH1qfamg6.gif"></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment