/* Theme Name: browsing.ru Theme URI: http://browsing.ru/ Description: Оригинальная тема для блога browsing.ru Version: 2.0 Author: Алексей Романовский */ * { margin: 0; padding: 0; } html { height: 100%; font: 70% Verdana; line-height: 125%; color: #444; background: #336699; /*//overflow: hidden; */} body { height: 100%; /* //height: 100%; //overflow: auto; */ } #site { padding: 0 10px; width: 880px; margin: auto; background: #fff; overflow: hidden; // overflow: visible; position: relative; min-height: 100%; } /* ie */ * html #site { height: 100%; } #content { margin-right: 250px; overflow: hidden; } #sidebar { width: 250px; position: absolute; top: 10px; left: 50%; margin-left: 190px; } div[id=sidebar] { position: fixed !important; } #ad-links { clear: both; margin: 5em 0 1em 0; font-size: .9em; padding-top: 1em; border-top: 1px solid #f5f5f5; } #ad-links a { text-decoration: none; } #sitemap { display: none; } /* links */ a { color: #336699; } a img { border: none; vertical-align: middle; } /* content */ #content { padding: 10px 0; } #content dl { border-bottom: 1px solid #f5f5f5; float: left; display: block; width: 303px; // width: 300px; margin: 0 10px 10px 0; } dl dt { font-weight: bold; padding: 2px 0 2px 20px; color: #006666; background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/newspaper.gif) no-repeat left center; position: relative; } dt a { text-decoration: none; color: #006666; } dt a:hover { text-decoration: underline; } dt .comments { padding-left: 18px; background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/comment.gif) no-repeat left 0px; font-weight: normal; text-decoration: none; float: right; position: absolute; top: 1px; right: 4px; } dl dd { height: 100px; padding: 4px 0; position: relative; } .news_time { position: absolute; bottom: 0; right: 0; color: #336699; } dl.firefox dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_firefox.gif) no-repeat left center; } dl.flock dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_flock.gif) no-repeat left center; } dl.opera dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_opera.gif) no-repeat left center; } dl.safari dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_safari.gif) no-repeat left center; } dl.ie dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_internetexplorer.gif) no-repeat left center; } dl.seamonkey dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_seamonkey.gif) no-repeat left center; } dl.camino dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_camino.gif) no-repeat left center; } dl.aol dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_aol.gif) no-repeat left center; } dl.galeon dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_galeon.gif) no-repeat left center; } dl.icab dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_icab.gif) no-repeat left center; } dl.konqueror dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_konqueror.gif) no-repeat left center; } dl.mozilla dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_mozilla.gif) no-repeat left center; } dl.netscape dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_netscape.gif) no-repeat left center; } dl.omniweb dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_conqueror.gif) no-repeat left center; } dl.shiira dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_shiira.gif) no-repeat left center; } dl.sunrise dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/browser_sunrise.gif) no-repeat left center; } dl.application dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/application.gif) no-repeat left center; } dl.blog dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/book.gif) no-repeat left center; } dl.web_development dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/cog.gif) no-repeat left center; } dl.internet dt, dl.other_browsers dt { background: #f9f9f9 url(/wp-content/themes/browsing_v2/icons/world.gif) no-repeat left center; } #content .col { float: left; display: block; width: 303px; // width: 300px; margin: 0 10px 10px 0; } h1, h2 { font: bold 110% Arial; color: #006666; background: #f9f9f9; margin-bottom: 1em; } h1 { font: bold 120% Arial; margin-bottom: .5em; } .a-center { text-align: center; } .text { margin-right: 10px; } .text p, .text ul, .text ol { margin-bottom: 1em; } .text ul { margin-left: 1.6em; } .cl { clear: both; } /* комменты */ #commentlist, .commentlist { margin: 0!important; padding: 0!important; } #commentlist li, .commentlist li { min-height: 70px; // height: 70px; margin: .5em 0!important; padding: .5em 0!important; list-style: none; } #commentlist .alt, .commentlist .alt { border: 1px solid #f5f5f5; border-width: 1px 0; background: #f9f9f9; } #commentlist img, .commentlist img { float: right; width: 40px; height: 40px; } #commentlist p.author, .commentlist p.author { padding-left: 22px; background: url(/wp-content/themes/browsing_v2/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, .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; margin-top: 2px; width: 299px; // width: 224px; border-color: #B3B3B3 #EAEAEA #EAEAEA #B3B3B3; } textarea { width: 299px; padding: 1px; border-color: #B3B3B3 #EAEAEA #EAEAEA #B3B3B3; border-width: 1px; } input, button { cursor: pointer; padding: 0 1px; border: 1px solid #EAEAEA; border-color: #EAEAEA #B3B3B3 #B3B3B3 #EAEAEA; font-size: 95%; } input, button img { vertical-align: middle; } #submit { width: 100px!important; } .checkbox { border: none!important; } #author { background: url(/wp-content/themes/browsing_v2/icons/user.gif) no-repeat right center; } #email { background: url(/wp-content/themes/browsing_v2/icons/email.gif) no-repeat right center; } #url { background: url(/wp-content/themes/browsing_v2/icons/link.gif) no-repeat right center; } .authimage { width: 100%; display: block; overflow: hidden; padding-top: .4em; text-align: center; } .authimage img { padding: 2px; border: 1px solid #B3B3B3; } #submit { width: 120px; } #ed_toolbar { margin-bottom: .5em; } #ed_toolbar input { margin: 0 .5em 0 0; font: .8em Arial; } /* навигация в статье */ .navigation { padding-top: 2em; overflow: hidden; // height: 1%; } .navigation a { text-decoration: none; } .t_right { text-align: right; } .navigation strong { float: left; border: 1px solid #b3b3b3; background: #d4d0c8; padding: 1px 3px; border-top-color: #eaeaea; border-left-color: #eaeaea; } .nav_col { float: left; width: 118px; padding: 0 8px; } #PrevLink { text-decoration: none; padding-left: .4em; font-size: 120%; } #NextLink { text-decoration: none; padding-right: .4em; font-size: 120%; } /* навигация по страницам */ #page_navigation { clear: both; position: relative; padding: 2px 0; } #page_navigation a { position: absolute; height: 16px; width: 16px; text-indent: -999px; overflow: hidden; } #page_navigation .next a { background: url(/wp-content/themes/browsing_v2/icons/control_fastforward.gif) no-repeat; left: 138px; } #page_navigation .prev a { background: url(/wp-content/themes/browsing_v2/icons/control_rewind.gif) no-repeat; left: 115px; } #page_navigation .next a:hover { background: url(/wp-content/themes/browsing_v2/icons/control_fastforward_blue.gif) no-repeat; } #page_navigation .prev a:hover { background: url(/wp-content/themes/browsing_v2/icons/control_rewind_blue.gif) no-repeat; } /* sidebar */ #sidebar, #sidebar a { color: #fff; } #sidebar div.block { margin-bottom: 10px; padding: 3px 5px; background: #336699; } #sidebar li { list-style: none; } #sidebar ul { overflow: hidden; //height: 1%; } #sidebar #logo { height: 47px; padding: 5px; text-align: right; } #logo img { float: left; margin-right: 5px; } #logo a { text-decoration: none; } #sidebar #navigation, #sidebar #blog_links, #sidebar #links { padding: 5px 0 5px 5px; } #navigation ul li { float: left; width: 50%; // width: 49.9%; } #navigation ul li a { padding: 2px 0 2px 2px; float: left; width: 94%; text-decoration: none; } #navigation ul li a img { position: absolute; right: 0; } #navigation ul li a:hover { color: #336699; background: #fff; text-decoration: none; } /* иконки каталога */ .catalog { overflow: hidden;// height: 1%; } .catalog li { margin: 0 4px 4px 0; float: left; list-style: none; } .catalog a { position: relative; height: 16px; width: 16px; background: #fff; padding: 4px; border: 1px solid #f9f9f9; float: left; text-indent: -9999px; background: #fff; } .catalog a:hover { background: #f9f9f9; } .catalog li a img { position: absolute; right: 4px; } .catalog h2 { display: none; } #sidebar #reklama { text-align: justify; } #sidebar #reklama img { float: left; margin: 3px .5em 0 0; } #sidebar #reklama a { text-decoration: none; } /*#sidebar #reklama a:hover { text-decoration: underline; }*/ #sidebar #blog_links { } #blog_links ul li { float: left; padding: 0 4px 0 0; list-style: none; } #blog_links ul a { position: relative; height: 16px; width: 16px; background: #fff; padding: 2px; border: 1px solid #f9f9f9; float: left; text-indent: -9999px; background: #fff; } #blog_links ul li a img { position: absolute; right: 2px; } #blog_links ul a:hover { border: 1px solid #f9f9f9; } #blog_links h2 { margin-bottom: 5px; background: none; color: #fff; } #sidebar #adsense { width: 250px; height: 250px; padding: 0; } #sidebar #links { } #sidebar #links ul li { float: left; } #sidebar a.kub { float: left; text-indent: -9999px; overflow: hidden; width: 12px; height: 12px; margin-right: 5px; } .rss { background: url(/wp-content/themes/browsing_v2/i/rss.gif) no-repeat; } .rss_blogs { background: url(/wp-content/themes/browsing_v2/i/rss_catalog.gif) no-repeat; } .rss_news { background: url(/wp-content/themes/browsing_v2/i/rss_news.gif) no-repeat; } #sidebar #to_links ul li { float: left; } #to_links p { margin-bottom: 4px; } #sidebar #to_links ul li a { float: left; text-indent: -9999px; overflow: hidden; width: 12px; height: 12px; margin-right: 5px; } .del_icio_us { background: url(/wp-content/themes/browsing_v2/icons/delicious.small.gif) no-repeat; }