body{font-size:1.5em; font-family:"Raleway",sans-serif; font-style: normal; font-weight: 100; background:url(http://static.tumblr.com/2arjqbs/3v2m310e9/bg.jpg);background-attachment:fixed;background-repeat:repeat} a{color:#efefef} a:link,a:active,a:visited{color:#394F61;text-decoration:none;-webkit-transition-duration:.2s} a:hover{color:#EBB787;text-decoration:none;-webkit-transition-duration:.2s} h2{position:relative;opacity:.97;font-size:1em;float:right;clear:both;padding:0.625em 0.625em 0.625em 1.3em;margin-right:-20px;margin-bottom:5px; border: 1px dashed #697072;background-color: rgba(255, 255, 249, 0.8);} h2:after{content:" ";background:url(http://static.tumblr.com/2arjqbs/ewPm2iqvu/ribbon-2.png);display:block;width:10px;height:10px;position:absolute;bottom:0;right:0;margin-bottom:-10px;z-index:-1;opacity:.79} h2{z-index:30;font-family: "Yesteryear",serif;font-style: normal;font-weight: 400; color: #9ba6a9; } h2 a {color:#efefef; } h3 {color:#1d1305; font-family: "Yesteryear",serif;font-style: normal;font-weight: 400; font-size:1.8em; line-height:2em;} h3 a{color: #1d1305; } .post_photo {float:none; } /*-------------------------HEADING-STYLES--------------------------------*/ h1 {font-size: 2.8em; font-family: "Yesteryear",serif; font-style: normal;font-weight: 400; margin-top: 0px; margin-left:15px; } .header h1:hover { opacity: 1;} .header{height:6.2em; } #headerbg {background: url(http://static.tumblr.com/2arjqbs/UNum338u7/headerbg.png) top repeat-x; } .socialbar {float:left; margin-top:2.05em;} h1 .char1, h1 .char4, h1 .char7, h1 .char10, h1 .char13, h1 .char16{color:#8b9cb9; text-shadow: -1px 0px 1px #3f4648;filter: dropshadow(color=#8f9fbb, offx=-1, offy=0);} h1 .char2, h1 .char5, h1 .char8, h1 .char11, h1 .char14 {color:#85b5b5; text-shadow: -1px 0px 1px #898079;filter: dropshadow(color=#898079, offx=-1, offy=0);} h1 .char6, h1 .char3, h1 .char9, h1 .char12, h1 .char15{color:#bc9090; text-shadow: -1px 0px 1px #898079;filter: dropshadow(color=#ba6666, offx=-1, offy=0);} .header h1:hover {opacity: .7} .socialbar h1 {font-size:1.5em; margin-top:-5px; } /*-------------------------POST-STYLES--------------------------------*/ .post_photo li{ list-style-type:decimal; } .post_text li { list-style-type:decimal; } img { opacity: .89;} img:hover {opacity:1; } .audio-bg { height:30px; width:200px; overflow:hidden; } .media {padding-top:30px; } #next { margin-bottom: 10px; } .post_photo, .post_text {text-align:left; } .round-solid-superthick{color:#E9ECD9; border-radius:4px} .sprites{background-image:url(http://static.tumblr.com/2arjqbs/k80m2u88g/sprite.png);background-color:transparent;background-repeat:no-repeat;float:left;opacity:.97} .sprites:hover{opacity:0.7} #ask{ background-position: 0 0; width: 51px; height: 40px; } #ask:hover{ background-position: 0 -50px; width: 51px; height: 40px; } #audio{ background-position: 0 -100px; width: 40px; height: 26px; } #back{ background-position: 0 -136px; width: 46px; height: 45px; } #facebook{ background-position: 0 -191px; width: 42px; height: 40px; } #forward{ background-position: 0 -241px; width: 43px; height: 45px; } #heart{ background-position: 0 -296px; width: 44px; height: 40px; } #lastfm{ background-position: 0 -346px; width: 40px; height: 40px; } #letterboxd{ background-position: 0 -396px; width: 42px; height: 37px; } #photo{ background-position: 0 -443px; width: 40px; height: 30px; } #quote{ background-position: 0 -483px; width: 31px; height: 45px; } #rss{ background-position: 0 -538px; width: 40px; height: 40px; } #twitter{ background-position: 0 -588px; width: 52px; height: 38px; } #video{ background-position: 0 -636px; width: 40px; height: 47px; } #wordy{ background-position: 0 -693px; width: 40px; height: 34px; } #ask,#ask:hover,#rss,#lastfm,#letterboxd,#twitter, li{margin-left:6px; } #search {display:none} .audio-circle{background-color:#fff;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;z-index:300; width:230px;float:left}.the-audio{height:27px;width:200px;overflow:hidden;margin:14px; opacity:.9;float:left} .song {min-height:250px !important; overflow:hidden; } .song img {height:200px;, width:200px;float:left; } .song img:hover #caption {display:block; } #caption {height:27px;width:200px;overflow:hidden;margin:14px; opacity:.9;float:left } /* -------------------------------------------------- Reveal Modals -------------------------------------------------- */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; background: #eee url(http://static.tumblr.com/2arjqbs/URpm2zm40/modal-gloss.png) no-repeat -200px -80px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } /* ============================= */ /* ! Layout for mobile version */ /* ============================= */ @media handheld,only screen and (max-width: 767px) { h1 {margin-top:20px; } iframe#tumblr_controls, #nav-dock, #search { display: none; } #nav-dock {display: none; } #ask,#ask:hover,#rss,#lastfm,#letterboxd,#twitter, li{margin-left:8px; margin-top:0.7em; } .header {font-size: 0.8em; height:7em;} h2{font-size:0.5em;padding:0.1em 0.1em 0.1em 0.5em; font-size:0.625em;} .socialbar h1 { margin-top:0.7em } .elevencol{font-size:0.625em; line-height:1.2em } #headerbg {background: transparent; } } @media only screen and (max-width:1023px){ body{font-size:1.4em;} h1 {font-size: 2.1em; margin-top:20px;} .socialbar {float:left; margin-top:1.9em} #ask,#ask:hover,#rss,#lastfm,#letterboxd,#twitter, li{margin-left:5px; } .socialbar h1 { margin-top:0.35em } } /* ========================================== */ /* ! Provide higher res assets for iPhone 4 */ /* ========================================== */ @media only screen and (-webkit-min-device-pixel-ratio: 2) { /* .logo { background: url(logo2x.jpg) no-repeat; background-size: 212px 303px; }*/ }
Lekker Ding
About
Memories of Ike by Jonathan Robson
About the Author
...monday means nothing on a sinking boat!
×
