/* File: custom.css Description: Custom styles for the Thesis Theme that you define Use: 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 overwrite *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! */ .custom #header, .custom .post, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #sidebar_1, .custom #sidebar_2, .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl .bypostauthor .format_text, .custom #trackback_list { border-bottom: none; border-top: none; border-right: none; border-left: none; border-middle: none; } .custom #content_box, .custom #column_wrap { background: none; } body.custom { background: #44443f; } .custom #container { margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.3em; background: #33332f; border: 0.4em solid #3e3e3a; } .custom #page { background: #fff; } .custom .teaser { width: 100%; margin-top: 2em; padding-top: 2em; border-top: 1px dotted #bbb; text-align: justify; } .custom .teasers_box { padding-top: 0; padding-bottom:0; border-top: 0; } #Recent-posts li { background: #EEEEEE; border: 1px solid #05396B; line-height: 1.4em; -moz-border-radius: 5px; padding: 1.2em; -webkit-border-radius: 5px; } .custom #tabs { border-bottom: none; } .custom a, .custom a:visited { color: #339900; } .custom a:hover { color: #aaa; } .custom #header { padding: 0.1em 0.1em; text-align:left; border-bottom: 3px double #ddd; text-align: left; clear:both; } .custom #headertext { clear: both; float:right; text-align:right; margin-right:0px; margin-top: 86px; } .custom #content_box { background: none; } /*---:[ nav menu2 styles ]:---*/ .custom .fintabs2 { clear: both; border-bottom: 1px solid #ddd; } .custom ul#tabs2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .custom ul#tabs2 { list-style: none; margin-top: 10px; margin-bottom: 10px; margin-left: 45px; border-width: 0 0 1px 1px; text-align: center; } .custom ul#tabs2 li { margin-bottom: -0.1em; background: #fff; border: 0px solid #ddd; border-left: 0; float: left; margin-right: 18px; width: auto; } .custom ul#tabs2 li.current_page_item, .custom ul#tabs2 li.current-cat { padding-bottom: 0.1em; background: #ccc; border-bottom: 0; } .custom ul#tabs2 li a { display: block; line-height: 1em; color: #002d00; text-transform: lowercase; letter-spacing: 0px; font-size: 14px; } .custom ul#tabs2 li a:hover { text-decoration: none; color: #339900; } .custom ul#tabs2 li.current_page_item a, .custom ul#tabs2 li.current-cat a { cursor: default; } .custom ul#tabs2 li.current_page_item a:hover, .custom ul#tabs2 li.current-cat a:hover { text-decoration: none; } .custom ul#tabs2 li.rss { padding-top: 10px; background: none; border: none; float: left; } .custom ul#tabs2 li.rss a { padding-right: 16px; } .custom ul#tabs2 li.macro { margin-bottom: -0.1em; color: #ccc; background: #fff; border: 0px solid #ddd; border-left: 0; float: left; margin-right: 20px; width: auto; font-size: 28px; } .custom ul#tabs2 li.macrotit { color: #bbb; float: left; font-size: 18px; } .custom h1 { font-size: 2em; line-height: 1.455em; } .custom h2.entry-title { font-size: 1.8em; line-height: 1.455em; } .custom h3 { font-size: 1.5em; line-height: 1.455em; } .custom h4 { font-size: 1.2em; line-height: 1.455em; } .custom .to_posts { margin-bottom: 1.833em; font-size: 0.85em; line-height: 1.833em; color: #666; clear: both; } .custom .to_posts span, .to_posts span a, .to_posts span a:visited { font-size: 1.2em; line-height: 1.1em; color: #666; } .custom .to_posts span.bracket { color: #ccc; } .custom .to_posts a, .to_comments a:visited { color: #002d00; text-decoration: none; } .custom .to_posts a:hover { color: #111; text-decoration: underline; } .custom .separ { background-color: #ffffff; display: block; width: 500px; height: 31px; text-align:center; } .custom blockquote { border-left: 1px solid #ddd; color: #666; } .custom .format_text blockquote { margin: 0 0 1.574em 0.786em; padding-left: 0.786em; padding-left: 0.786em;} /*---:[ pullquotes ]:---*/ .custom .format_text blockquote.right, .format_text blockquote.left { width: 11.944em; font-size: 1.286em; line-height: 1.222em; border: none; } .custom .format_text blockquote.right { margin: 0 0 1.222em 1.222em; float: right; } .custom .format_text blockquote.left { margin: 0 1.222em 1.222em 0; float: left; } .custom .format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; } /*---:[ end pullquotes ]:---*/ .custom .post_tags { font-size: 0.8em; line-height: 1.833em; color: #666; text-align: right; } .custom .fuente { font-size: 0.9em; font-style: italic; line-height: 1.833em; color: #666; text-align: right; } .custom #archive_info { padding: 1.1em 2.2em 1.1em 1.1em; border-bottom: 1px solid #ddd; } .custom .post_box { margin: 0 2.2em 0 1.1em; border-top: 0px dotted #bbb; } .custom dl#comment_list .bypostauthor { background: #d7e5d9; padding-top:10px; } .custom dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor > .format_text { border-color: #d7e5d9; } .custom #commentform span.allowed { display: block; color: #807e70; background: #d7e5d9; border-style: dotted; border-color: #bbb; } .custom #comment_form p.allowed { width: 100%; font-size: 1.2em; padding: 0.5em 0.333em; line-height: 1.667em; color: #807e70; background: #d7e5d9; border: 0.083em dotted #bbb; border-top: 0; } .custom .entry-title a:hover {color: #006633;} .custom .entry-title a { color: #002d00; } .custom h1 a:visited { color: #002d00; } .custom .format_text .drop_qt { padding: 0.04em 0.12em 0 0; font-size: 6.571em; line-height: 0.65em; color: #888; float: left; } .custom .sidebar h3 { font-size: 1.3em; line-height: 1.385em; margin-bottom: 0.615em; font-variant: small-caps; letter-spacing: 2px; color: #ffffff; background: #36648B; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .custom .sidebar h4 { font-size: 1.0em; line-height: 1.385em; margin-bottom: 0.615em; font-variant: small-caps; letter-spacing: 2px; color: #555; border-top: 1px dotted #ddd; } .custom .sidebar a { color: #002d00; text-decoration: none; } .custom .sidebar a:visited { color: #002d00; text-decoration: none; } .custom .sidebar a:hover { color: #006633; text-decoration: underline; } .custom #emailrss a { color: #002d00; padding-right: 28px; text-decoration: none; background: url('../images/mail.gif') 100% 100% no-repeat; font-size: 1.1em; line-height: 1em; letter-spacing: 2px; text-transform: uppercase; } .custom #emailrss a:hover {color: #002d00; text-decoration: underline;} .custom ul#tabs3 { list-style: none; background: none; border-left: none; } .custom ul#tabs3 li { font-size: 1.1em; line-height: 1em; padding: 0.545em 0.818em; background: #efefef; border: 1px solid #ddd; border-left: 0; text-transform: uppercase; letter-spacing: 2px; float: left; } .custom ul#tabs3 li.current_page_item, .custom ul#tabs3 li.current-cat { background: #fff; border-bottom-color: #fff; } .custom ul#tabs3 li a, .custom ul#tabs3 li a:visited { color: #111; text-decoration: none; } .custom ul#tabs3 li a:hover { color: #111; text-decoration: underline; } .custom ul#tabs3 li.current_page_item a, .custom ul#tabs3 li.current_page_item a:visited, .custom ul#tabs3 li.current-cat a, .custom ul#tabs3 li.current-cat a:visited { cursor: default; } .custom ul#tabs3 li.current_page_item a:hover, .custom ul#tabs3 li.current-cat a:hover { text-decoration: none; } .custom ul#tabs3 li.frase { padding-top: 0; background: none; border: none;} .custom .author_and_date a, .author_and_date a:visited { color: #002d00; text-decoration: none; border-bottom: 1px solid #eee; } .custom .author_and_date a:hover { color: #006633; } .custom #frase { clear: both; width: 1026px; text-align: center; font-size:1.1em; margin-top: 10px; color: #fff; background-color: #002d00; padding: 5px; } .custom #navi { width: auto; text-align: center; font-size: 12px; } .custom .aligncenter, .custom div.aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .custom .alignleft { float: left; margin-top: 5px; margin-bottom: 15px; margin-right: 15px; margin-left: 0px; } .custom .alignright { float: right; margin-top: 0px; margin-bottom: 15px; margin-left: 15px; margin-right: 0px; } .custom .wp-caption { border: none; text-align: center; padding-top: 4px; margin-right: 15px; margin-bottom: 15px; } .custom .wp-caption img { margin: 0; padding: 0; border: 0 none; } .custom .wp-caption p.wp-caption-text { text-align: right; font-size: 11px; font-style: italic; color: #666666; line-height: 17px; padding: 0 4px 5px; margin: 0; } .custom img.foto { float: right; margin-top: 0px; margin-bottom: 15px; margin-left: 15px; margin-right: 0px; } .custom img.fotoside { float: right; margin-top: 0px; margin-bottom: 5px; margin-left: 5px; margin-right: 0px; } .custom .fotol { float: left; margin-top: 5px; margin-bottom: 15px; margin-right: 15px; margin-left: 0px; } .custom .fotoc { text-align: center; display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; padding:10px; } .custom .fotos { float: left; text-align: center; margin: 3px; padding:5px; background-color:#f5f7f9; border-right: #a5a7aa solid 1px; border-bottom: #a5a7aa solid 1px; } .custom .navigation { display: block; text-align: center; margin-top: 20px; margin-bottom: 0px; font-size: 14px; padding-left: 20px; padding-right: 20px; } .custom .spritecolor { display: block; text-align: right; } .custom .aside a, .custom .aside a:visited { color:#006633; text-decoration:underline; } .custom .aside a:hover { color:#aaa; } .custom .flickrss { display:inline; margin-right: 5px; margin-bottom: 10px; } .custom .editComment, .editableComment, .textComment{ display: inline; } .custom .comment-childs{ border: 1px solid #999; margin: 20px 2px 10px 20px; padding: 4px 2px 2px 4px; background-color: white; } .custom .chalt{ background-color: #ffffff; } .custom #newcomment{ border:1px dashed #777;width:90%; } .custom #newcommentsubmit{ color:#006633; } .custom .adminreplycomment{ border:1px dashed #777; background-color: #d3ed59; width:99%; margin:4px; padding:4px; } .custom .mvccls{ color: #999; } .custom #intro2 { text-align: center; } .custom .wp125ad { display:inline; text-align:center; margin-left:3px; } .custom .wp125ad img { width:125px; margin:6px; } .custom .wp125feat { display:inline; text-align:center; margin-left:0px; } .custom .wp125feat img { width:156px; margin:0px; } /*---:[ feature box ]:---*/ #feature_box { background: #F5D0A9; border-bottom: 2px solid #ddd; width: 460px; height: 50px; margin-top: 10px; margin-left: 15px; padding-top: 10px; padding-bottom: 10px; } .fullsize .scroll_thumb { display:none; } .paginator_pages { width:100%; text-align:right; font-size:0.8em; color:#808080; margin-top:-10px; } .sprite { background:url(); width: 160px; } .enredado1 { height: 34px; background-position: 0px 0px; } .enredado2 { height: 35px; background-position: 0px -42px; } .enredado3 { height: 37px; background-position: 0px -84px; } .enredado4 { height: 41px; background-position: 0px -131px; } .enredado5 { height: 49px; background-position: 0px -176px; } .sprite3 { background:url(); width: 16px; height: 16px; } .todomv { background-position: 0px 0px; } .mangas { background-position: 0px -16px; } .perlas { background-position: 0px -32px; } .eco { background-position: 0px -48px; } .util { background-position: 0px -64px; } .ima { background-position: 0px -80px; } .pi { background-position: 0px -96px; } .life { background-position: 0px -112px; } .sprite2 { background:url(); } .cuadrado { width: 75px; } .descargas1 { height: 100px; background-position: 0px 0px; } .descargas2 { height: 75px; background-position: 0px -102px; } .descargas3 { height: 75px; background-position: 0px -179px; } .descargas4 { height: 75px; background-position: 0px -256px; } .descargas5 { height: 75px; background-position: 0px -332px; } .descargas6 { height: 75px; background-position: 0px -410px; } .descargas7 { width: 80px; height: 32px; background-position: 0px -485px; } .descargas8 { width: 107px; height: 37px; background-position: 0px -519px; } .descargas9 { width: 107px; height: 19px; background-position: 0px -556px; } .descargas10 { width: 48px; height: 21px; background-position: 0px -575px; } div.sociable { margin: 0px 0;text-align:right; } span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; } .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .custom .metaend {background:#eeeeee;padding:5px;border:1px solid #dddddd} .custom .related-posts {margin-left:0px;margin-top:20px;width:560px;} .custom .related-images {padding-right:8px;float:left;} .custom .related-text {font-size:12px;width:66px;text-align:left;line-height:12px;} .custom .related-posts a {text-decoration:none;color:#000000;} .custom div.welcome_box { width: 95%; padding: 1em 0.786em; margin-left: 0em; margin-right: 0em; margin-bottom: 1em; margin-top: 1em; margin-bottom: 0em; padding-bottom: 0em; } .custom h3 { color:#897E7C; } .custom #widget_content { background: #fff; color: #61B329; padding-left: 1em; -moz-border-radius:5px; -webkit-border-radius:5px ; border-radius:5px ; padding: 1em 0em 1em 1em; border: 3px solid #777777; } .custom #widget_content .widget_icon { float: right; margin-right: 0.5em;} .custom li.widget .my_widget_header { background: #1C86EE; -moz-border-radius:5px; -webkit-border-radius:5px ; border-radius:5px ; } .custom li.widget .my_widget_header h4 { color: #1C86EE; font-size: 1.5em; text-align: center; } /* SAVE THIS IN CUSTOM.CSS FILE */ .custom #header_area {display:none;} .custom #header #logo, .custom #header #tagline {text-indent: -9999px;} .custom #header #tagline {height: 0;} .custom #header {padding: 0;} .custom #title_area {background: #FFFFFF; padding:0 0 0; border-bottom:0px solid #c55;} .custom #title_area2 {background: #045FB4; padding:0 0 0; border-bottom:0px solid #c55;} .custom .search_form {float:right; margin-top:-2.5em; margin-left: 1em;} /* TOP MENU BY THE HEADER */ #top_menu_container {height: 30px;background: #045FB4; margin-top:0px;} #top_menu_container input, textarea {background:#EEEEEE none repeat scroll 0 0; border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA; border-style:solid; border-width:1px; width: 19.5em; height:1.6em; color:#444444; font-size:1.1em;} #top_menu {height: 30px;} #top_menu , #top_menu ul {padding: 0; margin: 0; list-style: none; line-height: 1;} #top_menu ul {float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px;} #top_menu li {float: left; list-style: none; margin: 0px; padding: 0px;} #top_menu ul li {list-style: none; margin: 0px; padding: 0px;} #top_menu li a {color: #FFFFFF; display: block; margin: 3px 3px 0px 3px; padding: 5px 10px 5px 10px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif;} #top_menu li a:hover {color: #FFFFFF; display: block; margin: 3px 3px 0px 3px; padding: 5px 10px 5px 10px; text-decoration: underline;} /* CATEGORY MENU BY THE HEADER */ #category_menu_container {height: 30px;background: #045FB4; margin-top:0px;} #category_menu_container input, textarea {background:#EEEEEE none repeat scroll 0 0; border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA; border-style:solid; border-width:1px; width: 19.5em; height:1.6em; color:#444444; font-size:1.1em;} #category_menu {height: 30px;} #category_menu, #category_menu ul {padding: 0; margin: 0; list-style: none; line-height: 1;} #category_menu ul {float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px;} #category_menu li {float: left; list-style: none; margin: 0px; padding: 0px;} #category_menu ul li {list-style: none; margin: 0px; padding: 0px;} #category_menu li p {color: #fff; display: block; margin: 3px 3px 0px 3px; padding: 5px 10px 5px 10px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif;} #category_menu li a, #category_menu li a:link {color: #fff; display: block; margin: 3px 3px 0px 3px; padding: 5px 10px 5px 10px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif;} #category_menu li a:hover {background: #7BAAD9; color: #FFFFFF; display: block; margin: 3px 3px 0px 3px; padding: 5px 10px 5px 10px; text-decoration: none; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;} #footer{ background: #eeeeee; } .custom #footer { height: 100%; width: 100%; border-top:2em solid #9c9c9c; background: #eeeeee; padding:0em; } .custom #footer a{ border-bottom: 1px none #cccccc; } .custom #footer { text-align:center; } /* footer widget area setup */ #footer_setup { /* widgetized footer background (not footer background) */ background: #444343; /* widget padding */ padding:1.5em; /* margin at bottom of widgets */ margin-bottom: 25px; /* do not change this! */ overflow: hidden; } /* widget item setup */ #footer_setup .footer_items { /* contents alignment */ text-align: left; /* widget width */ width: 33.3%; /* space between widgets */ padding-right: 0px; /* text color */ color: #2361A1; /* do not change these! */ display: inline-block; float: left; height: 100%; } /* widget item headers http://adwordsshop.com/wp-admin/admin.php?page=thesis-file-editor*/ #footer_setup .footer_items h3 { /* font size */ font-size: 1.5em; /* bold or not */ font-weight: bold; /* uppercase or not */ text-transform: uppercase; /* space out the letters*/ letter-spacing: 0px; /* font color*/ color: #ffffff; /* padding under header text */ padding-bottom: 3px; /* border under header text */ border-bottom: 3px none #ffdf00; /* distance between border and widget text */ margin-bottom: 5px; } /* do not change these! */ #footer_setup .footer_items ul li { list-style:none; font-size:1.4em; line-height:1.5em; } #footer_setup .footer_items ul { margin: 1em; padding: 0px; }