/* Theme Name: Westerlike Theme URI: http://www.westerlike.com/ Description: Version: 1020.6 Author: Westerlike Author URI: http://www.westerlike.com/ Tags: Westerlike */ @charset "utf-8"; /* CSS Document */ * {margin:0;padding:0;} .clear { line-height:0em; height:0; clear:both; } .right { float:right; } .left { float:left; } a, a img { outline:0; border:0; } /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body, #wrap {height: 100%; font-family:Georgia,"Times New Roman",Serif; font-size:12px; margin:0; padding:0; } body > #wrap {height: auto; min-height: 100%;} #main {padding-bottom: 58px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -58px; /* negative value of footer height */ height: 58px; clear:both;} /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ body.landing { background:url(images/landing_bg.jpg) top left repeat-x; } body.inner { background:url(images/inner_bg.jpg) top left repeat-x; } /* HEADER */ .header { float:left; width:100%; margin:0; padding:0; } .headerTop { float:left; width:100%; height:45px; margin:0; padding:0; } .logo { float:left; width:230px; height:45px; background:url(images/logo.png) 0px 0px no-repeat; text-decoration:none; margin:0px 0 0 4px; display:inline; } .logo:hover { background:url(images/logo.png) 0px -45px no-repeat; } .logo strong { visibility:hidden; } .slogan { float:left; width:330px; height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ccc; background:url(images/bullet_1.gif) 0px 3px no-repeat; padding:0 0 0 12px; margin:9px 0 0 20px; display:inline; } .header .link_kapcsolat { float:left; width:80px; height:20px; background:url(images/btn_kapcsolat.png) 0px 0px no-repeat; text-decoration:none; margin:13px 0 0 20px; display:inline; } .header .link_kapcsolat:hover { background:url(images/btn_kapcsolat.png) 0px -20px no-repeat; } .header .link_kapcsolat strong { visibility:hidden; } ul.lang { float:left; margin:6px 0 0 8px; padding:0; list-style-type:none; width:60px; height:30px; background:url(images/lang.png) 0px 0px no-repeat; display:inline; } ul.lang li { float:left; height:30px; } ul.lang li a { float:left; height:30px; text-decoration:none; } ul.lang li a strong { visibility:hidden; } li#hu a { width:30px; } li#en a { width:30px; } li#hu a:hover { background:url(images/lang.png) 0px -30px no-repeat; } li#en a:hover { background:url(images/lang.png) -30px -30px no-repeat; } * html li#hu a:hover { background:url(images/lang.gif) 0px -30px no-repeat; } * html li#en a:hover { background:url(images/lang.gif) -30px -30px no-repeat; } body.landing #banner { float:left; width:770px; height:325px; margin:0; padding:0; } body.inner #banner { float:left; width:770px; height:260px; margin:0; padding:0; } /* FOOTER */ #footer { background:url(images/footer_bg.png) top left repeat-x; width:100%; color:#a1a1a1; font-size:10px; } #footer a { color:#a1a1a1; } #footer a:hover { color:#990000; } .copy { float:left; width:235px; text-align:right; margin:17px 0 0 5px; padding:0 10px 0 0; border-right:1px solid #C1C1C1; height:30px; } #footer address { float:left; display:inline; width:145px; border-right:1px solid #C1C1C1; margin:17px 0 0 10px; height:22px; padding:8px 0 0 0; } #footer p.email { float:left; display:inline; margin:17px 0 0 10px; height:22px; padding:8px 0 0 10px; border-right:1px solid #C1C1C1; width:137px; } #footer .link_kapcsolat { float:left; display:inline; padding:8px 0 0 0px; margin:17px 0 0 10px; width:81px; text-decoration:none; } #footer .csmkik { float:left; width:36px; height:39px; overflow:hidden; background:url(images/csmkik.png) 0px 0px no-repeat; text-decoration:none; margin:13px 0 0 60px; display:inline; } #footer .csmkik:hover { background:url(images/csmkik.png) 0px -39px no-repeat; } #footer .csmkik strong { visibility:hidden; } /* NAVIGATION */ .navigation_cont { width:770px; float:left; height:29px; margin:0; padding:0; } body.landing .navigation_cont { background:url(images/menu_fooldal.png) top left no-repeat; } body.ourCompany .navigation_cont { background:url(images/menu_magunkrol.png) top left no-repeat; } body.solutions .navigation_cont { background:url(images/menu_megoldasok.png) top left no-repeat; } body.products .navigation_cont { background:url(images/menu_termekek.png) top left no-repeat; } body.support .navigation_cont { background:url(images/menu_termektamogatas.png) top left no-repeat; } body.references .navigation_cont { background:url(images/menu_referenciak.png) top left no-repeat; } body.contact_us .navigation_cont { background:url(images/menu_kapcsolat.png) top left no-repeat; } .navigation_cont ul { background:url(images/menu_base.png) top left no-repeat; width:564px; height:29px; padding:0; margin:2px 0 0 205px; list-style-type:none; float:left; display:inline; } .navigation_cont ul li { float:left; height:29px; margin:0; padding:0; display:block; border:none; } .navigation_cont ul li a { float:left; height:29px; text-decoration:none; display:block; padding:0; margin:0; cursor:pointer; } .navigation_cont ul li a strong { visibility:hidden; } li#company { margin:0 0 0 11px; display:inline; } li#company a { width:125px; } li#solutions a { width:111px; } li#products a { width:99px; } li#support a { width:112px; } li#references a { width:106px; } li#company a:hover { background:url(images/menu_over.png) -11px 0px no-repeat; } li#solutions a:hover { background:url(images/menu_over.png) -136px 0px no-repeat; } li#products a:hover { background:url(images/menu_over.png) -247px 0px no-repeat; } li#support a:hover { background:url(images/menu_over.png) -346px 0px no-repeat; } li#references a:hover { background:url(images/menu_over.png) -458px 0px no-repeat; } li#company.active a { background:url(images/menu_over.png) -11px 0px no-repeat; } li#solutions.active a { background:url(images/menu_over.png) -136px 0px no-repeat; } li#products.active a { background:url(images/menu_over.png) -247px 0px no-repeat; } li#support.active a { background:url(images/menu_over.png) -346px 0px no-repeat; } li#references.active a { background:url(images/menu_over.png) -458px 0px no-repeat; } * html li#company a:hover { background:url(images/menu_over.gif) -11px 0px no-repeat; } * html li#solutions a:hover { background:url(images/menu_over.gif) -136px 0px no-repeat; } * html li#products a:hover { background:url(images/menu_over.gif) -247px 0px no-repeat; } * html li#support a:hover { background:url(images/menu_over.gif) -346px 0px no-repeat; } * html li#references a:hover { background:url(images/menu_over.gif) -458px 0px no-repeat; } * html li#company.active a { background:url(images/menu_over.gif) -11px 0px no-repeat; } * html li#solutions.active a { background:url(images/menu_over.gif) -136px 0px no-repeat; } * html li#products.active a { background:url(images/menu_over.gif) -247px 0px no-repeat; } * html li#support.active a { background:url(images/menu_over.gif) -346px 0px no-repeat; } * html li#references.active a { background:url(images/menu_over.gif) -458px 0px no-repeat; } #main_menu li#solutions ul { width:122px !important; height:132px; background:url(images/drop_solutions.gif) top left no-repeat; opacity: 0.9; -ms-filter: "alpha(opacity=90)"; zoom: 1; } *:first-child+html #main_menu li#solutions ul { filter:alpha(opacity=90); margin-left:-112px; } * html #main_menu li#solutions ul { filter:alpha(opacity=90); margin-left:-112px; } #main_menu li#solutions ul li { width:122px !important; } #main_menu li#solutions ul li a { text-decoration:none; color:#fff; font-weight:normal !important; font-size:14px; display: inline; padding:5px 0 0px 0px !important; float:left; width:122px !important; height:26px; z-index:1000; background-image:none !important; } #main_menu li#solutions ul li:hover, #main_menu li#solutions ul li.rollover { background:#B90000 !important; } #main_menu li#solutions ul li#graphics a { background:url(images/menu_grafika.gif) 0px 0px no-repeat !important; } #main_menu li#solutions ul li#software a { background:url(images/menu_szoftver.gif) 0px 0px no-repeat !important; } #main_menu li#solutions ul li#network a { background:url(images/menu_halozat.gif) 0px 0px no-repeat !important; } #main_menu li#solutions ul li#consulting a { background:url(images/menu_tanacsadas.gif) 0px 0px no-repeat !important; } #main_menu li#products ul { width:122px !important; height:103px; background:url(images/drop_products.gif) top left no-repeat; opacity: 0.9; -ms-filter: "alpha(opacity=90)"; zoom: 1; } *:first-child+html #main_menu li#products ul { filter:alpha(opacity=90); margin-left:-90px; } * html #main_menu li#products ul { filter:alpha(opacity=90); margin-left:-90px; } #main_menu li#products ul li { width:122px !important; } #main_menu li#products ul li a { text-decoration:none; color:#fff; font-weight:normal !important; font-size:14px; display: inline; padding:5px 0 0px 0px !important; float:left; width:122px !important; height:26px; z-index:1000; background-image:none !important; } #main_menu li#products ul li:hover, #main_menu li#products ul li.rollover { background:#B90000 !important; } #main_menu li#products ul li#chronotrax a { background:url(images/menu_chronotrax.gif) 0px 0px no-repeat !important; } #main_menu li#products ul li#winvoice a { background:url(images/menu_invoice.gif) 0px 0px no-repeat !important; } #main_menu li#products ul li#wtheme a { background:url(images/menu_wtheme.gif) 0px 0px no-repeat !important; } #main_menu li#references ul { width:122px !important; height:162px; background:url(images/drop_references.gif) top left no-repeat; opacity: 0.9; -ms-filter: "alpha(opacity=90)"; zoom: 1; } *:first-child+html #main_menu li#references ul { filter:alpha(opacity=90); margin-left:-105px; } * html #main_menu li#references ul { filter:alpha(opacity=90); margin-left:-105px; border:1px solid red; } #main_menu li#references ul li { width:122px !important; } #main_menu li#references ul li a { text-decoration:none; color:#fff; font-weight:normal !important; font-size:14px; display: inline; padding:5px 0 0px 0px !important; float:left; width:122px !important; height:26px; z-index:1000; background-image:none !important; } #main_menu li#references ul li:hover, #main_menu li#references ul li.rollover { background:#B90000 !important; } #main_menu li#references ul li#web a { background:url(images/menu_web.gif) 0px 0px no-repeat !important; } #main_menu li#references ul li#multimedia a { background:url(images/menu_multimedia.gif) 0px 0px no-repeat !important; } #main_menu li#references ul li#print a { background:url(images/menu_csomagolas.gif) 0px 0px no-repeat !important; } #main_menu li#references ul li#identity a { background:url(images/menu_identity.gif) 0px 0px no-repeat !important; } #main_menu li#references ul li#brochre a { background:url(images/menu_print.gif) 0px 0px no-repeat !important; } #main_menu ul { margin:27px 0 0 0; padding:0; list-style-type:none; border:none; display:block; } #main_menu li ul { position: absolute; left: -999em; height: auto; padding-top:4px; width:190px; overflow:hidden; z-index:1000; } #main_menu li:hover ul ul, #main_menu li:hover ul ul ul, #main_menu li.rollover ul ul, #main_menu li.rollover ul ul ul { left: -999em; } #main_menu li:hover ul, #main_menu li li:hover ul, #main_menu li li li:hover ul, #main_menu li.rollover ul, #main_menu li li.rollover ul, #main_menu li li li.rollover ul { left: auto; } /* Content */ .content { float:left; width:770px; margin:0 0 10px 0; font-family:Georgia,"Times New Roman",Serif; } .inner .content { background:url(images/content_bg.jpg) top left repeat-y; } .content .left_col { float:left; width:207px; border-right:1px solid #CCCCCC; border-top:1px solid #d0d0d0; } .content .right_col { float:left; width:560px; } .left_col .block { text-align:right; padding:0 10px; margin:0 0 10px 0; } .left_col .block p { font-size:11px; color:#333; margin:0 0 5px 0; } .left_col .block a { text-decoration:none; color:#990000; } .right_col .block { text-align:left; margin:0 0 10px 0; padding:0 10px; font-size:11px; color:#333; } .right_col .block .cont_1 { float:left; width:310px; margin:30px 0 0 30px; display:inline; } .right_col .block h1 {} .right_col .block h2 {} .right_col .block h3 {} .right_col .block h4 {} .right_col .block h5 { background:url(images/bullet_2.gif) top left no-repeat; color:#990000; padding:0 0 0 12px; font-size:12px; } .right_col .block p { line-height:1.4em; } .right_col .block img { float:right; margin:15px 0 0 0; } .right_col .block .cont_1 p { padding:5px 0 5px 12px; } .right_col .block .cont_1 a { float:right; color:#990000; text-decoration:none; } .right_col .block .cont_1 a span { color:#333; } #clock { float:left; width:770px; height:30px; } #clock p { padding:10px 0 4px 20px; font-size:14px; color:#333; font-weight:bold; } .inner .content .left_col { float:left; width:207px; border-right:0; } .inner .content .right_col { float:left; width:540px; padding:0 0 0 20px; } .inner .content h1 { border-top:3px double #DEDEDE; border-bottom:1px solid #990000; padding:10px 0; font-size:16px; color:#990000; margin:0 0 10px 0; } .inner .content h2 { font-size:15px; color:#990000; } .inner .content h3 { font-size:14px; color:#990000; } .inner .content h4 { font-size:13px; color:#990000; } .inner .content h5 { font-size:12px; color:#990000; margin:0 0 5px 0; } .inner .content p { padding:0 0 20px 0; line-height:1.4em; font-size:15px; text-align:justify; } .inner .content ul { list-style-type:none; margin:0 0 20px 0; font-size:15px; } .inner .content ul ul { padding-left:20px; } .inner .content li { background:url(images/potty.png) 0px 3px no-repeat; padding-left:15px; } .inner .content li li { background:none; padding-left:0px; } .inner .content a { color:#990000; } .references .content a { color:#333; } .inner .content span {} .inner .content img {} .inner .content .cont_2 { float:left; width:310px; } .inner .content span.red { color:#990000; } .inner .content p.with_bg { padding:10px 0 20px 80px; margin:20px 0; } .inner .content p.icon1 { background:url(images/icon1.jpg) 0px 0px no-repeat; } .inner .content p.icon2 { background:url(images/icon2.jpg) 0px 0px no-repeat; } .inner .content p.icon3 { background:url(images/icon3.jpg) 0px 0px no-repeat; } .chronoDemo { float:left; width:176px; height:62px; background:url(images/chronotrax_demo.jpg) top left no-repeat; text-decoration:none; margin:0 3px 20px 0; } .chronoDemo strong { visibility:hidden; } .chronoVideo { float:left; width:176px; height:62px; background:url(images/chronotrax_video_en.jpg) top left no-repeat; text-decoration:none; margin:0 3px 20px 0; } .chronoVideo strong { visibility:hidden; } .chronoDoc { float:left; width:176px; height:62px; background:url(images/chronotrax_doc_en.jpg) top left no-repeat; text-decoration:none; margin:0 0 20px 0; } .chronoDoc strong { visibility:hidden; } .winvoiceDownload { float:left; width:282px; height:84px; background:url(images/download.jpg) top left no-repeat; text-decoration:none; margin:0 0 20px 0; } .winvoiceDownload strong { visibility:hidden; } .product_chrono { float:left; width:250px; height:236px; background:url(images/products_chrono_hu_roll.jpg) 0px 0px no-repeat; text-decoration:none; margin:0 20px 20px 0; } .product_chrono:hover { background:url(images/products_chrono_hu_roll.jpg) 0px -236px no-repeat; } .product_chrono strong { visibility:hidden; } .product_winvoice { float:left; width:250px; height:236px; background:url(images/products_winvoice_en_roll.jpg) 0px 0px no-repeat; text-decoration:none; margin:0 0 20px 0; } .product_winvoice:hover { background:url(images/products_winvoice_en_roll.jpg) 0px -236px no-repeat; } .product_winvoice strong { visibility:hidden; } .product_wtheme { float:left; width:250px; height:236px; background:url(images/products_theme_hu_roll.jpg) 0px 0px no-repeat; text-decoration:none; } .product_wtheme:hover { background:url(images/products_theme_hu_roll.jpg) 0px -236px no-repeat; } .product_wtheme strong { visibility:hidden; } /* Sidebar Nav */ .sidebarNav { float:left; width:184px; text-align:right; margin:10px 0 0 0; font-size:12px; padding:0; } .sidebarNav h5 { float:left; width:171px; height:21px; color:#fff !important; background:#990000; font-weight:normal; padding:4px 10px 0 0; border-right:3px solid #990000; margin:0 !important; } .sidebarNav ul { float:left; width:184px; margin:0; padding:0; } .sidebarNav ul li { float:left; width:181px; height:25px; border-right:3px solid #990000; margin:0 0 1px 0; background:#999999 !important; padding-left:0 !important; } .sidebarNav ul li a { float:left; width:171px; height:21px; padding:4px 10px 0 0; color:#fff !important; text-decoration:none; font-size:12px; } .sidebarNav ul li a:hover { background:#666666; } /* Contact Details */ .contact_details { float:right; width:190px; padding:10px 15px; text-align:left !important; } .contact_details p { font-size:12px; margin-bottom:5px !important; padding-bottom:0 !important; text-align:left !important; } .contact_details p.title { font-size:13px; font-weight:bold; color:#333; } .contact_details span { color:#990000; font-weight:bold; } /* mmform */ .wpcf7 { float:left; width:260px; height:460px; background:url(images/contact_bg.jpg) 0px 0px no-repeat; padding:20px !important; } .wpcf7-form input { width:250px; border:1px solid #ccc; } .wpcf7-form textarea { width:250px; border:1px solid #ccc; } .wpcf7-form p { color:#990000; padding-bottom:0 !important; } .wpcf7-form p.btn_submit { float:left; width:86px; height:35px; background:url(images/btn_send.jpg) 0px 0px no-repeat; /*padding:5px 0 0 15px;*/ margin-top:20px; } .wpcf7-form p.btn_submit:hover { opacity: 0.9; -ms-filter: "alpha(opacity=90)"; zoom: 1; } *:first-child+html .wpcf7-form p.btn_submit:hover { filter:alpha(opacity=90); } * html .wpcf7-form p.btn_submit:hover { filter:alpha(opacity=90); } .wpcf7-form p.btn_submit input { width:auto; cursor:pointer; background:none; border:0; color:#fff; font-size:16px; float:left; width:86px; height:35px; } .wpcf7-form img { border:1px solid #ccc; margin-top:10px; } /* ie6 png fix */ * html .logo, * html .link_kapcsolat, * html .lang, * html #main_menu { behavior: url("http://dev.westerlike.net/Westerlike_HU/wp-content/themes/westerlike/js/iepngfix.htc"); }