/* 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/ */ h1,h2,h2 a { color:#4D4D4D; } #container { margin:0 auto; width:995px; } #content_box { background:none; margin:0 auto; width:995px; } #column_wrap { background:none; width:690px; } #content { float:right; margin:0 20px; width:520px; } .sidebar h3 { color:#FFFFFF; font-weight:normal; height:24px; padding-left:5px; padding-top:2px; } #sidebar_1 { border:0 none; float:left; width:130px; } #sidebar_1 h3 { background:url(images/laterales2.png) no-repeat 0 0 #ffffff; width:125px; } #sidebars { border:0 none; float:right; width:300px; } #sidebar_2 { width:100%; } #sidebar_2 h3 { background:url(images/laterales.png) no-repeat 0 0 #ffffff; width:300px; } .linkcat { list-style: none; } h3.blogsamigos { background:url("images/laterales.png") no-repeat scroll right 0 #BAD60A; color:#FFFFFF; font-size:12px; font-variant:small-caps; font-weight:normal; height:24px; letter-spacing:2px; line-height:20px; padding-left:5px; padding-top:2px; text-transform:uppercase; width:400px; } .img_blogs{ background:none repeat scroll 0 0 #ACA092; display:block; width:405px; } .sidebar ul.sidebar_list { padding-left:0; padding-right:0; } .format_text a { text-decoration:none; } a.more-link { display:block; margin-top:10px; } #header { background:url(images/bannermarzo.png) no-repeat scroll 0 0 #FFFFFF; border:medium none; height:174px; padding:0; } #page { padding:0; } .post_box,.teasers_box { border-color:#888888; border-style:none none dotted; border-width:medium medium 2px; padding-bottom:10px; } #footer { background:url(images/cierre.png) no-repeat scroll 0 0 #FFFFFF; border:none; padding-top:130px; padding-left:0; padding-right:0; border-width:0; } .prev_next { border:medium none; } /* ////// Menu DropDown CSS */ ul.dropdown,ul.dropdown li,ul.dropdown ul { list-style:none; margin:0; padding:0; } ul.dropdown { background:none repeat scroll 0 0 #FFFFFF; display:block; font-size:12px; height:30px; margin-top:15px; padding:0; position:relative; text-transform:lowercase; width:100%; z-index:597; background: #f4f4f4; } ul.dropdown li { float:left; display:inline; line-height:1.3em; vertical-align:middle; zoom:1; background-color:#ffffff; color:#888888; } ul.dropdown a:hover { color:#000000; } ul.dropdown li.hover,ul.dropdown li:hover { position:relative; z-index:599; cursor:default; color:#efefef; } ul.dropdown li.hover a,ul.dropdown li:hover a { color:#FFFFFF; background-color:#b5d508!important; } ul.dropdown li.hover a:hover,ul.dropdown li:hover a:hover { color:#2361A1!important; background-color:#b5d508!important; } ul.dropdown a:hover,ul.dropdown a:hover { color:#2361A1!important; background-color:#b5d508!important; } ul.dropdown a:link,ul.dropdown a:visited { text-decoration:none; } ul.dropdown a { color:#888888; padding:7px 10px!important; display:block; clear:both; background: #f4f4f4; } ul.dropdown ul { visibility:hidden; position:absolute; top:100%; left:0; z-index:598; width:150px; margin-top:0; } ul.dropdown ul li { border:1px solid #C4EF77; color:#FFFFFF; display:block; font-weight:normal; margin-top:-1px; min-width:150px; background-color:#b5d508; } ul.dropdown ul li a { color:#FFFFFF; background-color:#b5d508; } ul.dropdown ul ul { top:3px; left:100%; } ul.dropdown ul ul li a { } ul.dropdown ul ul li { } ul.dropdown li:hover > ul { visibility:visible; } /* menu */ .menu { background:#efefef; border-color:#dfdfdf; border-width:1px 0; } .menu a { color:#888888; text-transform:uppercase; } .menu li { margin:0; } .menu a,.menu li ul { border:none; } .menu .current a,.menu .current-cat a { } .menu ul .current a,.menu ul .current-cat a,.menu .current ul a,.menu .current-cat ul a { } .menu a,.menu .current ul a,.menu .current-cat ul a { background:none repeat scroll 0 0 #EFEFEF; color:#888888; } .menu a:hover,.menu .current ul a:hover,.menu .current-cat ul a:hover,.menu .current-parent a:hover { background:none repeat scroll 0 0 #cfcfcf; color:#efefef; } .menu .current a,.menu .current a:hover,.menu .current-cat a,.menu .current-cat a:hover { background:none repeat scroll 0 0 #dfdfdf; color:#888888; } .menu .current-parent > a,.menu .current-cat-parent > a { background:none repeat scroll 0 0 #F0EEC2; color:#888888; } .menu li.search { float:right; padding-right:10px; padding-top:3px; } #searchform { } #searchform #s { background:url(images/Search.png) no-repeat scroll 1px 1px #FFFFFF; border:1px solid #DFDFDF; color:#888888; display:inline-block; font-size:13px; padding:1px 1px 1px 20px; width:200px; } /* cabecera */ #logo { padding-left:110px; padding-top:63px; } #logo a { color:#FFFFFF; display:block; text-indent:-44444px; width:250px; } #tagline { color:#FFFFFF; font-size:12px!important; margin-top:6px; padding-left:110px; text-indent:-4444px; } /* teasers */ a.post_image_link { clear:both; display:block; margin:0 auto; outline:medium none; } /* Paneles de destacados */ #featured, #destacados { display:block; float:left; margin:15px auto 0; text-align:left; width:995px; } #featured a,#destacados a { border:none; } #featured div,#destacados div { display:inline-table; float:left; vertical-align:top; width:140px; } #featured a.imagen img,#destacados a.imagen img { border:1px solid #ADA886; padding:1px; } p.title { clear:both; display:block; height:35px; letter-spacing:-0.5px; line-height:14px; overflow:hidden; width:140px; } #featured p.title a, #destacados p.title a { color:#888888; display:block; font-size:12px; height:100%; overflow:hidden; } .f-1,.d-1 { margin:0 15px 0 0; } .f-2,.f-3,.f-4,.f-5,.d-2,.d-3,.d-4,.d-5 { margin:0 15px; } .f-6,.d-6 { margin:0 0 0 15px; } p.desc { font-size:10px !important; margin-top:0px; color:#8a8a8a; } #slider { position:relative; display:block; height:3000px; width:510px; margin:2.2em auto; } #slider img { position:absolute; top:0; left:0; } span.title_slider { color:#555555; display:block; font-size:18px; font-weight:bold; line-height:26px; } /* Widget Categorias */ .categorias_decopeques { width:220px; margin:10px auto; } .publicidad_decopeques{ width:95%; margin:10px auto; } .categorias_decopeques h2 { display:inline; float:left; height:90px; margin:10px; width:90px; } .publicidad_decopeques a { display:inline; float:left; height:125px; margin:7px; width:125px; border: 1px solid #000000; } .publicidad_decopeques a:hover{ border: 1px solid #DDD; } .one_ad{ background-color:#FFFFFF; background-position:0 0; background-repeat:no-repeat; border:medium none; display:inline-table; height:125px; text-indent:-44444px; width:125px; float:left; } .one_cat { background-color:#FFFFFF; background-position:0 0; background-repeat:no-repeat; border:medium none; display:inline-table; height:90px; text-indent:-44444px; width:90px; float:left; } .teaser h2 { height:55px; } #sidebar_1 li.widget { clear: both; display: inline-table; margin: 5px 0px; } #sidebar_2 li.widget { clear:both; display:inline-table; margin:20px 0; } #info_footer { background:none repeat scroll 0 0 #BBD60A; clear:both; color:#888888; display:block; float:left; height:30px; margin:10px 0; text-align:center; width:100%; } #info_footer a{ border:medium none; color:#FFFFFF; display:inline-table; font-size:13px; font-weight:bold; margin:6px 0 0; padding:0 15px; text-decoration:none; } #info_footer a:hover{ color: #2361a1; } .teaser .format_teaser { text-align: justify; } /* Pagina 404 */ h2.error { } .bl_404 { } .bl_404 li { list-style-position:inside; margin-left:10px; } .bl_404 h3 { background:url("images/laterales.png") no-repeat scroll right 0 #BAD60A; color:#FFFFFF; font-size:12px; font-variant:small-caps; font-weight:normal; height:24px; letter-spacing:2px; line-height:20px; padding-left:5px; padding-top:2px; text-transform:uppercase; width:100%; } .left_404, .right_404 { display:inline-table; margin:0 8px; width:220px; } .social_decopeques { margin:0 auto; width:220px; display: block; } .social_decopeques a{ width: 48px; height: 48px; display: inline-table; margin: 3px; } .social_decopeques a img{ border: 0; } .boxads { border-bottom:2px dotted #888888; display:block; height:250px; margin:20px 2em 10px; padding-bottom:20px; } .ads_decopeques { margin: 0 auto; height: 250px; width:300px; } ul.related { margin:10px 0; } .related li{ display:inline-table; margin:10px 2px; width: 85px } .related li a.miniimg{ background-color:#FFFFFF; background-position:left top; background-repeat:no-repeat; border:1px solid #afafaf; display:block; height:80px; padding:2px; width:80px; } .related li a.minipost{ display:block; font-size:11px; overflow:hidden; width:85px; } /* PUBLICIDAD CABECERA */ #publi_head { width: 995px; background: url('images/texto_publi.png') no-repeat scroll 0 0 #F4F4F4; height:110px; margin:15px 0 0; } #publi_head .publi{ float:left; height:90px; margin-left:20px; margin-top:10px; width:728px; } #publi_head .extend{ float:right; height:110px; width:225px; } #publi_head .extend a{ display:block; height:100%; width:100%; } #publi_head .extend a img{ float: right; } /* SEO EN POSTS */ .format_text h4 { font-size:1.3em; line-height:1.538em; font-weight: bold; } .sharefacebook { height:35px; margin-bottom:15px; width:100%; } .iframefb { width: 100%; height: 35px; overflow: hidden; } /* IE6 css fixer v0.8: Sat, 24 Apr 2010 11:05:18 +0200 */ /* ============================================= */ /* safe settings */ /* add display:inline to floated elements */ * html #content, * html #sidebar_1, * html #sidebars, * html ul.dropdown li, * html .menu li.search, * html #featured, * html #destacados, * html #featured div, * html #destacados div, * html .categorias_decopeques h2, * html .publicidad_decopeques a, * html .one_ad, * html .one_cat, * html .info_footer {display:inline;} /* add zoom:1 to overflow:hidden */ * html #content, * html #sidebar_1, * html #sidebars, * html ul.dropdown li, * html .menu li.search, * html #featured, * html #destacados, * html #featured div, * html #destacados div, * html .categorias_decopeques h2, * html .publicidad_decopeques a, * html .one_ad, * html .one_cat, * html .info_footer {zoom:1;} /* fix negative margins */ * html ul.dropdown ul li {position:relative; zoom:1;} /* add zoom:1 to pos:relative elements */ * html ul.dropdown, * html ul.dropdown li.hover, * html ul.dropdown li:hover, * html #slider {zoom:1;} /* add zoom:1; display:inline; to inline-block elements */ * html #searchform #s {zoom:1; display:inline;} /* ============================================= */ /* potentially harmful settings */ /* add zoom:1 to backgrounds -- Manually check for problems with inline elements! */ * html #content_box, * html #column_wrap, * html #sidebar_1 h3, * html #sidebar_2 h3, * html h3.blogsamigos, * html #header, * html #footer, * html ul.dropdown, * html ul.dropdown a, * html .menu, * html .menu a, * html .menu .current ul a, * html .menu .current-cat ul a, * html .menu a:hover, * html .menu .current ul a:hover, * html .menu .current-cat ul a:hover, * html .menu .current-parent a:hover, * html .menu .current a, * html .menu .current a:hover, * html .menu .current-cat a, * html .menu .current-cat a:hover, * html .menu .current-parent > a, * html .menu .current-cat-parent > a, * html #searchform #s, * html .info_footer, * html .bl_404 h3 {zoom:1;} /* PNG fix */ * html #sidebar_1 h3, * html h3.blogsamigos{behavior: expression((this.runtimeStyle.behavior = "none") && (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1) && (this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','') + "', sizingMethod='crop')", this.runtimeStyle.zoom = 1, this.runtimeStyle.backgroundImage = "none"));