Theme 21-08

30
<!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional// EN" "http://www.w3. org/TR/xh tml1/DTD/ xhtml1-transition al.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head><title>{Title}</title> <link rel="shortcut icon" href="http://w ww.em-shorts.co m/wp- content/uploa ds/2013/0 7/tumblr_static_ transparent_daisies-e138066 0412612- 150x150.png"> <link rel="alternate" type="application/rss+xml" href="{RSS} "> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <!-- ▣▣▣ THEME #7 WAVES. BY DEANLIRIUM - http://clarence.tk ▣▣▣ PLEASE like and/or reblog the theme post if you use! Edit as you want but YOU MUST leave the credit. Seriously though if you need a base code just google it! if you need anything please ask me OFF ANON so that I can reply privately! :) --> <link href='http://f onts.googleap is.com/cs s?family=Si x+Caps' rel='stylesheet' type='text/cs s'> <meta name="color:Background" content="#ffffff"> <meta name="color:Sidebar and posts info" content="#eeeeee"> <meta name="color:Post links" content="#768297"> <meta name="color:Sidebar links" content="#768297"> <meta name="color:Text" content="#7b7070"> <meta name="color:Scrollbar" content="#cee1ed"> <meta name="color:Border" content="#eeeeee"/>

Transcript of Theme 21-08

{Title} {block:Description}{/block:Description}

(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);

$(document).ready(function () { $(".navi").toggle(function() { $("#links2").show(); }, function() { $("#links2").hide(); });});

.cont { margin:auto; width:100%; height:100%; z-index:20; width:1300px;}

/*--scrollbar--*/ ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:scrollbar};}::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar};}::-webkit-scrollbar {background-color:{color:Sidebar and posts info};height:0px;width:4px;border:2px solid {color:Sidebar and posts info};}::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:Sidebar and posts info};display:block;height:0px;border-right:0px solid {color:Sidebar and posts info};border-left:0px solid {color:Sidebar and posts info};}

::selection {color:{color:1};}

::-moz-selection {color:{color:1};}::-webkit-selection {color:{color:1};}

/*--body--*/ body { font-style:none; background-color:{color:Background}; background-image:{image:Background image}; background-attachment:fixed; margin-top:0px; margin-bottom:0px; font-family:calibri; color:{color:Text}; font-size:9px;} a { color:{color:Post links}; text-decoration:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} a:hover { color:{color:Post links hover}; text-decoration:none; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;} img { border:none; padding-bottom:none; display: block;} blockquote {padding-left:5px;margin-left:7px;width:95%;border-left:1px solid {color:Border};}blockquote blockquote { margin-left:7px; max-width:95%;border-left:1px solid {color:Border};} h1 { font-size:22px; letter-spacing:2px;text-transform:uppercase;font-family:'Six Caps';font-style:none;font-weight:normal;line-height:10px;text-align:center;} h2 { font-family:'cambria'; font-size:15px; font-style:italic; text-align:center;} b { font-style:bold;} /*--sidebar--*/ #sidebar { width:120px; height:100%; position:fixed; margin-left:270px; margin-top:0px;} #sidebarimage2 img { position:fixed; top:130px; height:200px; width:120px; opacity:1; display: block; z-index:-80; -moz-transition-duration:1.2s; -webkit-transition-duration:1.2s; -o-transition-duration:1.2s;} #sidebar:hover #sidebarimage2 img { opacity:0.8; -moz-transition-duration:2s; -webkit-transition-duration:2s; -o-transition-duration:2s;} #sidebarimage img { position:fixed; top:130px; height:200px; width:120px; opacity:0; display: block; z-index:-50; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s;} #sidebar:hover #sidebarimage img { opacity:1; -moz-transition-duration:1.2s; -webkit-transition-duration:1.2s; -o-transition-duration:1.2s;} /*--links--*/ #links { margin-top:79px; width:120px; font-family:'calibri'; position:fixed; font-size:0px; margin-left:-10px; opacity:1; z-index:0; border-top:solid 10px {color:Sidebar and posts info}; text-align:center; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}#sidebar:hover #links { opacity:1; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s}

#links a { float:left; overflow:hidden; display:inline-table; text-transform:uppercase; height:0px; letter-spacing:2px; color:{color:Sidebar links}; padding:3px; color:transparent; padding-bottom:0px; line-height:7px; padding-top:0px; width:34px; font-size:8px; z-index:0;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}

#links a:hover{ padding-top:10px; color:{color:text}; padding-bottom:7px; color:{color:Sidebar links hover};-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}

#links2{ display:none;width:60px;margin-top:345px;margin-left:120px;padding-bottom:2px;text-align:left;z-index:9999999999999999;position:fixed;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;}

#links2 a{ display:block; font-size:8px;text-transform:uppercase;font-weight:bold;letter-spacing:1px;border-left:solid 0px;width:80px; margin-top:1px; padding:3px; -moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;}

#links2 a:hover {border-left:solid 5px {color:2}; -moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s; color:{color:Post link hover};}

/*--description--*/ #title{ font-family: 'Six Caps', sans-serif; position:fixed; text-transform:lowercase; width:120px; letter-spacing:2px; font-size:26px; text-align:center; opacity:1; margin-top:90px; z-index:9999999999999999999999999; z-index:20; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s;} #sidebar:hover #title { color:{color:Title}; text-shadow: 0px 0px 5px {color:1}; margin-top:210px; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s;}

#quote{ font-family:calibri; text-transform:uppercase; margin-top:328px; font-weight:bold; letter-spacing:1px; padding:10px; position:fixed; background-color:{color:Sidebar and posts info}; width:100px; height:80px; overflow-y: scroll; overflow-x: hidden; opacity:1; text-align:center; font-size:8px; z-index:9999999999999999999999999999999999999999999; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s;}

/*--pagination--*/ #pagination { position:fixed; margin-left:815px; color:#7b7070; margin-top:275px; z-index:0; font-family:'six caps';letter-spacing:2px;font-size:25px;text-align:center;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;}

#pagination a{font-size:25px;text-transform:uppercase;letter-spacing:2px;text-align:center;z-index:0;width:80px; margin:1px;padding:3px; display:block; border-right:solid 0px; color:#7b7070; transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;} #pagination a:hover { color:#73becc;} /*ENTRIES*/ #entries {padding:10px;width:550px;margin-left:470px;font-size:12px;overflow:hidden;font-family:'arial';letter-spacing:0px;} #post {width:500px;padding:25px;padding-bottom:0px;text-align:justify; opacity:0.9;margin-top:70px;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}#post img{ max-width:100%; -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}#post:hover {opacity:1;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}

.qsource { display:none; text-align:right;} /*POST INFO*/ #info { width:484px;text-align:center;font-family:'trebuchet ms';margin-top:-10px;letter-spacing:2px;font-size:7px;font-style:none;padding:8px;background-color:{color:Sidebar and posts info};line-height:10px;min-height:10px;text-transform:uppercase;} #info a {text-align:center;color:{color:Post info};} #info a:hover {-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;color:{color:Post links hover}} #tags {width:488px;margin-left:-7px;text-align:left;font-size:8px;padding:5px;padding-bottom:0px;padding-top:18px;z-index:-2;max-height:500px;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;} #tags a {letter-spacing:1px;font-size:8px;text-align:center;font-family:'CALIBRI';text-decoration:none;display:inline;text-transform:uppercase;color:{color:Post info};-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;} #tags a:hover {-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;color:{color:Post links hover};}

/*--asks--*/

#asker img{ width:40px; height:40px; padding:6px; background-color:{color:Answer Bg}; margin:0px 7px; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; -webkit-filter: brightness(100%); */-moz-filter: brightness(100%); } #ask {overflow:hidden;margin-top:-52px;font-size:8px;letter-spacing:2px;font-style:none;line-height:8px;margin-left:59px;width:420px;z-index:-1;padding:5px;padding-top:5px;margin-bottom:30px;background-color:{color:Answer Bg};}

/*CREDIT*/ #cred { left:-60px; bottom:6px; font-size:9px; padding:5px; color:{color:Text}; z-index:9999999999999999999999999999999999999; text-transform:uppercase; border:1px solid transparent; position:fixed; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} #cred:hover { left:6px; border-bottom:1px solid {color:border}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #cred:hover a{ color:{color:1};} #cred a{ color:{color:text};} /*-- audio --*/ #whit{ overflow:hidden;position:absolute;opacity:0.2;width:70px;height:70px;margin-left:13px;z-index:999999999999999999999999999999999999999999999999999999;margin-top:6px;background-color:white;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;} #player {width:28px;height:30px;opacity:1;z-index:99999999999999999999999999999999999999999999999999999999999999999;margin:22px;overflow:hidden;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;} #post:hover #whit{ opacity:0.8; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;} #albumart { width:70px; height:70px; padding:6px; z-index:2000; background-color:{color:Answer Bg}; margin:0px 7px; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s;} #albumart img{ -webkit-filter: brightness(110%); */-moz-filter: brightness(110%);-moz-transition-duration: 0.6s;} #infoaudio {position:absolute;overflow:hidden;font-size:8px;letter-spacing:2px;text-transform:uppercase;font-family:'calibri';font-style:none;line-height:8px;margin-top:-82px;margin-left:7px;width:300px;max-height:62px;border-left:solid 82px {color:3};z-index:-1;padding:15px;padding-top:5px;background-color:{color:Background};} {CustomCSS} /* UPDATES */ .drag{ pointer-events:none;}

#s-m-t-tooltip {max-width:300px;padding:5px;margin:-10px 0px 0px 10px;background-color:{color:Answer bg};font-family:calibri;font-size:8px;text-transform:uppercase;color:{color:text};z-index:89000000;}

ol.notes { padding: 0px; font-family:calibri; margin: 25px 0px; list-style-type:none; border-bottom: solid 1px {color:Border}; color: #777; font-size: 8px;} ol.notes a{ text-transform:uppercase; letter-spacing:1px; }

ol.notes li.note { border-top: solid 1px {color:Border}; padding: 10px; }

ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; display: inline-block;}

ol.notes li.note span.action { font-weight: normal; }

ol.notes li.note .answer_content { font-weight: normal; }

ol.notes li.note blockquote { border-color: {color:Border}; padding: 4px 10px; margin: 10px 0px 0px 25px; }

ol.notes li.note blockquote a { text-decoration: none; }

/* BOX 1 */

#upcont { position:fixed; top:10px; margin-left:-15px; -webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;} #one, #two, #three { position:fixed; font-family:'Six Caps'; letter-spacing:2px; overflow:hidden; height:30px; width:50px; font-size:25px; -webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s; } #one{margin-top:0px;} #two{margin-top:35px;} #three{margin-top:70px;} #one:hover, #two:hover, #three:hover { padding-top:170px; height:800px; width:200px; -webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}

#one:hover{ color:#73becc;}#two:hover{ color:#73becc;}#three:hover{ color:#73becc;}

#up1, #up2, #up3{ position:absolute; top:170px; margin-left:55px; padding:10px; border:solid 1px {color:border}; width:100px; font-family:calibri; opacity:0; text-align:center; color:{color:text}; letter-spacing:1px; font-size:8px; text-transform:uppercase; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}

#one:hover #up1, #two:hover #up2, #three:hover #up3{ opacity:1; -webkit-transition: all 2s;-moz-transition: all 2s;transition: all 2s;}

.clk {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

#buttons{ display:block; width:10px; opacity:0; position:absolute; text-align:center; height:50px; opacity:0; margin-left:510px; line-height:6px; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}#post:hover #buttons{opacity:0.5;margin-left:510px;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}

/*--Cursor code--*/ {block:ifCursor} *, body, img, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto } {/block:ifCursor}

iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%) hue-rotate(175deg); -moz-filter: invert(100%) hue-rotate(175deg); -o-filter: invert(100%) hue-rotate(175deg); -ms-filter: invert(100%) hue-rotate(175deg); filter: invert(100%) hue-rotate(175deg); opacity:0.5; }

{block:ifUpdatestab}

one. {text:First tab} two. {text:Second tab} three. {text:Third tab}

{/block:ifUpdatestab}

{Title}

homeasklinks

"I hold it true, whate'er befall;I feel it when I sorrow most;'Tis better to have loved and lostThan never to have loved at all.

{block:Pagination}

{block:NextPage}future{/block:NextPage}{block:PreviousPage}past{/block:PreviousPage}

{/block:Pagination}

{block:ifLink1}{text:Link 1}{/block:ifLink1}{block:ifLink2}{text:Link 2}{/block:ifLink2}{block:ifLink3}{text:Link 3}{/block:ifLink3}{block:ifLink4}{text:Link 4}{/block:ifLink4}{block:ifLink5}{text:Link 5}{/block:ifLink5}

{block:Posts} {block:ContentSource}

{/block:ContentSource}

{LikeButton color="grey" size="14"}
{ReblogButton color="grey" size="14"} {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text} {block:Photo}{LinkOpenTag}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo} {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset} {block:Quote}"{Quote}"{block:Source}{Source}{/block:Source}{/block:Quote} {block:Link}{Name}{block:Description}{Description}{/block:Description}{/block:Link} {block:Chat}{block:Title}{Title}
{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label} {Line}
{/block:Lines}{/block:Chat} {block:Audio}{AudioPlayerWhite} {block:AlbumArt}{/block:AlbumArt}{block:TrackName}{TrackName}{/block:TrackName} {block:Artist}{Artist}{/block:Artist}

{block:caption}{caption}{/block:caption}{/block:Audio}
{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video} {block:Answer}{Asker}: {Question} {Answer}
{/block:Answer} {block:NotReblog}{/block:NotReblog}{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | {NoteCount}{/block:NoteCount}{block:RebloggedFrom}via | Source{/block:RebloggedFrom}

{block:HasTags}{block:Tags} #{Tag} {/block:Tags}{block:HasTags}{/block:Posts}

{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Posts}

deanlirium