/* Theme Name: TicTac - Wuhan Theme URI: http://wuhan.authenticasian.com/ Description: My lousy attempt to reproduce a masterpiece by Dan Cederholm. Version: 0.2 Author: Meng Gao Author URI: http://wuhan.authenticasian.com/ TicTac is a template created by Dan Cederholm for Blogger and it's one of my favorite designs. Therefore, I've created a WordPress theme in which I tried my best to make it look like Dan's original design. As much as I want to use the original graphics, I had to make slight changes to them so as not to run into copyright problems. Since this theme is an obvious attempt to reproduce TicTac, I take absolutely no credit in it. If you like this theme, write an email to Dan and let him know. -- Meng Gao */ /* Main Sections ------------------------------------------------------------------------- */ * { margin: 0; padding: 0; font-size:12px; } html, body { font-family: Arial, Helvetica, sans-serif; font-size:10px; text-align: center; background: #605D5C; height: 100%; margin:0; padding:0; } #container { width:1020px; } #top_menu{ position:absolute; margin-left:319px; margin-top:53px; } #term{ width:1020px; height:12px; } * html #container { } p { text-align: left; margin: 13px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a{font-family: Arial, Helvetica, sans-serif; color: #603a75; text-decoration: underline; font-size:12px;} a:hover{font-family: Arial, Helvetica, sans-serif; color: #603a75; text-decoration: none; font-size:12px;} ul.menu { list-style:none; margin:0; padding:0; } li.menu { float:left; width:82px; height:60px; margin:0; padding:0; text-align:center; } li.menu a { display:block; padding:5px 0px; height:100%; color:#fff; text-decoration:none; border-right:1px solid #000; } li.menu a { background:url(snook-animation-bg2.jpg) repeat 0 0; font-size:10px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;} a:hover, a:focus, a:active { background-position:-100px 0; } #a a { background:url(images/kontaktyi1.jpg) repeat; background-position:0px 0px; } #b a { background:url(snook-animation-bg2.jpg) repeat; background-position:0 0; } #menu1 a{font-family: Arial, Helvetica, sans-serif; color: #fff; font-size:11px; font-weight:bold; text-decoration: none; font-weight:bold;} #menu1 a:hover{font-family: Arial, Helvetica, sans-serif; color: #fff; font-size:11px; font-weight:bold; text-decoration: underline; font-weight:bold;} #menu2 {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:14px; text-decoration: none; } #menu2 a{font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:14px; text-decoration: underline; } #menu2 a:hover{font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:14px; text-decoration: none; } #menu3 {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:12px; text-decoration: none; } #menu3 a{font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:12px; text-decoration: underline; } #menu3 a:hover{font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:12px; text-decoration: none; } #banner1 {position:relative; top:0px;} #banner2 {position:relative; top:0px;} #wrap{background:#fff;overflow:hidden;z-index: 2;} #content{padding:0px 0; height:226px;z-index: 2;} #content #gallery{list-style-type:none;height:1%;font-size:0.75em; z-index: 2;} #content #gallery:after{content:"";display:block;clear:both; z-index: 12;} #content #gallery li{float:left; z-index: 2;} #content #gallery li a{position:relative;display:block;float:left;text-decoration:none; z-index: 2;} #content #gallery li img{background:#f0f0f0;border:solid 1px #ddd;position:absolute;-ms-interpolation-mode:bicubic;z-index: 0;} #content #gallery li span{display:block;padding:5px;background:#f0f0f0;color:#666;position:absolute; z-index: -1;} table.vmenu td A {font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-decoration: none; font-weight:bold;} #child_link a{font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-decoration: underline; font-size:10px;} #child_link a:hover{font-family: Arial, Helvetica, sans-serif; color: #DD137B; text-decoration: none; text-decoration: none; font-size:10px;} #child_link_active a{font-family: Arial, Helvetica, sans-serif; color: #DD137B; text-decoration: none; text-decoration: none; font-size:10px;} #child_link_active a:hover{font-family: Arial, Helvetica, sans-serif; color: #DD137B; text-decoration: none; text-decoration: underline; font-size:10px;} #content_background{background: #000; height:400px; text-align:left; color:#fff;} #content_background_menu{; background: #4D4948;} #content_background_banner{ background: #fff; width:200px;} #catalog{} .line {color: #fff; background-color: #fff; border: none; width:464px;} #news_link a{font-family: Arial, Helvetica, sans-serif; color: #603a75; text-decoration: underline; font-size:12px;} #news_link a:hover{font-family: Arial, Helvetica, sans-serif; color: #603a75; text-decoration: none; font-size:12px;} #news_date {dispaly:block; padding:2px; background: #603a75; color:#fff;} #bottom a{font-family: Arial, Helvetica, sans-serif; color: #603a75; text-decoration: none; font-size:12px; font-weight:bold;} #bottom a:hover{font-family: Arial, Helvetica, sans-serif; color: #603a75; text-decoration: underline; font-size:12px; font-weight:bold;} #left_menu_edu a{display: block; border:0px solid #FFF974; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_edu a:hover{display: block; border:0px solid #F64A9B; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; background:#DD137B; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_edu_here a{display: block; border:0px solid #F64A9B; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; background:#DD137B; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_product a{display: block; border:0px solid #FFF974; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_product a:hover{display: block; border:0px solid #F64A9B; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; background:#66B832; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_product_here a{display: block; border:0px solid #F64A9B; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; background:#66B832; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_galery a{display: block; border:0px solid #FFF974; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_galery a:hover{display: block; border:0px solid #F64A9B; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; background:#F0A64D; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_galery_here a{display: block; border:0px solid #F64A9B; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; background:#F0A64D; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_salon a{display: block; border:0px solid #FFF974; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_salon a:hover{display: block; border:0px solid #F64A9B; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; background:#2687C5; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size:12px; font-weight:bold;} #left_menu_salon_here a{display: block; border:0px solid #F64A9B; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:0px; background:#2687C5; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size:12px; font-weight:bold;} .fnctable td{border: 1px solid #e2e2e2; border-spacing:0;} #map_link a{margin-left:11px;} #year_link_big a{font-family: Arial, Helvetica, sans-serif; color: #EB8A15; text-decoration: none; font-size:26px; font-weight:bold;} #year_link_big a:hover{font-family: Arial, Helvetica, sans-serif; color: #EB8A15; text-decoration: underline; font-size:26px; font-weight:bold;} #year_link_litle a{font-family: Arial, Helvetica, sans-serif; color: #EB8A15; text-decoration: none; font-size:12px; margin-left:16px; font-weight:bold;} #year_link_litle a:hover{font-family: Arial, Helvetica, sans-serif; color: #EB8A15; text-decoration: underline; font-size:12px; margin-left:16px; font-weight:bold;} .datenews { padding:2px; background: #EB8A15; color:#fff; width:70px; position:relative; left:10px;} .header a{color:#000; text-decoration: underline; padding:10px; position:relative; top:10px;} .header a:hover{color:#000; text-decoration: none; padding:10px; position:relative; top:10px;} .news_header a{color:#fff; text-decoration: underline; padding:0; position:relative; left:10px;} .news_header a:hover{color:#fff; text-decoration: none; padding:0; position:relative; left:10px;} .intro {color:#000; text-decoration: none; padding:15px 10px 10px 10px;} .intro a{color:#000; text-decoration: none;} .intro a:hover{color:#000; text-decoration: none;} .img_news{ width:623px; height:369px;} .img_edu{ width:623px; height:369px;} .img_product{ width:623px; height:369px;} .img_salon{ width:623px; height:369px;} .img_avtor{ width:623px; height:369px;} .img_news_1280{ width:873px; height:369px;} .img_edu_1280{ width:873px; height:369px;} .img_product_1280{ width:873px; height:369px;} .img_salon_1280{ width:873px; height:369px;} .img_avtor_1280{ width:873px; height:369px;} #content_background img1{border:3px solid #fff;} #td_menu {font-size:10px; padding-left:10px; width:261px; height:33px; background: #846994; } /* to avoid the BMH */ #base_curse_title {font-size:16px; line-height:10px; font-weight:bold;} #base_curse_table table {display: inline-block;} #base_curse_table_ie table {display: inline;} #base_curse_table_active table {display: inline-block;} #base_curse_table_ie_active table {display: inline;} #base_curse_table a {color:#fff; text-decoration: none; font-weight:bold; font-size:10px; color:#fff;} #base_curse_table_ie a {color:#fff; text-decoration: none; font-weight:bold; font-size:10px; color:#fff;} #base_curse_table_active a {color:#fff; text-decoration: none; font-weight:bold; font-size:10px; color:#DD137B;} #base_curse_table_ie_active a {color:#fff; text-decoration: none; font-weight:bold; font-size:10px; color:#DD137B;} #prod_link{display:block; border:0px solid #000; width:275px; position:absolute; margin-top:110px; margin-left:60px; text-align:center; font-size:16px; font-weight:bold; color:#fff;} #prod_link a{font-size:16px; font-weight:bold; color:#fff; text-decoration:none;} #prod_link a:hover{font-size:16px; font-weight:bold; color:#fff; text-decoration:none;}