Advertisement
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">
- <!--
- . .o8 oooo
- .o8 "888 `888
- .o888oo oooo oooo ooo. .oo. .oo. 888oooo. 888 oooo d8b
- 888 `888 `888 `888P"Y88bP"Y88b d88' `88b 888 `888""8P
- 888 888 888 888 888 888 888 888 888 888
- 888 . 888 888 888 888 888 888 888 888 888 .o.
- "888" `V88V"V8P' o888o o888o o888o `Y8bod8P' o888o d888b Y8P
- edited by koduck.tumblr // check for updates regularly!!
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-- DEFAULT VARIABLES -->
- <!-- TEXT -->
- <meta name="text:Post Border Size" content="1px" />
- <meta name="text:Sidebar Border Size" content="2px" />
- <meta name="text:Posts Distance from Left" content="320px" />
- <meta name="text:Sidebar Distance from Left" content="800px" />
- <meta name="text:Sidebar Distance from Top" content="100px" />
- <meta name="text:Sideimg Distance from Left" content="100px"/>
- <meta name="text:Sideimg Distance from Top" content="100px"/>
- <meta name="text:Font Size Small" content="10px" />
- <meta name="text:Font Size Medium" content="12px" />
- <meta name="text:Font Size Big" content="15px" />
- <meta name="text:Font Family" content="consolas" />
- <meta name="text:Font Family Secondary" content="cousine" />
- <meta name="text:Distance Between Posts" content="30px" />
- <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=""/>
- <!-- COLORS -->
- <meta name="color:Background" content="#f8f8f8" />
- <meta name="color:Frame" content="#d2fffd" />
- <meta name="color:Border" content="#e8b9fb" />
- <meta name="color:Border Hover" content="#111111" />
- <meta name="color:Post Title" content="#cbeff8" />
- <meta name="color:Text" content="#555555" />
- <meta name="color:Blockquote" content="#ace9c2" />
- <meta name="color:Permalink" content="#9de0b5" />
- <meta name="color:Permalink Text" content="#000" />
- <meta name="color:Permalink Hover" content="#95d4ab" />
- <meta name="color:Description" content="#111" />
- <meta name="color:Menu Link" content="#fff" />
- <meta name="color:Menu Link Background 1" content="#77d0d5" />
- <meta name="color:Menu Link Background 2" content="#f8d705" />
- <meta name="color:Menu Link Background 3" content="#f2a3ed" />
- <meta name="color:Menu Link Background 4" content="#95e396" />
- <meta name="color:Menu Link Background 5" content="#e8b9fb" />
- <meta name="color:Menu Link Background 6" content="#948cdb" />
- <meta name="color:Dropdown Menu" content="#fff" />
- <meta name="color:Dropdown Menu Background" content="#e8b9fb" />
- <meta name="color:Link" content="#daa2d5" />
- <meta name="color:Link Hover" content="#111" />
- <meta name="color:Link Background" content="#fff28a" />
- <meta name="color:Bold" content="#ce4962" />
- <meta name="color:Italic" content="#aaa" />
- <meta name="color:Chat 1" content="#fff" />
- <meta name="color:Chat 2" content="#e9fdfc" />
- <meta name="color:Chat Text" content="#000" />
- <meta name="color:Question Text" content="#111" />
- <meta name="color:Question Background" content="#e2f1f5" />
- <meta name="color:Quote Quotation" content="#c092c6" />
- <meta name="color:Quote Text" content="#3e749a" />
- <meta name="color:Audio Background" content="#fabbf3" />
- <meta name="color:Album Art Border" content="#e1f891" />
- <meta name="color:Tags" content="#ffdaf4" />
- <meta name="color:Highlight" content="#ddd" />
- <meta name="color:Scrollbar" content="#ff0000" />
- <meta name="color:Tooltip" content="#f7d9fb" />
- <meta name="color:Snow" content="#f5fefe" />
- <!-- TICKBOXES -->
- <meta name="if:Small Posts" content="0" />
- <meta name="if:Medium Posts" content="1" />
- <meta name="if:Big Posts" content="0" />
- <meta name="if:Menu Links Dropdown" content="0" />
- <meta name="if:Menu Links Simple" content="1" />
- <meta name="if:Menu Links Dots" content="0" />
- <meta name="if:Frame" content="0" />
- <meta name="if:Index Tags" content="0" />
- <meta name="if:Background Cover" content="0" />
- <meta name="if:LazyLoad Content" content="0" />
- <meta name="if:LazyLoad Photos" content="0" />
- <meta name="if:Infinite Scroll" content="0"/>
- <meta name="if:Post Shadow" content="1" />
- <meta name="if:Sidebar Shadow" content="0" />
- <meta name="if:Rounded Post" content="0" />
- <meta name="if:Rounded Sidebar" content="1" />
- <meta name="if:Right Big Post Border" content="1" />
- <meta name="if:Top Big Post Border" content="0" />
- <meta name="if:Show Album Art" content="1" />
- <meta name="if:Show Reblog Link" content="1" />
- <meta name="if:Show Captions" content="1" />
- <meta name="if:Bubble Sidebar" content="1" />
- <meta name="if:Show Sidebar Avatar" content="1" />
- <meta name="if:Link Background" content="1" />
- <meta name="if:Link Underline" content="0" />
- <meta name="if:Link Hover Letter Spacing" content="0" />
- <meta name="if:Menu Link Hover Letter Spacing" content="1" />
- <meta name="if:Enable Jump Pagination" content="0" />
- <meta name="if:Transparent Permalink" content="0" />
- <meta name="if:Snow Effect" content="0" />
- <!-- IMAGES -->
- <meta name="image:Background" content="" />
- <meta name="image:PostBackground" content="" />
- <meta name="image:SidebarBackground" content="" />
- <meta name="image:SideImg" content=""/>
- <!-- SELECTION -->
- <meta name="select:PostBorder" content="solid" title="Solid">
- <meta name="select:PostBorder" content="dashed" title="Dashed">
- <meta name="select:PostBorder" content="dotted" title="Dotted">
- <meta name="select:PostBorder" content="double" title="Double">
- <meta name="select:PostBorder" content="none" title="None">
- <meta name="select:SidebarBorder" content="solid" title="Solid">
- <meta name="select:SidebarBorder" content="dashed" title="Dashed">
- <meta name="select:SidebarBorder" content="dotted" title="Dotted">
- <meta name="select:SidebarBorder" content="double" title="Double">
- <meta name="select:SidebarBorder" content="none" title="None">
- <meta name="select:PostBackground" content="#fff" title="White">
- <meta name="select:PostBackground" content="rgba(255, 255, 255, 0.75)" title="Less Transparent">
- <meta name="select:PostBackground" content="rgba(255, 255, 255, 0.5)" title="Semi Transparent">
- <meta name="select:PostBackground" content="rgba(255, 255, 255, 0.25)" title="More Transparent">
- <meta name="select:PostBackground" content="transparent" title="Transparent">
- <meta name="select:SidebarBackground" content="#fff" title="White">
- <meta name="select:SidebarBackground" content="rgba(255, 255, 255, 0.75)" title="Less Transparent">
- <meta name="select:SidebarBackground" content="rgba(255, 255, 255, 0.5)" title="Semi Transparent">
- <meta name="select:SidebarBackground" content="rgba(255, 255, 255, 0.25)" title="More Transparent">
- <meta name="select:SidebarBackground" content="transparent" title="Transparent">
- <meta name="select:Photo effect" content="reversefade" title="Fade on Hover">
- <meta name="select:Photo effect" content="fade" title="Fade">
- <meta name="select:Photo effect" content="blur" title="Blur on Hover">
- <meta name="select:Photo effect" content="grayscale" title="Grayscale">
- <meta name="select:Photo effect" content="reversegrayscale" title="Grayscale on Hover">
- <meta name="select:Photo effect" content="none" title="None">
- <meta name="select:SidebarAlign" content="left" title="Left">
- <meta name="select:SidebarAlign" content="right" title="Right">
- <link href='http://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- /* MAIN BODY */
- body {
- background-color:{color:background};
- {block:ifbackgroundimage}background-image:url('{image:background}');
- background-repeat:repeat;
- background-attachment: fixed;{/block:ifbackgroundimage}
- {block:ifbackgroundcover}background-size:cover;{/block:ifbackgroundcover}
- margin: 0;
- padding: 0;
- font-family: {text:Font Family};
- font-fize:{text:font size medium};
- }
- .clear {
- clear: both;
- height: 0px;
- overflow: hidden;
- }
- small{
- font: {text:font size small} {text:font family} !important;
- letter-spacing:1px !important
- }
- b, strong {
- font: {text:font size medium} {text:font family} !important;
- color:{color:bold};
- font-weight:700 !important;
- }
- i, em {
- font: {text:font size medium} {text:font family} !important;
- color:{color:italic};
- }
- a img {
- border: none;
- text-decoration:none;
- cursor:crosshair;
- }
- /* CHROME SCROLLBAR */
- ::-webkit-scrollbar {
- background-color:{color:border};
- height: 9px;
- width:9px;
- border:4px solid {color:background};
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar};
- border:2px solid {color:background};
- height:auto;
- -webkit-border-radius:3px;
- border-radius: 3px;
- }
- /* HIGHLIGHT TEXT */
- ::selection {
- background: {color:highlight};
- color: {color:text};
- }
- ::-moz-selection {
- background: {color:highlight};
- color: {color:text};
- }
- /* WRAPPER */
- #wrapper {
- margin:0 auto;
- }
- /* POSTS */
- #wrapper #content {
- {block:ifbigposts}{block:ifrightbigpostborder}width: 530px;{/block:ifrightbigpostborder}{/block:ifbigposts}{block:ifnotrightbigpostborder}width: 520px;{/block:ifnotrightbigpostborder}{/block:ifbigposts}
- {block:ifmediumposts}{block:ifnotrightbigpostborder}width: 420px;{/block:ifnotrightbigpostborder}{block:ifrightbigpostborder}width: 430px;{/block:ifrightbigpostborder}{/block:ifmediumposts}
- {block:ifsmallposts}{block:ifrightbigpostborder}width: 285px;{/block:ifrightbigpostborder}{block:ifnotrightbigpostborder}width: 275px;{/block:ifnotrightbigpostborder}{/block:ifsmallposts}
- float: left;
- margin-left:{text:Posts distance from left};
- margin-top:20px;
- }
- .post {
- background: {select:postbackground} url('{image:PostBackground}');
- padding: 10px;
- position: relative;
- {block:ifroundedpost}-webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;{/block:ifroundedpost}
- {block:ifpostshadow}box-shadow:rgba(0,0,0,0.1) 9px 9px;{/block:ifpostshadow}
- border:{text:post border size} {select:postborder} {color:border};
- {block:ifrightbigpostborder}border-right:10px solid {color:border}; {block:ifrightbigpostborder};
- {block:iftopbigpostborder}border-top:10px solid {color:border}; {block:iftopbigpostborder};
- -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;
- }
- .post:hover {
- border:{text:post border size} {select:postborder} {color:border hover};
- {block:ifrightbigpostborder}border-right:10px solid {color:border hover}; {block:ifrightbigpostborder};
- {block:iftopbigpostborder}border-top:10px solid {color:border hover}; {block:iftopbigpostborder};
- {block:ifpostshadow}box-shadow:transparent 2px 2px;{/block:ifpostshadow}
- }
- .media {
- text-align: center;
- margin-bottom: 10px;
- }
- .post img {
- max-width: 100%;
- }
- /* QUOTE POSTS */
- .quotebg {
- font-family: georgia, serif;
- font-size: 130px;
- color: {color:quote quotation};
- opacity: 0.3;
- filter: alpha(opacity=30);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
- position: absolute;
- top: 70px;
- left: 10px;
- }
- .quote {
- color: {color:quote text};
- font-style:italic;
- padding: 20px 20px 5px 20px;
- font-size:{text:font size big};
- line-height:22px;
- }
- /* TEXT POSTS AND CAPTIONS */
- .copy {
- color: {color:text};
- padding: 10px;
- font-size: {text:font size medium};
- line-height: 15px;
- }
- .copy a {
- color: {color:link};
- {block:iflinkbackground}background: {color:link background};
- padding: 0 2px;{/block:iflinkbackground}
- {block:ifnotlinkunderline}text-decoration: none;{/block:ifnotlinkunderline}
- cursor:help;
- -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;
- }
- .copy a:hover{
- color: {color:link hover};
- background:transparent;
- {block:iflinkhoverletterspacing}letter-spacing:2px;{/block:iflinkhoverletterspacing}
- }
- .copy p {
- margin: 10px 0 0 0;
- padding: 0;
- }
- .copy pre {
- margin: 10px 0px 10px 0px;
- padding: 8px;
- background-color: {color:chat 2};
- color: {color:chat text};
- font: {text:font size small} {text:font family secondary} !important;
- overflow: auto;
- letter-spacing:1px !important;
- opacity: 0.8;
- filter: alpha(opacity=80);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
- }
- .copy > p:first-child {
- margin-top: 0;
- }
- .copy img {
- max-width: 100%;
- }
- .title {
- color: {color:post title};
- font-size: {text:font size big};
- font-weight: bold;
- padding: 10px 10px 0 10px;
- }
- .copy blockquote {
- margin: 10px 0px 10px 10px;
- padding-left: 10px;
- border-left: solid 3px {color:blockquote};
- }
- /* AUDIO POSTS */
- .audio {
- background: {color:audio background};
- float: left;
- padding: 7px 7px 5px 7px;
- margin-left: 6px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- color: {color:text};
- font-family: {text:font family secondary};
- font-size: {text:font size small};
- }
- .tumblr_audio_player {height: 30px; width: 210px;}
- .meta {
- padding:4px 11px;
- float: left;
- color: {color:text};
- font-family: {text:font family secondary};
- font-size: {text:font size small};
- }
- /* ANSWER POSTS */
- .question {
- z-index:2;
- color: {color:question text};
- font-size: {text:font size medium};
- font-family: {text:font family secondary};
- font-weight: bold;
- background: {color:question background};
- {block:ifroundedpost}-moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- border-radius: 8px;{/block:ifroundedpost}
- margin: 0 0 15px 0;
- padding: 15px 20px;
- position: relative;
- }
- .question .nipple {
- position:absolute;
- width:0;
- height:0;
- border-top:20px solid {color:question background};
- border-right:20px solid transparent;
- margin-left:25px;
- margin-top:8px;
- z-index:1;
- }
- .asker_container {
- margin: 0 0 10px 20px;
- font-size:{text:font size big};
- }
- .asker_container img {
- margin: 0 12px -7px 0;
- -moz-border-radius: 12px;
- -webkit-border-radius: 12px;
- border-radius: 12px;
- }
- .asker_container a.asker {
- color: {color:link};
- text-decoration:none;
- font-size:{text:font size big};
- -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;
- }
- .asker_container a.asker:hover {
- color:{color:link hover};
- {block:iflinkhoverletterspacing}letter-spacing:2px;{/block:iflinkhoverletterspacing}
- }
- /* CHAT POSTS */
- .chat {
- background-color: {select:postbackground};
- border-left: 5px solid {color:blockquote};
- margin: 10px 10px 0 10px;
- font-size: {text:font size medium};
- }
- .chat .lines {
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- }
- .chat .lines .line {
- background-color: {color:chat 1};
- color: {color:chat text};
- padding: 5px;
- }
- .chat .lines .line.even {
- background-color: {color:chat 2};
- }
- /* LINK POSTS */
- #wrapper #content .post .link {
- margin: 4px 0 2px 0;
- font-size: {text:font size big};
- line-height: 25px;
- }
- #wrapper #content .post .link a {
- background-color: {color:Link Background};
- border:2px solid transparent;
- color: {color:link};
- padding: 5px 7px;
- text-decoration:none;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- -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;
- cursor:help;
- }
- #wrapper #content .post .link a:hover {
- {block:iflinkhoverletterspacing}letter-spacing:2px;{/block:iflinkhoverletterspacing}
- background:transparent;
- border:2px solid {color:link background};
- color: {link hover};
- }
- /* PERMALINK-FOOTER BAR */
- /* i gave up on deleting the wrapper content names im sor ry*/
- #wrapper #content .post .footer {
- {block:ifnottransparentpermalink}background: {color:permalink};{/block:ifnottransparentpermalink}
- {block:ifroundedpost}-moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;{/block:ifroundedpost}
- font-family: {text:font family secondary};
- font-size: {text:font size small};
- color: {color:permalink text};
- padding: 4px 8px;
- margin-top: 8px;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- -o-transition: all 0.2s linear;
- -ms-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- #wrapper #content .post .footer.for_permalink:hover {
- {block:ifnottransparentpermalink}background: {color:permalink hover};{/block:ifnottransparentpermalink}
- }
- #wrapper #content .post .footer .date {
- width: 67%;
- float: left;
- color: {color:permalink text};
- }
- #wrapper #content .post .footer .notes {
- width: 33%;
- float: right;
- text-align: right;
- color: {color:permalink text};
- }
- #wrapper #content .post .footer .notes a, #wrapper #content .post .footer .date a {
- color: {color:permalink text};
- text-decoration:none;
- }
- #wrapper #content .post .footer .tags a {
- color: {color:tags};
- {block:ifnotlinkunderline}text-decoration: none;{/block:ifnotlinkunderline}
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- -o-transition: all 0.2s linear;
- -ms-transition: all 0.2s linear;
- transition: all 0.2s linear;
- cursor:help;
- }
- #wrapper #content .post .footer .tags a:hover {
- color:{color:link hover};
- {block:iflinkhoverletterspacing}letter-spacing:2px;{/block:iflinkhoverletterspacing}
- }
- #wrapper #content .post .footer .tags .tag-commas:last-child {
- display: none;
- }
- /* BOTTOM OF THE POSTS */
- #wrapper #content .bottom {
- height: {text:distance between posts};
- margin: 0 auto;
- }
- /* PAGINATION */
- #wrapper #content #navigation {
- text-align: right;
- padding-bottom: 35px;
- text-transform: lowercase;
- font-size: {text:font size medium};
- }
- #wrapper #content #navigation a {
- background: {select:postbackground};
- color: {color:Text};
- padding: 5px 10px;
- text-decoration: none;
- margin-left: 25px;
- border:{text:post border size} {select:postborder} {color:border};
- {block:ifroundedpost}-moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;{/block:ifroundedpost}
- }
- #wrapper #content #navigation.jump_pagination {}
- #wrapper #content #navigation.jump_pagination a {
- margin: 0 0 0 4px;
- }
- #wrapper #content #navigation.jump_pagination .current_page {
- background: {select:postbackground};
- padding: 5px 10px;
- color: {color:text};
- border:{text:post border size} {select:postborder} {color:border};
- margin: 0 0 0 4px;
- text-decoration: none;
- cursor: default;
- {block:ifroundedpost}-moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;{/block:ifroundedpost}
- }
- #wrapper #content #navigation.jump_pagination .jump_page {}
- /* PERMALINK PAGE NOTES */
- #wrapper #content .post .notecontainer {
- background: {select:postbackground};
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- font-family: {text:font family secondary};
- font-size: {text:font size small};
- color: {color:text};
- margin-top: 10px;
- margin-bottom: 0px;
- max-height:200px;
- overflow:auto;
- }
- #wrapper #content .post .notecontainer a {
- color: {color:link};
- {block:ifnotlinkunderline}text-decoration: none;{/block:ifnotlinkunderline}
- }
- #wrapper #content .post .notecontainer ol.notes {
- padding: 0px 0 10px 0;
- list-style-type: none;
- font-size: {text:font size small};
- }
- #wrapper #content .post .notecontainer ol.notes li.note {
- padding: 10px 10px 0 10px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- -moz-border-radius: 50%;
- -webkit-border-radius: 50%;
- border-radius: 50%;
- }
- #wrapper #content .post .notecontainer ol.notes li.note span.action {
- font-weight: normal;
- }
- #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
- font-weight: normal;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote {
- border-left: 2px solid {color:blockquote};
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
- text-decoration: none;
- }
- /* SIDEBAR */
- #wrapper #sidebar {
- position:fixed!important;
- width: 210px;
- float: right;
- color: {color:description};
- }
- #wrapper #sidebar #top {
- position: fixed!important;
- margin-left:{text:sidebar distance from left};
- margin-top:{text:sidebar distance from top};
- width: 210px;
- background: {select:sidebarbackground} url('{image:SidebarBackground}');
- padding: 10px;
- {block:ifroundedsidebar}-webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;{/block:ifroundedsidebar}
- {block:ifsidebarshadow}box-shadow:rgba(0,0,0,0.1)9px 9px;{/block:ifsidebarshadow}
- border:{text:sidebar border size} {select:sidebarborder} {color:border};
- }
- .avatar img{
- {block:ifroundedsidebar}
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- {/block:ifroundedsidebar}
- padding:3px;
- }
- .menulinks{
- font-size: {text:font size medium};
- position:fixed;
- margin-top:20px;
- margin-left: 20px;
- width:190px;
- text-align:right;
- line-height:170%!important;
- font-family:{text:font family secondary};
- -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;
- z-index:3;
- }
- .menulinks a{
- color: {color:menu link};
- padding:1px 4px;
- text-decoration:none;
- -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;
- }
- .menulinks a:hover {
- color: {color:link hover};
- {block:ifmenulinkhoverletterspacing}letter-spacing:2px;{/block:ifmenulinkhoverletterspacing}
- }
- .dots {
- position:fixed;
- font-family:arial;
- font-size: 23px;
- line-height:70%;
- margin-left:230px;
- }
- .dots a{
- text-decoration:none;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- cursor:help;
- }
- a.link1 {
- color: {color:menu link background 1};
- }
- a.link1:hover {
- color: {color:link hover};
- }
- a.link2 {
- color: {color:menu link background 2};
- }
- a.link2:hover {
- color: {color:link hover};
- }
- a.link3 {
- color: {color:menu link background 3};
- }
- a.link3:hover {
- color: {color:link hover};
- }
- a.link4 {
- color: {color:menu link background 4};
- }
- a.link4:hover {
- color: {color:link hover};
- }
- a.link5 {
- color: {color:menu link background 5};
- }
- a.link5:hover {
- color: {color:link hover};
- }
- a.link6 {
- color: {color:menu link background 6};
- }
- a.link6:hover {
- color: {color:link hover};
- }
- #wrapper #sidebar #top #description {
- font-size: {text:font size medium};
- width:200px;
- text-align:{select:sidebaralign};
- {block:ifshowsidebaravatar}min-height:102px;{/block:ifshowsidebaravatar}
- }
- #wrapper #sidebar #top #description a {
- color: {color:link};
- {block:iflinkbackground}background: {color:link background};
- padding: 0 2px;{/block:iflinkbackground}
- {block:ifnotlinkunderline}text-decoration: none;{/block:ifnotlinkunderline}
- cursor:help;
- -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;
- }
- #wrapper #sidebar #top #description a:hover{
- color: {color:link hover};
- background:transparent;
- {block:iflinkhoverletterspacing}letter-spacing:2px;{/block:iflinkhoverletterspacing}
- }
- .bubble {
- position:fixed;
- width:0;
- height:0;
- margin-top:10px;
- margin-left:10px;
- border-top:40px solid {select:sidebarbackground};
- border-right:50px solid transparent;
- z-index:2;
- }
- #s-m-t-tooltip {
- background:{color:tooltip};
- font-size: {text:font size small};
- font-family: {text:font family secondary};
- letter-spacing: 2px;
- text-transform: uppercase;
- color:{color:text};
- word-wrap: break-word;
- padding: 2px 5px 2px 6px;
- display: block;
- margin: 5px 5px 5px 7px;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- }
- /* PHOTO EFFECTS */
- .none {filter: none;}
- .fade { -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;}
- .post:hover .fade {-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; opacity: 1;}
- .grayscale {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); -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;}
- .post:hover .grayscale {filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
- .reversefade {-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; opacity: 1;}
- .post:hover .reversefade { -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;}
- .reversegrayscale {filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
- .post:hover .reversegrayscale {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); -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;}
- .blur { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
- .post:hover .blur { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }
- /* DAT ME */
- #cre {
- position:fixed;
- background:{select:postbackground};
- bottom:10px;
- right:0px;
- font-size:11px;
- font-family:cousine;
- z-index:9;
- margin-right:-50px;
- -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;
- padding:4px 16px 4px 5px;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- }
- #cre:hover {
- margin-right:0;
- background:#fff;
- }
- #cre a {
- text-decoration:none;
- color:{color:text};
- background:transparent;
- }
- #animu{
- -webkit-animation:anim 3s;
- animation:anim 3s;}
- @-webkit-keyframes anim {
- 0% {opacity:0;}
- 100% {opacity:1;}
- }
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- {block:iflazyloadphotos}<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>{/block:iflazyloadphotos}
- {block:ifInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:ifInfiniteScroll}
- </head>
- <body {block:iflazyloadcontent} id="animu" {/block:iflazyloadcontent}>
- {block:ifframe}<span style="background:{color:frame};position:fixed;width:100%;height:8px;top:0;left:0;z-index:10;"></span><span style="background:{color:frame};position:fixed;width:8px;height:100%;top:0;left:0;z-index:10;"></span><span style="background:{color:frame};position:fixed;width:9px;height:100%;top:0;right:0;z-index:10;"></span><span style="background:{color:frame};position:fixed;width:100%;height:8px;bottom:0;right:0;z-index:10;"></span> {/block:ifframe}
- <div id="wrapper">
- <div id="content">
- <div class = "autopagerize_page_element" >
- {block:Posts}
- <div class="post">
- {block:Photo}
- <div class="media"><div class="masthead {select:photo effect}"><center>
- {LinkOpenTag}
- {block:Ifmediumposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:Ifmediumposts}
- {block:Ifbigposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:Ifbigposts}
- {block:Ifsmallposts}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:Ifsmallposts}{LinkCloseTag}</center></div></div>
- {block:ifshowcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
- {block:ifnotshowcaptions}{block:permalinkpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
- {/block:Photo}
- {block:Photoset}
- <div class="media"><div class="masthead {select:photo effect}"><center>{block:ifbigposts}{Photoset-500}{/block:ifbigposts}{block:ifmediumposts}{Photoset-400}{/block:ifmediumposts}{block:ifsmallposts}{Photoset-250}{/block:ifsmallposts}</center></div></div>
- {block:ifshowcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
- {block:ifnotshowcaptions}{block:permalinkpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
- {/block:Photoset}
- {block:Video}
- <div class="media"><center>{block:ifbigposts}{VideoEmbed-500}{/block:ifbigposts}{block:ifmediumposts}{VideoEmbed-400}{/block:ifmediumposts}{block:ifsmallposts}{VideoEmbed-250}{/block:ifsmallposts}</center></div>
- {block:ifshowcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
- {block:ifnotshowcaptions}{block:permalinkpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
- {/block:Video}
- {block:Audio}
- {block:ifshowalbumart}
- {block:AlbumArt}<div class="masthead {select:photo effect}"><img src="{AlbumArtURL}" {block:ifnotsmallposts}width="100px" height="100px"{/block:ifnotsmallposts} {block:ifsmallposts} width="230px" height="230px" {/block:ifsmallposts} align="left" style="border:10px solid {color:album art border}; margin-bottom:7px;{block:ifsmallposts}margin-bottom:10px;{/block:ifsmallposts} display:inline;" /></div>{/block:AlbumArt}
- {/block:ifshowalbumart}
- <div class="audio"><div style="opacity:0.6;">{AudioPlayerWhite}</div> <div style="margin-top:5px;">{PlayCountWithLabel}</div></div>
- <div class="meta">{block:TrackName}<br><font color={color:bold} style="font-weight:bold;">Title:</font> {TrackName}{/block:TrackName}
- {block:Artist}<br><font color={color:bold} style="font-weight:bold;">Artist:</font> {Artist}{/block:Artist}
- {block:Album}<br><font color={color:bold} style="font-weight:bold;">Album:</font> {Album}{/block:Album}
- </div>
- <div class="clear"></div>
- {block:PermalinkPage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {/block:Audio}
- {block:Quote}
- <div class="quote {Length}">{Quote}</div>
- <div class="copy">
- <div class="quotebg">“</div>
- {block:Source}
- <table border="0" cellpadding="0" cellspacing="0" width="100%">
- <tr>
- <td valign="top" style="width:20px;">—</td>
- <td valign="top" class="quote_source">
- {Source}
- </td>
- </tr>
- </table>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="copy">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div class="question">
- {Question}
- <div class="nipple"></div></div>
- <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
- <div class="copy">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="chat">
- <div class="lines">
- {block:Lines}
- <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
- {/block:Lines}
- </div>
- </div>
- <div class="clear"></div>
- <div style="height:10px;"></div>
- {/block:Chat}
- {block:Link}
- <div class="link"><a href="{URL}" {Target}>{Name} »</a></div>
- {block:Description}<div class="copy">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Date}
- {block:indexpage}
- <div class="footer for_permalink">
- <div class="date">
- <a href="{Permalink}">
- {timeago} {block:NoteCount}• {NoteCount}{/block:NoteCount}</a>
- </div>
- {block:ifshowrebloglink}<div class="notes"> <a href="{ReblogUrl}">reblog</a></div>{/block:ifshowrebloglink}
- <div class="clear"></div>
- </div>
- {/block:indexpage}
- {block:permalinkpage}
- <div class="footer for_permalink">
- <div class="date">
- {ShortDayOfWeek} at {12HourWithZero}{AmPm}{block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount}
- </div>
- <div class="notes">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" >via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">org</a> {/block:RebloggedFrom} </div>
- <div class="clear"></div>
- </div>
- {/block:permalinkpage}
- {/block:Date}
- {block:IfIndexTags}{block:indexpage}
- {block:HasTags}<div class="footer for_permalink"><div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}" >{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div></div>{/block:HasTags}{/block:indexpage}
- {/block:IfIndexTags}
- {block:permalinkpage}
- {block:HasTags}<div class="footer for_permalink"><div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div></div>{/block:HasTags}
- {/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 class="clear"></div>
- {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
- </div>
- <div class="bottom"></div>
- {/block:Posts}
- </div>
- {block:ifNotInfiniteScroll}
- {block:Pagination}
- <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
- {block:PreviousPage}<a href="{PreviousPage}">← {lang:Previous}</a>{/block:PreviousPage}
- {block:IfEnableJumpPagination}
- {block:JumpPagination length="3"}
- {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:IfEnableJumpPagination}
- {block:NextPage}<a href="{NextPage}">{lang:Next page} →</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:ifNotInfiniteScroll}
- </div>
- <div id="sidebar">
- <div id="top">
- {block:ifmenulinksdots}<div class="dots"><a href="/" title="index" class="link1">•</a> <br> <a href="/ask" title="message" class="link2">•</a>
- {block:iflink1}<br> <a href="{text:link 1 url}" title="{text:link 1}" class="link3">•</a>{/block:iflink1} {block:iflink2}<br> <a href="{text:link 2 url}" title="{text:link 2}" class="link4">•</a>{/block:iflink2} {block:iflink3}<br> <a href="{text:link 3 url}" title="{text:link 3}" class="link5">•</a>{/block:iflink3} {block:iflink4}<br> <a href="{text:link 4 url}" title="{text:link 4}" class="link6">•</a>{/block:iflink4}</div>{/block:ifmenulinksdots}
- {block:ifshowsidebaravatar}<div class="avatar"><a href="/" title="{title}" style="background:transparent;"><img src="{PortraitURL-96}" align="{select:sidebaralign}"/></a></div>{/block:ifshowsidebaravatar}
- <div id="description">{Description}
- {block:ifmenulinksdropdown}<center>
- <select onChange="location=this.options[this.selectedIndex].value;" style="font-family:{text:font family secondary}; font-size: {text:font size medium}; color:{color:dropdown menu}; border:1px solid transparent; background: {color:dropdown menu background}; -webkit-appearance: none; -moz-appearance: none; appearance:none; cursor:help; width:210px; margin-top:4px; min-height:18px;"> <option value="/">menu</option><option value="/">index</option> <option value="/ask">message</option> {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option> {/block:iflink1} {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option> {/block:iflink2} {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option> {/block:iflink3} {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option> {/block:iflink4}
- </select></form></center>{/block:ifmenulinksdropdown}
- </div>
- {block:ifbubblesidebar}<div class="bubble"></div>{/block:ifbubblesidebar}
- {block:ifmenulinkssimple}<div class="menulinks"><a href="/" style="background: {color:menu link background 1}">home</a> <a href="/ask" style="background: {color:menu link background 2}">ask</a> {block:iflink1} <a href="{text:link 1 url}" style="background: {color:menu link background 3}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<br><a href="{text:link 2 url}" style="background: {color:menu link background 4}">{text:link 2}</a>{/block:iflink2} {block:iflink3} <a href="{text:link 3 url}" style="background: {color:menu link background 5}">{text:link 3}</a>{/block:iflink3} {block:iflink4} <a href="{text:link 4 url}" style="background: {color:menu link background 6}">{text:link 4}</a>{/block:iflink4} </div>{/block:ifmenulinkssimple}
- </div>
- </div>
- </div>
- <div style="position:fixed; margin-top:{text:Sideimg Distance from top}; margin-left:{text:Sideimg Distance from Left}; z-index:-10; "><img src='{image:sideimg}'></div>
- <div id="cre"><a href="http://koduck.tumblr.com">©{block:ifframe} {/block:ifframe} theme</a></div>
- {block:ifsnoweffect}
- <script type="text/javascript">
- // <![CDATA[
- var speed=70; // lower number for faster
- var flakes=100; // number of flakes
- var colour="{color:snow}"; // colour of flakes
- var slush=20; // set to '0' for no slush or otherwise set to height at which slush melts
- var over_or_under="over"; // set to "over" for snow to always be on top, or "under" to allow it to float behind other objects
- /***************************\
- * Let It Snow Effect *
- *(c)2004-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- \***************************/
- var flks=new Array();
- var flkx=new Array();
- var flky=new Array();
- var fldy=new Array();
- var slss=new Array();
- var slsh=new Array();
- var swide, shigh, boddie;
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(baby_its_cold_outside);
- function baby_its_cold_outside() { if (document.getElementById) {
- var i;
- boddie=document.createElement("div");
- i=boddie.style;
- i.position="fixed";
- i.top="0px";
- i.left="0px";
- i.overflow="visible";
- i.width="1px";
- i.height="1px";
- i.backgroundColor="transparent";
- document.body.appendChild(boddie);
- set_width();
- for (var i=0; i<flakes; i++) {
- flks[i]=createDiv(3, 3, colour);
- flkx[i]=3*Math.floor(Math.random()*swide/3);
- flky[i]=Math.floor(Math.random()*shigh);
- fldy[i]=2+Math.floor(Math.random()*4);
- flks[i].style.left=flkx[i]+"px";
- flks[i].style.top=flky[i]+"px";
- flks[i].style.zIndex=(over_or_under=="over")?"1001":"0";
- boddie.appendChild(flks[i]);
- }
- setInterval("let_it_snow()", speed);
- }}
- function createDiv(height, width, colour) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height+"px";
- div.style.width=width+"px";
- div.style.overflow="hidden";
- div.style.backgroundColor=colour;
- return (div);
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min-3;
- shigh=sh_min;
- if (slush) {
- if (swide/3>slss.length) for (i=slss.length; i<swide/3; i++) {
- if (!slsh[i]) slsh[i]=3;
- slss[i]=createDiv(slsh[i], 3, colour);
- boddie.appendChild(slss[i]);
- }
- for (i=0; i<swide/3; i++) {
- slss[i].style.height=slsh[i]+"px";
- slss[i].style.top=shigh-slsh[i]+"px";
- slss[i].style.left=3*i+"px";
- }
- if (i<slss.length && slss[i].style.left!="-3px") for (; i<slss.length; i++) slss[i].style.left="-3px";
- }
- }
- function let_it_snow(c) {
- var i, x, o=0, z=0;
- for (i=0; i<flakes; i++) {
- flky[i]+=fldy[i];
- x=Math.floor(flkx[i]/3);
- if (slush) {
- o+=slsh[x];
- if (flky[i]>=shigh-slsh[x]) {
- if (x<swide && slsh[x]>slsh[x+1]+3) x++;
- else if (x>0 && slsh[x]>slsh[x-1]+3) x--;
- slss[x].style.top=shigh-(slsh[x]+=3)+"px";
- slss[x].style.height=slsh[x]+"px";
- flky[i]=shigh;
- }
- }
- if (flky[i]>=shigh || flkx[i]>swide) {
- flky[i]=0;
- fldy[i]=2+Math.floor(Math.random()*4);
- flkx[i]=3*Math.floor(Math.random()*swide/3);
- flks[i].style.left=flkx[i]+"px";
- z++;
- }
- flks[i].style.top=flky[i]+"px";
- }
- if (o>flakes*slush) for (i=0; i<slsh.length; i++) if (slsh[i]>3) slsh[i]--;
- if (z || o>flakes*slush) set_width();
- }
- // ]]>
- </script>
- {/block:ifsnoweffect}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement