/* Theme Name: Themis Description: Service & Securite Author: Antonin Queven Author URI: http://www.antoninqueven.com Version: 1.0.0 */ /* ! LAYOUT ---------------------------------------------------------- */ body { background: #f0f8fa url(library/images/layout/bg_body.png) repeat-x 50px 0; } .wrapper { margin: 0 auto; padding: 0 10px; overflow: hidden; width: 940px; } #header, #main, .home #main, #footer { background: transparent url(library/images/layout/bg_layout.png) no-repeat; } #header { background-repeat: repeat-y; background-position: -960px 0; height: 123px; } #main { background-repeat: repeat-y; background-position: -960px 0; width: 920px; padding: 0 20px; } .home #main { background-repeat: repeat-y; background-position: left top; } #footer { background-position: right top; padding-top: 20px; text-align: center; } #sidebar { float: left; width: 210px; } #content, #container { float: right; width: 700px; } .home #content { float: left; width: 480px; } #news { float: right; width: 190px; } .col { float: left; width: 215px; } .last { margin-left: 10px; } .txt-droite, .product-description, .project-description, .client-quote { float: right; width: 500px; } .img-gauche,.product-img { float: left; width: 180px; } .entry-content, #sidebar-content, #certification, #news { padding: 10px 10px 0; } .entry-content, #sidebar-content, #news { background: #ededed; overflow: hidden; } .col, .testimony, .news, .product { border-top: 10px solid #fff; } #sidebar-content { padding: 5px 10px 10px; } #container, #content, #sidebar, #news, .col, .product-description, .txt-droite, .img-gauche, .project-description, .client-quote { display: inline; } /* ! HEADER ---------------------------------------------------------- */ #header-content, #logo a { background: #47a url(library/images/layout/bg_header.jpg) no-repeat; height: 100%; } #logo a { display: block; height: 108px; width: 225px; text-indent: -9999em; } /* ! NAVIGATION ------------------------------------------------------------ */ .nav ul { list-style: none; margin: 0 0 65px; } .nav ul ul { list-style: none; margin: 0; background: #d01; border-bottom: 1px solid #901; } .nav ul li { border-bottom: 1px solid #fff; } .nav ul ul li { border: none; } .nav ul a { background: url(library/images/bg_menu_bullet.gif) no-repeat 7px center; border-bottom: 1px solid #ccc; color: #555; display: block; line-height: 34px; padding: 0 10px 0 25px; text-decoration: none; text-transform: uppercase; } .nav ul ul li.page_item a { background: #d01 url(library/images/bg_submenu.gif) no-repeat 25px center; border: none; color: #fff; line-height: 1.75em; padding-left: 35px; text-transform: none; } .nav ul li.current_page_item a, .nav ul li.current_page_parent a, .nav ul a:hover { background: url(library/images/bg_menu_bullet_hover.gif) no-repeat 7px center; color: #d01; } .nav ul ul li.current_page_item a, .nav ul ul li.page_item a:hover { background-color: #901; color: #fff; } .nav ul li.current_page_item a:hover {} /* ! CONTENT --------------------------------------------------------------- */ #content {} .entry-content {} /* ! Synopsis ------------------------------------------------ */ #synopsis { background: #bbb; color: #fff; margin-bottom: 1.5em; padding: 10px; } #synopsis ul { margin-bottom: 0; } #synopsis a { color: #fff; display: block; } /* ! Products general ---------------------------------------- */ #products-wrapper { background: #aaa; margin-bottom: 10px; padding-bottom: .75em; overflow: hidden; height: 1%; } #products { background: #fff url(library/images/content/products.jpg) no-repeat; height: 284px; margin-bottom: .75em; position: relative; width: 460px; } #products-wrapper ul { margin: 0; list-style: none; } #products-wrapper img { border: 0; } /* ! Nav products images ------------------------------------- */ #nav-products-img a { display: block; position: absolute; text-indent: -9999em; } #nav-products-img .afficheur-industriel a { left: 387px; top: 216px; height: 65px; width: 68px; } #nav-products-img .barriere-auto a { left: 18px; top: 124px; height: 60px; width: 65px; } #nav-products-img .cameras a { left: 222px; top: 191px; height: 66px; width: 61px; } #nav-products-img .clavier-graphique a { left: 307px; top: 196px; height: 68px; width: 73px; } #nav-products-img .coffre-fort a { left: 258px; top: 2px; height: 65px; width: 63px; } #nav-products-img .dome-motorise a { left: 216px; top: 64px; height: 66px; width: 62px; } #nav-products-img .enregistreur-numerique a { left: 155px; top: 133px; height: 66px; width: 69px; } #nav-products-img .interphone a { left: 85px; top: 210px; height: 68px; width: 64px; } #nav-products-img .lecteur-biometrique a { left: 97px; top: 52px; height: 67px; width: 74px; } #nav-products-img .protection-travailleur a { left: 320px; top: 48px; height: 69px; width: 72px; } #nav-products-img .superviseur a { left: 395px; top: 65px; height: 66px; width: 63px; } #nav-products-img .systeme-incendie a { left: 365px; top: 134px; height: 61px; width: 70px; } #nav-products-img .verrouillage a { left: 166px; top: 225px; height: 54px; width: 51px; } /* ! Nav products images hover ------------------------------- */ #nav-products-img a:hover { background: url(library/images/content/products_hover.jpg) no-repeat; } #nav-products-img .afficheur-industriel a:hover { background-position: -387px -216px; } #nav-products-img .barriere-auto a:hover { background-position: -18px -124px; } #nav-products-img .cameras a:hover { background-position: -222px -191px; } #nav-products-img .clavier-graphique a:hover { background-position: -307px -196px; } #nav-products-img .coffre-fort a:hover { background-position: -258px -2px ; } #nav-products-img .dome-motorise a:hover { background-position: -216px -64px ; } #nav-products-img .enregistreur-numerique a:hover { background-position: -155px -133px; } #nav-products-img .interphone a:hover { background-position: -85px -210px; } #nav-products-img .lecteur-biometrique a:hover { background-position: -97px -52px ; } #nav-products-img .protection-travailleur a:hover { background-position: -320px -48px ; } #nav-products-img .superviseur a:hover { background-position: -395px -65px ; } #nav-products-img .systeme-incendie a:hover { background-position: -365px -134px; } #nav-products-img .verrouillage a:hover { background-position: -166px -225px; } /* ! Nav products -------------------------------------------- */ #nav-products { /* height: 15em; */ overflow: hidden; } #nav-products li { float: left; } #nav-products a { background: url(library/images/bg_products_link.gif) no-repeat 7px center; color: #fff; display: block; line-height: 1.5; padding-left: 17px; width: 213px; text-decoration: none; } #nav-products a:hover { background: url(library/images/bg_readmore_small.gif) no-repeat 7px center; color: #d01; text-decoration: none; } #nav-products li.test a { color: blue; } #nav-products li.test a:hover { color: #d01; } /* ! SIDEBAR --------------------------------------------------------- */ #sidebar {} /* ! FOOTER ---------------------------------------------------------- */ #footer {} /* ! DIVERS ---------------------------------------------------------- */