/* Theme Name: css|box Theme URI: http://cssbox.ru/ Description: 4-ёх колоночная галерея css-сайтов Version: 1.0 Author: Алексей Романовский Author URI: http://agat.in/ */ * { margin: 0; padding: 0; } html { font: .8em/1.4em Arial; color: #000; background: #FAFAFA; } /* менюшка, главная */ #main_navigation { height: 48px; background: url(/wp-content/themes/cssbox/i/main_navigation.gif) repeat-x; } #main_navigation ul { margin: auto; list-style: none; width: 994px; } #main_navigation ul li { float: left; height: 40px; } #main_navigation a { float: left; height: 40px; padding: 0 1.3em; color: #4D4D4D; text-decoration: none; line-height: 40px; } #main_navigation a:hover { color: #000; background: url(/wp-content/themes/cssbox/i/main_navigation_hover.gif) no-repeat top right!important; } #main_navigation li:hover { background: url(/wp-content/themes/cssbox/i/main_navigation_hover.gif) no-repeat top left; } a { color: #336699; } a:hover { } *:focus { outline: none; } #site { margin: 12px auto 12px auto; width: 947px; padding: 15px 23px 27px 24px; overflow: hidden; border: 1px solid #F2F2F2; background: #fff; } /* шапочка */ #header { height: 84px; padding-left: 60px; position: relative; background: url(/wp-content/themes/cssbox/i/logo.gif) no-repeat 0 12px; } #header h2 { font: 36px Georgia; } #header h2 em { color: #336699; } /* ссылки в шапке */ #header li { margin: 0.8em; list-style: none; } #header ul { position: absolute; width: 200px; right: 3px; top: 10px; padding-left: 23px; } #register { padding-left: 23px; background: url(/wp-content/themes/cssbox/i/icons/icon_key.gif) no-repeat 0px center; } #submit_site { padding-left: 23px; background: url(/wp-content/themes/cssbox/i/icons/note_new.gif) no-repeat 0 center; } #top_buttons { position: absolute; top: 4px; width: 403px; left: 50%; margin-left: 90px; } #top_buttons a { float: right; height: auto; } #top_buttons a img { position: relative; top: 2px; } #top_buttons a:hover { background: none!important; } /* главные колонки */ #left_col { width: 453px; float: left; } /* 43.8 */ #right_col { width: 482px; float: left; margin-left: 11px; } /* 46.6 */ /* внутренние колонки */ .column_1 { float: left; width: 221px; } .column_2 { float: left; width: 221px; margin-left: 11px; } .column_3 { float: left; width: 250px; } .column_4 { float: left; width: 221px; margin-left: 11px; } .col_double { width: 453px; margin: 0 0 0px 0!important; float: left; } /* блочок */ .block, .site { margin: 0 0 13px 0; font-size: .95em; } /* сайтики */ .site { position: relative; float: left; height: 193px; width: 221px; margin: 0 0 7px 0; color: #666666; background: url(/wp-content/themes/cssbox/i/site.gif) no-repeat; } .content .site { float: none; height: 173px; background: url(/wp-content/themes/cssbox/i/one_site.gif) no-repeat; } .r_side { margin-left: 11px; } .site img { padding: 10px 11px 0px 10px; } .site p { padding: 4px 11px; position: absolute; bottom: 7px; left: 0px;} .site p a { text-decoration: none; color: #666666; } .site a:hover { background: none!important; } /* заголовки блочков */ .block h4 { font: bold 15px/25px Arial; min-height: 25px; border-bottom: 1px solid #B3B3B3; margin-bottom: 7px; color: #336699; } .block h4 a, .block h5 a { text-decoration: none; } .block h4 em { font-style: normal; font-weight: normal; color: #B3B3B3; } .block h5 { font: bold 12px/20px Arial; min-height: 20px; color: #336699; padding-left: 20px; background: url(/wp-content/themes/cssbox/i/icons/page_text.gif) no-repeat left 2px; } .block li { list-style: none; } /* подвальчик */ .block_footer { border-bottom: 1px solid #EAEAEA; padding: 2px 0; margin: 5px 0 8px 0; text-align: right; } .block_footer a { text-decoration: none; } .block_footer a.site_permalink { padding-left: 20px; background: url(/wp-content/themes/cssbox/i/icons/icon_link.gif) no-repeat left 1px; } .block_footer a.author { padding-left: 20px; background: url(/wp-content/themes/cssbox/i/icons/page_user.gif) no-repeat left center; } /* навигационные списки */ .nav_list { list-style: none; border-top: 1px solid #EAEAEA; } .nav_list a { overflow: hidden; // height: 1%; display: block; width: 100%; padding: 3px 0; color: #000; text-decoration: none; border-bottom: 1px solid #EAEAEA; } a:hover { background: #FCFCFC; } li { position: relative; } .nav_list li span { position: absolute; right: 0px; top: 2px; } .nav_list ul li { list-style: none; } .nav_list ul li a { padding-left: 8%; width: 92%; list-style: none; } .author_gravatar { background: #eaeaea; text-indent: -9999px; margin-right: 4px; float: left; width: 35px; height: 35px; } /* блоки с иконками */ .page_list h4 { background: url(/wp-content/themes/cssbox/i/icons/copy.gif) no-repeat right 5px; } .news h4 { background: url(/wp-content/themes/cssbox/i/icons/date.gif) no-repeat right 5px; } .cat_list h4 { background: url(/wp-content/themes/cssbox/i/icons/folder.gif) no-repeat right 5px; } .best_sites h4 { background: url(/wp-content/themes/cssbox/i/icons/icon_favourites.gif) no-repeat right 5px; } .links h4 { background: url(/wp-content/themes/cssbox/i/icons/icon_link.gif) no-repeat right 5px; } .forum h4 { background: url(/wp-content/themes/cssbox/i/icons/comment.gif) no-repeat right 5px; } .last_comments h4 { background: url(/wp-content/themes/cssbox/i/icons/comment_yellow.gif) no-repeat right 5px; } .adsense h4 { background: url(/wp-content/themes/cssbox/i/icons/icon_world.gif) no-repeat right 5px; } .newest_sites { background: url(/wp-content/themes/cssbox/i/icons/flag_white.gif) no-repeat right 5px; } .ru_blogs { background: url(/wp-content/themes/cssbox/i/icons/page_user.gif) no-repeat right 5px; } .mini_rss h4 { background: url(/wp-content/themes/cssbox/i/icons/mini_rss.png) no-repeat right 5px; } /* текстики основные */ .content { line-height: 1.5em; } .strong_block, .content p, .content ul, .content ol { margin-bottom: 1em; } .content h1 { font: bold 15px/25px Arial; min-height: 25px; border-bottom: 1px solid #B3B3B3; margin: 1px 0 7px 0; color: #336699; } .content h2 { font: bold 14px/25px Arial; height: 23px; margin-bottom: 1em; color: #336699; } .content h3{ font: bold 13px/25px Arial; height: 22px; margin-bottom: 1em; color: #336699; } .content ol, .content ul { margin-left: 2em; } .content li { margin: .5em 0; list-style-type: decimal; } .block code { font-size: 1.1em; color: #336699; } .content code { font-size: 1.5em; color: #336699; } .content strong.button { border: 1px solid #B3B3B3; border-color: #EAEAEA #B3B3B3 #B3B3B3 #EAEAEA; white-space: nowrap; font-weight: normal; padding: 1px 3px; background: #FCFCFC; } img { border: none; } .a_right { text-align: right; } /*span.a_right * { float: right; }*/ .strong_block { clear: both; border: 1px solid #EAEAEA; line-height: 20px; border-width: 1px 0; padding: .5em 0; background: #FCFCFC; } ul.strong_block, ol.strong_block { margin-left: 0em!important; padding-left: 2em!important; } .display_block { display: block!important; } pre { background:#EEEEEE none repeat scroll 0%; border:1px dashed #AAAAAA; font-family:"Courier New",Courier,monospace; font-size:0.9em; line-height:1.4; padding:.5em; color: #336699 } /* комменты */ .commentlist { margin: 0!important; padding: 0!important; } .commentlist li { min-height: 70px; // height: 70px; margin: .5em 0!important; padding: .5em 0!important; list-style: none; } .commentlist .alt { border: 1px solid #EAEAEA; border-width: 1px 0; background: #FCFCFC; } .commentlist img { float: right; width: 40px; height: 40px; } .commentlist p.author { padding-left: 22px; background: url(/wp-content/themes/cssbox/i/icons/comment_yellow.gif) no-repeat left center; } .comment_meta_data { text-align: right; margin: 0!important; } .comment_meta_data a { text-decoration: none; color: #EAEAEA; } .commentlist li:hover .comment_meta_data a { color: #000; } form span { width: 100%; display: block; overflow: hidden; margin-bottom: .7em; } label { float: left; width: 220px; } label.float_none { float: none; } .text_field { cursor: text; padding: 1px; width: 228px; // width: 224px; border-color: #B3B3B3 #EAEAEA #EAEAEA #B3B3B3; } textarea { width: 99%; border-color: #B3B3B3 #EAEAEA #EAEAEA #B3B3B3; border-width: 1px; } input, button { cursor: pointer; padding: 0 3px; border: 1px solid #EAEAEA; border-color: #EAEAEA #B3B3B3 #B3B3B3 #EAEAEA; } input, button img { vertical-align: middle; } .checkbox { border: none!important; } #author { background: url(/wp-content/themes/cssbox/i/icons/icon_user.gif) no-repeat right center; } #email { background: url(/wp-content/themes/cssbox/i/icons/icon_email.gif) no-repeat right center; } #url { background: url(/wp-content/themes/cssbox/i/icons/icon_link.gif) no-repeat right center; } #submit { width: 120px; } #ed_toolbar { margin-bottom: .5em; } #ed_toolbar input { margin: 0 .5em 0 0; font: .8em Arial; } /* рейтинги */ .post_rating img { margin: 0!important; padding: 0 1px!important; vertical-align: middle; } #izuminka { clear: both; } #footer { border-top: 1px solid #EAEAEA; margin-top: 1em; padding-top: .5em; font-size: .9em; } #sape { padding-top: 1em; font-size: .8em; line-height: 1.4em; } #sape a { text-decoration: none; }