/* @override http://www.barile.com.br/css/reset.css */ @charset "utf-8"; /* SUMMARY OF CONTENT IN THIS CSS FILE This css file is organized into categories to best organize it. Please refer to the summary below to find the right section you want to edit. ------------------------------------- ----------------SUMMARY-------------- ------------------------------------- - MAIN TAGS (Tags that need to be defined with specific styles ie: body) - HEADINGS - FORMS - TABLES - TEXT TAGS - OVERALL (Styles that apply to all pages) - COLUMNS - HEADER - LOGO - MENU - DROPDOWN - SEARCH BAR - SLIDER - CONTAINERS - NAVS - SELECTORS - INDEX PAGE - HEADINGS - NOTEBOOK SLIDER -NAVS - PORTFOLIO - BLOG - BLOG INFO - COMMENTS - COMMENT INFO - COMMENT CONTENT - SIDEBAR - LISTS - PAGINATION - FOOTER - HEADINGS - FORMS - COPYRIGHT */ /*------------------------ ---------------- MAIN TAGS ------------------------*/ body { background: #282828 url(../images/dark/bg.gif) repeat-x top left; color: #b6b6b6; } a { color: #28a8de; } a:hover { color: #2f88ad; } code { background: #222222 url(../images/dark/code.gif); border: 1px solid #3b3b3b; } blockquote { background: #3b3b3b; border: 1px solid #222222; } table { border-left: 1px solid #222222; border-bottom: 1px solid #222222; width: 100%; } tr.heading td { padding: 5px 10px; border-right: 1px solid #222222; border-bottom: 1px solid #222222; font-weight: bold; } td { padding: 10px; border-right: 1px solid #222222; } .heading { background: #222222; } .alternate1 { background: #3b3b3b; } .alternate2 { background: #333333; } /*------------------------ ----------------- HEADINGS ------------------------*/ h1,h2,h3,h4,h5,h6, h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #ffffff; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: #eeeeee; } .title em { color: #b6b6b6; } .index_heading { background: url(../images/dark/index_heading_bg.gif) no-repeat bottom; } .grey { color: #dddddd; font-weight: normal; } /*------------------------ ---------------- FORMS ------------------------*/ label { color: #686868; } input, textarea, select { background: #1c1c1c url(../images/dark/form_BG.gif) repeat-x top left; border: 1px solid #0f0f0f; color: #636363; } input:focus, textarea:focus, select:focus { border: 1px solid #090909; color: #636363; } .alert { border: 1px solid #FB6064; } select { background: #ffffff; } label span { color: #f00; } /*------------------------ ---------------- TABLES ------------------------*/ /*------------------------ ---------------- TEXT TAGS ------------------------*/ /*------------------------ ---------------- OVERALL ------------------------*/ #bg_wrapper { background: url(../images/dark/wrapper_bg.jpg) no-repeat top center; } .divider_one { background: url(../images/dark/divider_one.gif) no-repeat top center; } .divider_two_three { background: url(../images/dark/divider_two_three.gif) no-repeat top center; } .divider_three { background: url(../images/dark/divider_three.gif) no-repeat top center; } /*------------------------ ---------------- COLUMN ------------------------*/ /*------------------------ ---------------- HEADER ------------------------*/ /*------------------------ ---------------- LOGO ------------------------*/ /*------------------------ ---------------- MENU ------------------------*/ #menu ul { background: url(../images/dark/menu_separator.gif) repeat-y top left; } #menu ul li a { background: url(../images/dark/menu_separator.gif) repeat-y top right; color: #9e9e9e; } #menu ul li.current a { color: #ffffff; } #menu ul li a:hover { color: #ffffff; } /*------------------------ ---------------- DROPDOWN ------------------------*/ #menu ul li ul { border: 1px solid #101010; border-bottom: none; border-top: 1px solid #282828; background: #1a1a1a; } #menu ul li ul li a { background: none; border-bottom: 1px solid #101010; text-shadow: none; } #menu ul li ul li a:hover { background: #101010; } #menu ul li ul li ul { border: 1px solid #101010; } /*------------------------ --------------- SEARCH BAR ------------------------*/ #search { background: url(../images/dark/search_bg.gif) no-repeat top left; } #search input.search_field { background: none; border: none; color: #6b6b6b; } #search input.search_field:focus, #search input.search_submit:focus { border: none; } #search input.search_submit { background: none; border: none; } #search input.search_submit:hover { background: url(../images/dark/search_button.gif) no-repeat top left; } /*------------------------ ---------------- SLIDER ------------------------*/ #slider { background: url(../images/dark/slider_bg.gif) repeat-x bottom left; } #slider_bg_wrapper { background: url(../images/dark/slider_bg_wrapper.gif) no-repeat bottom center; } #slideshow { position: relative; width: 900px; height: 300px; float: right; overflow: hidden; padding-bottom: 0; } #slideshow2 { position: relative; width: 590px; height: 259px; float: right; overflow: hidden; padding-bottom: 0; margin-bottom: 20px; } /*------------------------ ---------------- CONTENT ------------------------*/ /*------------------------ ---------------- NAVS ------------------------*/ #slider_arrow_left, #slider_arrow_left_disabled { background: url(../images/dark/slider_left_arrow.png) no-repeat top left; } #slider_arrow_left_disabled { background: url(../images/dark/slider_left_arrow_disabled.png) no-repeat top left; } #slider_arrow_right, #slider_arrow_right_disabled { background: url(../images/dark/slider_right_arrow.png) no-repeat top left; } #slider_arrow_right_disabled { background: url(../images/dark/slider_right_arrow_disabled.png) no-repeat top left; } /*------------------------ ---------------- SELECTORS ------------------------*/ ul#slider_selector li, ul#slider_selector_dis li { background: url(../images/dark/slider_selector.png) no-repeat top left; } ul#slider_selector li.current, ul#slider_selector_dis li.current { background: url(../images/dark/slider_selector_current.png) no-repeat top left; } /*------------------------ --------------- INDEX PAGE ------------------------*/ /*------------------------ ---------------- HEADINGS ------------------------*/ /*------------------------ ---------- NOTEBOOK SLIDER ------------------------*/ #slider_note { background: url(../images/dark/slider_note_bg.jpg) no-repeat top left; } #slider_note ul { border: none !important; } .continue { background:url(../images/dark/slider_note_continue.png) no-repeat top left; } .zoom { background: url(../images/dark/slider_note_zoom.png) no-repeat top left; } /*------------------------ ---------------- NAVS ------------------------*/ #slider_note_right { background: url(../images/dark/slider_note_right.gif) no-repeat top left; } #slider_note_left { background: url(../images/dark/slider_note_left.gif) no-repeat top left; } /*------------------------ ---------------- PORTFOLIO ------------------------*/ .portfolio_item { background: url(../images/dark/portfolio_bg.gif) no-repeat top left; } .portfolio_info .info_title { color: #ffffff; } .portfolio_info span a { color: #b6b6b6; } /*------------------------ ---------------- BLOG ------------------------*/ .blog_item { background: url(../images/dark/divider_two_three.gif) no-repeat bottom left; } .blog_item .last { background: none; } /*------------------------ ---------------- BLOG INFO ------------------------*/ .blog_info .author { background: url(../images/icons/author.png) no-repeat center left; } .blog_info .author a { color: #ffffff; } .blog_info .categories { background: url(../images/icons/categories.png) no-repeat center left; } .blog_info .categories a { color: #b6b6b6; } .blog_info .comments { background: url(../images/icons/comments.png) no-repeat center left; } .blog_info .comments a { color: #b6b6b6; } .blog_info .date { background: url(../images/icons/date.png) no-repeat center left; } /*------------------------ ---------------- COMMENTS ------------------------*/ /*------------------------ ------------- COMMENT INFO ------------------------*/ #comments .comments_gravatar { background: url(../images/dark/comments_shadow.gif) no-repeat bottom left; } .comments_info .author { background: url(../images/icons/comment_author.gif) no-repeat center left; color: #ffffff; } .comments_info .time { background: url(../images/icons/comment_time.gif) no-repeat center left; } .comments_info .date { background: url(../images/icons/comment_date.gif) no-repeat center left; } .comments_info .date { background: url(../images/icons/comment_date.gif) no-repeat center left; } .comments_info .url { background: url(../images/icons/comment_url.gif) no-repeat center left; color: #b6b6b6; } .comment_reply { background: url(../images/icons/comment_reply.gif) no-repeat center left; color: #b6b6b6; } /*------------------------ ---------- COMMENT CONTENT ------------------------*/ .comment_content p { background: #1c1c1c; border: 1px solid #0f0f0f; color: #636363; } .comment_top { background: url(../images/dark/comment_top.gif) no-repeat top left; } /*------------------------ ---------------- SIDEBAR ------------------------*/ #sidebar ul, #sidebar ol { border-top: 1px solid #424242; } #sidebar ul li, #sidebar ol li { border-bottom: 1px solid #424242; } #sidebar ul li:hover, #sidebar ol li:hover { background: #222222; } #sidebar ul li a, #sidebar ol li a { color: #b6b6b6; } /*------------------------ ---------------- LISTS ------------------------*/ /*------------------------ --------------- PAGINATION ------------------------*/ #pagination .left a { background: url(../images/dark/pagination_left.gif) no-repeat top left; } #pagination .left a:hover { background: url(../images/dark/pagination_left_hover.gif) no-repeat top left; } #pagination .right a { background: url(../images/dark/pagination_right.gif) no-repeat top left; } #pagination .right a:hover { background: url(../images/dark/pagination_right_hover.gif) no-repeat top left; } /*------------------------ ---------------- FOOTER ------------------------*/ #footer { background: #111111 url(../images/dark/footer_bg.gif) repeat-x top left; color: #b6b6b6; } #footer a { color: #b6b6b6; } #footer ul { background: url(../images/dark/footer_border.gif) repeat-x top left; } #footer ul li { background: url(../images/dark/footer_border.gif) repeat-x bottom left; } #footer ul li a:hover { background: #0f0f0f; } #footer ul li a em { color: #505050; } /*------------------------ ---------------- HEADINGS ------------------------*/ #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #ffffff; } .star_heading { background: url(../images/icons/star_icon.png) no-repeat center left; } .coffee_heading { background: url(../images/icons/coffee_icon.png) no-repeat center left; } .balloon_heading { background: url(../images/icons/balloon_icon.png) no-repeat center left; } .mail_heading { background: url(../images/icons/mail_icon.png) no-repeat center left; } /*------------------------ ---------------- FORMS ------------------------*/ #footer label { color: #b6b6b6; } #footer input, #footer textarea { background: #1f1f1f; border: 1px solid #1f1f1f; } /*------------------------ ---------------- COPYRIGHT ------------------------*/ #copyright { background: #000000; margin-bottom: -20px; }