Dark Tumblr Themes
html { background-color: transparent; } html, body { height: 100%; } body { font: normal 62.5%/1 "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #000; color: #ddd; } #page { position: relative; width: 960px; min-height: 100%; margin: 0 auto; } #header { background: url("http://static.tumblr.com/gpln05e/ScKMC9xSQ/header-bg.png") no-repeat 50% 0; padding-top: 110px; margin-bottom: 60px; } #header h1 { font-size: 250%; color: #fff; text-align: center; text-transform: uppercase; } #header h2 { width: 500px; margin: 0 auto; background: url("http://static.tumblr.com/gpln05e/23vSi9xSQ/header-h2-bg.png") no-repeat 50% 100%; padding: 15px 0 60px 120px; font-size: 130%; text-align: center; color: #fff; } #header h2.pages { display: none; display: block;display: block; } .pagetype { font-size: 130%; color: #666; text-transform: lowercase; margin: -10px 0 30px; padding: 0 0 20px 415px; } .pagetype span { border: 1px solid #222; padding: 0.66em 1em; } .pagetype strong { font-weight: normal; text-transform: uppercase; } .pagetype a:link, .pagetype a:visited { color: #fff; } .pagetype a:hover, .pagetype a:active { color: ; } /* Posts */ .post { margin-bottom: 60px; font-size: 130%; } .post .container { position: relative; } .video { background: url("http://static.tumblr.com/gpln05e/lTMkzBxSQ/video-bg.png") repeat-y 250px 100%; margin-bottom: 40px; } .video .container { position: relative; background: url("http://static.tumblr.com/gpln05e/lWXujBxSQ/video-projector.png") no-repeat 250px 100%; padding: 0 285px 165px 275px; } .video .embed { background: url("http://static.tumblr.com/gpln05e/GqRzjBxSQ/video-top.png") no-repeat 0 0; padding: 50px 0 0 35px; margin: 0 -35px 1em -35px; } .video .projector { position: absolute; width: 80px; height: 100px; left: 805px; bottom: 54px; background: url("http://static.tumblr.com/gpln05e/cZPpDBxSQ/video-projector-anim.gif") no-repeat 0 0; } .video .meta { top: 50px; } .audio .container { position: relative; padding: 10px 260px 0 240px; background: url("http://static.tumblr.com/gpln05e/G1YyS5xSQ/audio-cite-bg.png") no-repeat 200px 100%; } .audio .embed { width: 300px; height: 220px; padding: 30px 0 0 100px; margin-bottom: 10px; background: url("http://static.tumblr.com/gpln05e/LidPi5xSQ/audio-bg.png") no-repeat 0 0; } .audio .cassette { position: absolute; width: 270px; height: 120px; left: 281px; top: 81px; background: url("http://static.tumblr.com/gpln05e/ttmoS5xSQ/audio-cassette-anim.gif") no-repeat 0 0; } .audio .content { padding-left: 20px; } .audio .plays { margin-bottom: 1em; color: #777; } .audio .plays a:link, .audio .plays a:visited { color: #777; text-decoration: none; border-bottom: 1px dotted #aaa; } .audio .plays a:hover, .audio .plays a:active { color: #444; border-bottom: 1px dotted #555; } .audio .plays + p { text-indent: 0; } .audio .plays + p + p { text-indent: 2.5em; } .audio .meta { top: 35px; } .quote { margin-top: -20px; } .quote .container { padding: 30px 260px 0 240px; background: url("http://static.tumblr.com/gpln05e/gR8GjBxSQ/quote-bg.png") no-repeat 710px 0; } .quote .quotetext { padding: 0; color: #fff; } .quote .quotetext p + p { text-indent: 2em; } .quote .long { font-size: 140%; line-height: 135%; } .quote .medium { font-size: 185%; line-height: 120%; } .quote .short { font-size: 230%; line-height: 120%; } .quote .content { width: 430px; min-height: 80px; margin-top: 10px; padding: 50px 20px 0 20px; background: url("http://static.tumblr.com/gpln05e/G4zMzBxSQ/quote-cite-bg.png") no-repeat 0 0; } .quote .hand { float: left; width: 150px; height: 80px; } .quote .meta { top: 30px; } .long .meta { top: 28px; } .short .meta { top: 34px; } .link .container { padding: 0 0 0 240px; } .link .link-wrap { position: relative; width: 590px; min-height: 90px; } .link .hand { position: absolute; top: 0; right: 0; width: 165px; height: 90px; background: url("http://static.tumblr.com/gpln05e/BgCdi9xSQ/link-hand.png") no-repeat 100% 0; } .link h2 { font-size: 200%; margin-right: 165px; background: url("http://static.tumblr.com/gpln05e/F8chS9xSQ/link-top.png") no-repeat 0 0; } .link h2 span { display: block; padding: 35px 0 20px 20px; background: transparent url("http://static.tumblr.com/gpln05e/5GBYS9xSQ/link-bot.png") no-repeat 0 100%; } .link h2 a:link, .link h2 a:visited { color: #fff; } .link h2 a:hover, .link h2 a:active { text-decoration: none; border-bottom: 1px dotted #fff; } .link .content { padding: 0 260px 0 20px; margin-top: 10px; } .link .meta { top: 35px; } .chat .container { padding: 0 240px 0 210px; } .chat h2 { font-size: 190%; color: #fff; margin-bottom: 15px; padding: 2px 0 0 30px; } .chat .transcript li { background: url("http://static.tumblr.com/gpln05e/ACX8i5xSQ/chat-bg.png") repeat-y 0 0; margin-bottom: 5px; padding: 5px 40px 5px 50px; color: #fff; font-size: 115%; line-height: 1.3; } .chat .transcript li.even { background-position: 0 100%; } .chat .label { font-weight: normal; text-transform: lowercase; color: #888; } .photo .container { padding: 20px 270px 0 240px; } .photo .photo-wrap { background: url("http://static.tumblr.com/gpln05e/aVsCzBxSQ/photo-bg.png") no-repeat 0 0; padding: 25px 20px 0; } .photo .photo-wrap img { display: block; border: 3px solid #000; margin: 0 auto; } .photo .photo-wrap img:hover { border: 3px solid ; } .photo .photo-wrap .frame { height: 30px; margin-left: -20px; margin-right: -20px; background: url("http://static.tumblr.com/gpln05e/aVsCzBxSQ/photo-bg.png") no-repeat 0 100%; } .photo .content { padding-left: 20px; margin-top: 10px; } .photo .meta { top: 45px; } .text .container { padding: 35px 270px 0 260px; background: url("http://static.tumblr.com/gpln05e/w0MdTBxSQ/text-bg.png") no-repeat 600px 0; } .text .container p > img { max-width: 100%; text-indent: 0 !important; } .text .container p + img { text-indent: 0em !important; } .text h2.title { font-size: 185%; text-transform: uppercase; margin: 5px 0 15px; } .text h2.title a:link, .text h2.title a:visited { color: #fff; } .text h2.title a:hover, .text h2.title a:active { color: ; text-decoration: none; } .text .meta { top: 35px; } /* Notes */ .shownotes { margin-top: 10px; padding-left: 20px; color: #777; } .shownotes a:link, .shownotes a:visited { color: #777; text-decoration: none; border-bottom: 1px dotted #777; } .shownotes a:hover, .shownotes a:active { color: #444; border-bottom: 1px dotted #555; } .text .shownotes, .video .shownotes { padding-left: 0; } .chat .shownotes { padding-left: 50px; } .notes { width: 520px; margin: 15px 0 0 -25px; } .notes li { background: url("http://static.tumblr.com/gpln05e/ACX8i5xSQ/chat-bg.png") repeat-y 0 0; margin-bottom: 5px; padding: 5px 40px 5px 50px; color: #888; font-size: 100%; line-height: 1.3; } .notes .reblog { background-position: 0 100%; } .notes a:link, .notes a:visited { color: #fff; } .notes .avatar { display: none; } .notes blockquote { margin: 0.5em 0 0 1.5em; font-style: italic; } .notes blockquote a:link, .notes blockquote a:visited { color: #888;} .chat .notes { margin-left: 0; } /* Content */ .content { line-height: 154%; color: #bbb; } .content h1, .content h2 { font-size: 131%; color: #fff; margin-bottom: 0.5em; } .content h3, .content h4 { font-size: 115%; color: #fff; margin: 0.75em 0 0.25em; } .content h5, .content h6 { color: #fff; text-transform: uppercase; margin: 0.75em 0 0.25em; } .content p + p { text-indent: 2.5em; } .content blockquote { font-style: italic; margin: 1em 0; padding-left: 2.5em; } .content ul, .content ol { margin: 0.75em 0; padding-left: 2.5em; } .content ul li { list-style: disc; } .content ol li { list-style-type: decimal; } .content pre { margin: 1em 0; padding: 5px 10px; background-color: #222; color: #fff; overflow: auto; width: 410px; } .content code { padding: 1px 2px; font: normal 108%/1.57 "Lucida Console", Consolas, monospace; background-color: #222; color: #fff; } .content abbr, .content acronym { border-bottom: 1px dotted #bbb; cursor: help; } /* Metadata */ .meta { position: absolute; top: 0; left: 0; width: 220px; } .meta .permalink { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url("http://static.tumblr.com/gpln05e/w297S9xSQ/permalink.png") no-repeat 0 0; overflow: hidden; } .meta .permalink a { display: block; width: 30px; height: 0; padding-top: 30px; overflow: hidden; } .meta .data { text-align: right; margin-right: 40px; background-color: #000; } .meta .data p, .meta .tags { margin: 0.7em 0; } .meta .data p em { color: #666; font-style: normal; padding-bottom: 0.25em; border-bottom: 1px solid #333; } .meta .data p.divider em { border-bottom: 1px solid #333; } .meta .tags li { padding-bottom: 0.5em; } .hidden { display: none; } /* Content */ strong, b, strong em, strong i { font-weight: bold; } em, i, em strong, em b { font-style: italic; } /* Footer */ #footer { background: url("http://static.tumblr.com/gpln05e/eQTAi9xSQ/footer-bg.png") no-repeat 50% 0; padding: 60px 0; } #footer #tumblr-logo, #footer #controls { position: absolute; bottom: 0; width: 100px; height: 30px; } #footer #tumblr-logo { left: 220px; background: url("http://static.tumblr.com/gpln05e/6FRgjBxSQ/tumblr-logo.png") no-repeat 0 0; } #footer #controls { width: 130px; left: 610px; background: url("http://static.tumblr.com/gpln05e/u2qGy9xSQ/footer-controls.png") no-repeat 0 0; } #footer #controls li, #footer #controls li a { display: block; float: left; width: 30px; height: 30px; } #footer #controls .random, #footer #controls .random a { width: 40px; } #footer #tumblr-logo, #footer #controls li a { text-indent: -999em; overflow: hidden; } #footer #search { display: none; position: absolute; bottom: 0; left: 454px; width: 160px; height: 30px; background: url("http://static.tumblr.com/gpln05e/H523jBxSQ/search-bg.png") no-repeat 0 0; z-index: 10; } #footer #search label { display: none; } #footer #search-query { position: absolute; left: 8px; bottom: 3px; background-color: #333; border: none; font-size: 130%; width: 150px; height: 21px; color: #fff; } #footer .older, #footer .newer { width: 180px; height: 40px; float: left; margin-left: 285px; background: url("http://static.tumblr.com/gpln05e/5FfxC9xSQ/nav-older-bg.png") no-repeat 0 0; } #footer .newer { margin-left: 20px; background-image: url("http://static.tumblr.com/gpln05e/j8JnS9xSQ/nav-newer-bg.png"); } #footer .older a, #footer .newer a { display: block; height: 40px; text-indent: -999em; overflow: hidden; background: url("http://static.tumblr.com/gpln05e/YxL1S9xSQ/nav-older.png") no-repeat 0 0; } #footer .newer a { background-image: url("http://static.tumblr.com/gpln05e/rKctC9xSQ/nav-newer.png"); } #footer .older a:hover, #footer .newer a:hover { background-position: 0 -40px; } #footer .credits, #footer .pages { clear: both; text-align: center; font-size: 130%; line-height: 130%; padding-top: 1em; color: #666; } #footer .pages { color: #333; } #footer .credits a:link, #footer .credits a:visited { color: #999; } #footer .credits a:hover, #footer .credits a:active { color: ; } /* Following */ #following { overflow: hidden; width: 360px; margin: 20px auto 0; padding-top: 30px; background: url("http://static.tumblr.com/gpln05e/F9Fkfgd11/header-following.png") no-repeat 50% 0; } #following li { display: block; float: left; width: 24px; height: 24px; margin: 0; padding: 8px; background: #000 url("http://static.tumblr.com/gpln05e/OkOkfgc9y/avatar-bg.png") no-repeat 0 0; } #following li.alt2 { background-position: -40px 0; } #following li.alt3 { background-position: -80px 0; } #following li.alt4 { background-position: -120px 0; } /* Links */ a:link, a:visited { color: ; text-decoration: none; } a:hover, a:active { text-decoration: underline; } .data a:link, .data a:visited { color: #666; } .data a:hover, .data a:active { color: ; text-decoration: none; } /* Localization */ .tag, .search_query { font-weight: bold; } .search_query:before { content:'“'; } .search_query:after { content:'”'; } .pagetype .date { font-weight: bold; }
awwww-cute:

Found an old PC monitor, decorated a little

awwww-cute:

Found an old PC monitor, decorated a little

180,239 notes

carlsagan:

unclepolymer:

Pusheen the cat making some chemistry.

That cat is not wearing safety goggles, he hasn’t even bothered to clean up that spilled solvent, and he is holding that Erlenmeyer flask way to close to his face.
Pusheen the Cat, more like Pusheen the limits of lab safety

carlsagan:

unclepolymer:

Pusheen the cat making some chemistry.

That cat is not wearing safety goggles, he hasn’t even bothered to clean up that spilled solvent, and he is holding that Erlenmeyer flask way to close to his face.

Pusheen the Cat, more like Pusheen the limits of lab safety

128,125 notes

170,491 notes

602,432 notes

410,764 notes

626,354 notes

462,801 notes

southernsnowdogs:

"What?" 

southernsnowdogs:

"What?" 

34 notes