/*** caiLusBlog CSS ***/ /*** GENERAL ***/ body { margin: 0px; font-size: 12px; line-height: 16px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #ccc url('../images/style2/body_top.jpg') top center no-repeat; } a { color: #66AACC; text-decoration: none; } a:hover { color: #43728A; text-decoration: underline; } /*** CONTAINER ***/ #container { border: 0px; width: 764px; position: absolute; top: 0px; left: 50%; margin-top: 0px; margin-left: -382px; overflow: visible; } #blog #container, #photos #container, #contact #container, #dessins #container, #magie #container {background: url('../images/style2/content_blog.gif') repeat-y;} #planche #container {background-color: #333333;} #commentaires_photos #container {background: url('../images/style2/content_commentaires_photos.gif') repeat-y;} /*** HEADER, NAV ***/ #header { position: top; height: 150px; background: url('../images/style2/header.jpg') top center no-repeat; border: 0px; } #nav { background: #ccc; height: 52px; border: 0px; padding-left: 370px; font-family: 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; } #blog #nav, #photos #nav, #dessins #nav, #contact #nav, #magie #nav {background: url('../images/style2/nav_blog.gif') bottom no-repeat;} #planche #nav {background: url('../images/style2/nav_planche.gif') bottom no-repeat;} #commentaires_photos #nav {background: url('../images/style2/nav_commentaires_photos.gif') bottom no-repeat;} #nav a { color: #ccc; font-size: 1.2em; border: 0px; text-decoration: none; display: inline; float: left; background: #7eaac3 url('../images/style2/masque_onglet.gif') top right no-repeat; padding: 7px 12px 0px 12px; margin: 12px 3px 0px 0px; height: 21px; } #nav a:hover {background-color: #4e7a93;} #nav a.actif {color: #666; background-color: white;} #nav a.actif:hover {color: #666; background-color: white;} #planche #nav a.actif {color: #ddd; background-color: #333;} #planche #nav a.actif:hover {color: #ddd; background-color: #333;} /*** BOTTOM ***/ #bottom { border: 0px; clear: both; height: 76px; } #blog #bottom, #photos #bottom, #dessins #bottom, #contact #bottom, #magie #bottom {background: url('../images/style2/bottom_blog.gif'); } #planche #bottom {background: url('../images/style2/bottom_planche.gif'); } #commentaires_photos #bottom {background: url('../images/style2/bottom_commentaires_photos.gif'); } #bottom div { border: 0px; padding: 39px 30px 0px 0px; color: #888888; font-size: 11px; text-align: right; } #bottom a {margin: 0px 10px 0px 0px;} /*** MENU ***/ #menu { width: 222px; border: 0px; float: left; font-size: 0.9em; line-height: 14px; color: #333; padding: 12px 12px 12px 24px; margin: 0px; } #menu a { color: #333; text-decoration: none; } #menu a:hover { color: #000; text-decoration: underline; } #menu .menutitle { color: #ccc; padding-bottom: 2px; font-weight: bold; font-size: 1.2em; font-family: 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; } #menu .menutitle a, #menu .menutitle a:hover { color: #ccc; text-decoration: none; } #menu .search_input { width: 176px; height: 17px; background: #CCCCCC url('../images/style2/recherche.gif') no-repeat; border: 0px; font-size: 10px; color: #333; padding: 5px 12px 0px 30px; } #menu .password { width: 176px; height: 17px; background: #ccc url('../images/style2/password.gif') no-repeat; border: 0px; font-size: 10px; color: #333; padding: 5px 12px 0px 30px; } #menu .menu_input { width: 194px; height: 17px; background: #ccc url('../images/style2/menu_input.gif') no-repeat; border: 0px; font-size: 10px; color: #333; padding: 5px 12px 0px 12px; } #menu #derniers_dessins div { background: url('../images/style2/boite_arrondie.gif') no-repeat; width: 215px; height: 87px; } #menu #derniers_dessins div img {margin: 18px 0px 0px 18px;} #menu img {border: 0px;} .expanded { background: url('/images/triangle_down.png') 0 2px no-repeat; padding-left: 14px; } .reducted { background: url('/images/triangle_right.png') 0 2px no-repeat; padding-left: 14px; } .expanded .subcontent { display: block; margin-left: -14px; } .reducted .subcontent { display: none; } #menu #fin_menu { clear: both; margin-bottom: 20px; } #menu #derniers_commentaires a { margin: 5px 5px 5px -5px; display: block; color: #333; padding: 5px; -moz-border-radius: 12px; -khtml-border-radius:12px; border-radius:12px; } #menu #derniers_commentaires a:hover { text-decoration: none; background: #aaa; } #menu #derniers_commentaires a span { color: #666; } #menu .spacer { height:0px; border-top: 1px solid #777; border-bottom: 1px solid #aaa; margin: 12px 8px 12px 0px; } /*** CONTENT ***/ #content { float: right; margin-right: 12px; width: 434px; display: inline; color: #444; padding: 12px; position: relative; } #planche #content, #commentaires_photos #content { float: none; display: block; width: 740px; margin: 0px; } #content img { display: block; margin: auto; padding: 7px; border: 1px solid #999; -moz-border-radius: 10px; -khtml-border-radius:10px; border-radius:10px; } #content img.noborder, #content img.dropshadow { display: block; margin: auto; border: 0px; } #content img.normal { margin: 0px; border: 0px; padding: 0px; } #content img.smiley { border: 0px; margin: 0px; padding: 0px; display: inline; } #content table img { border: 0px; } .title { color: #6ac; font-weight: bold; font-size: 1.8em; font-family: 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; letter-spacing: -0.05em; } .invisible { color: orange; } .date { color: #999; font-size: 11px; letter-spacing: -0.06em; } .colored1 {color: #4B9CDA;} .colored2 {color: #43728A;} .weak {color: #bbb;} a.colored2:hover { color: #EE8311; } div.commentaire { height: 20px; text-align: right; margin-bottom: 27px; font-family: 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; clear: both; } .commentaire a { display: block; height: 20px; width: 31px; padding: 4px 0px 0px 0px; background: url('../images/style2/bulle.gif') no-repeat center left; font-weight: bold; color: #999999; text-align: center; clear: both; float: right; } .commentaire a:hover {color: #666; text-decoration: none;} /* debut commentaires blog */ .pseudo { color: #333; font-size: 1.3em; font-weight: bold; font-family: 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; } ul.commentlist { margin-left: 2em; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .counter { display: inline !important; float: left; font: normal 2em 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif; margin: 0 0 0 -2em; color: #bbb; } #comments_form { align: right; text-align: right; } #comments_form input[type=text] { width: 194px; height: 17px; background: #ddd url('../images/style2/text_input.gif') no-repeat; border: 0px; font: 10px Verdana; color: #999; padding: 5px 12px 0px 12px; margin-top: 5px; } #comments_form textarea { width: 320px; height: 174px; background: #ccc url('../images/style2/textarea.gif') no-repeat; border: 0px; padding: 5px 12px 5px 12px; margin-top: 5px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial; font-size: 12px; color: #999; } /* fin commentaires blog */ #container td { -moz-border-radius: 15px; -khtml-border-radius:15px; border-radius:15px; } #nav_blog {text-align: center; font-size: 0.9em;} #nav_blog a {text-decoration: none;} .prec:before {font-family: Arial; font-size: 13px; content: "«\00A0\00A0";} .suiv:after {font-family: Arial; font-size: 13px; content: "\00A0\00A0»";} .rubrique { color: #999; text-align: right; font-size: 1.3em; font-style: italic; font-weight: bold; border-bottom: 1px solid #999; padding-right: 10px; margin-bottom: 25px; font-family: 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentaires_photos .rubrique {margin-left: 250px;} .avertissement { font-size: 2em; color: #EA1; } .highlight { background-color: paleturquoise; } /*** METEO ***/ #meteo {display: none;} /*** PHOTOS ***/ #planche #titre_planche { border: 0px; font-weight: bold; font-size: 1.8em; font-style: italic; color: #66AACC; margin-bottom: 25px; padding-left: 10px; } #planche #description { color: #666; margin: 20px; font-style: italic; } #planche a.photo_vignette { display: block; float: left; text-align: center; margin-bottom: 10px; padding: 20px 20px 5px; font-weight: normal; text-decoration: none; -moz-border-radius: 12px; -khtml-border-radius:12px; border-radius:12px; border: 1px solid #333; position: relative; text-align: center; } #planche a.photo_vignette:hover { font-weight: bold; color: #CEE4EF; border-color: #999; background: #444; } #planche a.photo_vignette img.photo_thumb { border: 0px !important; padding: 0px !important; margin: 0 auto; } *+html img.photo_thumb, * html img.photo_thumb { margin: 0 !important;} #planche a.photo_vignette div.count_badge { height: 26px; width: 26px; color: #fff; text-align:center; background: url(http://www.cailus.net/photos/images/countBadge.png) no-repeat top left; position: absolute; top: 10px; right: 10px; font-family: 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; } #planche a.photo_vignette div.count_badge span { line-height: 26px; vertical-align: middle; } #planche a.photo_vignette div.rate { width: 70px; height: 13px; margin: 0 auto;} *+html div.rate, * html div.rate { margin: 0 !important;} #planche a.photo_vignette .star { padding: 0; margin: 0; border: 0; display: block; float:left; width: 14px; height: 13px; } #planche a.photo_vignette .s_full { background: url('../photos/images/star_full_2.png') no-repeat; } #planche a.photo_vignette .s_half { background: url('../photos/images/star_half_2.png') no-repeat; } #planche a.photo_vignette .s_empty { background: url('../photos/images/star_empty_2.png') no-repeat; } /*** DESSINS ***/ #dessins #planche_dessins { } #dessins #planche_dessins a { border:0px; } #dessins #planche_dessins a img { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity: 0.4; border: 0px; padding: 0px; margin: 0px; } #dessins .vignette_dessin { border: 1px solid #CCC; -moz-border-radius: 15px; -khtml-border-radius:15px; border-radius:15px; padding: 7px; width; 80px; height:50px; display: block; margin: 6px; float: left; } #dessins a.rubrique, #dessins a.rubrique:hover { display: block; text-align: left; color: #999; font-size: 2em; font-style: italic; font-weight: bold; margin: 25px 0; font-family: 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; border: 0; text-decoration: none; } #dessins .expanded div.sold {width:134px;height:109px; display:block; background:url('../dessins/SOLD.png') no-repeat; position:absolute; top:-5px;right:10px; margin:0;padding:0;} a.dlink {position:relative;display:block}