/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ .custom .comments_closed p { display: none; } .custom .menu { background: #EFEFEF; border-width: 0; } .custom #header { padding-top: 0em; padding-bottom: 0em; } .custom #page { background-color: #fff } .custom .post_box { background-color: #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-left: 20px; padding-right: 20px; } .custom .format_text { padding-left: 0em; padding-right: 0em; border-width: 0 0 0 0em; text-align: justify } .custom .sidebar { padding-left: 0em; padding-right: 0em; border-width: 0 0 0 0em; } body.custom { background: url('http://www.maryseletarte.com/images/wp/bg.jpg') no-repeat fixed left; } .custom .headline_area { padding-left: 0em; padding-right: 0em; } .custom #comments { padding-left: 0em; padding-right: 0em; } .custom #archive_info { padding-left: 0em; padding-right: 0em; } /* This line sets up our clickable background image based on the site title's link */ /* DIY: Adjust the height & width attributes to reflect the actual size of your image */ /* DIY: Change the filename of your image to reflect the actual header's file name */ .custom #header #logo a { display: block; height: 284px; width: 1012px; background: url('http://www.maryseletarte.com/images/header_wp_4.gif') no-repeat; outline: none; } /* Mettre une autre image de header pour la section blogue*/ .custom #header #logo_blogue a { display: block; height: 284px; width: 1012px; background: url('http://www.maryseletarte.com/images/header_blogue.gif') no-repeat; outline: none; } /* This line gets rid of the site title & tagline by casting them out to far left field */ .custom #header #logo, .custom #header #tagline, .custom #header #logo_blogue { text-indent: -9999px; } /* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */ /* This is a bit of a kludge, but it seems to work. */ .custom #header #tagline { height: 0; } /* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */ .custom #header { padding: 0; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} .custom .headline_area { position:absolute; top:-1500px; left:-1500px; } .custom .hfeed .headline_area { left:0; position:relative; top:0; } .custom h2 { font-size: 14px; font-weight: bold; font-size: 14px; letter-spacing: 2px; margin: 0 0 0px 0; text-transform: uppercase; } .custom h1 { font-size: 14px; font-weight: bold; font-size: 14px; letter-spacing: 2px; margin: 0; text-transform: uppercase; } .custom .headline_area { margin-bottom: 0.5em; } .custom .entry-title { margin-bottom: 0em; } .custom .menu a { font-size: 12px; font-weight: bold; line-height: 1.333em; padding: 0.5em 0.5em; border-width: 0em; border-left-width: 0; text-transform: none; } .custom .menu ul a { width: 12.333em; border-left-width: 0em; } .custom .sidebar ul.sidebar_list { padding-right: 2em; padding-left: 2em; } .custom .post_box, .teasers_box, .full_width #content_box .page { margin: 1.8em 1.8em 0 1.8em; } .custom #footer { text-align:center; } .custom #footer ul, .custom #footer li { display:inline; } .custom ul { list-style:none; } /* images des puces télécharger */ .download_media li { line-height: 50px; margin: 10px 0; } .no_icons a { background:url(http://www.maryseletarte.com/images/icons/puce.png) no-repeat; background-position:0 -999px; padding:0 0 0 60px; } .download_media , .no_icons { margin-bottom: 0; margin-top: 0; padding: 0; list-style:none; } .textwidget a:link, #lien_presse a:link, #salleDePresse a:link{ color:#686868; text-decoration:none; } .textwidget a:visited, #lien_presse a:visited, #salleDePresse a:visited{ color:#686868; text-decoration:none; } .textwidget a:hover, #lien_presse a:hover, #salleDePresse a:hover{ color:#686868; text-decoration:underline; } .textwidget a:active, #lien_presse a:active, #salleDePresse a:active{ color:#686868; text-decoration:none; } h3{ background-color:#EFEFEF; padding: 5px; color:#111111; } .sidebar h3{ margin-bottom: 0; padding: 0.7em 0.9em; } .contenu_boite, #phplist-integration form{ padding: 0.7em 0.9em; } #sensitive_tag_cloud{ padding-top:0; } .textwidget, #phplist-integration form, #sensitive_tag_cloud{ border:1px solid #EFEFEF; } #contactsubmit{ margin-top: 10px; } #phplist-integration label{ padding: 0.5em 0 ; } #phplist-integration{ color: #686868; } .sidebar input[type="text"], .sidebar input[type="submit"] { color: #686868; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; } hr { border-color: #EFEFEF; border-style:none none solid; border-width:medium medium 1px; height:1px; margin:5px 0; } #lien_presse { text-align: right; margin-top: 20px; margin-left: 15px; width: 563px; } #salleDePresse h2{ font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #686868; margin-bottom: 10px; } .download_media{ list-style:none; font-size:1.3em; } .download_media li a { padding:0 0 0 60px; } #pochetteNilefeu{ background:url(http://www.maryseletarte.com/images/thumbnails/Nilefeu_thumb.jpg) no-repeat; } #photoNilefeu1 { background:url(http://www.maryseletarte.com/images/thumbnails/Photo_Nilefeu_thumb1.jpg) no-repeat; } #photoNilefeu2 { background:url(http://www.maryseletarte.com/images/thumbnails/Photo_Nilefeu_thumb2.jpg) no-repeat; } #photoNilefeu3 { background:url(http://www.maryseletarte.com/images/thumbnails/Photo_Nilefeu_thumb3.jpg) no-repeat; } #pochetteDespas{ background:url(http://www.maryseletarte.com/images/thumbnails/Despas_thumb.jpg) no-repeat; } #photoDespas1 { background:url(http://www.maryseletarte.com/images/thumbnails/Photo_Despas_thumb1.jpg) no-repeat; } #photoDespas2 { background:url(http://www.maryseletarte.com/images/thumbnails/Photo_Despas_thumb2.jpg) no-repeat; } #photoDespas3 { background:url(http://www.maryseletarte.com/images/thumbnails/Photo_Despas_thumb3.jpg) no-repeat; } .download_pdf{ background:url(http://www.maryseletarte.com/images/thumbnails/icone_pdf.png) no-repeat; } .download_video{ background:url(http://www.maryseletarte.com/images/thumbnails/icone_video.png) no-repeat; } .archives{ background:url(http://www.maryseletarte.com/images/thumbnails/archive-folder.png) no-repeat; } .credits_media{ font-size: 0.75em; list-style:none; /*color: #111111;*/ color: #BC9B6A; } .credits_media li{ line-height:5px; padding:0 0 0 60px; margin-top: -5px; } .ddimgtooltip{ box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/ -webkit-box-shadow: 3px 3px 5px #818181; -moz-box-shadow: 3px 3px 5px #818181; display:none; position:absolute; border:1px solid black; background:white; color: black; z-index:2000; padding: 4px; } .newsroom_auteur{ font-weight:bold } #archive_intro{ display:none; } .gauche{ float:left; width: 45%; margin: 1.8em 1.8em 0; } .droite{ float:right; width: 45%; margin: 1.8em 0 0; } .image_texte{ float:left; margin: 0 15px 15px 0; } .image_texte_droite{ float:right; margin: 0 0 15px 20px; } .credit_journaux{ margin-right: 40px; border-right: 1px solid #555555; padding-right: 40px; } #stephane_laporte{ width: 180px; border-bottom: 1px dotted #999999; border-left: 1px dotted #999999; padding: 10px; } .custom .gauche .post_box, .custom .droite .post_box{ margin: 0; } #image_061208{ width: 300px; } #sensitive_tag_cloud a{ padding: 0.2em 0.4em; color: #BC986A; } #sidebar_1{ display:none; } #content{ float:left; margin-left: 0px; background-color: none; } /* aligner la sidebar de droite avec le contenu*/ ul.sidebar_list{ margin-top: 1.8em; } /*aligner le contenu des colonnes de la newsroom avec la sidebar de droite*/ #presse_medias, #presse_webbuzz{ padding-top: 1.8em; }