/* TABLE OF CONTENTS: 1) GENERAL - TAGS - LISTS - TABLE 2) NAVIGATION - LOGO - MENU - OPTIONS MENU 3) OPTIONS DIV (SEARCH - FEED - LOGIN) 4) BREADCRUMB 5) INTRO - TITLES 6) MAIN 7) GALLERIES - GALLERIES NAVIGATION - SMALL GALLERY - BIG GALLERY 8) PORTFOLIO - PORTFOLIO THUMBS GALLERY - PORTFOLIO SMALL GALLERY - PORTFOLIO BIG GALLERY - PORTFOLIO NAVIGATION - PROJECTS GRID - CATEGORIES DROPDOWN 9) SIDEBAR 10) COMMENTS 11) FORM 12) PAGINATION 13) PRE FOOTER - FORM 14) FOOTER 15) WP-WIDGETS - CALENDAR - SEARCH 16) EXTRA CLASSES - BUTTONS - HIGHLIGHTERS - BORDERS - SHADOWS */ /* * BODY *** */ body, html{ color:#4f4f4f; background-color:#373c3e; } /* ********************************* * 1) GENERAL *** ********************************* */ #top{ background:url('../images/skin3/back_ground_top.jpg') no-repeat center bottom; } /* TAGS */ h1, h2, h3, h4, h5, h6{ color:#4d5360; } a{ color:#4f4f4f; } a:hover{ color:#999; } blockquote{ background:#eff4f6 url("../images/skin3/back_ground_blockquote.jpg") no-repeat 10px 10px; border:solid 1px #ccc; } blockquote p{ color:#777; } code, pre{ color:#3c3c3c; border:solid 1px #ccc; } code{ background:#e8eef1 url("../images/skin3/back_ground_pre.gif") repeat 0px 0px; } pre{ background-color:#e8eef1; } cite { background-color:#fff; border:solid 1px #ccc; } /* LISTS */ #main ul li{ background-image:url('../images/skin3/arrow_icon.gif'); } #main ul a, #main ul span{ color:#4f4f4f; border-bottom:solid 1px #ddd; } #main ul a:hover{ color:#999; } #body .none_list a, #body .none_list span, #body .arrows_list a, #body .arrows_list span, #body .circles_list a, #body .circles_list span, #body .check_list a, #body .check_list span{ color:#4f4f4f; border-bottom:solid 1px #ddd; } #body .none_list a:hover, #body .arrows_list a:hover, #body .circles_list a:hover, #body .check_list a:hover{ color:#575757; } #body .arrows_list li{ background-image:url('../images/skin3/arrow_icon.gif'); } #body .circles_list li{ background-image:url('../images/skin3/circle_icon.gif'); } #body .check_list li{ background-image:url('../images/skin3/check_icon.gif'); } #body .thumbnail_list li{ color:#4f4f4f; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; } #body .thumbnail_list a{ color:#4f4f4f; } #body .thumbnail_list a:hover{ color:#999; } #body .thumbnail_list .post_meta{ color:#999;} #body .news_list li{ color:#4f4f4f; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; background: transparent url('../images/skin3/pen_icon.gif') no-repeat 0px 9px; } #body .news_list a{ color:#4f4f4f; } #body .news_list a:hover{ color:#999; } #body .twitter_list li{ color:#4f4f4f; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; background:transparent url('../images/skin3/twitter_icon.gif') no-repeat 0px 9px; } #body .twitter_list a{ color:#4f4f4f; } #body .twitter_list a:hover{ color:#999; } #recentcomments li{ border-bottom:solid 1px #ddd; background-image:url('../images/skin3/arrow_icon.gif'); } #recentcomments li a, #recentcomments li span{ border:none; } #recentcomments li a:hover{ color:#999; } /* TABLE */ .table_wrapper .table th{ color:#eee; border:solid 1px #ccc; background-color:#373c3e; } .table_wrapper .table td{ color:#575757; border:solid 1px #ccc; } .table_wrapper .table tr.alt td{ color:#575757; background-color:#e8eef1; } /* ********************************* * 2) NAVIGATION *** ********************************* */ #nav{ background:url('../images/skin3/back_ground_menu.png') repeat-x 0px 0px; } /* LOGO */ #logo .logo a{ width:220px; height:60px; background:transparent url('../images/skin3/logo.png') no-repeat 0px 0px; } /* MENU */ /* top level */ .main_menu ul a{ color:#595959; } .main_menu ul a:hover{ color:#2f84e4; } /* sub menus */ .main_menu ul ul{ background:url('../images/skin3/back_ground_submenu.png') no-repeat 0px 0px; } .main_menu ul ul ul{ background-color:#d4d7d7; background-image:none; } .main_menu ul ul a{ color:#4f4f4f; background-color:#eeefef; } .main_menu ul ul a:hover{ color:#ccc; background-color:#232825; } .main_menu .sub-menu .current-menu-item, .main_menu .sub-menu .current_page_parent{ border:none; } .main_menu .sub-menu a{ color:#4f4f4f; } .main_menu .sub-menu a:hover, .main_menu .sub-menu .current-menu-item a:hover, .main_menu .sub-menu .current_page_item a:hover{ color:#ccc; } /* class current top level */ .main_menu .current-menu-item, .main_menu .current_page_parent{ border-bottom:solid 5px #232825; } .main_menu ul .current-menu-item a, .main_menu ul .current_page_item a, .main_menu ul .current_page_parent a{ color:#000; } /* class current sub menus */ .main_menu ul .current-menu-item .sub-menu a{ color:#4f4f4f; } .main_menu ul .current-menu-item .sub-menu a:hover, .main_menu ul .current-menu-item .sub-menu .current-menu-item a:hover, .main_menu ul .current-menu-item .sub_menu .current_page_item a:hover{ color:#ccc; } /* OPTIONS MENU */ #options_menu{ background:url('../images/skin3/back_ground_options_menu.png') repeat-x 0px 0px; } #options_menu .search, #options_menu .feed{ background:transparent url('../images/skin3/line_1.png') no-repeat right 2px; } /* ********************************* * 3) OPTIONS DIV *** ********************************* */ #search{ background:transparent url('../images/skin3/back_ground_search.png') no-repeat 0px 0px; } #feed{background:transparent url('../images/skin3/back_ground_feed.png') no-repeat 0px 0px; } #login{background:transparent url('../images/skin3/back_ground_login.png') no-repeat 0px 0px; } #search .button_search { background:transparent url('../images/skin3/button_search.png') no-repeat 0px 0px; } #feed .button_subscribe{ background:transparent url('../images/skin3/button_subscribe.png') no-repeat 0px 0px; } #login .button_login{ background:transparent url('../images/skin3/button_login.png') no-repeat 0px 0px; } #search .input_search, #feed .input_feed, #login input{ color:#ccc; } /* ********************************* * 4) BREADCRUMB *** ********************************* */ .breadcrumb{ color:#8d9e90; } .breadcrumb a{ color:#fff; } /* ********************************* * 5) INTRO *** ********************************* */ #intro{ background:#fff url('../images/skin3/back_ground_intro.png') no-repeat center bottom; } /* TITLES */ #text{ color:#777; } /**/ .line_back_ground{ background:url('../images/skin3/line_2.png') no-repeat right center; } /* ********************************* * 6) MAIN *** ********************************* */ #main, #main_home{ background-color:#fff; border-bottom:solid 5px #fff; } #main .entry h2, .entry h2 a{ color:#4e4c42; } #main .entry .post_meta{ border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; } #main .entry .post_meta a{ color:#4e4c42; } #main .entry .read_all{ border-top:solid 1px #ddd; } /* ********************************* * 7) GALLERIES *** ********************************* */ /* GALLERIES NAVIGATION */ .gallery_navigation_left{ background:url('../images/skin3/back_ground_gallery_navigation.png') no-repeat 0px 0px; } .gallery_navigation_center{ background:url('../images/skin3/back_ground_gallery_navigation.png') repeat-x 0px -40px; } .gallery_navigation_right{ background:url('../images/skin3/back_ground_gallery_navigation.png') no-repeat 0px -80px; } .gallery_navigation a{ background:url('../images/skin3/button_slider_off.png') no-repeat 0px 0px; } .gallery_navigation .current{ background:url('../images/skin3/button_slider_on.png') no-repeat 0px 0px; } /* SMALL GALLERY */ .small_gallery .gallery_items .item{ background-color:#000; } .small_gallery .gallery_items .over{ background:transparent url('../images/skin3/back_ground_caption.png') 0px 0px; } .small_gallery .gallery_items .over a{ color:#fff; } .small_gallery .gallery_items .over a:hover{ color:#eee; } .small_gallery .gallery_items .over .title{ color:#aaa; } /* BIG GALLERY */ .big_gallery .gallery_items .item{ background-color:#000; } .big_gallery .gallery_top_shadow{ background:url('../images/skin3/big_gallery_top_shadow.png') no-repeat 0px 0px; } .big_gallery .gallery_items .description{ background-color:#eff4f6; } .big_gallery .gallery_items .over{ background:transparent url('../images/skin3/back_ground_caption.png') 0px 0px; } .big_gallery .gallery_items .over h2, .big_gallery .gallery_items .over a{ color:#fff; } .big_gallery .gallery_items .over a:hover{ color:#eee; } .big_gallery .gallery_items .over .caption{ color:#aaa; } /* ********************************* * 8) PORTFOLIO *** ********************************* */ /* PORTFOLIO THUMBS GALLERY */ .portfolio_thumbs_gallery .project h2{ color:#fff; } .portfolio_thumbs_gallery .project .box_one_fourth{ color:#fff; } .portfolio_thumbs_gallery .project .thumbs{ background:url('../images/skin3/line_3.png') no-repeat 0px 0px; } /* PORTFOLIO SMALL GALLERY */ .portfolio_small_gallery .project h2{ color:#fff; } .portfolio_small_gallery .project{ color:#fff; } /* PORTFOLIO BIG GALLERY */ .portfolio_big_gallery .project .top_shadow{ background:url('../images/skin3/big_gallery_top_shadow.png') no-repeat 0px 0px; } .portfolio_big_gallery .project h2{ color:#fff; } .portfolio_big_gallery .project{ color:#fff; } /* PORTFOLIO NAVIGATION */ .navigation_1{ background:url('../images/skin3/line_4.png') no-repeat 0px 0px; } /* PROJECTS GRID */ #grid h3, #grid h3 a{ color:#4e4c42; } #grid h3 a:hover{ color:#999; } /* CATEGORIES DROPDOWN */ #categories_dropdown .dropdown{ background-color:#2d3133; } #categories_dropdown .dropdown a{ color:#b6beb8; border-bottom:solid 1px #1e2122; } #categories_dropdown .dropdown a:hover{ color:#fff; background-color:#1a1e1c; } /* ********************************* * 9) SIDEBAR *** ********************************* */ #left_sidebar #sidebar_top{ background:transparent url('../images/skin3/back_ground_sidebar_top.png') no-repeat top right; } #right_sidebar #sidebar_top{ background:transparent url('../images/skin3/back_ground_sidebar_top.png') no-repeat top left; } #left_sidebar{ background:transparent url('../images/skin3/back_ground_sidebar_center.png') repeat-y top right; } #right_sidebar{ background:transparent url('../images/skin3/back_ground_sidebar_center.png') repeat-y top left; } #left_sidebar #sidebar_bottom{ background:transparent url('../images/skin3/back_ground_sidebar_bottom.png') no-repeat bottom right; } #right_sidebar #sidebar_bottom{ background:transparent url('../images/skin3/back_ground_sidebar_bottom.png') no-repeat bottom left; } #left_sidebar .current, #right_sidebar .current{ background-color:#eff4f6; } /* ********************************* * 10) COMMENTS *** ********************************* */ #comments .label_title{ color:#333; } #comments .content_label span{ color:#aaa; } #comments .comment .message{ background-color:#eff4f6; } #comments .gravatar{ border:solid 1px #ddd; background-color:#eee; } #comments .comment_meta{ color:#777; background:transparent url('../images/skin3/back_ground_comments_meta.png') no-repeat 70px 0px; } /* ********************************* * 11) FORM *** ********************************* */ #form textarea, #form input{ border:1px solid #ddd; color:#313131; background-color:#fff; } #form textarea:focus, #form input:focus{ background-color:#eff4f6; } #form label{ color:#4f4f4f; } #form label span{ color:#ccc; } #form .light_button_send{ color:#4f4f4f; text-shadow:#fff 1px 1px 0px; border-top:solid 1px #eee; border-bottom:solid 1px #ccc; background:transparent url('../images/skin3/button_light.png') repeat-x 0px 0px; } #form .dark_button_send{ color:#eee; text-shadow:#000 1px 1px 0px; border-top:solid 1px #333; border-bottom:solid 1px #181818; background:transparent url('../images/skin3/button_dark.png') repeat-x 0px 0px; } #form .response{ background-color:#232628; } #form .response p{ color:#eee; } /* FORM: COMMENTS REPLY SETTINGS */ #comments .comment_list #form{ background-color:#eff4f6; } #comments .comment_list #form textarea, #comments .comment_list #form input{ background-color:#fafcfc; } /* ********************************* * 12) PAGINATION *** ********************************* */ #pagination a{ color:#777; background-color:#e6edef; } #pagination a:hover{ color:#181818; background-color:#fff; } #pagination a.current, #pagination a.current:hover{ color:#eee; background-color:#232628; } /* ********************************* * 13) PRE FOOTER *** ********************************* */ #pre_footer_back_ground{ background:#d1d8da url('../images/skin3/back_ground_pre_footer.jpg') repeat-x 0px 0px; } #pre_footer{ color:#4f4f4f; } #pre_footer h4{ color:#333;} #pre_footer a{ color:#4f4f4f; } #pre_footer a:hover{ color:#2f84e4; } #pre_footer ul li{ color:#4f4f4f; background-image:url('../images/skin3/arrow_icon.gif'); } #pre_footer ul a, #pre_footer ul span{ color:#4f4f4f; border-bottom:solid 1px #fefefe; } #pre_footer #recentcomments li{ border-bottom:solid 1px #fefefe; } #pre_footer #recentcomments li a, #pre_footer #recentcomments li span{ border:none; } #pre_footer #recentcomments li a:hover{ color:#2f84e4; } /* FORM */ #footer_form .label span{ color:#575757; } #footer_form form{ background:transparent url('../images/skin3/back_ground_footer_form.png') no-repeat 0px 0px; } #footer_form input, #footer_form textarea{ color:#333; } #footer_form .btn{ background:transparent url('../images/skin3/button_send.png') no-repeat 0px 0px; } #footer_form .response{ background:none; } #footer_form .response p{ color:#000; } #pre_footer .thumbnail_list li{ border-top:solid 1px #fefefe; border-bottom:solid 1px #fefefe; } #pre_footer .thumbnail_list .post_meta{ color:#484848;} #pre_footer .news_list li{ border-top:solid 1px #fefefe; border-bottom:solid 1px #fefefe; background: transparent url('../images/skin3/pen_icon_1.gif') no-repeat 0px 9px; } #pre_footer .twitter_list li{ border-top:solid 1px #fefefe; border-bottom:solid 1px #fefefe; background:transparent url('../images/skin3/twitter_icon_1.gif') no-repeat 0px 9px; } /* ********************************* * 14) FOOTER *** ********************************* */ #footer_back_ground{ background:#232628 url('../images/skin3/back_ground_footer.jpg') repeat-x 0px 0px;} #footer .menu_clone{ color:#717f74; } #footer .menu_clone a{color:#717f74;} #footer .copyright{ color:#5a655c; } #footer .copyright a{color:#fff;} /* ********************************* * 15) WP-WIDGETS *** ********************************* */ /* CALENDAR */ #calendar_wrap table{ color:#4f4f4f; background-color:#fff; border:solid 1px #ddd; } #pre_footer #calendar_wrap table{ background-color:#dadfe0; border:solid 1px #fefefe; } #calendar_wrap table caption{ color:#4f4f4f; background-color:#dadfe0; border-right:solid 1px #ddd; } #pre_footer #calendar_wrap table caption{ background-color:#fefefe; border-right:solid 1px #fefefe; } #calendar_wrap table td { border:solid 1px #ddd; } #pre_footer #calendar_wrap table td { border:solid 1px #ededed; } #calendar_wrap table th{ color:#000; border:solid 1px #ddd; } #pre_footer #calendar_wrap table th{ border:solid 1px #ededed; } #calendar_wrap table tbody a{ color:#2f84e4; } #calendar_wrap table a:hover{ color:#2f84e4; } #calendar_wrap table #today { color:#181818; background-color:#dadfe0; } #pre_footer #calendar_wrap table #today { color:#181818; background-color:#fefefe; } #calendar_wrap table #today a:hover{ color:#000; } #pre_footer #calendar_wrap table #today a:hover{ color:#000; } /* SEARCH */ #searchform{ border:solid 1px #ddd; background-color:#fff; } #pre_footer #searchform{ background-color:#dadfe0; border:solid 1px #ededed; } #searchform input{ color:#4f4f4f; } #searchform #searchsubmit{ color:#4f4f4f; border-left:solid 1px #ddd; background:none; background-color:#dadfe0; } #pre_footer #searchform #searchsubmit{ color:#4f4f4f; border-left:solid 1px #fefefe; background:none; background-color:#fefefe; } /* ********************************* * 16) EXTRA CLASSES *** ********************************* */ #body .text_right_quote, #body .text_left_quote{ color:#444; border:solid 1px #ddd; background:#eff4f6 url('../images/skin3/back_ground_blockquote.jpg') no-repeat 10px 10px; } #body .text_caps{ color:#232628; } /* BUTTONS */ #body .light_button{ color:#4f4f4f; text-shadow:#fff 1px 1px 0px; border-top:solid 1px #eee; border-bottom:solid 1px #ccc; background:transparent url('../images/skin3/button_light.png') repeat-x 0px 0px; } #body .light_button:hover{ color:#000; } #body .dark_button{ color:#eee; text-shadow:#282c2d 1px 1px 0px; border-top:solid 1px #818789; border-bottom:solid 1px #313637; background:transparent url('../images/skin3/button_dark.png') repeat-x 0px 0px; } #body .dark_button:hover{ color:#fff; } /* HIGHLIGHTERS */ #body .highlighter_1{ color:#fff; background-color:#2f84e4; } #body .highlighter_2{ color:#eee; background-color:#000; } /* BORDERS */ #body .border_bottom{ border-bottom:solid 1px #ccc; } #body .light_border{ background-color:#fff; } #body .neutral_border{ background-color:#f8f8f8; } #body .dark_border{ background-color:#333; } #body .light_outline{ border:solid 1px #fff; } #body .neutral_outline{ border:solid 1px #ddd; } #body .dark_outline{ border:solid 1px #555; } /* SHADOWS */ #body .thumb_shadow{ background:transparent url('../images/skin3/thumb_shadow.png') no-repeat center bottom; } #body .small_shadow{ background:transparent url('../images/skin3/small_shadow.png') no-repeat center bottom; } #body .big_shadow{ background:transparent url('../images/skin3/big_shadow.png') no-repeat center bottom; } #body .big_shadow_border{ background:transparent url('../images/skin3/big_shadow.png') no-repeat center bottom; } #body .full_shadow{ background:transparent url('../images/skin3/full_shadow.png') no-repeat center bottom; }