/* Theme Name: Web Designer Notebook Theme URI: http://webdesignernotebook.com/ Description: Theme created for the blog Web Designer Notebook. Version: 1 Author: Inayaili de Leon Author URI: http://yaili.com/ Tags: green, monster, elastic width, two columns, widgets Web Designer Notebook v1 This theme was designed and built by Inayaili de Leon, whose portfolio you will find at http://yaili.com/ */ /* ---------------------------------------------------------------------- CONTENTS: =Resets & General =Links =Header =Wrapper =Main Content =Lists =Navigation =Comments =Aside =Footer ------------------------------------------------------------------------*/ /* =Resets & General ----------------------------------------------------- ------------------------------------------------------------------------*/ body { background:#fff; margin:0; padding:0; font:62.5% "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif; color:#000; text-align:center; } h1, h2, h3, h4, h5, h6, p, ul, li, div, img, form, fieldset, input, label, legend, select, textarea, button, span, a { margin:0; padding:0; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } ul { list-style:none; } .clear { clear:both; height:0; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* ie6.css, ie7.css */ a img { border:none; } /* =Links ---------------------------------------------------------------- ------------------------------------------------------------------------*/ a:link { color:#565919; text-decoration:none; } a:visited { color:#833711; text-decoration:none; } a:hover { color:#000; text-decoration:underline; } a:active { color:#000; } .entry a:link { color:#ae6e21; text-decoration:none; } .entry a:visited { color:#833711; text-decoration:none; } .entry a:hover { color:#000; text-decoration:underline; } .entry a:active { color:#000; } #maincontent h2 a:link, #maincontent h2 a:visited, .date a:link, .date a:visited { color:#565919; text-decoration:none; } #maincontent h2 a:hover, #maincontent h2 a:active, .date a:hover, .date a:active { color:#000; text-decoration:underline; } .entry a.example, .entry a.files { padding:5px 8px 5px 26px; margin:0 4px 15px 0; background:#ae6e21 none no-repeat 5px 50%; color:#fff; text-decoration:none; } .entry a.example { background-image:url(images/view-example-icon.gif); } .entry a.files { background-image:url(images/link-download-icon.gif); } .entry a.example:hover, .entry a.files:visited, .entry a.files:hover { background-color:#000; color:#fff; } a.tt { font-size:.9em; padding:10px 0 10px 20px; background:url(images/tweet-this-small.png) no-repeat left 10px; margin-top:10px; border-top:1px solid #DAD6B1; display:block; margin-bottom:-30px; overflow:auto; } a.tt img { display:none; } /* =Header --------------------------------------------------------------- ------------------------------------------------------------------------*/ #header { background:#e3f5f3; border-bottom:2px solid #6f7400; height:130px; text-align:left; } #header .inner { width:100.2em; position:relative; margin:auto; } #topNav { position:absolute; right:0; font-size:1.3em; top:-1.8em; z-index:100; } #topNav a { text-decoration:none; } #topNav li { float:left; margin-right:24px; } #topNav li:last-child { margin-right:0; } h1 img { margin-top:33px; float:left; } h1 { float:left; } a.rssFeed { background:url(images/rssFeed.gif) no-repeat left top; display:block; width:289px; height:131px; float:right; } /* =Wrapper -------------------------------------------------------------- ------------------------------------------------------------------------*/ #wrapper { width:100.2em; margin:auto; text-align:left; } /* =Main Content --------------------------------------------------------- ------------------------------------------------------------------------*/ #maincontent { background:#fff; width:64em; float:left; padding-top:32px; } #maincontent h2 { font-size:2.8em; line-height:1.1; margin-bottom:4px; color:#565919; } #maincontent h2.pagetitle { font:italic 1.8em Georgia, "Times New Roman", Times, serif; line-height:1.1; margin:0 0 20px 0; color:#565919; } #maincontent h3 { font:italic 1.8em Georgia, "Times New Roman", Times, serif; line-height:1.1; padding:15px 0 5px 0; margin-bottom:1.1em; color:#565919; border-bottom:1px dotted #565919; clear:both; display:block; } #maincontent h4 { font:italic 1.6em Georgia, "Times New Roman", Times, serif; line-height:1.1; padding:15px 0 5px 0; margin-bottom:1.1em; color:#565919; clear:both; display:block; } .entry { padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #dad6b1; clear:both; overflow:hidden; } .entryImage { float:left; margin-right:15px; margin-bottom:11px; } .entry img { border:9px solid #ebeae3; } .entry li img { border:9px solid #fff; } .entry .sociabe li img { border:0; } .entry span.photoInfo { font:1.1em Arial, Helvetica, sans-serif; color:#86815b; display:block; padding-top:6px; text-align:center; } .entry span.photoInfo-large { font-size:.9em; color:#86815b; display:block; margin-bottom:5px; padding-top:4px; text-align:center; } .entry a:hover img { border-color:#e3e0cf; } .entry .sociable { margin:30px 0 20px 0; } .entry .sociable a img { border:none; } p { font:1.3em/1.7 Arial, Helvetica, sans-serif; margin-bottom:1.5em; } .page .lead { /* font:1.4em/1.7 Arial, Helvetica, sans-serif; color:#565919; margin-bottom:30px; */ } pre { border:1px solid #dad6b1; font-size:1.3em; color:#000; margin:15px 0; padding:10px; background:#ebeae3; overflow:scroll; width:99%; } .entry div.date-outer { display:block; clear:both; } .entry span.date { font:1.1em Arial, Helvetica, sans-serif; color:#86815b; background:#ebeae3; padding:4px 7px; margin-bottom:10px; clear:both; float:none; display:inline-block; } .entry a.more-link { display:block; padding:4px 10px; background:#ebeae3; float:left; margin-bottom:10px; } .entry a.more-link:hover { background:#e3e0cf; text-decoration:none; } .entry quote { margin:2em 3.3em; display:block; font-style:italic; } .entry code { font:1em "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; color:#696969; } .entry blockquote { padding-left:1em; border-left:3px solid #999; margin:2.5em 2em; } .entry blockquote p { font:italic 1.3em/1.6 Georgia, "Times New Roman", Times, serif; } .entry p.recomm-level { font:italic 1.5em Georgia, "Times New Roman", Times, serif; } .entry p.recomm-level span { font-weight:bold; background-position:left 50%; background-repeat:no-repeat; clear:both; display:block; margin-top:3px; } .entry p.recomm-level span.r1 { background-image:url(images/r1.gif); padding-left:16px; color:#f00; } .entry p.recomm-level span.r2 { background-image:url(images/r2.gif); padding-left:29px; color:#FF9900; } .entry p.recomm-level span.r3 { background-image:url(images/r3.gif); padding-left:42px; color:#006699; } .entry p.recomm-level span.r4 { background-image:url(images/r4.gif); padding-left:55px; color:#009933; } /* =Lists ---------------------------------------------------------------- ------------------------------------------------------------------------*/ .entry ul { margin-bottom:10px; } .entry li { font:1.3em/1.7 Arial, Helvetica, sans-serif; margin:0 0 5px 10px; } .entry ul li { list-style-type:disc; } .entry ol li { list-style-type:decimal; } /* =Images ---------------------------------------------------------------- ------------------------------------------------------------------------*/ img.left { float:left; margin:5px 18px 5px 0; } img.the-404-monster { margin:10px auto; display:block; } div.wp-caption p.wp-caption-text { text-align:center; margin-top:0.2em; font:italic 1.2em/1.2 Georgia, "Times New Roman", Times, serif; } /* =Navigation ----------------------------------------------------------- ------------------------------------------------------------------------*/ div.navigation { clear:both; font:italic 1.3em Georgia, "Times New Roman", Times, serif; overflow:hidden; } div.olderEntries { float:left; padding-bottom:20px; width:45%; } div.newerEntries { float:right; width:45%; text-align:right; padding-bottom:20px; } /* =Comments ------------------------------------------------------------- ------------------------------------------------------------------------*/ #maincontent h2#comments { font-size:2.5em; margin-bottom:.5em; } #maincontent h2#comments span { font:italic .6em Georgia, "Times New Roman", Times, serif; margin-left:9px; } ul.commentlist li { background:#ebeae3; border-bottom:2px solid #dad6b1; padding:10px 15px 7px 15px; } ul.commentlist li.comment-author-inayaili { background:#ebeae3 url(images/comments_author_bkg.png) no-repeat right -1px; } /* ie6 */ ul.commentlist li:hover { background:#e3e0cf; } ul.commentlist li.comment-author-inayaili:hover { background:#e3e0cf url(images/comments_author_bkg.png) no-repeat right -1px; } .commentlist li ul li { border:2px solid #dad6b1; padding:10px 15px 7px 15px; } #maincontent ul.commentlist .vcard { font-size:1.6em; font-style:normal; margin:5px 0 10px 0; padding:0; clear:both; width:30em; overflow:hidden; } #maincontent ul.commentlist .vcard img { vertical-align:middle; } #maincontent .vcard .says { font-size:.8em;} ul.commentlist .comment-meta { margin-bottom:10px; } ul.commentlist .reply a { background:#FFF;display:inline-block;font-size:1.3em;margin-bottom:10px;padding:4px 8px;} ol.trackbacks { margin-left:2em; padding:0; font-size:1.3em; margin-bottom:2em; } ol.trackbacks li { margin-left:1em; margin-bottom:.5em; } div#respond { background:#ebeae3; border-bottom:2px solid #dad6b1; padding:10px 15px 7px 15px; margin-bottom:70px; } .commentlist #respond, .commentlist #respond:hover { background:#fff;margin-bottom:10px; } div#respond:hover { background:#e3e0cf; } div#respond h3 { font-size:2.1em; margin-bottom:10px; color:#565919; border:none; padding:0; } div#respond p.requiredNote { font:1.2em Arial, Helvetica, sans-serif; margin-bottom:15px; } div#respond span.required { font-weight:bold; color:#f00; } div#respond form { margin-left:20px; } div#respond p { clear:both; margin-bottom:8px; } div#respond label { font-size:1.1em; width:7.3em; display:block; float:left; } div#respond input, div#respond textarea{ background:#f5f5f5; border:1px solid #b7b17e; padding:4px; } div#respond input:focus, div#respond textarea:focus{ border:1px solid #000; } div#respond input { width:20em; } li li li li #respond input { width:18em; } div#respond textarea { width:27em; } li li #respond textarea { width:22em; } li li li #respond textarea { width:21em; } li li li li #respond textarea { width:18em; } li li li li li #respond textarea { width:16em; } div#respond input#submit { width:auto; margin-left:9.5em; margin-top:10px; cursor:pointer; background:#b7b17e; border:1px solid #818445; color:#6a6c34; } div#respond input#submit:hover { color:#000; } #cancel-comment-reply {font-size:1.2em;padding:10px 0;} /* subscribe to comments */ div#respond p.subscribe-to-comments { margin-top:10px; margin-left:8em; line-height:1.1; } div#respond p.subscribe-to-comments input#subscribe { float:left; margin-right:5px; padding:0; background:none; border:none; } div#respond p.subscribe-to-comments label { width:auto; font-size:1em;} /* =Aside ---------------------------------------------------------------- ------------------------------------------------------------------------*/ #aside { background:#ebeae3; width:32em; float:right; margin-bottom:70px; border-bottom:2px solid #dad6b1; } #aside .sidebar { margin-bottom:14px; } #searchform { background:#dad6b1; border-bottom:1px solid #fff; padding:16px 24px; margin-bottom:13px; } #searchform #s { border:1px solid #b7b17e; background:#f5f5f5; font:italic 1.5em Georgia, "Times New Roman", Times, serif; color:#a4a66d; padding:7px; width:14em; } #searchform #s.touched { color:#6f7400; border-color:#6F7400; } #searchform #searchsubmit { background:url(images/searchIcon.gif) no-repeat 50% 50%; padding:.3em; width:2.6em; width:2.6em; border:none; display:inline-block; cursor:pointer; } #aside h3 { font-size:1.8em; color:#565919; font-style:italic; padding:4px 7px 4px 15px; font-family:Georgia,"Times New Roman",Times,serif; } #aside ul { font-size:1.2em; clear:both; margin-bottom:24px; } #aside .delicious-posts ul { font-size:1.1em; margin-bottom:40px; } #aside ul.categoriesList { /* padding-bottom:40px; I really don't see a reason for this right now */ } #aside ul a { display:block; padding:6px 5px 6px 15px; border-bottom:1px solid #fff; } #aside ul a:hover { text-decoration:none; background:#e3e0cf; } #aside p.delicious-feed, #aside p.delicious-profile { font-size:1.1em; margin:.5em 0 .5em 15px; line-height:1; } #aside p.delicious-feed { margin-top:-30px; } #aside p.delicious-feed a, #aside p.delicious-profile a { padding-left:15px; background:none no-repeat left 50%; } #aside p.delicious-feed a { background-image:url(images/rss.gif); } #aside p.delicious-profile a { background-image:url(images/delicious-icon.gif); } #ads { clear:both; padding:20px 0; background:#ebeae3; } #ads .inner { margin:auto; width:373px; } #ads img { margin-right:4px; } #ads img.last { margin-right:0; } #fl, #ala-survey, #sm-net { clear:both; } #ala-survey { background:#EBEAE3; padding-top:24px; } #sm-net { padding-bottom:30px; } #fl img, #ala-survey img, #sm-net img { display:block; margin:auto; } .ads { clear: both; padding: 20px 0; background:#ebeae3; } .ads img { display: block; margin: auto; } #authenticjobs { clear:both; margin:auto; width:300px; padding:20px 0; background:#ebeae3;} #authenticjobs .inner { background:#fff; padding:10px; } #authenticjobs p { line-height:1.2; margin-bottom:0; } #authenticjobs p.authentic { padding-top:5px;} #authenticjobs p.ref-link { margin-left:1em; font-size:1.1em; } #authenticjobs a img {float: left; margin-right:1em; margin-bottom:.5em;} #authenticjobs ul { margin-bottom:1em; margin-left:1em; list-style-type:disc;} #authenticjobs li { margin-left:1em;} #authenticjobs ul a { padding:6px 6px 6px 0; } #authenticjobs ul a:hover { text-decoration:underline; background:none; } .conferences p { clear:both; display:block; text-align:center; padding:10px 0; margin-bottom:0;} /* =Footer ---------------------------------------------------------------- ------------------------------------------------------------------------*/ #footer { border-top:2px solid #dad6b1; background:#e2dfbe; clear:both; padding-bottom:30px; } #footer .inner { background:url(images/logoFooter.gif) no-repeat -2px 10px; width:100.2em; margin:auto; text-align:left; } #footer .col1 { float:left; width:38em; padding-top:55px; color:#726747; font-size:1.2em; margin-right:2.8em; } #footer .col1 p { margin-bottom:20px; font:1.1em/1.3 "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif; } #footer img.cc { margin-bottom:2px; } #footer .col1 .cc { font-size:.9em; } #footer .col1 a { color:#726747; text-decoration:underline; } #footer .col1 a:hover { color:#000; } #footer .col2 { float:left; width:33em; padding-top:25px; } #footer h3 { font-size:1.2em; text-transform:uppercase; color:#565919; font-weight:bold; margin-bottom:4px; } ul.recommended { font-size:1.3em; } ul.recommended a { color:#726747; display:block; padding:6px 5px; border-bottom:1px solid #fff; } ul.recommended a:hover { background:#dad6b1; text-decoration:none; } ul.recommended li { float:left; width:11.4em; margin-right:1.1em; } #footer .col3 { width:15.7em; float:right; padding-top:25px; } #footer .col3 img { margin:auto; display:block; margin-bottom:3px; } #footer .col3 p { text-align:center; color:#a19877; font-size:1.2em; } #footer .col3 a { color:#a19877; } /* =Coping with annoying plugins ----------------------------------------- ------------------------------------------------------------------------*/ #maincontent .syntaxhighlighter, #maincontent .syntaxhighlighter div, #maincontent .syntaxhighlighter code, #maincontent .syntaxhighlighter table, #maincontent .syntaxhighlighter table td, #maincontent .syntaxhighlighter table tr, #maincontent .syntaxhighlighter table tbody { font-size:13px !important; }