/* Theme Name: Port'folio Theme URI: http://thomas.portelli.free.fr Version: 1.0 Author: shaman Author URI: http://thomas.portelli.free.fr */ /*///////////////////////////////////////// ///////////////// OVERRAL //////////////// /////////////////////////////////////////*/ html { margin:0; padding:0; font: 76%/130% "Lucida Grande", Arial, Verdana, sans-serif; color:#a6a6a6; background:#23495c url(images/bg.jpg) no-repeat left top; } a { outline:none; text-decoration:none; } a:link, a:visited { color:#ccc; } a:hover { color:#fff; } .clear { clear:both; } .center { text-align:center; } .pagetitle { margin:0; padding:5px 5px 20px 20px; font:16px arial,verdana;color:#679ef1; background:url(images/exclamation.gif) no-repeat 0 22%; } p { line-height:20px; } ul { list-style:none; margin:0; padding:0; } code { font:.9em Arial, "Courier New"; color:#fff; padding:8px; background:#b28327; display:block; border:1px solid #daac52; } blockquote { color: #679ef1; padding-top: 5px; padding-bottom: 5px; background: url(images/close-quote.gif) no-repeat right bottom; } blockquote p { padding-left: 10px; text-indent: -18px; } blockquote p:first-letter { background: url(images/open-quote.gif) no-repeat left top; padding-left: 18px; padding-top: 8px; } blockquote p ~ p:first-letter { font-size:12px; background: none; } .pullquote { padding: 6px; float: right; width: 180px; margin:10px 0 10px 10px; border-top:1px solid #005b8e; border-bottom:1px solid #005b8e; text-align: center; line-height: 22px; font-family: georgia, verdana, Arial, Helvetica, sans-serif; text-transform:none; color:#ccc; } /*///////////////////////////////////////// //////////// MAIN STRUCTURE ///////////// /////////////////////////////////////////*/ div#container { text-align:left; width:850px; padding:0; margin:0 auto; margin-top:40px; margin-left:110px; } div#wrapper { width:100%; overflow:auto; } div#content { width:630px; float:left; padding:10px 8px 20px 12px; background:#121314 url(images/wrapper-corner.gif) no-repeat left top; } /*///////////////////////////////////////// ///////////////// HEADER //////////////// /////////////////////////////////////////*/ div#header { margin:0; padding:0; } div#header h1 { font:26px times; margin:0; } div#header h1 a:link, div#header h1 a:visited { color:#eee; display:block; width:630px; height:100px; *height:90px; _height:75px; } div#header h1 a:hover { color:#f36; } div#header h1 small { display:block; color:#666; font-size:10px; text-transform:uppercase; letter-spacing:-1px; margin:10px 0 0 0; } /*///////////////////////////////////////// //////////////// MENU //////////////// /////////////////////////////////////////*/ ul#menu { float:right; } ul#menu li#rss { text-indent:-9000em; width:51px; height:0px; display:block; padding:0 10px 0 30px; margin:0; } ul#menu li#rss a { background:url(images/feed.gif) no-repeat; display:block; width:12px; height:12px; position:relative; top:118px; *top:96px; _top:94px; _left:20px; margin:0px 30px 0; } ul#menu li#rss a:hover { background:url(images/feedover.gif) no-repeat; } /*///////////////////////////////////////// /////////////// POST //////////////// /////////////////////////////////////////*/ div.post { margin-bottom: 10px; padding-bottom:20px; background:url(images/separator.gif) no-repeat bottom center; } div.post h2 { font:1.3em Verdana, Lucida Grande, sans-serif; letter-spacing:0px; margin:0px; text-transform: none; } div.post h2 a:link, a:visited { color:#679ef1; text-decoration:none; } div.post h2 a:hover { color:#679ef1; border-bottom:1px dotted #444; } div.post small { font-size:85%; font-family:arial; letter-spacing:normal; display:block; } div.post small a { color:#eee; } div.post small a:hover { color:#ccc; } div.post div.entry ul{ margin:10px; padding:5px; } div.post div.entry ul li { background:url(images/icon_miniarrow.gif) no-repeat 0 50%; padding:2px 0px 2px 10px; } div.post div.entry ol { list-style:decimal-leading-zero; } div.post div.entry a { text-decoration:none; font-weight:bold; } div.post div.entry a:link, div.post div.entry a:visited { color:#fff; } div.post div.entry a:hover { color:#679ef1; } /*div.post img { border:4px solid #646a70; } div.post img:hover { border:4px solid #999; } div.post img.wp-smiley { border:0px none; margin:0; }*/ .post-comments { background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px; margin:0; background-position:top left;} /*///////////////////////////////////////// ///////////////// COMMENTS //////////////// /////////////////////////////////////////*/ h3#comments, h3#respond { font-weight:normal; font:bold 12px arial, verdana; text-transform:uppercase; letter-spacing:-1px; color:#bdbd9f;padding:0 0 0 25px; background-position:left; background-repeat:no-repeat; } h3#comments { background-image:url(images/icon_comments.gif); } h3#respond {background-image:url(images/icon_addcomment.gif); } ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist cite { text-transform:none; font-style:normal; } ol.commentlist li { border-bottom:1px solid #666; padding:10px; } ol.commentlist h5 { font-size:11px; margin:0; padding:0; } ol.commentlist h5 a:link, a:visited { color:#679ef1; } ol.commentlist h5 a:hover { color:#eee; } ol.commentlist h5 small { display:block; } ol.commentlist li { background-color:#1e2224; } ol.commentlist li.alt { background-color:#292d30; } ol.commentlist li span.moderate { background:url(images/icon_cursor.gif) no-repeat; padding:2px 0px 2px 20px; color:#f30; } #commentform input#author, #commentform input#email, #commentform input#url { background:#fff url(images/icon_form.gif) no-repeat; border:1px solid #fff; padding:4px 4px 4px 30px; width:210px; } #commentform input#author { background-position:3px -3px; } #commentform input#email { background-position:3px -33px; } #commentform input#url { background-position:3px -63px; } #commentform #comment { width:99%; font: 16px/18px Arial, Verdana, sans-serif; background-color:#eee; border:1px solid #CCC; color:#333; } /*///////////////////////////////////////// ///////////////// SIDEBARS //////////////// /////////////////////////////////////////*/ div#sidebar { width:200px; float:left; } div#sidebar a:link,div#sidebar a:visited { color:#eee; } div#sidebar a:hover { color:#679ef1; } div#sidebar a img { border:none; } div#sidebar h2 { font-size:12px; color:#333; text-align:center; text-transform:uppercase; } #sidebar .cat { font-size:11px; width:200px; float:right; background:#272b2c url(images/separator-mini.gif) no-repeat bottom right; } #sidebar .cat h2 {margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:none; color:#ffffff; height:30px; } #sidebar .cat ul { margin: 0px; padding: 0 0 10px 0; } #sidebar .cat li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; } #sidebar .cat li a { text-decoration:none; border-bottom:1px dotted #225999; } #sidebar .cat li a:hover { text-decoration:none; border-bottom:1px solid #ccc; } #sidebar .recent-posts { font:11px arial; width: 200px; float: left; background:#272b2c url(images/separator-mini.gif) no-repeat bottom right;} #sidebar .recent-posts h2 { margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:none; color:#ffffff; } #sidebar .recent-posts ul { margin: 0px; padding: 0 0 10px 0; } #sidebar .recent-posts li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; background:url(images/left-folder.gif) no-repeat 5px 50%; } #sidebar .recent-posts li a { text-decoration:none; border-bottom:1px dotted #0a72ac; } #sidebar .recent-posts li a:hover { text-decoration:none; border-bottom:1px solid #eee; } #sidebar .monthly { font-size:11px; width:200px; float:right; background:#272b2c url(images/separator-mini.gif) no-repeat bottom right; } #sidebar .monthly h2 { margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:none; color:#ffffff;} #sidebar .monthly ul { margin: 0px; padding: 0 0 10px 0; } #sidebar .monthly li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; } #sidebar .monthly li a { text-decoration:none; border-bottom:1px dotted #225999; } #sidebar .monthly li a:hover { text-decoration:none; border-bottom:1px solid #ccc; } #sidebar .delicious { font:11px arial; width: 200px; float: left; background:#272b2c url(images/bottoml.gif) no-repeat bottom left; padding-bottom:45px; } #sidebar .delicious h2 { margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:none; color:#ffffff; } #sidebar .delicious h2.delicious-banner { display:none; } #sidebar .delicious ul { list-style-type:none; margin:1em 0 1em 0; } #sidebar .delicious li { list-style-type:none; margin:0; padding:5px 5px 5px 18px; background:url(images/left-dot.gif) no-repeat 5px 50%; } #sidebar .delicious a { text-decoration:none; border-bottom:1px dotted #0a72ac; } #sidebar .delicious a:hover { text-decoration:none; border-bottom:1px solid #ccc; } /*#sidebar .sponsor { font-size:11px; width:200px; float:right; background:#0b3262 url(images/bottomr.gif) no-repeat bottom right; padding-bottom:65px; } #sidebar .sponsor h2 { margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#679ef1; } #sidebar .sponsor ul { margin: 0px; padding: 0 0 10px 0; } #sidebar .sponsor li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; } #sidebar .sponsor li a { text-decoration:none; border-bottom:1px dotted #225999; } #sidebar .sponsor li a:hover { text-decoration:none; border-bottom:1px solid #ccc; }*/ /*///////////////////////////////////////// ///////////////// TOPNAV //////////////// /////////////////////////////////////////*/ div#sidebar div#about { background:#272b2c url(images/wrapper-corner2.gif) no-repeat right top; padding:5px; } div#about ul { margin:4px 0; background:#272b2c url(images/separator-mini.gif) no-repeat bottom right; padding:10px; } div#about ul li { padding:4px 0px; display:inline; font:10px arial; } div#about ul li a { text-transform:uppercase; padding:4px 5px;font:10px arial; margin:0px 3px; } div#about ul li a:link,div#about ul li a:visited { color:#ccc; } div#about ul li a:hover { color:#ffffff; background:#121314; } /*///////////////////////////////////////// ///////////////// TWITTER //////////////// /////////////////////////////////////////*/ div#twitter { background:#193349 url(images/twitter.png) no-repeat left top; min-height:75px !important; height:75px; } div#twitter li { font-family:georgia, times; font-size:16px; padding: 10px 8px 5px 80px; margin:0; width:110px; color:#ebbb86; float:left; } div#twitter a { font-size:9px; color:#eee; text-decoration:none; } div#twitter a:hover { font-size:9px; color:#eee; } div#twitter a.mini_rss { float:right; margin-right:35px; margin-top:120px; text-indent:-9000em; width:20px; height:20px; display:block; background-image:url(images/icon_rss.gif); border:0; } div#sidebar div#twitter a.mini_rss:link, div#sidebar div#twitter a.mini_rss:visited { background-position:0 0; } div#sidebar div#twitter a.mini_rss:hover { background-position:0 -20px; } /*///////////////////////////////////////// ///////////////// FLICKR //////////////// /////////////////////////////////////////*/ div#flickr { background:#0f1721; min-height:120px !important; height:120px; } div#flickr a.mini_rss { float:right; margin-right:10px; margin-top:5px; text-indent:-9000em; width:20px; height:20px; display:block; background-image:url(images/icon_rss.gif); border:0; } div#sidebar div#flickr a.mini_rss:link, div#sidebar div#twitter a.mini_rss:visited { background-position:0 0; } div#sidebar div#flickr a.mini_rss:hover { background-position:0 -20px; } /*///////////////////////////////////////// ///////////////// SEARCH FORM (disabled) //////////////// /////////////////////////////////////////*/ .searchform { margin:10px auto; background-color:#333; width:400px; margin:0; padding:0; } .searchform div { padding:5px 0; text-align:center; } .searchform label { background-image:url(images/icon_search.gif); background-position:0 0; background-repeat:no-repeat; text-indent:-9000em; padding:2px 0 10px 25px; height:14px; } .searchform #s { font:bold 10px verdana, arial; padding:2px; width:72%; background:#999; } .searchform img { border:none; padding:0; margin:0; } .searchform .searchsubmit { margin:0 5px 0 0; padding:0; width:50px; height:21px; position:relative; float:right; } /*///////////////////////////////////////// ///////////////// FOOTER //////////////// /////////////////////////////////////////*/ #sbm {font-size:10px; width: 650px; float: left; height:50px; _position:relative; _left:-110px; margin-left:110px; margin-bottom:20px; background: url(images/img-footer.gif) no-repeat;} #sbm a { color: #ccc; text-decoration:none; border-bottom:1px dotted #333;} #sbm a:hover { color: #5b9ef1; border-bottom:1px solid #ccc; } /*///////////////////////////////////////// ///////////////// FEED COUNTS //////////////// /////////////////////////////////////////*/ .feedcountdiv { float:left; font-family: arial; padding:0; margin-left:15px; background:url(images/rss1616.gif) no-repeat 0 50%; } .feedcountdiv a { text-decoration:none; color:#f89838; border-bottom:1px dotted #ccc; } .feedcountdiv a:hover { text-decoration:none; color:#fff; border-bottom:2px solid #f89838; } .subscribers { float:left; margin-right:4px; color:#f99a39; margin-top:-3px; margin-left:20px; font:bold 20px Arial, Helvetica, sans-serif; } /*///////////////////////////////////////// ///////////////// BLORGOLL PAGE //////////////// /////////////////////////////////////////*/ #linkpage { margin:0; padding:0; clear:both;} #linkpage h2 { font:16px arial,verdana; color:#679ef1; } #linkpage ul li { list-style-type:none; margin:10px 4px 10px 4px; padding:0; width:100%; float:left; } #linkpage ul li ul li { margin:3px 0 0 3px; width:32%; float:left; list-style:none; line-height:25px; } #linkpage ul li ul li:hover { background-color:#27466a; color:#fff; } #linkpage ul li ul li a { padding-left:5px; color:#666; text-decoration:none; font-size:11px; display:block; } #linkpage ul li ul li a:hover { color:#fff; } /*///////////////////////////////////////// ///////////////// SLIDING DOOR BUTTON //////////////// /////////////////////////////////////////*/ button { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; width:auto; overflow:visible; } button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; } button.submitBtn { background:url(images/btn_blue_right.gif) right no-repeat; font-size:1.2em; } button.submitBtn span { height:30px; line-height:30px; background:url(images/btn_blue_left.gif) left no-repeat; color:#fff; } button.submitBtn:hover { background:url(images/btn_blue_right_hover.gif) right no-repeat; } button.submitBtn:hover span { background:url(images/btn_blue_left_hover.gif) left no-repeat; } div#search { width: 202px; height: 28px; /*margin: -8px 0px 0px 760px;*/ /**margin-top:-15px;*/ position:relative; top:-8px; left:760px; _top:-15px; *top:-15px; } div#search table, div#search tr, div#search td { border: none; border-collapse: collapse; } #searchform td.search-icon { background:url(images/search-icon.jpg) top left no-repeat; width: 34px; height: 28px; } #searchform td.search-input { background:url(images/search-input.jpg) top left no-repeat; width: 130px; height: 28px; vertical-align: top; } #searchform td.search-ok {width: 33px; height: 28px; } #searchform input#s { padding: 2px; width: 127px; height: 16px; margin-top: 3px; border: none; background: none; } #searchsubmit { float:right; padding-right:1px; } /*#searchform { margin: -15px 0px 0px 300px; padding: 5px 3px; text-align: center; }*/