/* all media */ @media all { /* global */ * { margin:0; padding:0; } body { background:#eceff5; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size:62.5%; color:#333; } /* layout */ .center { width:1000px; margin:0 auto; } #page { } #topbar { border-bottom:1px solid #3b5998; background:#6d84b4; padding:8px 16px; position:fixed; width:99%; z-index:1000; } #topbar a.menu { color:#fff; text-decoration:none; background:url(images/sprite.gif) 0 -48px repeat-x; border:1px solid #3b5998; display:block; float:left; padding:5px 10px; font-weight:bold; margin:0 10px 0 0; } #topbar a.disabled-button { background:url(images/sprite.gif) 0 0 repeat-x; border:1px solid #ddd; color:#999; text-decoration:line-through; } #topbar a.menu:hover { text-decoration:underline; } #topbar a.disabled-button:hover { text-decoration:none; } .topbar-menus { border:1px solid #3b5998; position:absolute; top:40px; left:0; z-index:1025; background:#fff; display:none; padding:10px; } .topbar-menus ul { list-style-type:none; margin:0; padding:0; } .topbar-menus li { width:65px; height:70px; overflow:hidden; margin:0 10px 0 0; padding:0; float:left; } .topbar-menus ul li a { display:block; padding:10px 0 0 70px; width:120px; text-decoration:none; } .topbar-menus ul li a span { color:#000; } #search-area { position:absolute; top:0px; right:30px; } #s { padding:5px; background:url(images/sprite.gif) 0 0 repeat-x; border:1px solid #999; width:200px; } #search { background:url(images/sprite.gif) 0 -48px repeat-x; border:1px solid #3b5998; padding:4px 6px; color:#fff; font-weight:bold; text-align:center; } #header { background:url(images/bgpattern.jpg) 0 0 repeat #eee; border-bottom:1px solid #ccc; padding:50px 0 10px 0; height:140px; } #header-logo { float:left; } #header-logo a { width:170px; z-index:1; height:132px; text-indent:-5000px; background:url(images/sprite.png) -10px -62px no-repeat; display:block; } #header-name { float:left; margin:0 0 0 12px; font-family:Cambria,Georgia,Palatino,"Palatino Linotype",Myriad Pro,Serif; } #header-name strong { font-size:420%; display:block; margin:10px 0 5px 0; } #header-name span { font-size:200%; line-height:150%; display:block; color:#666; } #header-ad { position:absolute; top:0; right:10px; } * html #header-ad { float:right; position:relative; width:350px; } #content { background:#fff; padding:0 0 10px 0; } #left { width:535px; float:left; margin:0 20px 0 0; padding:10px 20px; } #single-share { } #single-share a { float:left; border:1px solid #ddd; display:block; float:left; text-decoration:none; background:url(images/sprite.gif) 0 0 repeat-x; text-align:center; margin-right:5px; padding:5px; font-size:130%; font-weight:bold; color:#333; } #single-share span { display:block; text-indent:-50000px; width:16px; height:16px; background-repeat:no-repeat; cursor:pointer; } * html #comment-link { width:120px; } #right { width:395px; float:left; padding:10px 0 0 0; } .sidebar { background:#eee; margin:0 0 20px 0; border:1px solid #dedede; padding:0 10px 10px 10px; } .sidebar ul { list-style-type:none; padding:0; } #profile-rss,#profile-twitter,#profile-demos,#profile-sns { width:90px; float:left; text-align:center; margin:0 3px 0 0; font-weight:bold; font-size:110%; } #profile-rss a { color:#e95e29; display:block; background:url(images/sprite.png) 0 -358px no-repeat; padding:63px 0 0 0; } #profile-twitter a { display:block; background:url(images/sprite.png) 0 -436px no-repeat; padding:63px 0 0 0; } #profile-twitter span { color:#5e9fbe; } #profile-demos a { display:block; color:#028433; background:url(images/sprite.png) 0 -1117px no-repeat; padding:63px 0 0 0; } #profile-demos span { color:#24a555; } #profile-sns { } #profile-sns a { display:block; color:#900; background:url(images/sprite.png) 0 -524px no-repeat; padding:63px 0 0 0; } #profile-sns span { color:#ef5f5f; } #profiles-1, #profiles-2 { float:left; width:120px; padding:0 0 0 10px; font-size:120%; } #profiles-1 dd a, #profiles-2 dd a { padding:6px 11px 5px 27px; display:block; color:#333; text-decoration:none; border-bottom:1px solid #ccc; background-repeat:no-repeat; background-position:4px center; } #profiles-1 dd a:hover,#profiles-2 dd a:hover { border-color:#aaa; text-decoration:underline; } #sponsors { padding:3px; } * html #sponsors { padding:0; } #sponsors a { display:block; float:left; /* margin:5px 5px 0 0; */ width:125px; height:125px; } * html #sponsors a { margin-left:0; } #topics1, #topics2 { width:160px; margin-right:20px; float:left; } #popular-topics { } #popular-topics div { float:left; width:80px; height:80px; text-align:center; } #popular-topics img { margin:0 auto; width:64px; padding:0 0 3px 0; } #popular-topics a { } ul.links, dl.links, dl.tweets, #authenticjobs ul { margin:5px; font-size:120%; line-height:140%; } ul.links li, dl.links dd, dl.tweets dd { } ul.links a, dl.links a { color:#333; text-decoration:none; border-bottom:1px dotted #ccc; display:block; } ul.links a:hover, dl.links a:hover { border-color:#3b5998; color:#3b5998; } dl.tweets dd { color:#333; text-decoration:none; border-bottom:1px dotted #ccc; } dl.tweets dd a { } #footer { background:url(images/bgpattern.jpg) 0 0 repeat #eee; border-top:1px solid #ccc; padding:10px 0; } #footer1, #footer2, #footer3 { width:300px; float:left; margin:0 30px 0 0; } #footer3 { width:330px; margin-right:0; } #bottombar { border-top:1px solid #3b5998; background:#6d84b4; padding:8px 16px; text-align:center; padding:12px 0; font-weight:bold; } #bottombar a { color:#fff; } /* tabs structure */ ul.tabs { } ul.tabs li { float:left; padding:5px 10px; margin:10px 5px 10px 0; border:1px solid #ddd; font-weight:bold; background:url(images/sprite.gif) 0 0 repeat-x; font-size:110%; } ul.tabs li.active { border-color:#028433; background-position:0 -96px; color:#fff; } ul.tabs li.active:hover { text-decoration:none; cursor:default; } ul.tabs li:hover { text-decoration:underline; } ul.tabs span { cursor:pointer; display:block; } ul.tabs-content { margin:0; padding:0; } ul.tabs-content li { height:0; overflow:hidden; margin:0; padding:0; } /* ie fixes ... lame */ * html ul.tabs-content li { float:left; } /* ie6 */ *+ html ul.tabs-content li { width:99%; float:left; } /* ie7 */ /* tags */ blockquote { padding:5px 10px; margin-bottom:5px; /* font-weight:bold; */ background:#eee; border-left:3px solid #ccc; margin-left:20px; line-height:190%; color:#666; font-style:italic; } blockquote:last-child { padding-bottom:0; } #left blockquote { /* font-size:120%; */ } fieldset { border-color:#bbb; padding:5px 5px 0 5px; -moz-border-radius:3px; } legend { font-size:90%; padding:0 5px; color:#777; } h1 { font-size:300%; } h1 a, h1 a:visited, h1 a:link { text-decoration:none; } h1 a:hover { color:#028433; } h1.big { font-size:400%; margin:0 0 20px 0; } h2 { font-size:230%; clear:both; } h1,h2 { font-family:Cambria,Georgia,Palatino,"Palatino Linotype",Myriad Pro,Serif; font-weight:normal; } h3 { font-size:170%; color:#3b5998; padding:0 0 0 3px; } h4 { } h5 { font-size:170%; color:#3b5998; padding:0 0 0 3px; } #left h5 { background:#fffea1; color:#333; padding:10px 20px; margin:0 0 20px 0; } h6 { font-size:140%; margin:0 0 5px 0; } img { display:block; } label,select,input[type='submit'] { cursor:pointer; } li, dd { margin-top:5px; /* font-size:120%; line-height:190%; */ } #left li { font-size:120%; line-height:190%; } ol, ul, dt { padding:0 0 10px 35px; } p { font-size:120%; line-height:190%; padding:0 0 15px 0; } pre { } textarea,input[type='text'] { border:1px solid #ccc; padding:5px; font-size:120%; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; } /* selection */ ::selection { background:#c3effd; color:#000; /* Safari */ } ::-moz-selection { background:#c3effd; color:#000; /* Firefox */ } /* custom */ .b { font-weight:bold; } .button { } .clear { clear:both; } .guest-blogger-top { background:#eee; border:1px solid #ccc; padding:5px 10px; margin:10px 0; } .guest-blogger-top p { padding-bottom:0; } .guest-blogger-bio { background:#eee; border:1px solid #ccc; padding:10px 20px; } .guest-blogger-bio h2 { display:inline; } .guest-blogger-bio img { float:right; display:inline; } .guest-blooger-bio p { padding-bottom:0; } .i { font-style:italic; } .in-feed { background:url(images/rss-blue.jpg) 0 0 no-repeat; width:16px; height:16px; float:right; text-indent:-5000px; display:block; margin:5px 20px 0 0; } .image { float:right; margin:0 0 20px 20px; } .message { padding:5px 10px; background:#fffea1; border:2px solid #fc0; } .meta { background:#eee; border:1px solid #ddd; margin:5px 0 5px -20px; padding:10px 20px; } .post-updated { background:lightgreen; padding:5px 10px; font-style:italic; font-weight:bold; margin:10px 0; } .post-updated a { color:#080; } .poll-results { margin-bottom:20px; width:400px; } .poll-results-odd { background:#eceff5; } .poll-results tr:hover { background:#D0F5D0; } .poll-results tr th { padding:5px; background:#6d84b4; text-align:left; color:#fff; border-bottom:1px solid #3b5998; } .poll-results tr td { padding:5px; } .post-teaser-block { margin:0 0 40px 0; } #related-wrap { /* border:1px solid #ccc; */ background:#eee; padding:10px; } #related-wrap ul, #related-wrap li { margin-left:0; padding-left:0; list-style-type:none; } #related-wrap a { font-family:'Consolas', 'Monaco', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; padding:3px 6px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#6079AB; border:1px solid #3B5998; font-size:0.9em; } #related-wrap a:hover, #related-wrap a:link, #related-wrap a:active, #related-wrap a:visited { color:#fff; } .relative { position:relative; } #selection-image { width:32px; height:32px; background:url(/favicon.png) 0 0 no-repeat; position:absolute; top:-50; left:-50px; z-index:2000; } /* post keywords */ .file,.function,.func,.parameter,.param,.var,.variable { font-family:'Consolas', 'Monaco', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; padding:3px; border:1px solid #ccc; background:#eee; } /* related */ #related { } /* links */ a { outline:none; color:#3b5998; } a:link { text-decoration:underline; } a:visited { color:#6d84b4; } a:hover, a:active { text-decoration:none; } a img { border:0; } a.conred, a.concom { padding:5px 10px; margin:10px 5px 10px 0; border:1px solid #208433; font-weight:bold; background:url(images/sprite.gif) 0 -96px repeat-x; color:#fff; text-decoration:none; white-space:nowrap; text-shadow:rgba(0, 0, 0, 0.296875); } a.conred:hover, a.concom:hover { text-decoration:underline; } /* post actions */ .actions { margin-bottom:20px; } .actions a, .demo-actions a { float:left; text-decoration:none; padding:5px 10px; border:1px solid #ccc; margin:0 20px 0 0; background:url(images/sprite.gif) 0 -48px repeat-x; border:1px solid #3b5998; color:#fff; display:block; font-weight:bold; font-size:120%; text-shadow:rgba(0, 0, 0, 0.296875); } .actions a:hover { border-color:#999; } .actions .demo, .demo-actions .demo { } .actions .download { font-weight:bold; display:block; text-decoration:none; /* background:url(images/download.png) 5px 8px no-repeat #eee; */ } #moo-warning { background-color:#eceff5; line-height:22px; padding:10px; font-size:13px; margin:0 0 19px 0; font-weight:bold; font-style:italic; } .add,.article,.example { display:block; float:left; text-decoration:none; padding:7px 7px 7px 28px; border:1px solid #ccc; font-size:120%; margin:0 20px 0 0; } .add:hover,.article:hover,.example:hover { border-color:#999; } .add { background:url(images/mootools.png) 5px 5px no-repeat #eee; } .article { background:url(images/friend_finder.gif) 5px 5px no-repeat #eee; } .example { background:url(images/hidden.gif) 5px 5px no-repeat #eee; } .dl { background:url(images/requests.gif) 5px 5px no-repeat #3b5998; color:#fff; } /* .header-button { background:url(images/mootools.png) 5px 5px no-repeat #fff; width:125px; display:block; float:left; text-decoration:none; padding:7px 7px 7px 28px; border:1px solid #666; font:11px tahoma,arial,san-serif; margin:0 20px 0 0; } */ /* comments */ .comment { padding:10px 10px 20px 10px; background:#eceff5; margin:0 0 5px 0; position:relative; display:block; } * html .comment { position:static; } .comment blockquote { } .comment #comment-form { border:1px solid #464646; padding:10px; background:#aaa; } .comment-avatar { width:80px; float:left; margin:0 10px 0 0; text-align:center; } * html .comment-avatar { display:block; z-index:10; } .comment-content { float:left; width:420px; } * html .comment-content { display:block; z-index:10; } .comment-content p { font-size:115%; line-height:160%; } * html .comment-content p { display:block; z-index:10; } .comment-content p:last-child { } .comment-says { font-size:120%; font-weight:bold; padding:0 0 10px 0; font-style:italic; } .comment-date { font-size:90%; color:#666; } .comment-dw { background:#3b5998; color:#fff; } .comment-dw a { color:#fff; } .comment-dw .comment-date { color:#fff; } a.reply { display:block; width:60px; text-decoration:none; padding:5px 10px; border:1px solid #3b5998; background:url(images/sprite.gif) 0 -48px repeat-x; color:#fff; font-weight:bold; text-align:center; position:absolute; right:5px; bottom:5px; } .comment-dw a.reply { border-color:#aaa; background-position:0 0; color:#333; } a.reply:hover { text-decoration:underline; } #submit { display:block; width:auto; text-decoration:none; padding:5px 10px; border:1px solid #3b5998; background:url(images/sprite.gif) 0 -48px repeat-x; color:#fff; font-weight:bold; text-align:center; font-size:140%; } #form-error-message { border:1px solid #fc0; background:#fffea1; padding:5px 10px; } /* pagination */ #pagination { float:right; } .current { border:1px solid #ddd; display:block; float:left; text-decoration:none; padding:5px 10px; background:url(images/sprite.gif) 0 0 repeat-x; font-weight:bold; text-align:center; margin-right:5px; } .wp-pagenavi a, .wp-pagenavi a:link { display:block; float:left; text-decoration:none; padding:5px 10px; border:1px solid #3b5998; background:url(images/sprite.gif) 0 -48px repeat-x; color:#fff; font-weight:bold; text-align:center; margin-right:5px; } .extend { display:none; } .nav-left a, .nav-right a { display:block; width:80px; text-decoration:none; padding:5px 10px; border:1px solid #3b5998; background:url(images/sprite.gif) 0 -48px repeat-x; color:#fff; font-weight:bold; text-align:center; float:left; margin-right:5px; } .nav-left a:hover,.nav-right:active { text-decoration:underline; } /* library :: autocomplete */ ul.autocompleter-choices { top:-20px; left:-20px; position:absolute; padding:0; list-style:none; border:1px solid #7c7c7c; border-left-color:#c3c3c3; border-right-color:#c3c3c3; border-bottom-color:#ddd; background-color:#525252; text-align:left; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; z-index:50; margin-bottom:0; } ul.autocompleter-choices li{ position:relative; margin:-2px 0 0 0; padding:0.2em 1.5em 0.2em 1em; display:block; float:none !important; cursor:pointer; font-weight:normal; white-space:nowrap; font-size:10px; line-height:1.5em; color:#fff;} ul.autocompleter-choices li.autocompleter-selected{ background-color:#444; color:#fff;} ul.autocompleter-choices span.autocompleter-queried{ display:inline; float:none; font-weight:bold; margin:0; padding:0;} ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color:#6FC3E4; } /* library :: lighter.js highlighting */ .standardLighter{font-family:Monaco,Courier,Monospace;font-size:10px;overflow:auto;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;white-space:-pre-wrap;word-wrap:break-word;}.standardLighter span{color:black;font-size:11px;}.standardLighter .standardnum{background-color:#f2f2f2;color:#939393;font-size:10px;text-align:center;width:30px;}.standardLighter .standardline{background-color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #939393;padding:0 3px 0 10px;padding-left:15px;padding-right:5px;}.standardLighter .standardfirst{padding-top:5px;}.standardLighter .standardlast{padding-bottom:5px;}.standardLighter .alt{border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#F4F8FC;}pre.standardLighter{background-color:#fff;padding-left:15px;padding-right:5px;padding-top:5px;padding-bottom:5px;}ol.standardLighter{color:#939393;font-size:10px;list-style:decimal-leading-zero;background-color:#f2f2f2;margin-top:0;margin-bottom:0;margin-left:0;padding-left:0;}ol.standardLighter li{margin-left:40px;}div.standardLighter .standardnum{display:block;float:left;}div.standardLighter .standardline{display:block;margin-left:30px;min-height:12px;}div.standardLighter div{clear:left;overflow:auto;background-color:#f2f2f2;}.standardLighter .kw1{color:#1b609a;}.standardLighter .kw2{color:#9a6f1b;}.standardLighter .kw3{color:#784e0c;}.standardLighter .kw4{color:#9a6f1b;}.standardLighter .co1{color:#888;}.standardLighter .co2{color:#888;}.standardLighter .st0{color:#489a1b;}.standardLighter .st1{color:#489a1b;}.standardLighter .st2{color:#489a1b;}.standardLighter .nu0{color:#70483d;}.standardLighter .me0{color:#666;}.standardLighter .me1{color:#666;}.standardLighter .br0{color:#444;}.standardLighter .sy0{color:#444;}.standardLighter .es0{color:#444;}.standardLighter .re0{color:#784e0c;} /* custom lighter */ .standardLighter { position:relative; min-height:50px; } .tmbundle, .raw, .coda, .copy { display:block; border:1px solid #ccc; text-decoration:none; width:26px; height:26px; text-indent:-9999px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; z-index:98; } .tmbundle { background:url(images/sprite.png) -5px -281px no-repeat #eee; top:5px; right:10px; } .raw { background:url(images/sprite.png) -5px -317px no-repeat #eee; top:5px; right:100px; } .coda { background:url(images/sprite.png) -5px -246px no-repeat #eee; top:5px; right:40px; } .copy { background:url(images/sprite.png) -5px -210px no-repeat #eee; top:5px; right:70px; } .raw:hover, .tmbundle:hover, .coda:hover { border:1px solid #999; } .rawta { width:90%; height:100px; z-index:20; } .copied { position:fixed; top:7px; right:7px; width:100px; background:#fffea1; text-align:center; padding:7px 0; z-index:10; display:none; } /* legacy */ /* plugin */ #aspdf { display:none; } #aspdf a { width:130px; text-align:center; padding:5px 10px; margin:10px 0 20px 0; border:1px solid #ddd; font-weight:bold; background:url(images/sprite.gif) 0 0 repeat-x; font-size:110%; display:block; } #aspdf a span { display:block; background:url(images/sprite.png) -10px -1413px no-repeat; padding:2px 0 2px 15px; } } /* only print media */ @media print { /* global */ * { font-family:arial, helvetica, sans-serif; } body { color:#000; font-size:8pt; } /* layout */ #left { left:600px; margin:0; padding:0; float:none; } #header, #topbar, #right, #navigation, .no-print, #content-right,#footer,#top-sponsors,#sidebar,#top-logo,#single-share,#share-wrap,#gototop,.meta,#top,a.reply { display:none; } /* custom */ .print-only { display:block; } .page-break { page-break-before:always; } .comment { border:1px solid #999; } /* links */ a { text-decoration:underline; color:#999; } }