html, body { background-image: url(/wp-content/uploads/fond2.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } body { font-family: Futura, "Century Gothic", AppleGothic, sans-serif; } #header, #main, #topbar-inner { max-width: 1150px; } #access ul li a, #access ul li a span { font-family: "Kanit"; } body { color: #CCCCCC; } a { color: #b20000; } a:hover, a:focus, .entry-meta span a:hover, .comments-link a:hover { color: #D90000; } #header, #main, #topbar-inner { max-width: 1150px; } /* Menu principal */ #access, #nav-toggle { background-color: #282A2B; outline: 1px solid #3A3A3A; -webkit-box-shadow: 0 2px 2px 1px #000000; box-shadow: 0 2px 2px 1px #000000; } #nav-toggle i { color: #FFF; line-height: 40px; } #access ul li a { font-size:14px ; } #access ul ul ul a { font-size:12px; } #access ul li a, #access ul li a span { font-family: "Kanit"; } #access a { color: #FFFFFF; } #access, #nav-toggle { background-color: #2D2D2D; } #access > .menu > ul > li > a > span { border-color: #0f0f0f; -moz-box-shadow:1px 0 0 #454545; -webkit-box-shadow: 1px 0 0 #454545; box-shadow: 1px 0 0 #454545; } #access a:hover { background-color: #3a3a3a; } #access ul li.current_page_item > a, #access ul li.current-menu-item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a { background-color: #3a3a3a; } /* Main menu Submenus */ #access > .menu > ul > li > ul:before { border-bottom-color:#2D2D2D; } #access ul ul ul:before { border-right-color:#2D2D2D; } #access ul ul li { background-color:#2D2D2D; border-top-color:#3b3b3b; border-bottom-color:#222222 } #access ul ul li a{ color:#BBBBBB } #access ul ul li a:hover{ background:#3b3b3b } #access ul ul li.current_page_item > a, #access ul ul li.current-menu-item > a, #access ul ul li.current_page_ancestor > a, #access ul ul li.current-menu-ancestor > a { background-color:#3b3b3b; } #access ul ul { box-shadow: 3px 3px 0 rgba(0,0,0,0.3); } .socials a { background-color: #960000; } .socials-hover { background-color: #D90000; } #footer { color: #CCCCCC; } #footer2 { color: #CCCCCC; } hr { background-color: #444444; } #forbottom { margin-left: 30px; margin-right: 30px; } #branding { height:150px; } /* Tempera Custom CSS */ #main { background-color: rgba(0, 0, 0, 0.8); margin-top: 2px; } #toTop:hover i { color:#D90000; } #toTop { background-color: #282A2B; -webkit-box-shadow: 1px 1px 0px 0px #3A3A3A; box-shadow: 1px 1px 0px 0px #3A3A3A; } #footer2 { padding-bottom: 10px; background-color: #282A2B; outline: 1px solid #3A3A3A; -webkit-box-shadow: 0 -2px 2px 1px #000000; box-shadow: 0 -2px 2px 1px #000000; } #site-copyright { display: block; float: none; padding-top: 0px; font-style: italic; font-size: 10px; clear: both; margin: 0 auto; text-align: center; } .file, .button, #respond .form-submit input#submit, input[type=submit], input[type=reset] { font-family: Kanit; outline: 0; color: #fff; font-weight: normal; background-color: #B20000; border-color: #960000; border-radius: 2px; box-shadow: none; padding: 3px; } a.button2, input.button2, input.button3 { border-color: #960000; border-radius: 2px; } .breadcrumbs { font-size: 1.3em; color: #FFFFFF; font-family: Russo One; text-transform: uppercase; display: block; margin-bottom: 15px; position: relative; -webkit-box-shadow: 0 3px 0 0 #D90000; box-shadow: 0 3px 0 0 #D90000; } #featured-title { margin-bottom: 15px; font-family: Russo One; text-transform: uppercase; color: #FFFFFF; font-size: 22px; -webkit-box-shadow: 0 4px 0 0 #D90000; box-shadow: 0 4px 0 0 #D90000; line-height: initial; } @media (max-width: 800px) { #branding, #bg_image { min-height:10px !important; } #bg_image { width:100%; max-width: 519px; } } /*----Thème PhpBB----*/ .wrap { background: transparent; border: 0; padding: 0; max-width: none; } .navbar { background-color: #111; border: 1px solid #333333; padding: 3px 10px; border-radius: 0px; font-size: 12px; } .navbar a span{ color: #FFF; font-size: 12px; } ul.navlinks { border-top-color: #333; } .dropdown .dropdown-contents { background: #111; border-color: #333; box-shadow: 1px 1px 1px rgba(0, 0, 0, 1); } .dropdown a, .dropdown-contents a { color: #FFF; } .dropdown a:hover, .dropdown-contents a:hover { color: #D90000; } .navbar a:hover span { color: #D90000; } .dropdown .pointer-inner { border-color: #111 transparent; } .dropdown .pointer { border-color: #333 transparent; } .dropdown li, .dropdown li li { border-color: #333; } .dropdown li.separator { border-color: #333; } .dropdown-extended ul li:hover { background-color: #0D0D0D; color: #FFF; } .dropdown-extended ul li { border-top-color: #333; } .dropdown-extended .header .header_settings { float: right; font-weight: normal; text-transform: none; font-size: 12px; } .dropdown-extended a.mark_read { background-color: rgba(0, 0, 0, 0.5); } .dropdown-extended .header { background-color: #111111; background-image: -webkit-linear-gradient(top, #0D0D0D 0%, #111111 100%); background-image: linear-gradient(to bottom, #0D0D0D 0%,#111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0D0D0D', endColorstr='#111111',GradientType=0 ); } .dropdown-extended .header, .dropdown-extended .footer { border-color: #333333; color: #FFF; } .dropdown-extended .header { padding: 0 10px; font-family: Kanit; font-weight: bold; text-align: left; text-shadow: 1px 1px 1px black; text-transform: uppercase; line-height: 3em; border-bottom: 1px solid #333; border-radius: 5px 5px 0 0; } .jumpbox-cat-link { background-color: #B20000; border-top-color: #960000; color: #FFFFFF; } .jumpbox-cat-link:hover { background-color: #D90000; border-top-color: #D90000; color: #FFFFFF; } .jumpbox .dropdown li { border-top-color: #333; } .jumpbox-sub-link { background-color: #111; color: #FFF; } .jumpbox-sub-link:hover { background-color: #0D0D0D; } .icon.icon-blue, a:hover .icon.icon-blue, .icon.icon-red, a:hover .icon.icon-red { color: #D90000; } .icon.icon-black { color: #666; } a:hover .icon.icon-black { color: #FFF; } .arrow-left:hover, .arrow-right:hover { color: #D90000; } .arrow-left:hover, .arrow-right:hover { color: #B20000; } .breadcrumbs .crumb { line-height: 1.4em; margin-top: 8px; } .breadcrumbs .crumb a { font-weight: normal; } .responsive-center.time, .right.responsive-center.time.rightside { font-size: 10px !important; } a.forumtitle { font-family: Kanit; font-size: 16px; font-weight: 400; text-decoration: none; } .headerspace { margin-top: 20px; background-color: #111; padding: 10px; border: 1px solid #333; } h3 { border-bottom-color: #333; color: #FFF; font-size: 16px; font-family: Kanit; margin-bottom: 5px; } h2, .forum-title, .forum-title a, .forum-title a:hover, .topic-title, .topic-title a, .topic-title a:hover { margin: 10px 0; color: #FFF; font-size: 18px; font-family: Russo One; } .stat-block { clear: both; background-color: #111; border: 1px solid #333; margin: 20px 0; padding: 10px; } .stat-block h3{ color: #D90000; } .stat-block h3 a { color: #D90000; } fieldset.quick-login { margin-top: 5px; font-size: 12px; } label { color: #FFF; } .inputbox:hover { border-color: #FFF; } a.lastsubject { color: #FFF; } a.lastsubject:hover { text-decoration: none; color: #D90000; } .postlink { border:none; color: #B20000; } .postlink:visited { color: #960000; } .postlink:hover { color: #D90000; background-color: transparent; } a.button1, input.button1, input.button3, a.button2, input.button2 { color: #FFF; background-color: #D90000; background-image: -webkit-linear-gradient(top, #960000 0%, #D90000 100%); background-image: linear-gradient(to bottom, #960000 0%,#d90000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#960000', endColorstr='#D90000',GradientType=0 ); } a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { border-color: #FFF; color: #FFF; background-color: #960000; background-image: -webkit-linear-gradient(top, #D90000 0%,#960000 100%); background-image: linear-gradient(to bottom, #D90000 0%,#960000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D90000', endColorstr='#960000',GradientType=0 ); } input.button1:focus, input.button2:focus, input.button3:focus { border-color: #FFF; color: #FFF; } .phpbb_alert { background-color: #111111; border-color: #960000; } .badge { background-color: #D90000; color: #ffffff; } .forabg, .forumbg { background-color: #B20000; background-image: -webkit-linear-gradient(top, #D90000 0%,#B20000 2px,#960000 92px,#580000 100%); background-image: linear-gradient(to bottom, #D90000 0%,#B20000 2px,#960000 92px,#580000 100%); background-repeat: repeat-x; margin: 10px 0; padding: 3px; clear: both; border-radius: 2px; } .forumbg .header .forumbg .header a, .forabg .header a { color: #FFF; font-family: Russo One; font-size: 16px; font-weight: normal; margin-left: 5px; } .forumbg .header a:hover, .forabg .header a:hover { color: #DDDDDD; text-decoration: none; } li.header dt, li.header dd { color: #FFFFFF; font-family: Kanit; font-size: 11px; } dl { margin: 0; } ul.forums { background-color: #111; background-image: -webkit-linear-gradient(top, #111 0%, #111 100%); background-image: linear-gradient(to bottom, #111 0%,#111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); } ul.topiclist li { color: #FFF; font-size: 11px; display: block; list-style-type: none; margin: 0; padding: 5px 0; } ul.topiclist li.header { padding: 0; } li.row { border-top-color: #333; border-bottom-color: #000; border-left-color: #333; border-right-color: #333; } ul.topiclist dt .list-inner { font-size: 11px; color: #FFF; font-weight: normal; } li.row:hover { background-color: #0D0D0D; } li.row strong { color: #FFF; } ul.topiclist dd, li.row:hover dd { border-left-color: #111; } .notice { border-top-color: #333; font-size: 11px; } .postbody .content { font-size: 13px; overflow-x: auto; color: #FFF; } .post:target .content { color: #FFF; } .post:target h3 a { color: #B20000; } .postbody { color: #FFF; } .content { color: #FFF; } .topic-poster { font-size: 11px; } li.header dl.row-item dt .list-inner { padding-left: 0; padding-right: 50px; margin-left: 5px; } .bg1, .bg2, .bg3{ background-color: #111; } .pm .postprofile { border-color: transparent; } .pagination { float: right; margin: 0; clear: inherit; } .pagination span, .pagination a { font-size: inherit; width: auto; color: #666; padding: inherit; } .pagination span.sr-only { display: none; } .pagination a:first-child { border-left: 1px solid #333; } .pagination a.mark { color: #FFF; font-weight: bold; border: 0; padding-right: 5px; line-height: 16px; } .pagination li.active span { background: #d90000; border-color: #960000; color: #FFFFFF; line-height: 20px; font-family: Kanit; font-size: 12px; } .pagination li a { background: #1d1d1d; filter: none; border-color: #333; box-shadow: none; -webkit-box-shadow: none; color: #999; } .row .pagination li a, .row .pagination li span { border-radius: 2px; padding: 1px 3px; font-size: 9px; width: auto; } .pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { background: #B20000; border-color: #B20000; filter: none; color: #FFFFFF; text-shadow: none; } .button:hover, .button:focus { color: #FFF; border-color: #960000; background-color: #B20000; background-image: -webkit-linear-gradient(top, #960000 0%, #d90000 100%); background-image: linear-gradient(to bottom, #960000 0%,#d90000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#960000', endColorstr='#d90000',GradientType=0 ); text-shadow: none; } .pagination li.ellipsis span { background: transparent; color: #999; } a.topictitle { font-family: Kanit; font-size: 14px; font-weight: 400; text-decoration: none; display: inline; color: #FFF; } a.topictitle:hover { text-decoration: none; } a.forumtitle { font-family: Kanit; font-size: 16px; font-weight: 400; text-decoration: none; color: #FFF; text-transform: uppercase; } a.forumtitle:hover { text-decoration: none; } .button { border-color: #333333; background-color: #111111; background-image: -webkit-linear-gradient(top, #2D2D2D 0%, #111111 100%); background-image: linear-gradient(to bottom, #2D2D2D 0%, #111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D2D2D', endColorstr='#111111',GradientType=0 ); color: #FFF; } .button .icon, .button-secondary { color: #666; } .button-secondary:focus, .button-secondary:hover, .button:focus .icon, .button:hover .icon { color: #FFF; } input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select { border: 1px solid #333; padding: 3px; font-family: inherit; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; } fieldset.quick-login input.inputbox { background-color: #111; } .inputbox:focus { border-color: #FFF; } a.rightside { color: #FFF; font-weight: bold; } #site-copyright a { color: #FFFFFF; } div.post { padding: 5px 10px; border: 1px solid #333333; overflow: inherit; border-radius: 0px; margin-bottom: 10px; } .online { background-image: none; } .postbody h3.first { font-size: 17px; } .postbody h3 { font-family: Kanit; line-height: 76%; } .postbody { padding-top: 12px; float: right; } .postprofile { color: #DDD; border-color: #333; border-color: transparent; float: left; } .postprofile strong { color: #FFF; } .postprofile dd, .postprofile dt { line-height: 1.4em; margin-left: 10px; font-size: 11px; } @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) { .postprofile { float: none; display: block; } .postbody { float: none; } } .avatar-container { float: none; } a.username, .username-coloured { font-size: 13px; font-family: Kanit; } .codebox { background-color: #0D0D0D; border-color: #222; } .panel { background-color: #111; color: #FFF; border: 1px solid #363636; margin-bottom: 10px; padding: 5px 10px; border-radius: 0; } dl.details dt, dl.details dd { color: #FFF; } .content h2, .panel h2 { color: #D90000; border-bottom-color: #333333; font-family: Kanit; } .ucp-title { margin-top: 20px; color: #FFF; font-size: 18px; font-family: Russo One; } .faq-title { margin: 20px 0; color: #FFF; font-size: 18px; font-family: Russo One; } dl.faq dt { color: #D90000; font-family: Kanit; font-size: 16px; margin-bottom: 8px; } dl.faq dd a, dl.faq dd a:hover, dl.faq dd a:focus { color: #FFF; } .panel-container .panel { background-color: #0D0D0D; } .panel-container .panel li.row { border-bottom-color: #333333; border-top-color: #111111; border-left: 1px solid #333333; border-right: 1px solid #333333; } .panel-container .panel li.header dd, .panel-container .panel li.header dt { color: #FFFFFF; } .panel-container .postbody p.author { font-size: 10px; } p.author { font-size: 10px; } ul.cplist { border-top-color: #333333; } fieldset dl:hover dt label { color: #FFFFFF; } fieldset.submit-buttons { text-align: left; vertical-align: middle; margin: 5px 0; } hr.dashed { border-top-style: dashed; margin: 10px 0 !important; } dd label { color: #fff; } .cp-mini { background-color: #0D0D0D; border: 1px solid #333; border-radius: 0px; } .cp-main .pm { background-color: #0D0D0D; } #topicreview div.post { background-color: #0D0D0D; } .current { color: #FFF!important; } dl.mini dt { color: #d90000; font-family: Kanit; font-size: 16px; margin-bottom: 8px; } .pmlist li.pm_marked_colour, .pm_marked_colour { border-color: #FF6600; } .pmlist li.pm_replied_colour, .pm_replied_colour { border-color: #FFF; } .pmlist li.pm_friend_colour, .pm_friend_colour { border-color: #12A3EB; } .pmlist li.pm_foe_colour, .pm_foe_colour { border-color: #333; } .message-box { position: inherit !important; background: rgba(0,0,0, 0.1) !important; padding: 0 !important; } .message-box textarea { color: #FFF; font-size: 13px; } .inputbox { background-color: #0D0D0D; border-color: #222222; color: #FFF; } select { background-color: #0D0D0D; color: #FFF; } table.table1 tbody tr { border: none; } table.table1 tbody td { border-top-color: #333; } table.table1 td { color: #FFF; } table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color: #0D0D0D; } .panel-container table.table1 thead th { color: #FFF; } fieldset.fields1 dt { width: auto; border-right-width: 0; margin-top: 3px; margin-right: 5px; } fieldset.fields1 dd { margin-left: 5px; border-left-width: 0; } .tabs .activetab > a, .tabs .activetab > a:hover { background-color: #111111; background-image: -webkit-linear-gradient(top, #0D0D0D 0%, #111111 100%); background-image: linear-gradient(to bottom, #0D0D0D 0%,#111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0D0D0D', endColorstr='#111111',GradientType=0 ); border-color: #333333; box-shadow: 0 1px 1px #000000 inset; color: #FFFFFF !important; } .tabs .tab > a { background: #111; color: #666; border: 1px solid #333; padding-bottom: 6px; } .tabs .activetab > a { margin-top: 0; padding-bottom: 7px; } .tabs .activetab > a:hover { color: #fff; } .tabs .tab > a:hover { background: #0D0D0D; color: #FFFFFF; } .signature { border-top-color: #1D1D1D; } .search-box .inputbox, .search-box .inputbox:hover, .search-box .inputbox:focus { border-color: #444444; } .contact-icons a:hover { background-color: #0D0D0D; } .navigation a { color: #FFF; font-size: 12px; outline: 1px solid #333; border-left: 1px solid #333; background: #111111; background: -webkit-linear-gradient(left, #0D0D0D 60%,#000000 100%); background: linear-gradient(to right, #0D0D0D 60%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); } .navigation a:hover { background: #2D2D2D; color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navigation .active-subsection a { background: #2D2D2D; color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navigation .active-subsection a:hover { color: #FFFFFF; } /* Forum icons & Topic icons */ .global_read { background-image: url("./images/announce_read.gif"); } .global_read_mine { background-image: url("./images/announce_read_mine.gif"); } .global_read_locked { background-image: url("./images/announce_read_locked.gif"); } .global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); } .global_unread { background-image: url("./images/announce_unread.gif"); } .global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); } .global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); } .global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); } .announce_read { background-image: url("./images/announce_read.gif"); } .announce_read_mine { background-image: url("./images/announce_read_mine.gif"); } .announce_read_locked { background-image: url("./images/announce_read_locked.gif"); } .announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); } .announce_unread { background-image: url("./images/announce_unread.gif"); } .announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); } .announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); } .announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); } .forum_link { background-image: url("./images/forum_link.gif"); } .forum_read { background-image: url("./images/forum_read.gif"); } .forum_read_locked { background-image: url("./images/forum_read_locked.gif"); } .forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); } .forum_unread { background-image: url("./images/forum_unread.gif"); } .forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); } .forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); } .sticky_read { background-image: url("./images/sticky_read.gif"); } .sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); } .sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); } .sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); } .sticky_unread { background-image: url("./images/sticky_unread.gif"); } .sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); } .sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); } .sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); } .topic_moved { background-image: url("./images/topic_moved.gif"); } .pm_read, .topic_read { background-image: url("./images/topic_read.gif"); } .topic_read_mine { background-image: url("./images/topic_read_mine.gif"); } .topic_read_hot { background-image: url("./images/topic_read_hot.gif"); } .topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); } .topic_read_locked { background-image: url("./images/topic_read_locked.gif"); } .topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); } .pm_unread, .topic_unread { background-image: url("./images/topic_unread.gif"); } .topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); } .topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); } .topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); } .topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); } .topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); }