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>
- <meta name="text:sidebar top" content="100" />
- <meta name="text:sideimg text" content="give me da booty" />
- <meta name="text:extra link" content="URL"/>
- <meta name="text:extra link2" content=""/>
- <meta name="text:extra link3" content=""/>
- <meta name="text:extra links1 title" content="page title"/>
- <meta name="text:extra links2 title" content=""/>
- <meta name="text:extra links3 title" content=""/>
- <meta name="if:Show Album Art" content="1" />
- <meta name="if:BackgroundCover" content="1">
- <meta name="if:SidebarCover" content="0">
- <meta name="if:400px" content="1">
- <meta name="if:500px" content="0">
- <meta name="if:250px" content="0">
- <meta name="if:BorderSidebar" content="1">
- <meta name="if:BordersPermalink" content="1">
- <meta name="if:InfiniteScroll" content="0" />
- <meta name="if:Caption" content="0">
- <meta name="if:Sidebar Right" content="0">
- <meta name="if:Sidebar HoverEffect" content="1">
- <meta name="if:Sidebar Pagination" content="0">
- <meta name="if:Index Tags" content="0">
- <meta name="if:Post Shadow" content="1">
- <meta name="if:Transparent Permalink" content="0">
- <meta name="if:Show Reblog Link" content="1">
- <meta name="if:Links Style 1" content="1">
- <meta name="if:Links Style 2" content="0">
- <meta name="color:background" content="#fafafa" />
- <meta name="color:blockquote" content="#cada63">
- <meta name="color:scrollbar face" content="#4e6d5f">
- <meta name="color:scrollbar bg" content="#fafafa">
- <meta name="color:permalink" content="#111">
- <meta name="color:text" content="#111">
- <meta name="color:title" content="#6c9faa">
- <meta name="color:permalinkhover" content="#f7eebf">
- <meta name="color:permalinktext" content="#fff">
- <meta name="color:borders" content="#98aeb6">
- <meta name="color:menu links" content="#fff">
- <meta name="color:menu links hover" content="#000">
- <meta name="color:menu links bg" content="#111">
- <meta name="color:selection" content="#fff" />
- <meta name="color:selection bg" content="#111" />
- <meta name="color:title" content="#5daa83" />
- <meta name="color:bold" content="#306585" />
- <meta name="color:italic" content="#899B99" />
- <meta name="color:links" content="#8EBC6D">
- <meta name="color:links hover" content="#ccc">
- <meta name="color:description" content="#111">
- <meta name="color:description bg" content="#fff">
- <meta name="image:sidebar bg" content="" />
- <meta name="image:sidebar" content="" />
- <meta name="image:scroll to top" content="http://media.tumblr.com/tumblr_mc9r7vRPLh1rnr4eb.gif" />
- <meta name="image:background" content="" />
- <meta name="image:banner" content="http://media.tumblr.com/tumblr_ls5qjwc3iY1r10jj7.gif"/>
- <meta name="select:FontFamily" content="inconsolata" title="Inconsolata">
- <meta name="select:FontFamily" content="consolas" title="Consolas">
- <meta name="select:FontFamily" content="lucida console" title="Lucida Console">
- <meta name="select:FontFamily" content="cousine" title="Cousine">
- <meta name="select:FontFamily" content="courier new" title="Courier New">
- <meta name="select:FontFamily" content="arial" title="Arial">
- <meta name="select:FontFamily" content="tahoma" title="Tahoma">
- <meta name="select:FontFamily" content="verdana" title="Verdana">
- <meta name="select:FontFamily" content="oxygen mono" title="Oxygen Mono">
- <meta name="select:FontFamily" content="lekton" title="Lekton">
- <meta name="select:SecondaryFont" content="inconsolata" title="Inconsolata">
- <meta name="select:SecondaryFont" content="consolas" title="Consolas">
- <meta name="select:SecondaryFont" content="lucida console" title="Lucida Console">
- <meta name="select:SecondaryFont" content="cousine" title="Cousine">
- <meta name="select:SecondaryFont" content="courier new" title="Courier New">
- <meta name="select:SecondaryFont" content="arial" title="Arial">
- <meta name="select:SecondaryFont" content="tahoma" title="Tahoma">
- <meta name="select:SecondaryFont" content="verdana" title="Verdana">
- <meta name="select:SecondaryFont" content="oxygen mono" title="Oxygen Mono">
- <meta name="select:SecondaryFont" content="lekton" title="Lekton">
- <meta name="select:SecondaryFont" content="carrois gothic SC" title="Carrois Gothic SC">
- <meta name="select:SecondaryFont" content="patrick hand SC" title="Patrick Hand SC">
- <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:BorderSize" content="1px" title="1px">
- <meta name="select:BorderSize" content="2px" title="2px">
- <meta name="select:BorderSize" content="3px" title="3px">
- <meta name="select:BorderSize" content="4px" title="4px">
- <meta name="select:BorderSize" content="5px" title="5px">
- <meta name="select:BorderRadius" content="0px" title="none">
- <meta name="select:BorderRadius" content="4px" title="4px">
- <meta name="select:BorderRadius" content="6px" title="6px">
- <meta name="select:BorderRadius" content="8px" title="8px">
- <meta name="select:BorderRadius" content="10px" title="10px">
- <meta name="select:BorderRadius" content="12px" title="12px">
- <meta name="select:BorderRadius" content="14px" title="14px">
- <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: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">
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://static.tumblr.com/eyiktef/f18myo7oc/chip_400.font.js' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' 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">
- iframe#tumblr_controls {
- top: -0px; !important; right:-0px; !important; position: fixed !important;}
- 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: {select:fontfamily};
- }
- .clear {
- clear: both;
- height: 0px;
- overflow: hidden;
- }
- a img {
- border: none;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:scrollbar face};
- height: 5px;}
- ::-webkit-scrollbar {
- width: 5px;
- background-color: {color:scrollbar bg};}
- ::-moz-selection {background:{color:selection bg};color:{color:selection}}
- ::selection {background:{color:selection bg};color:{color:selection};}
- a { color:{color:Links};
- text-decoration:none;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- a:hover {
- color:{color:Links Hover};
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- .topp {{block:ifnotsidebarright}right:60px;{/block:ifnotsidebarright}{block:ifsidebarright}left:60px;{/block:ifsidebarright}bottom:10px;position:fixed}
- .topp a{color:{color:links};text-decoration:none;text-shadow:0px 0px #ccc}
- .topp a:hover{color:{color:links hover};text-shadow:-0px -50px transparent}
- small{font: 11px {select:fontfamily} !important;letter-spacing:1px !important}
- pre {font: 11px monospace !important;letter-spacing:1px !important;overflow:auto}
- b, strong {font: 12px {select:fontfamily} !important; color:{color:bold}; font-weight:700 !important;}
- i, em {font: italic 12px {select:fontfamily} !important; color:{color:italic};}
- #banner {
- position: fixed;
- z-index: -1;
- background: url('{image:banner}') top fixed repeat-x;
- width:100%; height:100%;
- }
- #wrapper {
- width:500px;
- margin: 0 auto;
- }
- #wrapper #content {
- {block:if500px}width: 528px;{/block:if500px}
- {block:if400px}width: 426px;{/block:if400px}
- {block:if250px}{block:indexpage}width: 275px;{/block:indexpage}{block:permalinkpage}width: 426px;{/block:permalinkpage}{/block:if250px}
- float: right;
- margin-left:100px;
- margin-top:13px;
- }
- #wrapper #content .post {
- font-family: {select:fontfamily};
- -moz-border-radius: {select:borderradius};
- -webkit-border-radius: {select:borderradius};
- border-radius:{select:borderradius};
- background: {select:postbackground};
- padding: 10px;
- position: relative;
- border: {select:bordersize} {select:postborder} {color:borders};
- {block:ifpostshadow}box-shadow:rgba(0,0,0,0.1)10px 10px;{/block:ifpostshadow}
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- {block:indexpage} #wrapper #content .post:hover {
- border: {select:bordersize} {select:postborder} transparent;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- {block:ifpostshadow}box-shadow:rgba(0,0,0,0.1)0px 0px;{/block:ifpostshadow}
- } {/block:indexpage}
- #wrapper #content .post .media {
- text-align: center;
- font-family:{select:fontfamily};
- {block:ifnotcaption}margin-bottom: 10px;{/block:ifnotcaption}
- }
- #wrapper #content .post .quotebg {
- font-family: georgia, serif;
- font-size: 150px;
- color: #ccc;
- opacity: 0.4;
- filter: alpha(opacity=40);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
- position: absolute;
- top: 70px;
- left: 10px;
- }
- #wrapper #content .post .quote {
- color: {color:title};
- font-family: {select:secondaryfont};
- font-style: none;
- padding: 20px 20px 5px 20px;
- font-size: 17px;
- line-height: 22px;
- }
- #wrapper #content .post .copy {
- color: {color:text};
- padding: 8px;
- font-size: 12px;
- line-height: 15px;
- margin-bottom:-5px;
- font-family:{select:fontfamily};
- }
- #wrapper #content .post .copy a {
- color: {color:Links};
- 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;
- }
- #wrapper #content .post .copy a:hover{
- color: {color:Links Hover};
- -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;
- text-decoration:none;
- }
- #wrapper #content .post .copy p {
- margin: 10px 0 0 0;
- padding: 0;
- }
- #wrapper #content .post .copy img {
- max-width: 100%;
- }
- #wrapper #content .post .audio {
- float: left;
- padding: 7px;
- }
- #wrapper #content .post .audio .player {
- float: left;
- }
- #wrapper #content .post .audio .player .audio_player embed {
- border: 0px solid #c8c8c8;
- }
- #wrapper #content .post .album_art {
- text-align: center;
- }
- .tumblr_audio_player {height: 36px; width: 100%;}
- .album_art img {
- {block:If500px}
- width:500px;
- {/block:If500px}
- {block:If400px}
- width:400px;
- {/block:If400px}
- {block:If250px}
- {block:indexpage}width:250px;{/block:indexpage}
- {block:permalinkpage}width:500px;{/block:permalinkpage}
- {/block:If250px}
- }
- #wrapper #content .post .question {
- color: {color:text};
- font-size: 12px;
- font-weight: bold;
- background: #f1f1f1;
- -moz-border-radius: {select:borderradius};
- -webkit-border-radius: {select:borderradius};
- border-radius: {select:borderradius};
- margin: 0 0 15px 0;
- padding: 15px 20px;
- position: relative;
- }
- #wrapper #content .post .asker_container {
- margin: 0 0 20px 24px;
- }
- #wrapper #content .post .asker_container img {
- margin: 0 12px -7px 0;
- -moz-border-radius: 12px;
- -webkit-border-radius: 12px;
- border-radius: 12px;
- }
- #wrapper #content .post .asker_container a.asker {
- color: {color:text};
- }
- #wrapper #content .post .title {
- font-family:{select:secondaryfont};
- color: {color:title};
- font-size: 15px;
- font-weight: bold;
- padding: 10px 10px 0 10px;
- }
- #wrapper #content .post img {
- {block:if500px}max-width:500px;{/block:if500px}
- {block:if400px}max-width: 400px;{/block:if400px}
- {block:if250px}{block:indexpage}max-width: 250px;{/block:indexpage}{block:permalinkpage}max-width: 400px;{/block:permalinkpage}{/block:if250px}
- }
- #wrapper #content .post .chat {
- border-left: 3px solid {color:blockquote};
- margin: 10px 10px 0 10px;
- font-size: 12px;
- }
- #wrapper #content .post .chat .lines {
- margin-left: 1px;
- }
- #wrapper #content .post .chat .lines .line {
- color: {color:text};
- margin-bottom: 1px;
- padding: 3px 5px;
- }
- #wrapper #content .post .chat .lines .line.even {
- }
- #wrapper #content .post .link {
- margin: 4px 0 2px 0;
- font-size: 15px;
- line-height: 25px;
- text-transform:lowercase;
- }
- #wrapper #content .post .link a {
- color: {color:links};
- font-family:{select:secondaryfont};
- padding: 5px 7px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- }
- #wrapper #content .post .link a:hover {
- opacity: 0.9;
- filter: alpha(opacity=90);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
- letter-spacing:1px;
- }
- #wrapper #content .post .footer {
- {block:ifnottransparentpermalink} background:{color:permalink}; {/block:ifnottransparentpermalink}
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- font-family:{select:secondaryfont};
- font-size: 10px;
- color: {color:permalinktext};
- padding: 4px;
- margin-top: 10px;
- {block:ifborderspermalink}border: 1px solid {color:borders}; {/block:ifborderspermalink}
- -webkit-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out;
- -o-transition:all 0.6s ease-in-out;
- transition:all 0.6s ease-in-out;
- }
- #wrapper #content .post .footer.for_permalink:hover {
- {block:ifnottransparentpermalink} background: {color:permalinkhover} ; {/block:ifnottransparentpermalink}
- -webkit-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out;
- -o-transition:all 0.6s ease-in-out;
- transition:all 0.6s ease-in-out;
- }
- #wrapper #content .post .footer .date {
- {block:if400px}width:65%;{block:if400px}
- {block:if500px}width:65%;{block:if500px}
- {block:if250px}width:60%;{block:if250px}
- display: inline;
- text-align:left;
- float:left;
- color: {color:permalinktext};
- }
- #wrapper #content .post .footer .date a {
- color: {color:permalinktext};
- }
- #wrapper #content .post .footer .notes {
- {block:if400px}width:35%;{block:if400px}
- {block:if500px}width:35%;{block:if500px}
- {block:if250px}width:40%;{block:if250px}
- display:inline;
- float:right;
- text-align:right;
- color: {color:permalinktext};
- }
- #wrapper #content .post .footer .notes a {
- color: {color:permalinktext};
- }
- #wrapper #content .post .footer .tags a {
- color: {color:links};
- text-decoration: none;
- }
- #wrapper #content .post .footer .tags a:hover {
- text-decoration: none;
- color: {color:Links Hover};
- }
- #wrapper #content .post .footer .tags .tag-commas:last-child {
- display: none;
- }
- #wrapper #content .post .footer.with_source_url .tags {
- max-width: 330px;
- float: left;
- }
- #wrapper #content .post .footer.with_source_url .source_url {
- float: right;
- max-width: 160px;
- overflow: hidden;
- white-space: nowrap;
- color: {color:links};
- }
- #wrapper #content .post .footer.with_source_url .source_url img {
- vertical-align: top;
- -moz-opacity: 0.5;
- opacity: 0.5;
- }
- #wrapper #content .post .footer.with_source_url .source_url:hover img {
- -moz-opacity: 0.7;
- opacity: 0.7;
- }
- #wrapper #content .post a {
- color: {color:links};
- text-decoration: none;
- }
- #wrapper #content .post .copy blockquote {
- margin: 10px 0px 10px 10px;
- padding-left: 15px;
- border-left: dashed 1px {color:blockquote};
- }
- #wrapper #content .bottom {
- height: 20px;
- margin: 0 auto;
- }
- #wrapper #content #navigation {
- text-align: right;
- padding-bottom: 15px;
- padding-top: 10px;
- font-size: 11px;
- text-transform: lowercase;
- }
- #wrapper #content #navigation a {
- background: {select:postbackground};
- color: {color:text};
- padding: 5px 10px;
- text-decoration: none;
- font-family:{select:secondaryfont};
- margin-left: 25px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- }
- #wrapper #content #navigation a:hover {
- opacity: 0.7;
- filter: alpha(opacity=70);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
- }
- #wrapper #content #navigation.jump_pagination {}
- #wrapper #content #navigation.jump_pagination a {
- margin: 0 0 0 4px;
- }
- #wrapper #content #navigation.jump_pagination .current_page {
- color: {color:links};
- background:{select:postbackground};
- font-family:{select:secondaryfont};
- font-size: 11px;
- padding: 5px 10px;
- margin: 0 0 0 4px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- cursor: default;
- }
- #wrapper #content #navigation.jump_pagination .jump_page {}
- #wrapper #content .post .notecontainer {
- background: #f4f4f4;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- font-family: {select:fontfamily};
- color: {color:text};
- margin-top: 10px;
- margin-bottom: -10px;}
- #wrapper #content .post .notecontainer a {
- color: {color:links};
- font-weight: bold;}
- #wrapper #content .post .notecontainer ol.notes {
- padding: 0px 0 10px 0;
- list-style-type: none;
- font-size: 10px;}
- #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: 10px;
- -webkit-border-radius: 10px;
- border-radius: `10px;}
- #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 dashed {color:blockquote};padding: 4px 10px;margin: 10px 0px 0px 25px;}
- #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
- text-decoration: none;}
- .sidebar {
- width: 250px;
- position: fixed;
- {block:ifnotsidebarright}left: 0px;
- {block:ifbordersidebar} border-right: 2px dashed {color:borders}; {/block:ifbordersidebar} {/block:ifnotsidebarright}
- {block:ifsidebarright}right: 0px;
- {block:ifbordersidebar} border-left: 2px dashed {color:borders}; {/block:ifbordersidebar} {/block:ifsidebarright}
- height: 100%;
- background: url({image:sidebar bg}) center center fixed repeat;
- {block:ifsidebarcover}background-size: cover;{/block:ifsidebarcover}
- }
- #description {
- text-align: justify;
- margin-top: {text:sidebar top}px;
- position: fixed;
- display: block;
- margin-left: 28px;
- }
- #descimg {
- margin-top: -233px;
- opacity:1;
- -webkit-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out;
- -o-transition:all 0.6s ease-in-out;
- transition:all 0.6s ease-in-out;
- background: transparent;
- }
- #descimg img {
- width: 170px;
- height: 210px;
- background: {color:description bg};
- padding: 9px;
- -webkit-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out;
- -o-transition:all 0.6s ease-in-out;
- transition:all 0.6s ease-in-out;
- -moz-border-radius: {select:borderradius};
- -webkit-border-radius: {select:borderradius};
- border-radius:{select:borderradius};
- }
- #description:hover #descimg {
- {block:ifsidebarhovereffect}opacity:0.15;{/block:ifsidebarhovereffect}
- -webkit-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out;
- -o-transition:all 0.6s ease-in-out;
- transition:all 0.6s ease-in-out;
- }
- .desctext {
- -moz-border-radius:{select:borderradius};
- -webkit-border-radius: {select:borderradius};
- border-radius:{select:borderradius};
- width: 130px;
- height: 170px;
- line-height: 15px;
- overflow:auto;
- display:block;
- background:{color:description bg};
- text-align: justify;
- color:{color:description};
- font-family:{select:secondaryfont};
- font-size:10px;
- padding: 30px;
- opacity:1;
- -webkit-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out;
- -o-transition:all 0.6s ease-in-out;
- transition:all 0.6s ease-in-out;
- }
- .desctext2 {
- -moz-border-radius: {select:borderradius};
- -webkit-border-radius: {select:borderradius};
- border-radius:{select:borderradius};
- width: 130px; height: auto;
- line-height: 15px;
- overflow:auto;
- display:block;
- background:{color:description bg};
- text-align: justify;
- margin-top: -7px;
- color:{color:description};
- font-family:{select:fontfamily};
- font-size:11px;
- padding: 30px;
- }
- .nav {
- font-size:12px;
- color: {color:menu links};
- padding-top: 12px;
- text-align:center;
- }
- .nav a{
- font-size:10px;
- font-family:{select:secondaryfont};
- font-size:11px;
- color: {color:menu links};
- padding: 4px 5px 4px 5px;
- background-color:{color:menu links bg};
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- }
- .nav a:hover{
- color: {color:menu links hover};
- padding: 2px 5px 2px 5px;
- background-color : transparent;
- }
- .side_jump_page {
- padding: 4px 4px;
- color:{color:description};
- font-family:{select:fontfamily};
- text-decoration:none;
- {block:ifinfinitescroll}display: none;{/block:ifinfinitescroll}
- }
- .side_jump_page:hover {
- padding: 4px 4px;
- color: {color:menu links hover};
- letter-spacing: 1px;
- text-decoration:none;
- }
- #s-m-t-tooltip {
- background: #fff;
- font-size: 10px;
- font-family: {select:secondaryfont};
- letter-spacing: 2px;
- text-transform: uppercase;
- color: {color:text};
- word-wrap: break-word;
- padding: 2px 5px 2px 6px;
- display: block;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- margin: 10px 10px 10px 15px;
- border: 1px solid #ccc;
- }
- .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); }
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
- <link href="#s-m-t-tooltip" 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>
- {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
- </head>
- <body>
- <div id="banner"></div>
- <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}"><a href="{Permalink}">
- {block:If400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:If400px}
- {block:If500px}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:If500px}
- {block:If250px}{block:indexpage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:permalinkpage}{/block:If250px}
- </div></div></a>
- {block:IfCaption}{block:caption}<div class="copy">{Caption}</div>{/block:caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:caption}<div class="copy">{Caption}</div>{/block:caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Photo}
- {block:Photoset}<div class="masthead {select:photo effect}">
- <div class="media">
- {block:If400px}{Photoset-400}{/block:If400px}
- {block:If500px}{Photoset-500}{/block:If500px}
- {block:If250px}{block:indexpage}{Photoset-250}{/block:indexpage}{block:permalinkpage}{Photoset-400}{/block:permalinkpage}{/block:If250px}
- </div></div>
- {block:IfCaption}{block:caption}<div class="copy">{Caption}</div>{/block:caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:caption}<div class="copy">{Caption}</div>{/block:caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Photoset}
- {block:Video}
- <div class="media">
- {block:If400px}{Video-400}{/block:If400px}
- {block:If500px}{Video-500}{/block:If500px}
- {block:If250px}{block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-400}{/block:permalinkpage}{/block:If250px}
- </div>
- {block:IfCaption}{block:caption}<div class="copy">{Caption}</div>{/block:caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:caption}<div class="copy">{Caption}</div>{/block:caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Video}
- {block:Audio}
- {block:IfShowAlbumArt}
- {block:AlbumArt}
- <div class="album_art"><div class="masthead {select:photo effect}">
- <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
- </div></div>
- {/block:AlbumArt}{/block:IfShowAlbumArt}
- <div id="audioplayer">{AudioPlayerblack} </div>
- <div class="copy">{Caption}</div>
- {/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">
- <div class="nipple"></div>
- {Question}
- </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}<a href="{Permalink}">
- <div class="footer for_permalink">
- <div class="date">
- {block:NoteCount}{NoteCount},{/block:NoteCount} {TimeAgo}
- </div>
- {block:ifshowrebloglink}{block:indexpage}<div class="notes"> <a href="{ReblogURL}" target="_blank" class="notes" title="Reblog"> Reblog</a> </div>{/block:indexpage}{/block:ifshowrebloglink}
- {block:permalinkpage}<div class="notes">{block:Reblog}<a href="{ReblogParentURL}"
- title="{ReblogParentTitle}">VIA</a> /
- {block:RebloggedFrom}<a href=
- "{ReblogRootURL}" title="{REBLOGROOTNAME}">
- SOURCE</a>{/block:RebloggedFrom}
- {/block:Reblog}</div>{/block:permalinkpage}
- <div class="clear"></div>
- </div></a>
- {block:ifindextags}{block:HasTags}<div class="footer for_permalink"><div class="tags"><img src="{image:permapixel}"> {lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div></div>{/block:HasTags}{/block:ifindextags}
- {block:ifnotindextags}{block:permalinkpage}{block:HasTags}<div class="footer for_permalink"><div class="tags"><img src="{image:permapixel}"> {lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div></div>{/block:HasTags}{/block:permalinkpage}{/block:ifnotindextags}
- {/block:Date}
- <div class="footer" style="
- display:none;
- {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}">
- {block:IfShowTags}{block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}{/block:IfShowTags}
- {block:ContentSource}{block:Reblog}<a href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:Reblog}<a href="{SourceURL}" class="source_url">Source: {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
- <div class="clear"></div>
- </div>
- {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
- </div>
- <div class="bottom"></div>
- {/block:Posts}
- </div>
- {block:IfNotInfiniteScroll}{block:ifnotSidebarPagination}
- {block:Pagination}
- <center>
- {block:Pagination}
- <div id="navigation" class="jump_pagination">
- {block:PreviousPage}<a href="{PreviousPage}" title="{PreviousPage}"> back</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}" title="{NextPage}">next</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </center>
- {/block:Pagination}{block:ifnotSidebarPagination}
- {/block:IfNotInfiniteScroll}
- </div>
- <div class="sidebar">
- <div id="description">
- <div class="desctext"><b><a style="color:{color:title}" href="/">{Title}</a> //</b> {text:sideimg text}
- </div>
- <div id="descimg"><img src="{image:sidebar}"></div>
- {block:iflinksstyle1}
- <div class="nav">
- <a href="/" title="index">.01</a>
- <a href="/ask" title="message" >.02</a>
- {block:ifextralink}<a href="{text:extra link}" title="{text:extra links1 title}">.03</a>{/block:ifextralink}
- {block:ifextralink2}<a href="{text:extra link2}" title="{text:extra links2 title}">.04</a> {/block:ifextralink2}
- {block:ifextralink3}<a href="{text:extra link3}" title="{text:extra links3 title}">.05</a> {/block:ifextralink3}
- </div>
- {/block:iflinksstyle1}
- <br><div class="desctext2">{block:Description}{Description}{/block:Description}
- {block:iflinksstyle2}
- <center><br><select style="width: 130px; border: 0px solid; padding: 2px; color: {color:menu links}; margin-bottom:-15px; background-color: {color:menu links bg}; font-family: {font:accent}; text-transform: uppercase; font-size: 10px; letter-spacing: 3px;" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value="/">MENU</option>
- <option value="/">INDEX</option>
- <option value="/ask">MESSAGE</option>
- {block:ifextralink}<option value="{text:extra link}">{text:extra links1 title}</option>{/block:ifextralink}
- {block:ifextralink2}<option value="{text:extra link2}">{text:extra links2 title}</option>{/block:ifextralink2}
- {block:ifextralink3}<option value="{text:extra link3}">{text:extra links3 title}</option>{/block:ifextralink3}
- </select></center>{/block:iflinksstyle2}
- </div>
- {block:IfNotInfiniteScroll}{block:ifSidebarPagination}
- <center><br>
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="side_jump_page">[ back ]</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="side_jump_page">[ next ]</a>{/block:NextPage}
- {/block:Pagination}
- </center>{/block:ifSidebarPagination}
- {/block:IfNotInfiniteScroll}
- </div></div>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
- <div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="back to top"><img src="{image:scroll to top}"></a></div>
- <a href="http://koduck.tumblr.com" title="theme by koduck"><div style="position:fixed;left:10px;bottom:5px;font-size:11px;opacity:0.8">©</div></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement