/* Theme Name: FanJeux.com Theme URI: http://ThomasGR.IM/developpe/fanjeux.com/ Description: "W3C Standards"-compliant theme for FanJeux.com Version: 2.0 Author: Thomas GRIM Author URI: http://ThomasGR.IM/ This theme was designed and built from scratch by "Thomas GRIM" for "FanJeux.com". The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* ----- Common ----- */ body {text-align:justify;color:#808080;background-color: black;} /* background:#eee url("./img/common.bg.png") top center no-repeat */ h1 {font-size:large} .container {background-color:white} hr.separator {clear:both;visibility:hidden;height:1px;margin:0} /* ----- end Common ----- */ /* ----- Common:Header {header.php} ----- */ .container {background:url("./img/head.bg.png") no-repeat 0 46px;z-index:0} #header {width:865px;height:62px;margin:0;padding:0} #header h1, #header .h1 {float:left;display:inline;margin:52px 0 0 17px;line-height:27px;font-size:24px;color:white} #categories {width:100%;padding:10px 0 10px 0;display:inline;float:left;background:url("./img/head.cats.bg.png") no-repeat bottom} #categories a {font-weight:bold;text-decoration:none} #categories span a {font-weight:normal;text-decoration:underline;font-size: 10px;} #categories div {width:195px;float:left;display:inline;margin-right:20px;margin-bottom:10px;text-align: left;} #categories img {display:inline;float:left;margin-bottom: 0px;margin-right: 10px;} #categories h2 {margin:0 0 0 36px;padding:2px 0 0 0;font-size:13px;line-height:13px;text-align:left} #categories div > span {margin:0;margin-left:0px;padding:0;font-size: 10px;} #searchbar {background-color:#f1f1f1;width:100%;height:50px} #searchbar form {display:inline;float:left;height:50px;text-align:center;position:relative} #searchbar form p {margin:0} #s {float:left;display:inline;height:27px;width:412px;margin:10px 0 0 10px;background:#fff url("./img/head.search_input.png") 0 0 no-repeat;border:2px solid #c7c7c7;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:0 0 0 2px;color:#808080;font-size:16px;font-family:Arial,Helvetica,sans-serif} #s:focus, #s:not(:empty) {background:none} /* CSS 3 (unsupported) way of doing it... JS declared in the footer 'til we get there */ #search_submit {position:absolute;width:22px;height:22px;top:15px;right:5px} #newsletter {margin:0 0 0 445px} #newsletter h2 {margin:5px 0 0 0;background:url("./img/head.nl.h2.png") top left no-repeat;width:233px;height:27px;text-indent:-9999px} #newsletter p, #newsletter p a {margin:0;padding:0;line-height:10px;color:#777;font-size:x-small;text-decoration:none} #newsletter form {position:relative;display:block;float:none;top:15px;left:5px;right:5px;padding:0;height:25px} #newsletter input[type="text"] {position:absolute;right:45px;margin:0;padding:1px;width:135px;height:18px;font-size:small;color:#ccc} #newsletter input[type="image"] {position:absolute;right:13px} #search_sponsored-links_right {display:block;float:right;padding-right:10px;text-align:left;font-size:10px;} #search_sponsored-links_right a {color:#777;font-size:10px;} /* ----- end Common:Header ----- */ @font-face { font-family: 'CentG'; src: url('fonts/cg-webfont.eot?') format('eot'), url('fonts/cg-webfont.woff') format('woff'), url('fonts/cg-webfont.ttf') format('truetype'), url('fonts/cg-webfont.svg#CenturyGothic') format('svg'); } /* ----- Specific::Search {search.php} ----- */ .tabberlive .tabbertabhide {display:none} .tabber {} .tabberlive {margin-top:1em} ul.tabbernav {margin:0;padding:3px 0;border-bottom:1px solid #eee;font-size:21px} ul.tabbernav li {list-style:none;margin:0;padding:0;display:inline} ul.tabbernav li a, ul.tabbernav li a:hover {height:45px;padding:5px;border:1px solid #eee;border-bottom:none;background:#fff;text-decoration:none;color:#359cea} ul.tabbernav li.tabberactive a {background-color:#eee;border-bottom:1px solid #fff} ul.tabbernav li.tabberactive a:hover {color:#000;background:white;border-bottom:1px solid white} .tabberlive .tabbertab {padding:5px} .tabberlive .tabbertab > h2 {display:none} .tabberlive .tabbertab > h3 {display:none} #s__r-games, #s__r-websites {margin:0 15px 0 15px;color:#808080} #s__r-games a, #s__r-websites a {color:#f20a46;font-weight:bold} #s__r-games div, #s__r-websites div {height:78px;display:block;float:left;margin:0 30px 5px 0} #s__r-games img, #s__r-websites img {display:block;float:left;padding:2px;border:2px solid #eee;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px} #s__r-games h3, #s__r-websites h3 {margin:0 0 10px 0;padding:2px 0 0 0;font-size:14px;margin-left:105px} #s__r-games p, #s__r-websites p {margin:5px 0 0 105px;padding:0;line-height:12px} #s__r-games p kbd, #s__r-websites p kbd {font-size:12px} /* ----- end Specific::Search ----- */ #last_game-websites > p {display:block;float:right;margin:0px 5px 0 0;color:#ea336c} #last_game-websites > p a {color:#808080;text-decoration:underline;font-weight:bold} #last_game-websites h2 strong {text-decoration:none} #last_game-websites div {height:65px;width:385px;float:left;display:inline;margin:0 25px 15px 5px} #last_game-websites img {display:inline;float:left;border:2px solid #eee;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} #last_game-websites img:hover {display:inline;float:left;border:2px solid #ea336c;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} #last_game-websites h3 {margin:0 0 0 95px;padding:1px 0 0 0;font-size:15px} #last_game-websites div a {text-decoration:none !important;border-bottom:thin dotted #ea336c !important;color:#ea336c !important;font-weight:bold !important;margin-left: 10px;font-size: 15px;} #last_game-websites div p {margin:5px 0 0 105px;padding:0;line-height:16px;color:#808080; letter-spacing: 0px;} #presentation-message {margin:20px 10px 10px 10px;padding:10px;border:2px solid #eee;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:15px;color:#bbb} #presentation-message h3 {color:#ea336c;font-size:13px;font-weight:bold;margin-left:10px} #presentation-message h4 {color:#808080;font-size:13px;margin-top:0;margin-bottom:5px} #presentation-message ul {display:inline;list-style:none} #presentation-message li {display:block;float:left;margin:0;padding:0;margin-right:0px;list-style:none} #presentation-message a {font-family:"Arial";color:#259cea;font-size:12px} #presentation-message li:before {margin-right:2px;margin-left:3px;color:#bbb;font-size:8px;content:" . "} #presentation-message li:first-child:before {margin:0;content:""} #category-description {margin-bottom:20px;padding:10px;border:none;line-height:14px} #category-description h2 {font-family:"Trebuchet MS Bold","Trebuchet MS",Arial,Verdana,sans-serif;font-weight:bold;color:#bbb;font-size:16px} #category-description h2 span {border-bottom: 2px dotted #eee} /* ----- Common:Footer {footer.php} ----- */ #footer {margin:0px auto 0 auto;padding-bottom: 25px;width:100%;background:white url("./img/foot.bg.png") bottom no-repeat} #footer a {color:#808080} #footer ul {margin:auto;margin-bottom:5px;list-style:none} #footer li {display:inline;list-style:none;margin-right:15px} #footer p {font-family:Arial,sans-serif;font-size:11px} #footer p a {color:#ea336c} /* ----- end Common:Footer ----- */ /* ----- Vendors ----- */ .awesome {background:#222 url("./img/alert-overlay.png") repeat-x;display:inline-block;padding:3px 5px 2px;color:#fff;text-decoration:none;font-weight:bold;line-height:1;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer} .awesome:active {top:1px} .awesome.blue, .awesome.blue:hover {color:white;background-color:#2daebf} .awesome.blue:hover {background-color:#007d9a} /* ----- end Vendors ----- */ /* Colors */ body.tag h1 a, body.tag #category-description h2 strong, body.tag div div > h2 strong{color:#359cea} body.category-jeux-de-course h1 strong, body.category-jeux-de-course #category-description h2 strong, body.category-jeux-de-course #sub-categories h3, body.category-jeux-de-course #sub-categories a, body.category-jeux-de-course div div > h2 strong, h2.course strong, div.course a, body.single #sg__samecat-games h2 strong {color:#f88325} body.category-jeux-de-sport h1 strong, body.category-jeux-de-sport #category-description h2 strong, body.category-jeux-de-sport #sub-categories h3, body.category-jeux-de-sport #sub-categories a, body.category-jeux-de-sport div div > h2 strong, h2.sport strong, div.sport a {color:#53d719} body.category-jeux-aventure h1 strong, body.category-jeux-aventure #category-description h2 strong, body.category-jeux-aventure #sub-categories h3, body.category-jeux-aventure #sub-categories a, body.category-jeux-aventure div div > h2 strong, h2.aventure strong, div.aventure a {color:#bc7530} body.category-jeux-de-casino h1 strong, body.category-jeux-de-casino #category-description h2 strong, body.category-jeux-de-casino #sub-categories h3, body.category-jeux-de-casino #sub-categories a, body.category-jeux-de-casino div div > h2 strong, h2.casino strong, div.casino a {color:#000000} body.category-jeux-de-reflexion h1 strong, body.category-jeux-de-reflexion #category-description h2 strong, body.category-jeux-de-reflexion #sub-categories h3, body.category-jeux-de-reflexion #sub-categories a, body.category-jeux-de-reflexion div div > h2 strong, h2.reflexion strong, div.reflexion a {color:#9e2af1} body.category-jeux-action h1 strong, body.category-jeux-action #category-description h2 strong, body.category-jeux-action #sub-categories h3, body.category-jeux-action #sub-categories a, body.category-jeux-action div div > h2 strong, h2.action strong, div.action a {color:#e6002b} h2.guerre strong, div.guerre a {color:#e6002b} body.category-jeux-de-fille h1 strong, body.category-jeux-de-fille #category-description h2 strong, body.category-jeux-de-fille #sub-categories h3, body.category-jeux-de-fille #sub-categories a, body.category-jeux-de-fille div div > h2 strong, h2.fille strong, div.fille a {color:#fb2baa} body.category-puzzle h1 strong, body.category-puzzle #category-description h2 strong, body.category-puzzle #sub-categories h3, body.category-puzzle #sub-categories a, body.category-puzzle div div > h2 strong, h2.puzzle strong, div.puzzle a {color:#359cea} body.category-jeux-multijoueur h1 strong, body.category-jeux-multijoueur #category-description h2 strong, body.single #sg__samecat-game.jeux-multijoueur h2, body.category-jeux-multijoueur div div > h2 strong {color:#359cea} /* end Colors */ div.pub-728x90 {width:728px;height:90px;margin:0 auto 0 auto} div.paginate {font-size:1.1em;font-weight:700;color:#3cb1de;vertical-align:middle;line-height:25px;padding:3px 4px;margin:auto;text-align:center} div.paginate a {font-size:1.1em;font-weight:700;color:#3cb1de;vertical-align:middle;text-decoration:none;line-height:25px;padding:3px 4px} div.paginate a.page:hover {color:#FFF;background:#3cb1de} div.paginate a.current {background:#3cd1de;color:white} div.paginate strong {font-size:1.1em;font-weight:700;color:#FFF;background:#3cb1de;vertical-align:middle;padding:3px 4px} div.paginate img {text-decoration:none;background:none;vertical-align:text-bottom;margin:0;padding:0} div.paginate a img:hover {background:none;margin:0;padding:0} .myButton, .myButtonSmall { -moz-box-shadow:inset -1px 1px 12px -4px #dcecfb; -webkit-box-shadow:inset -1px 1px 12px -4px #dcecfb; box-shadow:inset -1px 1px 12px -4px #dcecfb; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) ); background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea'); background-color:#bddbfa; -moz-border-radius:38px; -webkit-border-radius:38px; border-radius:38px; border:1px solid #84bbf3; display:inline-block; color:#ffffff; font-family:arial; font-size:28px; font-weight:bold; padding:21px 76px; text-decoration:none; text-shadow:1px 1px 0px #528ecc; }.myButton:hover, .myButtonSmall:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) ); background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa'); color: #0062a9; background-color:#80b5ea; }.myButton:active, .myButtonSmall:active { position:relative; top:1px; } .myButtonSmall {padding: 0px 10px;font-size: 16px;} #subscribe {list-style:none;margin:2px 15px 0 0;padding:10px;border:2px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position: absolute;margin-left: 630px;background-color: white;} #subscribe li {display:block;float:left;margin-right:11px} #subscribe a {display:block;padding-left:30px;font-size:11px} li#subscribe__rss a {color:#fe8a1f;background:url("http://www.fanjeux.com/wp-content/themes/fanjeux.com/img/home.subscribe.rss.png") center left no-repeat} li#subscribe__facebook a {color:#3680df;background:url("http://www.fanjeux.com/wp-content/themes/fanjeux.com/img/home.subscribe.facebook.png") center left no-repeat} li#subscribe__twitter a {color:#33c7ed;background:url("http://www.fanjeux.com/wp-content/themes/fanjeux.com/img/home.subscribe.twitter.png") center left no-repeat} #last_game-websites{padding-left: 15px;} #h2__new_flash-games a{text-decoration: none;border-bottom: 3px solid #ea336c;line-height: 2em;} .categoryblocs{width: 197px;height: 190px;float: left; color: white;margin: 0px 8px 0px 8px;font-size: 16px;} .categoryblocs a{font-size: 16px; color: #40696b; text-decoration: none;} .categoryblocs a:hover{text-decoration: underline;} .subtitlejeux{width: 199px; height: 17px;background-color: #edeeee;font-size: 12px;color: #5f5f5f;margin-left:0px;padding: 5px 0px 2px 9px;font-weight: bold;margin-top: -8px;position: absolute;} .imgfloat{width: 202px;height: 150px;margin: 5px 15px 0px 0px !important;-moz-box-shadow: #181826 0px 0px 0px;-webkit-box-shadow: #181826 0px 0px 0px;-ms-box-shadow: #181826 0px 0px 0px;-o-box-shadow: #181826 0px 0px 0px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;border: 3px solid #edeeee;}