/* ************************************* Theme Name: ERAX Theme URI: http://www.erax-gmbh.de/ Description: Theme du site "Erax-gmbh" Version: 3.0 Author: - Author URI: - Tags: erax - - ************************************* */ HTML { font-size: 100%; margin: 0 0 1px 0; height: 100%; min-height: 100%; width: 100%; opacity: 0.99999; } body { height: 100%; margin: 0; font: normal 0.688em/1.3em arial, verdana, sans-serif; color:#252525; background: #f1f1e0 url(images/BG.png) repeat-x; } html>body { font-size: 12px; } * { margin:0;padding:0; outline:0; text-decoration:none; list-style:none; } /*- BASIC ----------------------------------------------*/ a { color: #312517; outline: none; text-decoration: none; } a:hover { color: #6b645b; } /*- TITLES ----------------------------------------------*/ h1,h2,h3 { font-family:Arial, Sans-Serif; font-weight:700; color:#312517; } h1,h1 a { font-size:16px; margin-bottom: 25px; text-decoration:none; } h2,h2 a { font-size:18px; margin:25px 0 10px 0; } h2 a:hover { text-decoration:none; } h3,h3 a { font-size:16px; margin:0; } h3 a:hover { text-decoration:none; } /* DIVERS ----------------------------------------------*/ small { font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em; } hr { display:none; } .clear { clear:both; } select { width:130px; } /* Typo ----------------------------------------------*/ acronym, abbr {font-size:0.9em; letter-spacing:.07em; cursor:help; border-bottom:1px dashed #999; } blockquote { padding-left:20px; border-left:5px solid #ddd; margin:15px 30px 0 10px; } blockquote cite { display:block; margin:5px 0 0; } /* Image ----------------------------------------------*/ img { border: none; } p img { max-width:100%; padding:0; } .wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-bottom: 10px; } .wp-caption img { border:0 none; margin:0; padding:0; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } /* ALIGN ----------------------------------------------*/ .right { float:right; } .left { float:left; } .alignright { float:right; margin-left: 15px; } .alignleft { float:left; margin-right: 15px; } img.centered, .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; } img.alignright { display:inline; margin:0 0 2px 7px; padding:4px 0 4px 7px; } img.alignleft { display:inline; margin:0 7px 2px 0; padding:4px 7px 4px 0; } /*- FORM ----------------------------------------------*/ select { } input, textarea { padding: 5px; color: #999; background: #efefef; border: 1px solid #C1BAA9; } input:focus, textarea:focus { outline: none; color: #666; border: 1px solid #666; background: #efefef } /*- BOUTON et Bord arrondie ----------------------------------------------*/ .radius3 { -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .radius5 { -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /*- Lettrine ----------------------------------------------*/ .drop { float: left; font: 2.7em Georgia, "Times New Roman", Times, serif; line-height:100%; margin:1px 7px 0 0; width:30px; text-align:center } /*------------------------------------------------------------ **- CLEAR FIX - (stick to bottom) ------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block;} * html .clearfix { height: 1%;} .clearfix { display: block;} /*- COLOR BRANDS ----------------------------------------------*/ .ecopic { color: #ff0000; } .depigeonal { color: #00583b; } .birdout { color: #008ac9; } .cablebird { color: #009ea6; } .selfcleaning { color: #84c461; } .netze { color: #5e8530; } .birdwire { color: #f77a0c; } /*------------------------------------------------------------------------------------------------------------------------------------------ --- START ---------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------*/ #wrapperSUPER { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; } #wrapper { clear: both; display: block; float: none; position: relative; width:960px; height:100%; margin: 0 auto; background: transparent url(images/stop.png) 240px 36px no-repeat; } /*- Header ----------------------------------------------*/ #header { position: relative; display: block; float: left; width: 960px; margin-bottom: 15px; } #header a.logo { display: block; float: left; width: 183px; height: 30px; margin-top: 25px; background: transparent url(images/logo.png) no-repeat; text-indent: -9000px;} #header .callus { display: block; float: right; width: 176px; margin-top: 13px; text-align: right; } #header .callus .callusINFOS { font-size: 12px; font-weight: bold; color: #666; } #header .callus .callusTEL { display: block; width: 176px; height: 24px; margin-top: 5px; background: transparent url(images/call.png) no-repeat; font-size: 0.0000em; text-indent: -9000px; } /*------------------------------------------------------------ **- CONTENT ------------------------------------------------------------*/ /*- SPECIFIC TO WELCOME ----------------------------------------------*/ .contentTOP { clear: both; display: block; } /*- nuisible INDEX ----------------------------------------------*/ .contentTOP .listenuisible { width: 500px;} .contentTOP .listenuisible ul { clear: both; display: block; list-style: none; } .contentTOP .listenuisible li { display: inline; float: left; margin-right: 10px; } .contentTOP .listenuisible li:before { content:"\00BB \0020"; } .contentTOP .nuisibleINDEX { display: block; float: left; width: 710px; margin-bottom: 20px; } .contentTOP .nuisibleINDEX .listenuisible { display: block; float: left; height: 70px; font-size: 24px; font-family: Arial; font-weight: bold; line-height: normal; padding: 20px 0 20px 45px; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU { clear: both; display: block; list-style: none; margin: 0 0 0 20px; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li { display: block; float: left; width: 95px; margin:0 0 15px 25px; background: transparent url(images/nuisible.png) no-repeat; font-size: 16px; text-align: center; font-weight: bold; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li.stare { background-position: 12px 0; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li.spatzen { background-position: -122px 0; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li.tauben { background-position: -251px 0; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li.mowen { background-position: -383px 0; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li.silbermowen { background-position: -513px 0; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li.holzschutz { background-position: -642px 0; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li.bautenschutz { background-position: -767px 0; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li a { display: block; width: 95px; height: 25px; padding-top:78px; } .contentTOP .nuisibleINDEX ul.listenuisibleILLU li a:hover { color: #ff0000; background: transparent url(images/nuisibleSTOP.png) no-repeat 2px 30px; } /*- nuisible CAT ----------------------------------------------*/ .contentTOP .nuisibleCAT { display: block; float: left; width: 710px; margin-bottom: 20px; } .contentTOP .nuisibleCAT .listenuisible { display: block; float: left; height: 70px; font-size: 24px; font-family: Arial; font-weight: bold; line-height: normal; padding: 20px 0 20px 45px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU { clear: both; display: block; list-style: none; margin: 0 0 0 20px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li { opacity:0.5; display: block; float: left; width: 75px; margin-left: 15px; background: transparent url(images/nuisible.png) no-repeat; font-size: 12px; text-align: center; font-weight: bold; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li.active { opacity:1; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li.active a { background: transparent url(images/nuisibleSTOP.png) no-repeat 5px -54px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li.stare { background-position: 12px -156px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li.spatzen { background-position: -80px -156px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li.tauben { background-position: -169px -156px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li.mowen { background-position: -260px -156px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li.silbermowen { background-position: -350px -156px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li.holzschutz { background-position: -439px -156px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li.bautenschutz { background-position: -525px -156px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li a { display: block; width: 75px; height: 30px; padding-top:55px; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li:hover { opacity:1; } .contentTOP .nuisibleCAT ul.listenuisibleILLU li a:hover { background: transparent url(images/nuisibleSTOP.png) no-repeat 5px -54px; } /*- nuisible Page ----------------------------------------------*/ .contentTOP .nuisible { display: block; float: left; width: 710px; min-height: 130px; } .contentTOP .nuisible .listenuisible { display: block; float: left; width: auto; font-size: 20px; font-family: Arial; font-weight: bold; line-height: normal; padding: 30px 0 0 45px; } .contentTOP .nuisible ul.listenuisibleILLU { display: block; float: right; list-style: none; margin-top: 20px; } .contentTOP .nuisible ul.listenuisibleILLU li { display: block; float: left; width: 65px; margin-left: 10px; background: transparent url(images/nuisible.png) no-repeat; font-size: 10px; text-align: center; font-weight: bold; } .contentTOP .nuisible ul.listenuisibleILLU li.stare { background-position: 15px -265px; } .contentTOP .nuisible ul.listenuisibleILLU li.spatzen { background-position: -50px -265px; } .contentTOP .nuisible ul.listenuisibleILLU li.tauben { background-position: -112px -265px; } .contentTOP .nuisible ul.listenuisibleILLU li.mowen { background-position: -177px -265px; } .contentTOP .nuisible ul.listenuisibleILLU li.silbermowen { background-position: -242px -265px; } .contentTOP .nuisible ul.listenuisibleILLU li.holzschutz { background-position: -305px -265px; } .contentTOP .nuisible ul.listenuisibleILLU li.bautenschutz { background-position: -366px -265px; } .contentTOP .nuisible ul.listenuisibleILLU li a { display: block; width: 65px; height: 20px; padding-top: 40px; } /*- Illustration produit ----------------------------------------------*/ .contentTOP .pics { clear: both; display: block; width: 201px; height: 30px; background: transparent url(images/pics.png) no-repeat; } .contentTOP .illustration { display: block; float: left; width: 100%; height: 225px; background: #fff; } .contentTOP .illustration .brand { display: block; float: left; width: 220px; height: 100px; margin-top: 70px; } .contentTOP .illustration .illproduit { display: block; float: left; width: 490px; height: 225px; background: #dcddde; overflow: hidden; } .contentTOP .illustration .illproduit.bigger { width: 710px; } #content .content .bloc { display: block; float: left; width: 680px; margin: 25px 0 0 15px; padding-top: 25px; border-top: 1px solid #d0d0c5; margin-bottom: 10px; } #content .content .bloc.first { padding: 0; border: none; } #content .content .bloc .brand { display: block; float: left; width: 200px; height: 100px; margin-right: 20px; } #content .content .bloc .bloccontent { display: block; float: left; width: 455px; } #content .content .bloc .bloccontent h2 a { clear: none; margin-bottom: 10px; font-size: 18px; font-weight: bold; } #content .content .bloc .bloccontent p { display: block; color: #000; margin-bottom: 10px; } #content .content .bloc .bloccontent .blocmore span { font-weight: bold; } #content .content .bloc .bloccontent .blocmore a { text-transform: uppercase; font-weight: bold; padding-bottom: 0; border-bottom: 1px solid #000; } /* .ecopic h2 a, .ecopic .blocmore { color: #ff0000; } .depigeonal h2 a, .depigeonal .blocmore { color: #00583b; } .birdout h2 a, .birdout .blocmore { color: #008ac9; } .cablebird h2 a, .cablebird .blocmore { color: #009ea6; } .selfcleaning h2 a, .selfcleaning .blocmore { color: #84c461; } .netze h2 a, .netze .blocmore { color: #5e8530; } .birdwire h2 a, .birdwire .blocmore { color: #f77a0c; } #content .brand.ecopic { background-position: 0 0; } #content .brand.depigeonal { background-position: 0 -125px; } #content .brand.birdout { background-position: 0 -230px; } #content .brand.birdwire { background-position: 0 -340px; } #content .brand.cablebird { background-position: 0 -450px; } #content .brand.netze { background-position: 0 -660px; } #content .brand.selfcleaning { background-position: 0 -760px; } #content .brand.mabi { background-position: 0 -860px; } #content .brand.mabi2 { background-position: 0 -970px; } */ .b5 h2 a, .b5 .blocmore { color: #ff0000; } .b55 h2 a, .b55 .blocmore { color: #00583b; } .b357 h2 a, .b357 .blocmore { color: #008ac9; } .b339 h2 a, .b339 .blocmore { color: #000; } .b290 h2 a, .b290 .blocmore { color: #009ea6; } .b268 h2 a, .b268 .blocmore { color: #000; } .b565 h2 a, .b565 .blocmore { color: #7dc257; } .b391 h2 a, .b391 .blocmore { color: #000; } #content .brand { background: transparent url(images/logos.jpg) no-repeat; } #content .brand.b5 { background-position: 0 0; } #content .brand.b55 { background-position: 0 -125px; } #content .brand.b357 { background-position: 0 -230px; } #content .brand.b339 { background-position: 0 -340px; } #content .brand.b290 { background-position: 0 -450px; } #content .brand.b268 { background-position: 0 -660px; } #content .brand.b565 { background-position: 0 -760px; } #content .brand.b391 { background-position: 0 -860px; } .lastofferPIC { position: absolute; top: 13px; left: -15px; display: block; width: 220px; height: 39px; background: transparent url(images/lastoffer.png) no-repeat; } .lastoffer { position: relative; margin: 20px 0; padding-bottom: 15px; } .lastoffer .illulastoffer { display: block; float: left; margin-top: 4px; border: 5px solid #ccc; } .lastoffer .contentlastoffer { display: block; float: right; width: 480px; } .lastoffer .contentlastoffer h2 { margin-top: 0px; } .lastoffer .contentlastoffer h2 a { color: red; } a.more { font-weight: bold; border-bottom: 1px dashed #6b645b; } /* loop post */ #content { clear: both; position: relative; display: block; float: right; margin: 0; } .content { position: relative; clear: both; display: block; float: left; width: 708px; background: #fff; border: 1px solid #a1a18b; padding-bottom: 20px; } h1 { display: block; padding: 10px 15px; width: 680px; margin:-1px; color: #fff; background: #ff0000; } .b5 h1 { background: #ff0000; } .b55 h1 { background: #00583b; } .b357 h1 { background: #008ac9; } .b339 h1 { background: #000; } .b290 h1 { background: #009ea6; } .b268 h1 { background: #000; } .b565 h1 { background: #7dc257; } .b391 h1 { background: #000; } .entry { clear: both; display: block; width: 680px; padding: 15px 15px 0 15px; margin: 0; } .entrynotoppadding { padding-top: 0; } .entry h1 { display: block; padding: 0; margin: 8px 0 15px 0; color: red; background: none; font-size: 16px; } .hentry .left { position: relative; display: block; float: left; width: 370px; height: 160px; } .hentry h2, .hentry h2 a { display: block; margin: 0; padding: 0; line-height: normal; font-size: 32px; font-weight: normal; } .latest .hentry h2 a { font-size: 36px; font-weight: normal; } .hentry a.thumbnail-IMG { float: right; margin-bottom: 20px; } .hentry a.thumbnail-IMG img { border: 1px solid #dedede; padding: 10px; background: #efefef; } .entry p { margin: 0 0 7px; } .entry ul { margin: 0; } .entry li { margin: 0 0 7px; } .entry h2, .entry h3 { display: block; margin: 20px 0 5px; line-height: normal; font-size: 18px; font-weight: lighter; } .entry p a { font-weight: bold; border-bottom: 1px dashed #6b645b; } /*- LIST ----------------------------------------------*/ html>body .entry ul { margin-left:0; list-style:none; text-indent:-10px; padding:0 0 0 0; } html>body .entry li { margin:7px 0 8px 2px; padding-left: 22px; background: transparent url(images/dashed.png) no-repeat 0 8px; } /*.entry ul li:before { content:"\00BB \0020"; }*/ .entry ol { margin:0; padding:0 0 0 35px; } .entry ol li { margin:0; padding:0; list-style:decimal outside; } .hentry .postmetadata { margin-top: 20px; font-size: 12px; } .latest .hentry .postmetadata { font-size: 14px; } .hentry .postmetadata a { } .hentry .postmetadata a:hover { } .hentry .postmetadata a.readmore { margin-right: 10px; text-decoration: underline; font-weight: bold; } .hentry .postmetadata span { margin-right: 13px; } .hentry .meta { display: block; margin: 30px 0 0; color: #999; } .hentry .meta a { color: #999; text-decoration: underline; } .content_footer { clear: both; float: right; display: block; width: 510px; padding: 0 35px 0 15px; } .single .content_footer { border-top: 1px dashed #a19e8d; } /*- kontakt ----------------------------------------------*/ .kontaktfooter { position: relative; clear: both; display: block; float: left; width: 710px; height: 130px; margin-top: -1px; background: #e3e3c2; } .kontaktfooter .kontaktpic { position: absolute; top:20px; left: -15px; display: block; width: 205px; height: 39px; background: transparent url(images/kontakt_quote.png) no-repeat; } .kontaktfooter .kontaktIMG { display: block; float: left; width: 90px; height: 90px; margin: 18px 0 0 135px; border: 5px solid #f1f1e0; background: transparent url(images/erax.jpg) no-repeat; } .kontaktfooter .kontaktINFOS { display: block; float: left; margin: 25px 0 0 15px; } .kontaktfooter .nom { font-size: 16px; font-weight: bold; } .kontaktfooter .titre { margin-top: 7px; font-size: 12px; } .kontaktfooter .num { margin-top: 13px; font-size: 14px; } .kontaktfooter .num a { text-decoration: underline; } /*- 404 ----------------------------------------------*/ .page404 { } .page404 h2 { } .page404 a { } .page404 p { } /*------------------------------------------------------------ **- SIDEBAR ------------------------------------------------------------*/ /*- Presentaion ----------------------------------------------*/ #sidebar { display: block; float: left; width: 220px; margin: 20px 20px 0 0; } #sidebar ul ul li, #sidebar ul ol li { list-style: none; } /*- MENU ----------------------------------------------*/ #sidebar .menutop { font-size: 16px; font-weight: bold; color: #000; padding-bottom: 10px; } #sidebar .menutop a { padding-right: 7px; background: transparent url(images/menu_sep.png) no-repeat right top; margin-right: 2px; } #sidebar .menutop a.kontakt { background: none; padding: 0; margin: 0; } #sidebar ul.menu { display: block; margin: 15px 0 25px 0; list-style: none; list-style-position: inside; } #sidebar ul.menu li { font-weight: bold; } #sidebar ul.menu ul { margin-left: 15px; } #sidebar ul.menu li.page-item-23 ul { margin-left: 0; } #sidebar ul.menu li ul li { } #sidebar ul.menu li ul li ul li { font-weight: normal; } /**/ #sidebar ul.menu li.page-item-1022 { margin: 15px 0 20px; } #sidebar ul.menu li.page-item-1022 a { text-transform: uppercase; font-size: 14px; } #sidebar ul.menu li.page-item-1022 ul a { text-transform: none; font-size: 12px; } #sidebar ul.menu li.page-item-1022 ul { margin: 10px 0 0; } #sidebar ul.menu li.page-item-1022 ul li { margin: 0 0 2px; } #sidebar ul.menu li.page-item-1022 ul ul { margin-bottom: 15px; } #sidebar ul.menu li.page-item-1022 ul ul li { margin:0 0 0 0; } /**/ #sidebar ul.menu li.page-item-23 { margin: 15px 0; } #sidebar ul.menu li.page-item-23 a { text-transform: uppercase; font-size: 14px; } #sidebar ul.menu li.page-item-23 ul a { text-transform: none; font-size: 12px; } #sidebar ul.menu li.page-item-23 ul { margin: 10px 0 0; } #sidebar ul.menu li.page-item-23 ul li { margin: 0 0 2px; } #sidebar ul.menu li.page-item-23 ul ul { margin-bottom: 15px; } #sidebar ul.menu li.page-item-23 ul ul li { margin:0 0 0 0; } /**/ #sidebar ul.menu li.page-item-67 { margin: 15px 0; } #sidebar ul.menu li.page-item-67 a { text-transform: uppercase; font-size: 14px; } #sidebar ul.menu li.page-item-67 ul a { text-transform: none; font-size: 12px; } #sidebar ul.menu li.page-item-67 ul { margin: 10px 0 0; } #sidebar ul.menu li.page-item-67 ul li { margin: 0 0 2px; } #sidebar ul.menu li.page-item-67 ul ul { margin-bottom: 15px; } #sidebar ul.menu li.page-item-67 ul ul li { margin:0 0 0 0; } #sidebar ul.menu li a { color: #000; padding-bottom: 10px; } #sidebar ul.menu li a:hover { color: red; } #sidebar ul.menu li ul li.current_page_item { margin-top: 2px; } #sidebar ul.menu li ul li.current_page_item a { color: red; } #sidebar ul.menu li ul li ul { display: none; } #sidebar ul.menu li ul li.current_page_item ul { display: block; margin: 5px 0 10px; } #sidebar ul.menu li ul li.current_page_item ul li, #sidebar ul.menu li ul li.current_page_parent ul li { margin: 0 0 6px 10px; padding-left: 10px; background: transparent url(images/menu_list.png) no-repeat left 7px; } #sidebar ul.menu li ul li.current_page_item ul li a { color: #000; } #sidebar ul.menu li ul li.current_page_parent { margin: 2px 0 10px; } #sidebar ul.menu li ul li.current_page_parent ul { display: block; margin: 5px 0 0; } /*- CATEGORIES ----------------------------------------------*/ ul.categories { clear: both; display: block; margin: 0 0 40px; } ul.categories h2 { line-height: normal; font-size: 24px; text-transform: uppercase; width: 280px; margin: 0; } ul.categories li { font-size: 18px; font-weight: bold; line-height: 28px; color: #252525; } ul.categories ul li.cat-item a { } ul.categories ul li.cat-item a:hover, ul.categories li.current-cat a , ul.categories ul li.current-cat a { color: #fff; } ul.categories li.current-cat ul a { color: #252525;} /*- FOOTER ----------------------------------------------*/ #footerWRAPPER { clear:both; float: left; display: block; width: 100%; margin: 10px 0 0; padding: 0; } #footer { display: block; width:960px; margin: 0 auto; color: #666666; font-size: 9px; } #footer a { color: #666666; } #footer a:hover { color: red; } #footer .left { display: block; float: left; background-color: aqua; } #footer .right { display: block; float: right; width: 710px; } #footer .right p { display: block; padding: 0; } #footer .right .copyright { display: block; margin: 10px 0 20px; } /*------------------------------------------------------------------------------------------------------------------------------------------ --- PLUGINS -------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------*/ /*- Page NAVG ----------------------------------------------*/ .wp-pagenavi { display: block; text-align: center; margin: 0; color: #6E6964; } .wp-pagenavi span.pages { margin:2px; padding:2px 4px; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.current {text-decoration:none; padding: 7px 9px 6px; color: #6E6964; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; background:#e0dfdc; margin:2px; } .wp-pagenavi a:hover { background-color:red; color: #fff; } .wp-pagenavi span.current { font-weight:700; background-color:#6E6964; color: #fff; } .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; } .wp-pagenavi a.last { border: none;}