/* * Originally written by Stefano Mazzocchi * Adapted by Sam Ruby */ /* ----------------------------- Global Definitions -------------------- */ body { font-family: "Gill Sans", sans-serif; padding: 0 8%; margin: 0; color: #eee; background: #495E69; quotes: "\201C" "\201E" "\2018" "\2019"; } #content { border-top: 2px solid #0B5B9D; margin: 0; padding: 0; } #header { margin: 0; padding: .8em 1em .8em 1.5em; min-height: 48px ; } #header img { padding-right: 8px; border: none; } /* header logo */ .logo { float: left; } #wrapper { border-width: 0 2px 2px 2px; border-style: solid; border-color: #28343B; color: #222; background-color: #fff; margin: 0 auto; padding: 0; } h1 { margin: 0; padding: 0 } /* Headers */ h1,h2,h3,h4,h5,h6 { color: #0b5b9d; } h1 span#headertext a { border-bottom: 2px dotted gray; } a { text-decoration: none; } a:link { color: #0b5b9d; } a:visited { color: #0b5b9d; } a:active { } a:focus { } a.inactive { color: #0b5b9d; } a.rising { font-weight: bold; } a[rel~='license'] { text-decoration: none; } body > h1 { font-size: x-large; text-transform: lowercase; letter-spacing: 0.25em; padding: 10px; margin: 0px 0px 0px 0px; color: #000; font-weight: normal; background-color: #eee; border-bottom: 2px solid #bbb } /* ----------------------------- Sidebar --------------------------- */ #sidebar { float: right; top: 150px; right: 0px; width: 250px; background-color: white; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 20px; border-left: 1px solid #ccc; } #sidebar h2#planettitle { font-weight: bold; font-size: 120%; color: #0b5b9d; text-transform: lowercase; margin: 0px 0px 5px 0px; } #sidebar h2 { letter-spacing: 0.15em; text-transform: lowercase; font-size: small; color: #666; font-weight: normal; padding: 2px 0px 2px 4px; margin: 15px 0px 5px 10px; border-bottom: 1px solid #ccc; } #sidebar h2 a img { margin-bottom: 2px; vertical-align: middle; } #sidebar p { font-size: small; padding-left: 20px; padding-right: 5px; margin-top: 6px; margin-bottom: 6px; } #sidebar ul.feedlink { font-family: sans-serif; margin-left: 15px; padding-left: 25px; } #sidebar ul.feedlink li { font-family: sans-serif; text-indent: -15px; } #sidebar li { margin-left: 0px; text-indent: -30px; list-style-type: none; font-size: small; } #sidebar ul.otherlinks li { list-style-type: disc ! important; text-indent: 0px; } #sidebar ul { margin-top: 10px; } #sidebar ul.otherlinks { margin-top: 6px ! important; } #sidebar li#exportlink { margin-top: 10px; } #sidebar ul li a { text-decoration: none; } #sidebar ul li a:visited { } #sidebar ul li ul { display: none; } #sidebar ul li { position: relative; } #sidebar ul li:hover ul { background-color: #EEE; border: 2px solid #BBB; color: white; display: block; margin-left: -300px; margin-right: 147px; padding: 10px; padding-left: 25px; position: absolute; right: 80px; top: -12px; z-index: 1; } #sidebar img { border: 0; } #sidebar dl { font-size: small; padding-left: 1.0em; } #sidebar dl ul { padding-left: 1em; } #sidebar dt { margin-top: 1em; font-weight: bold; padding-left: 1.0em; } #sidebar dd { margin-left: 2.5em; } #sidebar .message { cursor: help; border-bottom: 1px dashed red; } #sidebar a.message:hover { cursor: help; background-color: #ffD0D0; border: 1px dashed red !important; text-decoration: none !important; } #sidebar input[name=q] { margin: 4px 0 0 24px; } #sidebar time { } /* ---------------------------- Footer --------------------------- */ #footer ul { margin: 0 20px 0 -20px; padding: 0; } #footer li { margin: 0; padding: 0; list-style: none; display: inline; } #footer ul li ul { display: none; } #footer img { display: none; } #realfooter { text-align: right; clear: both; margin: 0; padding: .5em 1em .5em .5em; background-color: #0B5B9D; color: #fff; font-size: .85em; } #realfooter h1,h2,h3,h4,h5,h6 { padding: 0 ! important; } #realfooter p { padding: 0; margin: 0; } #realfooter a { color: white; font-weight: bold; } #realfooter a:active, #realfooter a:hover { text-decoration: underline ! important; } #realfooter a:link { text-decoration: none; } #realfooter a:visited { text-decoration: none; } /* ----------------------------- Body ---------------------------- */ #body { margin-top: 10px; } .admin { text-align: right; } #body > h2 { text-transform: none; font-size: medium; color: #333; font-weight: bold; padding: 1px 15px 1px 5px; margin: 0; margin-left: 10px; } /* ----------------------------- News ---------------------------- */ .news { margin: 10px 10px 20px 30px; clear: left; } .news > h3 { text-indent: -10px; margin: 12px; padding: 0px; font-size: medium; color: #0b5b9d; } .news > h3 > a:first-child { margin-left: 10px } .news > h3 > a:first-child:before { content: '⌘'; color: #D70; margin-left: -18px; margin-right: 2px; text-decoration: none; } img.icon { height: 16px; width: 16px; margin-left: -8px; margin-bottom: -2px; margin-right: 3px; } .news .content { margin: 5px 5px 5px 15px; padding: 0px 5px 0px 5px; } .news .links { } .news .permalink { } /* ----------------------------- News Content ---------------------------- */ .news .content p { } .news .content img { margin: 5px; } .news .content blockquote { margin: 10px 35px 10px 35px; padding: 5px; } .news .content pre { font-family: monospace; font-size: medium; font-weight: bold; border: 1px solid #ddd; padding: 10px; margin: 10px 20px 10px 20px; background-color: #f8f8f8; overflow: auto; } .news .content ul, .news .content ol { margin: 5px 35px 5px 35px; padding: 5px; counter-reset: item; } .news .content ul > ul, .news .content ul > ol, .news .content ol > ul, .news .content ol > ol { margin: 0px 0px 0px 35px; padding: 0px; } .news .content li { padding: 1px; } .news code { font-family: monospace; font-size: medium; font-weight: bold; } .news .content a { text-decoration: none; color: #000; border-bottom: 1px dotted #777; margin: 0px 2px 0px 2px; padding: 1px 1px 1px 1px; } .news .content a:hover, #body h3 a:hover, #poweredby a:hover, #sidebar ul li a:hover, #headertext a:hover { border: 1px dotted #000; background-color: #0b5b9d; color: white; padding: 1px 2px 1px 2px; margin: 0px; } a.subscribeimagelink:hover { border: none !important; background-color: transparent !important; padding: 0px !important; margin: 0px !important; } .news .content a:active { background-color: #0b5b9d; position: relative; top: 1px; left: 1px; padding: 1px 2px 1px 2px; margin: 0px; } .news .content a:focus { border: 1px solid #fff !important; background-color: #0b5b9d; padding: 1px 2px 1px 2px; margin: 0px; } /* --------------------------- Accomodations ----------------------- */ /* boing boing */ br { clear: none !important; } /* engadget */ p { clear: none !important; } /* cadenhead */ p.sourcecode { font-family: monospace; font-size: medium; font-weight: bold; border: 1px solid #ddd; padding: 10px; margin: 10px 20px 10px 20px; background-color: #f8f8f8; overflow: auto; } /* cadenhead */ span.sourcecode { font-family: monospace; font-size: medium; font-weight: bold; font-size: large; background-color: #f8f8f8; } /* hsivonen */ ul p, ol p { margin-top: 0.3em; margin-bottom: 0.3em; } /* programmableweb */ .imgRight { float: right; } /* gizmodo */ img.left { float: left; } /* gizmodo */ img.right { float: right; } /* gizmodo */ img.center { display: block; margin-left: auto; margin-right: auto; } /* wikipedia */ table { width: auto !important; } /* del.icio.us */ .delicious-tags { font-size: small; text-align: right; } /* musings */ img.mathlogo, img.svglogo { float: right; border: 0; } math { white-space: nowrap; } math[display=block] { overflow: auto; } .numberedEq span, .eqno { float: right; } /* sutor */ img.post-img-right { float:right; } /* niall */ img.floatright { float: right; } /* jason kolb */ .FeaturedPost > li { list-style-type: none; background-color: #f8f8f8; } /* Tantek */ ul.tags,ul.tags li,h4.tags { display:inline; font-size: small } ul.tags a:link, ul.tags a:visited { color:green } a[rel='tag'] img { border: 0; } /* DiveIntoMark */ .framed { float: none; } /* BurningBird */ .update:before { content: 'Update'; font-weight: bold; } .update { margin: 2em; padding: 0 1em 0 1em; background: #eee; border: 1px solid #aaa; } /* ----------------------------- Footer ---------------------------- */ #footer { padding: 0px; margin: 30px 0px 50px 50px; } #footer p { padding: 2px 2px 2px 5px; background-color: #ccc; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; letter-spacing: 0.15em; text-transform: uppercase; text-align: left; } /* MikeSmith additions */ p.entryattribution { display: none; } p#planetsubtitle { font-size: 1em; } p#poweredby { color: #999; } address { padding-bottom: 20px; } img#bigfeedicon { padding-left: 8px; }