/*SOMMAIRE RESET ICONES BODY BUTTON button button full button border accordion menu button classement BIG TITLE HEADER FOOTER NAV MOBILE SECTION Section head Section gestion Section hosting Section spotlight Section banner Section masterclass Section mes pronos Section Big Title FG CONTENT FG content grid FG content listing FG content slider Preview Freetext Longtitle Short desc Pagination FG RUBRIC FG Rubric slider FG Rubric caroussel FG RUBRIC CONTENT FG content Rubric > Rubric carroussel FG content Rubric > Rubric slider FG content Rubric > Content DETAIL PLAYER/ARTICLE player Article Feednews Edito IFRAME TOURNAMENT VOD CATEGORY MOBILE NEWSFEED Newsfeed Grid Newsfeed Slider Preview Title Category Pagination EDITO Edito Grid Edito Slider Preview Title Category Pagination GAMES Carroussel Slider MATCHS Filtres Tournament Card match info team reset Match slider POPUP TOURNAMENT POPUP CONNEXION PAGE POPUP TEAM FAVORI RANKING MON ESPACE LOGIN,REGISTER,PREMIMUM WELCOME PAGE ERROR /*------------------------------------------- -------------------RESET-------------------- -------------------------------------------*/ @charset "UTF-8";@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700,900'); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; /*vertical-align: baseline;*/ font-family: 'Montserrat', sans-serif!important; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: transparent; border-color: none; } .btn-primary { margin: 0; background-color: transparent; border: none; } .btn-block+.btn-block { margin: 0px; } p, h1, h2, a, input, .btn{ font-family: 'Montserrat', sans-serif; color: white; } .row{ margin: 0; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; } ::-webkit-scrollbar-thumb { /*background-color: #7574ff87;*/ background-color: #0000003d; border-radius: 20px; } ::-webkit-scrollbar { width: 13px; height: px; /*background-color: #0000003d;*/ /* color: blue; */ padding: 5px; border-radius: 20px; /*margin-left: 8px;*/ } a:focus, a:hover { color: unset; text-decoration: unset; } .slider { display: block; } input, select, textarea { font-size: 16px!important; } /*------------------------------------------- -----------------END RESET------------------- -------------------------------------------*/ /*------------------------------------------- ------------------ICONES-------------------- -------------------------------------------*/ /*@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */ @font-face { font-family: 'font-icons'; src: url('data:application/font-woff;charset=utf-8;base64,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') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'fontello'; src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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') format('truetype'); } .icon-home:before { content: '\e800'; font-family: 'fontello'!important; font-size: 17px!important; top: -4px!important; } .icon-flash:before { content: '\e801'; font-family: 'fontello'!important; } .icon-television:before { content: '\f26c'; font-family: 'fontello'!important; } .icon-newspaper:before { content: '\f4f0'; font-family: 'fontello'!important; } .icon-pencil:before { content: '\e802'; font-family: 'fontello'!important; } .icon-graduation-cap:before { content: '\e805'; font-family: 'fontello'!important; } .icon-light:before { content: '\e804'; font-family: 'fontello'!important; } .icon-award:before { content: '\e803'; font-family: 'fontello'!important; } .icon-trash:before { content: '\f1f8'; font-family: 'fontello'!important; } .icon_logout:before { content: "\e903"; } } .icon_arrow-next:before { content: "\e90d"; } .icon_arrow-previous:before { content: "\e90e"; } .icon_facebook:before { content: "\e90f"; font-family: 'font-icons'; } .icon_instagram:before { content: "\e910"; font-family: 'font-icons'; } .icon_pinterest:before { content: "\e911"; } .icon_account:before { content: "\e912"; font-family: 'font-icons'; } .icon_agenda:before { content: "\e914"; } .icon_close:before { content: "\e918"; font-family: 'font-icons'; } .icon_twitter:before { content: "\e91b"; font-family: 'font-icons'; } .icon_menu:before { content: "\e91e"; } .icon_player:before { content: "\e91f"; } .icon_search:before { content: "\e924"; } /*------------------------------------------- ----------------END ICONES------------------ -------------------------------------------*/ /*------------------------------------------- --------------------BODY--------------------- -------------------------------------------*/ body { background-color: #31314B!important; background: linear-gradient(90deg,#31314b, #1d1d33); } body.ui-nosvg:before { content: ""; background: url(https://preview.dvbuilder.com/plugindata/www.fuzeforgeesport.com/main/images/galleries/Fuzeforgeesport/Background_3x1.1920-10.png)fixed; background-repeat: no-repeat; height: 100vh; background-position: center; -webkit-background-size: cover !important; width: 100vw; position: fixed; opacity: 0.6; } body.ui-nosvg.connexion_page:before, body.ui-nosvg.welcome_page:before { background: url(https://preview.dvbuilder.com/plugindata/www.fuzeforgeesport.com/main/images/galleries/Fuzeforgeesport/gamingwallpaper_3x1.1920-10.jpg)fixed; opacity: 0.2; } body.page_anadesk:before { content: none; } .container { width: 100%; padding: 0; position: relative; display: inline-block; } .welcome_page .ui-content.initial-page.container { back: #00000024; background: linear-gradient(90deg,#00000026, #00000021); } /*------------------------------------------- ------------------END BODY------------------- -------------------------------------------*/ /*------------------------------------------- --------------------BUTTON------------------- -------------------------------------------*/ .button, .button_full, .button_border { text-transform: uppercase; font-weight: 600; padding: 10px 20px; margin: 10px auto; /*height: 45px;*/ border-radius: 5px; } .button{ background: transparent; color: white; } .button_full{ background: linear-gradient(90deg,#9873FF, #7473FF); /*background-color: blue;*/ color: white; border: none; border: 1px solid #9873ff; } .button_border{ background: transparent; color: white; border: 1px solid white; } .button_border:hover { background-color: white; color: #202639; } .button_full:hover { background: transparent; color: white; border: 1px solid #9873ff; } .header .button:hover { color: #9873ff; } /*Accordion menu*/ .header .panel-group { margin: 0px; /* padding: 15px; */ display: flex; flex-direction: row; align-items: center; } .header .panel-group .panel.panel-default { margin: 0; margin-right: 15px;} .panel-group .panel { background: transparent; border: none; } .panel-group .panel .panel-heading { background: transparent; padding-right: 0px; margin: 0px 15px;padding: 0;height: 80px;display: flex;align-items: center;} .panel-group .panel-heading .panel-title a { font-weight: 600; color: white; text-decoration: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto; height: 30px; padding: 10px; /* background-color: blue; */ position: relative; z-index: 2; padding-right: 25px;} .header .panel-group .ui-btn-icon-right::after { background-color: transparent!important; /* left: 70px!important; */ z-index: 0; right: 0px;} .header .section .panel-group .panel-heading .panel-title a[aria-expanded="true"] { border-radius: 8px 8px 0px 0px; } .header .panel-collapse.collapse.in, .header .panel-collapse.collapsing { position: absolute; margin-left: 0; padding: 0; width: auto; } .header .panel-default > .panel-heading + .panel-collapse > .panel-body { border-color: initial; padding: 0px; margin-top: 0px; } .header .panel-group a.btn.btn-primary.btn-block { font-weight: 600; margin: 0px; border-radius: 0; border: none; background-color: #0000004a; z-index: 10; } /*btn full classement*/ a.button_full.classement { width: 170px; float: right; display: flex; flex-direction: row; align-items: center; border-radius: 4px 0px 0px 4px; box-shadow: 4px 2px 8px black; } a.button_full.classement:before { font-size: 15px; margin-right: 10px; } /*------------------------------------------- -----------------END BUTTON------------------ -------------------------------------------*/ /*------------------------------------------- -------------------HEADER-------------------- -------------------------------------------*/ .header{ height: 80px!important; width: 100%; background-color: #0000004a; align-items: center; padding: 0px 3.5%; display: flex; z-index: 15; position: relative; } /*-----HEADER DESKTOP-----*/ .header.desktop > div { width: 100%; } .header.desktop .logo.service { height: 45px; display: flex; width: 157px; float: left; } .header.desktop .logo img.lazyloaded { height: 100%!important; width: auto!important; } /*bloc link nav*/ .header.desktop .nav { display: flex; height: 45px; float: right; align-items: center; } .header.desktop .nav .btn { display: flex; margin: 0px 15px; text-transform: uppercase; font-weight: 600; padding: 10px 20px; height: auto; width: auto; align-items: center; } .header.desktop .nav .icon_account{ display: flex; align-items: center; } .header.desktop .nav .icon_account:before{ font-size: 25px; } /*end block link nav*/ .header a { font-size: 14px; } /*-----FIN HEADER DESKTOP-----*/ /*-----HEADER MOBILE-----*/ .header.mobile > div { width: 100%; } .header.mobile .head { display: flex; align-items: center; height: 45px; float: left; color: white; font-weight: 600; } .header.mobile .head .icon-flash, .header.mobile .head .icon-television,.header.mobile .head .icon-newspaper,.header.mobile .head .icon_account, .header.mobile .head .icon-light, .header.mobile .head .icon-graduation-cap { display: flex; align-items: center; } .header.mobile .head .icon-flash:before, .header.mobile .head .icon-television:before, .header.mobile .head .icon-newspaper:before, .header.mobile .head .icon_account:before, .header.mobile .head .icon-light:before, .header.mobile .head .icon-graduation-cap:before { border: 2px solid white; padding: 5px; width: 35px; height: 35px; border-radius: 100%; /* text-align: center; */ font-size: 14px; margin-right: 5px; display: flex; align-items: center; justify-content: center; padding-top: 6px; } .header.mobile .head .icon_account:before { font-size: 24px; padding-left: 4px; } .header.mobile .nav { display: flex; height: 45px; float: right; align-items: center; } .header.mobile .head .logo.service { width: 165px; } .header.mobile .nav .btn { margin: 0px 0px; text-transform: uppercase; font-weight: 700; padding: 10px 20px; font-size: 12px; } /*-----END HEADER MOBILE-----*/ /*------------------------------------------- --------------END NAV DESKTOP--------------- -------------------------------------------*/ /*------------------------------------------- -------------------FOOTER-------------------- -------------------------------------------*/ .footer { padding: 0 0 80px; text-align: center; display: flex; flex-direction: column; background-color: #0000004a; align-items: center; } /*logo*/ .footer .logo.service { width: 100%; } .footer .logo.service img { width: 30%!important; margin: 5vh auto; /*display: block;*/ margin-bottom: 30px; } .link_RS { display: flex; /* width: 320px; */ flex-direction: row; margin-bottom: 105px; margin-top: 11px; } /*link RS*/ .link_RS .btn { width: 40px; height: 40px; background-color: white; border-radius: 100%; display: flex; justify-content: center; align-items: center; padding-top: 10px; margin: 0px 5px; } .link_RS .btn.icon_facebook:before { content: "\e90f"; font-family: 'font-icons'; color: #9873FF; font-size: 25px; } .link_RS .btn.icon_twitter:before { content: "\e91b"; font-family: 'font-icons'; color: #9873FF; font-size: 25px; } .link_RS .btn.icon_instagram:before { content: "\e910"; font-family: 'font-icons'; color: #9873FF; font-size: 25px; } /*ML*/ .footer .ML { width: 100%; } .footer .ML a.btn.btn-primary { background: transparent; padding: 8px 20px; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; } .footer .ML a.btn.btn-primary:after { display: inline-block; width: 40px; height: 40px; font-size: 25px; text-shadow: 0 0 10px rgba(0,0,0,.2); padding: 0 0 0 4px; text-align: center; background: transparent; border-radius: 50%; position: absolute; right: 0; font-family: font-icons; content: "\e90d"; color: #9873ff; line-height: 43px; } /* HOVER */ .footer > a.btn.btn-primary:hover { color: #966bcd; } .footer a.btn.btn-primary:hover:after { background: rgb(54 69 99 / 30%); } /*COPYRIGHT*/ .footer .copyright p { font-size: 16px; padding: 30px 20px; font-weight: 900; color: white!important; text-align: left; /* padding-bottom: 8px; */ } @media screen and (min-width: 1025px){ .footer .logo.service img { width: 100%!important; max-width: 180px; } .footer .ML { width: 42%; } } /*------------------------------------------- ------------------END FOOTER-- --------------- -------------------------------------------*/ /*------------------------------------------- ------------------NAV MOBILE----------------- -------------------------------------------*/ .nav.mobile { position: fixed; bottom: 0; padding: 0; height: 60px; z-index: 23; width: 100%; /*background-color: #3A314B;*/ background-color: #1d2032; } .main-menu { display: flex; flex-direction: row; align-items: center; align-content: stretch; flex-wrap: nowrap; justify-content: center; height: 60px; } .main-menu .btn { width: 25%; display: flex; flex-direction: column; align-items: center; font-size: 9px; height: 60px; justify-content: center; border-radius: 0; } .main-menu a.icon-home:before, .main-menu a.icon-flash:before, .main-menu a.icon-television:before, .main-menu a.icon-newspaper:before, .main-menu a.icon_account:before { font-size: 17px; top: -4px!important; } .main-menu a.icon_account:before { font-size: 26px; top: 3px!important; height: 29px; margin-top: -4px; } .rubric_home .nav.mobile .main-menu .btn.icon-home, .rubric_matchs .nav.mobile .main-menu .btn.icon-flash, .rubric_vod .nav.mobile .main-menu .btn.icon-television, .rubric_news .nav.mobile .main-menu .btn.icon-newspaper, .rubric_mon-espace .nav.mobile .main-menu .btn.icon_account{ background-color: #9873ff; } /*------------------------------------------- ----------------END NAV MOBILE--------------- -------------------------------------------*/ /*------------------------------------------- -------------------SECTION------------------- -------------------------------------------*/ .section { padding: 0; clear: both; margin: 40px auto!important; } @media screen and (min-width: 1025px){ .section { position: relative; width: 85%; /* left: 170px; */ left: 0px; /* padding: 0 170px 0 0; */ margin: auto; max-width: 1880px; } } /*Head section*/ .section .head { display: flex; flex-direction: row; align-items: center; padding: 0 10px; margin: 20px 0 15px 0px; z-index: 5; position: relative; } /*.section .head .button { margin: 0; padding: 0px 15px; position: absolute; right: 0; }*/ .section .head .nav.btn { right: 10px; position: absolute; font-size: 12px; font-weight: 600; font-family: montserrat; text-transform: uppercase; } /*.section .head .button:before { display: block; width: 35px; height: 35px; line-height: 38px; text-align: center; background: #7574ff; border-radius: 11%; font-family: font-icons; content: "\e90d"; color: white; font-size: 25px; }*/ .section .head .title p { font-size: 20px; font-weight: 800; text-transform: uppercase; } @media screen and (min-width: 1025px){ .section .head .title p { font-size: 24px; } } /*section gestion (avec fond opaque)*/ .section.gestion .content { background-color: #0000004a; margin: 10px; padding: 40px 25px; } .section.gestion .content > div { max-width: 500px; padding-bottom: 30px; } @media screen and (min-width: 1025px){ .section.gestion .content { padding-right: calc(100% - 440px)!important; padding: 45px; } } /*Section HOSTING*/ .section.hosting .content { display: flex; flex-direction: column; margin: 10px; } .section.hosting .content iframe { width: 100%; height: 53.3vw; padding: 0px; } .section.hosting .content .info { width: 100%; display: flex; flex-direction: column; padding: 30px 0px; text-align: center; background-color: #0000007a; justify-content: center; } .section.hosting .info .title { font-size: 30px; font-weight: bold; margin-bottom: 15px; width: 100%; text-align: center; padding: 0px 25px; } .section.hosting .content .info .title p { font-weight: 900; text-transform: uppercase; } .section.hosting .info a.button_full { max-width: 250px; margin-top: 15px; text-align: center!important; } .section.hosting .info a.button_full:hover { background: transparent; color: white; border: 1px solid #9873ff; } @media screen and (min-width: 1025px){ .section.hosting .content { flex-direction: row; } .content div[id*="divTwitch"] { width: 50%; } .section.hosting .content iframe { width: 100%; height: 23.7vw; } .section.hosting .content .info { width: 50%; height: 23.7vw; padding: 0; } } @media screen and (min-width: 1200px){ .section.hosting .content .info .title p { font-size: 38px; } } /*Section SPOTLIGHT*/ @media screen and (min-width: 1025px){ .spotlight .slider_rubric .jscroll-inner { overflow: hidden; } .spotlight .slider_rubric .jscroll-inner img.lazyloaded{ height: 60px; } .spotlight .slider_rubric .jscroll-inner li.list-group-item.list-group-item-link { width: 12.5%; display: flex; justify-content: center; margin: 0;} .spotlight .slider_rubric .jscroll-inner a.list-group-item.list-group-item-thumb { height: 9vw; width: 100%; margin: 10px!important;} } /*Section BANNER*/ .section.banner .content { position: relative; margin: 10px;} .section.banner .content .info { position: absolute; z-index: 5; position: absolute; display: flex; top: 0; flex-direction: column; justify-content: center; padding: 6.5%; width: 75%; } .section.banner .content .info, .section.banner .content img.lazyloaded { height: 46vw; max-height: 220px; } .section.banner .info .title { font-weight: 900; font-size: 18px; } .section.banner .info .btn { width: 100%; margin: 10px 0px 0px 0px; max-width: 250px; } .image_banner:before { content: ""; display: block; width: 100%; position: absolute; height: 100%; left: 0px; z-index: 1; background: linear-gradient(90deg, #000000f0 5%, #7473ff00); margin: 0; } .section.banner button{ margin: 10px 0px; padding: 15px 24px; border-radius: 5px; width: 300px; } @media screen and (min-width: 1025px){ .section.banner .content .info, .section.banner .content img.lazyloaded { height: 17vw; max-height: initial; } .section.banner .content .info { max-width: 510px; padding: 2.5%; } .content .info .title p { font-size: 27px; } } /*Section MASTERCLASS*/ .section.masterclass { position: relative; padding: 40px 2.5%; width: 100%; margin: 0px auto!important; } .section.masterclass .background { position: absolute; top: 0; z-index: 0; left: 0; width: 100vw; opacity: 0.4; overflow: hidden; } .section.masterclass .background img.lazyloaded { width: 100%; } .section.masterclass .title.icon-graduation-cap { display: flex; flex-direction: row; align-items: center; } .section.masterclass .title.icon-graduation-cap:before { color: white; font-size: 25px; margin-right: 8px; } .section.masterclass .FG_Rubrics_Contents_R { display: none; } .visual { width: 200vw; } @media screen and (min-width: 1025px){ .visual { width: 100%; } } /*Section MES PRONOS*/ .section.pronos .head { display: flex; justify-content: center; margin-bottom: 40px; } .section.pronos .head .button:before { display: none; } .section.pronos.en_cours .head .button:nth-child(3) { opacity: 0.5; } .section.pronos.terminer .head .button:nth-child(2) { opacity: 0.5; } /*Section BIG TITLE*/ .section.big_title { display: flex; flex-direction: column; align-items: center; width: 285px; margin: auto; } .section.big_title h2 { font-size: 17px; text-transform: uppercase; font-weight: 800; font-style: italic; text-align: center; color: white; } .section.big_title h1 { font-size: 40px; text-transform: uppercase; font-weight: 900; font-style: italic; text-align: center; color: #7574ff; } .section.big_title p{ text-align: center; font-size: 13px; margin-top: 5px; font-weight: 600; font-style: italic; } .section.big_title .btn { max-width: 250px; } @media screen and (min-width: 1025px){ .section.big_title { width: 100%; max-width: 650px; } .section.big_title h2 { font-size: 23px!important; } .section.big_title h1 { font-size: 50px!important; text-align: center; } .section.big_title p{ font-size: 1.1vw; font-weight: 600; } } /*Section X2*/ .section.x2 > a { display: none; } .section.x2 .content { max-width: 500px; margin: auto; } @media screen and (min-width: 1025px){ .section.x2 { display: flex; align-items: center; justify-content: space-evenly; height: 100vh; margin: 0px auto!important; width: 100%; max-width: inherit;} .section.x2 .content { max-width: inherit; margin: initial; } .section.x2 .content.big_title { width: 31%; } .section.x2 .content.connexion { width: 500px!important; /* width: 33%!important; */ } .section.x2 .content .section.gestion { width: 100%; /*margin: 0!important;*/ } .section.x2 .content .gestion .content { width: 100%; padding: 45px!important; } } /*------------------------------------------- ----------------END SECTION------------------ -------------------------------------------*/ /*------------------------------------------- -----------------FG CONTENT------------------ -------------------------------------------*/ .FG_Content_List .jscroll-inner { display: flex; flex-direction: row; width: 100%; margin: auto; flex-wrap: wrap; } .FG_Content_List .jscroll-inner li { background-color: transparent!important; border: none; padding: 10px; } .FG_Content_List .jscroll-inner li a.list-group-item { padding: 0; background-color: transparent; } .FG_Content_List .jscroll-inner li .FG_Contents_display { display: flex; flex-direction: column; } /*FG CONTENT GRID*/ .grid .FG_Content_List .jscroll-inner li { width: 100%; } .grid .col-sm-12 { display: flex; flex-direction: column; } .grid .FG_Contents_display._2_blocks { width: 100%; } .grid .FG_Contents_display._2_blocks.bloc-change2 { background-color: #00000066; padding: 15px 25px 0px 25px; } /*Longtitle*/ .grid .content_longTitle { height: 76px; } @media screen and (min-width: 720px){ .grid .FG_Content_List .jscroll-inner li { width: calc(50% - 20px); margin: 10px; } } @media screen and (min-width: 1025px){ .grid .FG_Content_List .jscroll-inner li { width: calc(33.3% - 20px); padding: 0; } } @media screen and (min-width: 1200px){ .grid .FG_Content_List .jscroll-inner li { width: calc(25% - 20px); } } /*FG content listing*/ .listing .FG_Content_List .jscroll-inner li { width: 100%; border-bottom: 1px solid #ffffff17!important; padding: 10px 10px; } .listing .FG_Content_List .col-sm-12 { display: flex; flex-direction: row; align-items: center; } .listing .FG_Contents_display._2_blocks.bloc-change1 { width: 300px; } .listing .FG_Contents_display._2_blocks.bloc-change2 { /*background-color: #00000066;*/ padding: 0px 0px 0px 15px; width: 60%; } @media screen and (min-width: 720px){ .listing .FG_Content_List .content_longTitle { font-size: 19px; } .listing .content_shortDesc { display: block!important; } } /*FG Content slider*/ .slider .FG_Content_List .jscroll-inner { flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; display: flex; width: 100%; padding: 0 0 0px; } .slider .FG_Content_List .jscroll-inner li { width: 100%; margin: 0px; padding: 0; } .slider .FG_Content_List .jscroll-inner li .col-sm-12 { width: calc(100vw - 20px)!important; padding: 10px; } .slider .FG_Content_List .jscroll-inner li .FG_Contents_display._2_blocks { width: 100%; } .slider .FG_Content_List .jscroll-inner li .FG_Contents_display.bloc-change2 { padding: 15px 25px 0px 25px; background-color: #00000066; } .slider .FG_Content_List .jscroll-inner li .FG_Contents_display.bloc-change2 .content_longTitle { height: 76px; } @media screen and (min-width: 720px){ .slider .FG_Content_List .jscroll-inner li .col-sm-12 { width: calc(60vw - 20px)!important; } } @media screen and (min-width: 1025px){ .slider .FG_Content_List .jscroll-inner { display: flex; flex-wrap: wrap; overflow-x: hidden; width: 100%; } .slider .FG_Content_List .jscroll-inner li { width: calc(25% - 20px); margin: 0px 10px 10px 10px; } .slider .FG_Content_List .jscroll-inner li .col-sm-12 { width: 100%!important; padding: 0px; } } /*Preview*/ .content_preview { padding-bottom: 56%; position: relative; border-radius: 3px; overflow: hidden; background: linear-gradient(135deg,rgb(213 100 182) 0%,rgb(125 110 214) 100%); } .content_preview .FG_Contents_posRelative { min-width: 100%; max-width: 100%; position: absolute!important; height: 100%; top: 0; left: 0; padding: 0; } /*Free text*/ .content_freeText { font-size: 10px; text-transform: uppercase; color: #9873FF; } /*Longtitle*/ .content_longTitle { padding: 9px 0px; color: white; font-size: 12px; font-weight: 600; font-family: montserrat; text-transform: uppercase; line-height: normal; } /*Short Desc*/ .content_shortDesc { display: none!important; padding: 0px 0px; font-size: 13px; color: #ffffff85; } /*Pagination*/ .page_right, .page_left { display: flex; float: none!important; justify-content: center; } .page_right a, .page_left a { margin: 0px auto; font-weight: 600; padding: 10px 20px; height: auto; color: white; background-color: #0000004a; } /*------------------------------------------- ----------------END FG CONTENT--------------- -------------------------------------------*/ /*------------------------------------------- ------------------FG RUBRIC----------------- -------------------------------------------*/ /*FG rubric slider*/ .slider_rubric .jscroll-inner { white-space: nowrap; overflow-x: scroll; overflow-y: hidden; display: flex; } .slider_rubric .jscroll-inner li.list-group-item.list-group-item-link { background-color: transparent; border: none; margin: 13px; } .slider_rubric .FG_Rubrics_Contents_R .jscroll-inner li[data-active="true"] a { background: linear-gradient(90deg,#9873FF, #7473FF); border: white 2px solid!important; opacity: 1; } .slider_rubric .jscroll-inner a.list-group-item.list-group-item-thumb { min-height: auto; background-color: #00000066; display: flex; flex-direction: column; padding: 0px!important; align-items: center; height: 80px; width: 80px; justify-content: center; border-radius: 5%!important; opacity: 0.7; } .slider_rubric .jscroll-inner img.lazyloaded { height: 45px; width: auto!important; padding: 6px; } .slider_rubric .jscroll-inner a.list-group-item.list-group-item-thumb .row { display: none; } /*FG rubric caroussel*/ .caroussel_rubric { width: 100%; display: block; margin: auto; margin-top: 50px; } .caroussel_rubric .carousel-flexslider.flexslider { background: none; border: none; max-width: 950px!important; margin: 0px auto 60px auto; } .caroussel_rubric .carousel-flexslider.flexslider .flex-viewport{ width: 100%; display: block; margin: auto; } .caroussel_rubric .carousel-flexslider.flexslider .flex-viewport ul li { display: flex!important; flex-direction: column; align-items: center; } .caroussel_rubric .carousel-flexslider.flexslider .flex-viewport ul li a{ height: 100px; width: 100px!important; display: flex; justify-content: center; align-items: center; border-radius: 5%; padding: 20px; background-color: #00000066; opacity: 0.7; } .caroussel_rubric .carousel-flexslider.flexslider .flex-viewport ul li[data-active="true"] a{ background: linear-gradient(90deg,#9873FF, #7473FF); border: white 2px solid; opacity: 1; } .caroussel_rubric .carousel-flexslider.flexslider .flex-viewport ul li img.lazyloaded { height: 50px; width: auto!important; padding: 6px; } .caroussel_rubric .carousel-flexslider.flexslider .flex-viewport ul li p.flex-caption { display: none; } .caroussel_rubric .flex-direction-nav li.flex-nav-next { right: -25px; position: absolute; top: 50%; } .caroussel_rubric .flex-direction-nav li.flex-nav-prev { left: -25px; position: absolute; top: 50%; } .caroussel_rubric .flex-direction-nav .flex-prev { left: 10px; opacity: 1; height: 40px; } .caroussel_rubric .flex-direction-nav .flex-next { right: 10px; text-align: right; opacity: 1; height: 40px; } .caroussel_rubric .flex-direction-nav a:before { color: white; } .caroussel_rubric ol.flex-control-nav.flex-control-paging { display: none; } /*------------------------------------------- ----------------END FG RUBRIC--------------- -------------------------------------------*/ /*------------------------------------------- --------------FG RUBRIC CONTENT------------- -------------------------------------------*/ /*FG rubric content > Rubric caroussel*/ .caroussel_rubric .FG_Rubrics_Contents_R { width: 100%; display: block; margin: auto; max-width: 950px; margin-top: 50px; } .caroussel_rubric .FG_Rubrics_Contents_R .carousel-flexslider.flexslider { background: none; border: none; } .caroussel_rubric .FG_Rubrics_Contents_R .carousel-flexslider.flexslider .flex-viewport{ width: 100%; display: block; margin: auto; } .caroussel_rubric .FG_Rubrics_Contents_R .carousel-flexslider.flexslider .flex-viewport ul li { display: flex!important; flex-direction: column; align-items: center; } .caroussel_rubric .FG_Rubrics_Contents_R .carousel-flexslider.flexslider .flex-viewport ul li a{ height: 100px; width: 100px!important; display: flex; justify-content: center; align-items: center; border-radius: 5%; padding: 20px; background-color: #00000066; opacity: 0.7; } .caroussel_rubric .FG_Rubrics_Contents_R .carousel-flexslider.flexslider .flex-viewport ul li[data-rub-active="true"] a{ background: linear-gradient(90deg,#9873FF, #7473FF); border: white 2px solid; opacity: 1; } .caroussel_rubric .FG_Rubrics_Contents_R .carousel-flexslider.flexslider .flex-viewport ul li img.lazyloaded { height: 50px; width: auto!important; padding: 6px; } .caroussel_rubric .FG_Rubrics_Contents_R .carousel-flexslider.flexslider .flex-viewport ul li p.flex-caption { display: none; } .caroussel_rubric .flex-direction-nav li.flex-nav-next { right: -25px; position: absolute; top: 50%; } .caroussel_rubric .flex-direction-nav li.flex-nav-prev { left: -25px; position: absolute; top: 50%; } .caroussel_rubric .flex-direction-nav .flex-prev { left: 10px; opacity: 1; height: 35px; } .caroussel_rubric .flex-direction-nav .flex-next { right: 10px; text-align: right; opacity: 1; height: 35px; } .caroussel_rubric .flex-direction-nav a:before { color: white; font-size: 35px; text-shadow: none; } .caroussel_rubric ol.flex-control-nav.flex-control-paging { display: none; } /*/*FG rubric content > rubric Slider*/ .slider_rubric .FG_Rubrics_Contents_R{ width: 100%; max-width: 100vw; margin-top: 25px; } .slider_rubric .FG_Rubrics_Contents_R .jscroll-inner{ flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; display: flex; } .slider_rubric .FG_Rubrics_Contents_R li.list-group-item.list-group-item-link { background-color: transparent; border: none; margin: 13px; } .slider_rubric .FG_Rubrics_Contents_R .jscroll-inner li[data-rub-active="true"] a { background: linear-gradient(90deg,#9873FF, #7473FF); border: white 2px solid!important; opacity: 1; } .slider_rubric .FG_Rubrics_Contents_R .jscroll-inner li a { background-color: #00000066; display: flex; flex-direction: column; padding: 0px!important; align-items: center; height: 95px; width: 95px; justify-content: center; border-radius: 100%!important; opacity: 0.7; } .slider_rubric .FG_Rubrics_Contents_R .jscroll-inner img.lazyloaded { height: 45px; width: auto!important; padding: 6px; } .slider_rubric .FG_Rubrics_Contents_R .jscroll-inner .row { display: none; } /*FG rubric content > content*/ .FG_Rubrics_Contents_C .jscroll-inner img.lazyloaded { height: 100%; padding: 0; } .FG_Rubrics_Contents_C .jscroll-inner li.list-group-item.list-group-item-link { margin: 0px; } @media screen and (min-width: 720px){ .FG_Rubrics_Contents_C .jscroll-inner li.list-group-item.list-group-item-link { margin: 10px; } } /*------------------------------------------- ------------END FG RUBRIC CONTENT------------ -------------------------------------------*/ /*------------------------------------------- ------------DETAIL PLAYER/ARTICLE------------ -------------------------------------------*/ .section.detail { width: 100%; border-radius: -5px; margin: auto!important; padding: 0!important; max-width: initial; /*margin-top: 34px!important;*/ } /*Player*/ .section.detail .jwplayer.jw-flag-aspect-mode { height: auto!important; } .section.detail .ajaxReload.ajax-content { background-color: #00000066; } .section.detail .ajaxReload.ajax-content ul { margin-bottom: 0; } .section.detail .FG_Content_List .jscroll-inner li .FG_Contents_display{ padding-left: 2%; } .section.detail .FG_Content_List .jscroll-inner li .FG_Contents_display .content_shortDesc{ display: block!important; margin-bottom: 20px;} .link { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; width: 100%; } .link a { text-align: center!important; width: 200px; margin: initial; margin-right: 26px; } .link a { display: none; } .link a.btn { display: block; } .link .button_border a { display: block; } @media screen and (min-width: 1025px){ .section.detail .jwplayer.jw-flag-aspect-mode { height: 60vh!important; } } @media screen and (min-width: 1630px){ .bloc_player .slider_content .FG_Content_List .jscroll-inner { /* height: calc(730px - 60px); */ } } /*Article*/ .section.detail .article { width: 100%; /* margin: 10px; */ margin-top: 40px; padding: 10px; } .article img { width: 100%; /* height: 23vw; */ /* position: absolute; */ top: 0; /* width: 100%; */ margin-bottom: 25px; } @media screen and (min-width: 1025px){ .section.detail .article { width: 1025px; padding-right: 0%; position: relative; line-height: initial; margin: auto; margin-top: 40px; } } /*Feednews*/ .article.feednews h1 { font-size: 30px; font-weight: 900; text-transform: uppercase; margin-bottom: 20px; } .article.feednews h2 { font-weight: bold; /* font-size: 20px; */ margin-bottom: 20px; } .article.feednews br { display: none; } .article.feednews p { margin: 10px 0px; line-height: 22px; /* display: block; */ } .article.feednews b { font-weight: bold; } .article.feednews em { font-style: italic;; } .article.feednews iframe { margin: 10px 0px; } .article.feednews a { color: #7574ff; font-style: italic; } @media screen and (min-width: 1025px){ .article.feednews h1 { font-size: 41px; line-height: 41px } } /*Edito*/ .article.edito h2 { font-weight: 900; text-transform: uppercase; margin-bottom: 20px; font-size: 30px; text-align: left!important; } .article.edito p { margin-bottom: 20px; font-style: italic; color: #ffffff96; } .article.edito strong { color: #ffffff; font-weight: 700; font-style: italic; /* margin-bottom: 13px; */ /* display: block; */ /* line-height: 57px; */ font-style: normal; } .article.edito li { color: white; margin: 5px; } .article.edito li:before { content: "●"; margin: 5px; } .article.edito ul { margin-bottom: 20px; } @media screen and (min-width: 1025px){ .article.edito h2 { font-size: 41px; } } /*------------------------------------------- -----------END DETAIL PLAYER/ARTICLE---------- -------------------------------------------*/ /*------------------------------------------- -------------IFRAME TOURNAMENT--------------- -------------------------------------------*/ .section iframe { width: 100%; height: 56vh; padding: 10px; } @media screen and (min-width: 1630px){ .section iframe { padding: 0px; } } /*------------------------------------------- ----------END IFRAME TOURNAMENT-------------- -------------------------------------------*/ /*------------------------------------------- ------------VOD CATEGORY MOBILE-------------- -------------------------------------------*/ .section.category_vod { margin-top: 10px!important; } .category_vod .content { display: flex; flex-direction: row; margin: 10px; justify-content: space-between; flex-wrap: wrap; } .category_vod .content a:first-child { display: none; } .category_vod .content a { background-color: #0000004a; display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(50% - 10px); /* padding: 55px 0px; */ height: 130px; margin: 5px; } .category_vod .content a::before { font-size: 33px; } .category_vod .guideEcrit { width: 98%; display: flex; align-items: flex-start; justify-content: center; height: 160px; flex-direction: column; position: relative; margin: 5px; padding: 25px; background-color: #0000004a; } .guideEcrit img.lazyloaded { position: absolute; width: 100%!important; top: 0; left: 0; object-fit: cover; height: 160px; z-index: -1; z-index: 0; -webkit-mask-image: linear-gradient(270deg, rgb(0 0 0) 30%,#00000078 46%, transparent 80%); } .category_vod .content .guideEcrit a { width: 100%; margin: 0; position: absolute; left: 0; background-color: transparent; height: 100%; z-index: 2; } .category_vod .content .guideEcrit .title { font-weight: 800; z-index: 1; font-size: 20px; } .category_vod .content .guideEcrit .desc { font-size: 13px; /*text-transform: uppercase;*/ margin-top: 5px; z-index: 1; line-height: 15px; } .category_vod .content .guideEcrit .cta { margin-top: 15px; border: 1px solid white; line-height: 30px; /* width: 115px; */ padding: 0px 15px; border-radius: 100px; font-size: 12px; } /*------------------------------------------- ---------END VOD CATEGORY MOBILE------------- -------------------------------------------*/ /*------------------------------------------- -------------------NEWSFEED------------------ -------------------------------------------*/ .newsfeed .NewsFeedDocument { display: block!important; } /*Newsfeed grid*/ .newsfeed .grid li { width: 100%!important; padding: 10px; } .newsfeed .grid .NewsFeedDocumentRow { display: flex!important; flex-direction: column; } @media screen and (min-width: 720px){ .newsfeed .grid li { width: 50%!important; } } @media screen and (min-width: 1025px){ .newsfeed .grid li { width: 33.3%!important; } } @media screen and (min-width: 1200px){ .newsfeed .grid li { width: 25%!important; } } /*Newsfeed slider*/ .newsfeed .slider ul { flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; width: 100%; padding: 0 0 0px; } .newsfeed .slider li{ width: calc(100vw - 20px)!important; padding: 10px; height: calc(55vw + 100px); } @media screen and (min-width: 720px){ .newsfeed .slider li { width: calc(60vw - 20px)!important; height: calc(32vw + 100px);} } @media screen and (min-width: 1025px){ .newsfeed .slider ul { overflow-x: hidden; } .newsfeed .slider li { width: calc(25% - 20px)!important; margin: 0px 10px 10px 10px; padding: 0px; height: auto; } } /*Preview*/ .newsfeed .NewsFeedColLeft { display: block!important; width: 100%!important; } .newsfeed .NewsFeedImage img.lazyloaded { border: none!important; } .newsfeed .NewsFeedColRight { display: block!important; width: 100%!important; padding: 0!important; position: relative; } /*Title*/ .newsfeed .NewsFeedTitle { top: 0!important; } .newsfeed .NewsFeedTitle h2 { display: flex!important; background-color: #00000066; height: 76px; padding: 9px 25px; color: white; white-space: normal; font-size: 12px; font-weight: 600; font-family: montserrat; text-transform: uppercase; line-height: normal; margin-top: 25px; } /*category*/ .newsfeed .NewsFeedItems { position: absolute!important; top: 0!important; margin-top: -101px; width: 100%; background-color: #00000066; padding: 0px 25px; padding-top: 15px; font-size: 10px; text-transform: uppercase; color: #ffffff75; height: 25px; } .newsfeed a.NewsFeedItemCategory { font-size: 10px!important; text-transform: uppercase; color: #9873FF!important; background-color: transparent!important; border: none!important; padding: 0!important; } /*Pagination*/ .NewsFeedPagination { display: flex; width: 100%; justify-content: center; margin-top: 20px; } .NewsFeedNextPage a { margin: 0px auto; font-weight: 600; padding: 10px 20px; height: auto; color: white; background-color: #0000004a; } .NewsFeedNextPage a:hover { text-decoration: auto; } /*.grid ul { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px; padding: 15px; }*/ .newsfeed .grid li { width: 100%!important; padding: 0; margin: 0; padding: 0; margin-top: -40px; margin: 15px; width: auto!important; /* background-color: #121523; */ /* background-color: #121523; */ } .newsfeed.tutos .grid li:nth-child(1) { padding: 0; margin: 0px; } .newsfeed .NewsFeedDocument { width: 100%!important; background-color: #121523; } .newsfeed.tutos .grid ul li:nth-child(1) img.lazyloaded { /*-webkit-mask-image: linear-gradient(rgb(0 0 0) 0%,#00000078 39%, transparent 100%);*/ -webkit-mask-image: linear-gradient(rgb(0 0 0) 39%,#00000078 79%, transparent 100%); } .rubric_news .Games .flex-viewport li a { width: auto!important; height: auto; padding: 10px; } .rubric_news .Games .flex-direction-nav .flex-prev { height: 25px; margin-top: -10px; } .rubric_news .Games .flex-direction-nav .flex-next { height: 25px; margin-top: -10px; } .rubric_news .Games .flex-direction-nav a:before { font-size: 25px; } .section.newsfeed.tutos { margin-top: 0px!important; } .section.newsfeed .grid ul { padding: 0px; } .newsfeed.tutos .grid li:nth-child(1) h2 { font-size: 20px; } .section.newsfeed .NewsFeedItems { top: 0; padding: 10px 20px 0px 20px; } .newsfeed.tutos .grid li:nth-child(1):after { content: ""; width: 100%; height: 79px; display: block; background: linear-gradient(180deg, rgb(18 21 35) 0%, rgb(18 21 35 / 0%) 100%); /* -webkit-mask-image: linear-gradient(rgb(0 0 0) 44%,#00000078 60%, transparent 77%); */ } .newsfeed.tutos .grid ul li:nth-child(2) { margin-top: -65px; } @media screen and (min-width: 720px){ .section.newsfeed.tutos { margin-top: 40px!important; } .newsfeed .grid ul { gap: 15px; } .section.newsfeed { margin: 40px auto!important; } .newsfeed .grid ul { grid-template-columns: repeat(3, 1fr); max-width: 750px; margin: auto; } .newsfeed .grid li { margin: 0!important; } .newsfeed.tutos .grid li:nth-child(1) { grid-column: 1 / 4; grid-row: 0 / 3; } .newsfeed.tutos .grid ul li:nth-child(1) img.lazyloaded { -webkit-mask-image: linear-gradient(rgb(0 0 0) 16%,#00000078 54%, transparent 100%); } .newsfeed.tutos .grid li:nth-child(1) h2 { width: 80%; } .newsfeed.tutos .grid li:nth-child(1):after { display: none; } .newsfeed.tutos .grid ul li:nth-child(2) { margin-top: 0px; } } @media screen and (min-width: 1025px){ .newsfeed .grid ul { grid-template-columns: repeat(4, 1fr); padding: 0px; max-width: initial; } .newsfeed .grid li { width: 100%!important; } .newsfeed.tutos .grid ul li:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 2; grid-column: 1 / 3; grid-row: 1 / 3; } .newsfeed.tutos .grid ul li:nth-child(1) .NewsFeedDocument { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } .newsfeed.tutos .grid ul li:nth-child(1) .NewsFeedImage { position: absolute; top: 0; } .newsfeed.tutos .grid ul li:nth-child(2) { grid-column: 3 / 5; display: flex; } .newsfeed.tutos .grid ul li:nth-child(3) { grid-column: 3 / 5; grid-row: 2 / 3; } .newsfeed.tutos .grid ul li:nth-child(2) .NewsFeedDocumentRow.row1, .newsfeed.tutos .grid ul li:nth-child(3) .NewsFeedDocumentRow.row1 { display: flex; flex-direction: row; align-items: center; } .newsfeed .grid .NewsFeedDocument { width: auto!important; } .newsfeed.tutos .grid ul li:nth-child(2) img.lazyloaded, .newsfeed.tutos ul li:nth-child(3) img.lazyloaded { width: 100%; } .newsfeed .grid .NewsFeedDocumentRow.row1 { position: relative; } /*.newsfeed.tutos .grid .NewsFeedTitle h2 { background-color: transparent; }*/ .newsfeed.tutos .grid li:nth-child(1) h2 { width: 100%; } .newsfeed.tutos .grid ul li:nth-child(2) .NewsFeedDocument, .newsfeed.tutos .grid ul li:nth-child(3) .NewsFeedDocument { display: grid; grid-template-columns: repeat(2, 1fr); /* gap: 15px; */ /* max-width: initial; */ } .newsfeed.tutos .grid ul li:nth-child(2) .NewsFeedImage, .newsfeed.tutos .grid ul li:nth-child(3) .NewsFeedImage { grid-column: 1 / 2; grid-row: 1 / 3; } .newsfeed.tutos .grid ul li:nth-child(1) .NewsFeedTitle h2 { font-size: 1.5vw; width: 80%; display: flex!important; align-items: flex-end; } .newsfeed.tutos .grid ul li:nth-child(2) .NewsFeedItems, .newsfeed.tutos .grid ul li:nth-child(3) .NewsFeedItems { align-self: end; } .newsfeed.tutos .grid ul li:nth-child(2) h2, .newsfeed.tutos .grid ul li:nth-child(3) h2 { font-size: 1vw; margin-top: 0; height: auto; } .newsfeed.tutos .grid li .NewsFeedColRight .NewsFeedItems{ background-color: transparent; } } /*------------------------------------------- ----------------END NEWSFEED----------------- -------------------------------------------*/ /*------------------------------------------- -------------------EDITO------------------ -------------------------------------------*/ /*Edito slider*/ .edito .slider ul { flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; width: 100%; padding: 0 0 0px; } .edito .slider li{ width: calc(100vw - 20px)!important; padding: 10px; height: calc(55vw + 100px); /*background-color: #121523;*/ } @media screen and (min-width: 720px){ .edito .slider li { width: calc(60vw - 20px)!important; height: calc(32vw + 100px);} } @media screen and (min-width: 1025px){ .edito .slider ul { overflow-x: hidden; } .edito .slider li { width: calc(25% - 20px)!important; margin: 0px 10px 10px 10px; padding: 0px; height: auto; } } /*Preview*/ .edito .EditoColLeft { display: block!important; width: 100%!important; } .edito .EditoImage img.lazyloaded { border: none!important; } .edito .EditoColRight { display: block!important; width: 100%!important; padding: 0!important; position: relative; } /*Title*/ .edito .EditoTitle { top: 0!important; padding: 10px 20px 20px 20px; margin-top: 0px; text-align: left!important; } .edito .EditoTitle h2 { /* display: flex!important; */ /* background-color: #00000066; */ /* height: 76px; */ /* padding: 9px 25px; */ color: white; white-space: normal; font-size: 12px; font-weight: 600; font-family: montserrat; text-transform: uppercase; line-height: normal; /* margin-top: 15px; */ text-align: left; } .edito .EditoTitle a { white-space: normal; font-size: 12px; font-weight: 600; font-family: montserrat; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; min-height: 40px; min-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; padding: 10px 0px 0px 0px; color: white; line-height: normal; } /*category*/ .edito li .EditoColRight .EditoItems { position: absolute!important; top: 0; margin-top: -100px; width: 100%; background-color: #00000066; padding: 0px 25px; padding-top: 15px; font-size: 10px; text-transform: uppercase; color: #ffffff75; height: 25px; } .edito a.EditoItemCategory { font-size: 10px!important; text-transform: uppercase; color: #9873FF!important; background-color: transparent!important; border: none!important; padding: 0!important; } /*Pagination*/ .EditoPagination { display: flex; width: 100%; justify-content: center; margin-top: 20px; } .EditoNextPage a { margin: 0px auto; font-weight: 600; padding: 10px 20px; height: auto; color: white; background-color: #0000004a; } .EditoNextPage a:hover { text-decoration: auto; } /*grid*/ .edito .grid ul { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px; padding: 15px; } .edito .grid li { width: 100%!important; padding: 0; margin: 0; padding: 0; margin-top: -40px; margin: 15px; width: auto!important; /* background-color: #121523; */ /* background-color: #121523; */ } .edito.tutos .grid li:nth-child(1) { padding: 0; margin: 0px; } .edito .EditoDocument { width: 100%!important; background-color: #121523; height: -webkit-fill-available; } .edito.tutos .grid ul li:nth-child(1) img.lazyloaded { /*-webkit-mask-image: linear-gradient(rgb(0 0 0) 0%,#00000078 39%, transparent 100%);*/ -webkit-mask-image: linear-gradient(rgb(0 0 0) 39%,#00000078 79%, transparent 100%); } .rubric_news .Games .flex-viewport li a { width: auto!important; height: auto; padding: 10px; } .rubric_news .Games .flex-direction-nav .flex-prev { height: 25px; margin-top: -10px; } .rubric_news .Games .flex-direction-nav .flex-next { height: 25px; margin-top: -10px; } .rubric_news .Games .flex-direction-nav a:before { font-size: 25px; } .section.edito.tutos { margin-top: 0px!important; } .section.edito .grid ul { padding: 0px; } .edito.tutos .grid li:nth-child(1) h2 { font-size: 20px; } .section.edito .EditoItems { top: 0; padding: 10px 20px 0px 20px; } .edito.tutos .grid li:nth-child(1):after { content: ""; width: 100%; height: 79px; display: block; background: linear-gradient(180deg, rgb(18 21 35) 0%, rgb(18 21 35 / 0%) 100%); /* -webkit-mask-image: linear-gradient(rgb(0 0 0) 44%,#00000078 60%, transparent 77%); */ } .edito.tutos .grid ul li:nth-child(2) { margin-top: -65px; } /*.grid ul { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px; padding: 15px; }*/ .edito .grid li { width: 100%!important; padding: 0; margin: 0; padding: 0; margin-top: -40px; margin: 15px; width: auto!important; /* background-color: #121523; */ /* background-color: #121523; */ } .edito.tutos .grid li:nth-child(1) { padding: 0; margin: 0px; } .edito .EditoDocument { width: 100%!important; background-color: #121523; height: -webkit-fill-available; } .edito.tutos .grid ul li:nth-child(1) img.lazyloaded { /*-webkit-mask-image: linear-gradient(rgb(0 0 0) 0%,#00000078 39%, transparent 100%);*/ -webkit-mask-image: linear-gradient(rgb(0 0 0) 39%,#00000078 79%, transparent 100%); } .rubric_news .Games .flex-viewport li a { width: auto!important; height: auto; padding: 10px; } .rubric_news .Games .flex-direction-nav .flex-prev { height: 25px; margin-top: -10px; } .rubric_news .Games .flex-direction-nav .flex-next { height: 25px; margin-top: -10px; } .rubric_news .Games .flex-direction-nav a:before { font-size: 25px; } .section.edito.tutos { margin-top: 0px!important; } .section.edito .grid ul { padding: 0px; } .edito.tutos .grid li:nth-child(1) h2 { font-size: 20px; } .section.edito .EditoItems { top: 0; padding: 10px 20px 0px 20px; } .edito.tutos .grid li:nth-child(1):after { content: ""; width: 100%; height: 79px; display: block; background: linear-gradient(180deg, rgb(18 21 35) 0%, rgb(18 21 35 / 0%) 100%); /* -webkit-mask-image: linear-gradient(rgb(0 0 0) 44%,#00000078 60%, transparent 77%); */ } .edito.tutos .grid ul li:nth-child(2) { margin-top: -65px; } @media screen and (min-width: 720px){ .section.edito.tutos { margin-top: 40px!important; } .edito .grid ul { gap: 15px; } .section.edito { margin: 40px auto!important; } .edito .grid ul { grid-template-columns: repeat(3, 1fr); max-width: 750px; margin: auto; } .edito .grid li { margin: 0!important; } .edito.tutos .grid li:nth-child(1) { grid-column: 1 / 4; grid-row: 0 / 3; } .edito.tutos .grid ul li:nth-child(1) img.lazyloaded { -webkit-mask-image: linear-gradient(rgb(0 0 0) 16%,#00000078 54%, transparent 100%); } .edito.tutos .grid li:nth-child(1) h2 { width: 80%; } .edito.tutos .grid li:nth-child(1):after { display: none; } .edito.tutos .grid ul li:nth-child(2) { margin-top: 0px; } } @media screen and (min-width: 1025px){ .edito .grid ul { grid-template-columns: repeat(4, 1fr); padding: 0px; max-width: initial; } .edito .grid li { width: 100%!important; } .edito.tutos .grid ul li:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 2; grid-column: 1 / 3; grid-row: 1 / 3; } .edito.tutos .grid ul li:nth-child(1) .EditoDocument { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } .edito.tutos .grid ul li:nth-child(1) .EditoImage { position: absolute; top: 0; } .edito.tutos .grid ul li:nth-child(2) { grid-column: 3 / 5; display: flex; } .edito.tutos .grid ul li:nth-child(3) { grid-column: 3 / 5; grid-row: 2 / 3; } .edito.tutos .grid ul li:nth-child(2) .EditoDocumentRow.row1, .edito.tutos .grid ul li:nth-child(3) .EditoDocumentRow.row1 { display: flex; flex-direction: row; align-items: center; } .edito .grid .EditoDocument { width: auto!important; } .edito.tutos .grid ul li:nth-child(2) img.lazyloaded, .edito.tutos ul li:nth-child(3) img.lazyloaded { width: 100%; } .edito .grid .EditoDocumentRow.row1 { position: relative; } /*.edito.tutos .grid .EditoTitle h2 { background-color: transparent; }*/ .edito.tutos .grid li:nth-child(1) h2 { width: 100%; } .edito.tutos .grid ul li:nth-child(2) .EditoDocument, .edito.tutos .grid ul li:nth-child(3) .EditoDocument { display: grid; grid-template-columns: repeat(2, 1fr); /* gap: 15px; */ /* max-width: initial; */ } .edito.tutos .grid ul li:nth-child(2) .EditoImage, .edito.tutos .grid ul li:nth-child(3) .EditoImage { grid-column: 1 / 2; grid-row: 1 / 3; } .edito.tutos .grid ul li:nth-child(1) .EditoTitle h2 { font-size: 1.5vw; width: 80%; display: flex!important; align-items: flex-end; } .edito.tutos .grid ul li:nth-child(2) .EditoItems, .edito.tutos .grid ul li:nth-child(3) .EditoItems { align-self: end; } .edito.tutos .grid ul li:nth-child(2) h2, .edito.tutos .grid ul li:nth-child(3) h2 { font-size: 1vw; margin-top: 0; height: auto; } .edito.tutos .grid li .EditoColRight .EditoItems{ background-color: transparent; } } /*LAST VERSION*/ /* .edito .NewsFeedDocument { display: block!important; }*/ /*Newsfeed grid*/ /*.edito .grid li { width: 100%!important; padding: 10px; } .edito .grid .NewsFeedDocumentRow { display: flex!important; flex-direction: column; } @media screen and (min-width: 720px){ .edito .grid li { width: 50%!important; } } @media screen and (min-width: 1025px){ .edito .grid li { width: 33.3%!important; } } @media screen and (min-width: 1200px){ .edito .grid li { width: 25%!important; } } */ /*edito slider*/ /*.edito .slider ul { flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; width: 100%; padding: 0 0 0px; } .edito .slider li{ width: calc(100vw - 20px)!important; padding: 10px; height: calc(55vw + 100px); } @media screen and (min-width: 720px){ .edito .slider li { width: calc(60vw - 20px)!important; height: calc(32vw + 100px);} } @media screen and (min-width: 1025px){ .edito .slider ul { overflow-x: hidden; } .edito .slider li { width: calc(25% - 20px)!important; margin: 0px 10px 10px 10px; padding: 0px; height: auto; } } */ /*Preview*/ /*.edito .EditoColLeft { display: block!important; width: 100%!important; } .edito .EditoImage img.lazyloaded { border: none!important; } .edito .EditoColRight { display: block!important; width: 100%!important; padding: 0!important; position: relative; }*/ /*Title*/ /*.edito .EditoTitle { top: 0!important; } .edito .EditoTitle h2 { display: flex!important; background-color: #00000066; height: 76px; padding: 9px 25px; color: white; white-space: normal; font-size: 12px; font-weight: 600; font-family: montserrat; text-transform: uppercase; line-height: normal; margin-top: 25px; }*/ /*category*/ /*.edito .EditoItems { } .edito a.EditoItemCategory { font-size: 10px!important; text-transform: uppercase; color: #ffffff75!important; background-color: transparent!important; border: none!important; padding: 0!important; } */ /*Pagination*/ /*.EditoPagination { display: flex; width: 100%; justify-content: center; margin-top: 20px; } .EditoNextPage a { margin: 0px auto; font-weight: 600; padding: 10px 20px; height: auto; color: white; background-color: #0000004a; } .EditoNextPage a:hover { text-decoration: auto; }*/ /*------------------------------------------- ----------------EDITO----------------- -------------------------------------------*/ /*------------------------------------------- ---------------------GAMES------------------- -------------------------------------------*/ /*carroussel*/ .Games { width: 90%; display: block; margin: auto; max-width: 950px; margin-top: 50px; } .Games .carousel-flexslider { border: none; } .Games .carousel-flexslider.flexslider { min-height: auto!important; background: none; border: none; } .carousel-flexslider.flexslider .slides li { display: flex!important; flex-direction: column; align-items: center; } .Games .flex-viewport li a { height: 100px; width: 100px!important; display: flex; justify-content: center; align-items: center; border-radius: 5%; padding: 20px; background-color: #00000066; opacity: 0.7; } .Games .selected a { background: linear-gradient(90deg,#9873FF, #7473FF); border: white 2px solid; opacity: 1!important; } .Games img { border-radius: 5%; height: 50px!important; width: auto!important; padding: 6px; } .Games p.flex-caption { display: none; } .Games .flex-direction-nav li.flex-nav-next { right: -25px; position: absolute; top: 50%; } .Games .flex-direction-nav li.flex-nav-prev { left: -25px; position: absolute; top: 50%; } .Games .flex-direction-nav .flex-prev { left: 10px; opacity: 1; height: 35px; margin-top: -15px; } .Games .flex-direction-nav .flex-next { right: 10px; text-align: right; opacity: 1; height: 35px; margin-top: -15px; } .Games .flex-direction-nav a:before { color: white; font-size: 35px; text-shadow: none; } .Games ol.flex-control-nav.flex-control-paging { display: none; } /*Slider*/ .slider .Games { flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; display: flex; width: 100vw; margin-top: 0px; margin-bottom: 40px; } .slider .Games .GameCard { margin: 0px 13px; height: 80px; margin-bottom: 10px; } .slider .Games .GameCard a.SelectGame { /*width: 80px; height: 80px; display: block; color: white!important;*/ min-height: auto; background-color: #00000066; display: flex; flex-direction: column; padding: 0px!important; align-items: center; height: 80px; width: 80px; justify-content: center; border-radius: 5%!important; } .slider .Games .GameCard img.ImgGame { /*width: 100%; height: auto;*/ border-radius: 5%; height: 80px!important; width: auto!important; padding: 20px; opacity: 0.7; } .slider .Games .GameCard img.ImgGame.selected { background: linear-gradient(90deg,#9873FF, #7473FF); border: white 2px solid!important; opacity: 1; } img.ImgGame { border-radius: 5%; } /*------------------------------------------- -----------------END GAMES------------------ -------------------------------------------*/ /*------------------------------------------- --------------------MATCHS------------------ -------------------------------------------*/ /*FILTRE*/ .FilterStatus { float: left; /* width: 50%; */ width: calc(50vw - 20px); } input.FilterDate { float: right; color: #000000!important; border: none!important; font-family: montserrat; font-size: 12px; font-weight: 700; padding: 0px 14px; margin: 0px 10px; background-color: #ffffff4a; filter: invert(100%) brightness(8); height: 50px; width: calc(50% - 20px); } select[name="filter"] { background-color: #0000004a; color: #ffffff; border: none; font-family: montserrat; font-size: 12px; font-weight: 700; padding: 10px; margin: 0px 10px; height: 50px; width: 100%; /* width: 50%; */ /* width: calc(50% - 20px); */ } @media screen and (min-width: 1025px){ input.FilterDate, select[name="filter"] { font-size: 16px; width: 200px; } } /*TOURNMENTS*/ .Tournaments { clear: both; padding-top: 50px; /* margin: 0px 10px; */ } .Tournaments h2 { margin-bottom: 20px; } span.TournamentTitle { display: flex; flex-direction: row; align-items: center; position: relative; justify-content: center; text-align: center; font-weight: 500; /* margin-top: 40px; */ font-size: 12px; text-transform: uppercase; } span.TournamentTitle:after { display: flex; content: "i"; width: 25px; height: 25px; border: #8773ff solid 2px; justify-content: center; align-items: center; border-radius: 100%; margin-left: 10px; color: #8773ff; text-transform: lowercase; padding: 12px; } span.TournamentTitle:hover { cursor: pointer; } span.ErrorMessage { text-align: center; display: block; font-weight: 500; text-transform: uppercase; font-size: 12px; font-family: montserrat; color: white; } @media screen and (min-width: 1025px){ span.TournamentTitle { font-size: 16px; } span.ErrorMessage { font-size: 16px; } } /*Card match*/ /*Info*/ .ListMatch { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 50px; margin: 0px 10px;} .Match { display: flex; flex-direction: row; align-items: center; width: 100%; color: white; /* background-color: #0000004d; */ margin: 3% 0%; } .Match .info { position: absolute; z-index: 15; background-color: #0000007a; height: 100%; display: flex; align-items: center; width: 25%; justify-content: center; position: relative; } .Match .info .countdown{ display: none; } .Match .info .date { width: 55px; height: 20px; overflow: hidden; font-size: 22px; display: flex; font-family: sans-serif; letter-spacing: unset; flex-direction: column-reverse; } .Match .info .live a { position: absolute; z-index: 15; height: 100%; display: flex; align-items: center; width: 100%; background: linear-gradient(90deg,#9873FF, #7473FF); justify-content: center; font-weight: 700; top: 0; left: 0; text-transform: uppercase; } .Match .info .live a:before { content: ""; width: 13px; height: 13px; background-color: red; border-radius: 100%; margin-right: 4px; } .Match .info .result { position: absolute; z-index: 15; height: 100%; display: flex; align-items: center; width: 100%; /* background: linear-gradient(90deg,#9873FF, #7473FF); */ justify-content: center; font-weight: 700; top: 0; left: 0; /*background-color: #151825;*/ text-transform: uppercase; font-family: 'Montserrat'; } .Match .info.score .date{ display: none; } .Match .info.live .date{ display: none; } .Match .info.forecast .date, .info.forecast .result { display: none; } .Match .tipslose, .Match .tipwin { font-size: 22px; font-family: montserrat; display: flex; flex-direction: column; align-items: center; } .Match .tipslose:after, .Match .tipwin:after { content: "points"; font-size: 12px; margin-top: 6px; color: #7973ff; } /*Team*/ .Team { width: 75%; padding: 15px 10px; background-color: #0000004d; } .Team1 { border-bottom: 1px solid #ffffff26; } .Team1, .Team2 { display: flex; align-items: center; flex-direction: row; position: relative; padding: 10px; } img.RosterInfo { width: auto; height: 50px; margin-right: 20px; } span.name { font-family: 'Montserrat'; font-weight: 900; max-width: calc(92% - 100px); white-space: initial; font-size: 14px; font-weight: 600; font-family: montserrat; text-transform: uppercase; line-height: normal; } span.ForecastDisabled, span.Forecast { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; color: white; background-color: #00000057; width: 50px; height: 55px; align-items: center; font-family: 'Montserrat'; font-weight: 600; justify-content: center; font-size: 14px; } span.Forecast.selected { background: linear-gradient(90deg,#9873FF, #7473FF); } .Team1 span.ForecastDisabled, .Team1 span.Forecast { border-radius: 100% 100% 0px 0px; } .Team2 span.ForecastDisabled, .Team2 span.Forecast { border-radius: 0px 0px 100% 100%; } .date:first-word{ color: red!important; } span.Forecast:hover { cursor: pointer; } img.RosterInfo:hover { cursor: pointer; } /*reset card*/ .Reset { /* color: transparent; */ display: flex; flex-direction: column; align-items: center; /* position: absolute; */ background-color: #0000004d; height: 100%; justify-content: center; padding-right: 10px; color: transparent; } .Reset:hover { cursor: pointer; } .Reset:before { content: '\f1f8'; font-family: 'fontello'!important; color: white; position: absolute; /* font-size: 17px; */ } @media screen and (min-width: 720px){ .Match { width: 48%; margin: 1%; } } @media screen and (min-width: 1025px){ /*.Match { width: 31.3%; margin: 1%; }*/ } @media screen and (min-width: 1200px){ .Match { width: 31.3%; margin: 1%; } } /*Matchs slider*/ .slider .ListMatch { flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; display: flex; width: 100%; padding: 0 0 0px; margin: 0;} .slider .Match { display: flex; flex-direction: row; align-items: center; width: calc(100vw - 20px); color: white; background-color: transparent; /* margin: 3% 10px; */ min-width: calc(100vw - 20px); padding: 10px; } .slider .GameName { bottom: 10px; z-index: 15; position: absolute; font-family: montserrat; font-size: 9px; color: #1d1f32; font-weight: 600; text-transform: uppercase; } @media screen and (min-width: 720px){ .slider .Match { min-width: 70%; } } @media screen and (min-width: 1025px){ .slider .ListMatch .Match:nth-child(n+3) { display: none; } .slider .Match { min-width: 48%; width: 48%; } } @media screen and (min-width: 1200px){ .slider .ListMatch .Match:nth-child(3) { display: flex!important; } .slider .Match { min-width: 33.3%; width: 33.3%; margin: 0;} } /*------------------------------------------- ------------------END MATCHS----------------- -------------------------------------------*/ /*------------------------------------------- ---------------POPUP CONNEXION PAGE---------- -------------------------------------------*/ .connexion_page .ui-content.initial-page.container .modal { display: none; } /*------------------------------------------- ---------------POPUP TOURNAMENT-------------- -------------------------------------------*/ #EsportMatches_notificationPopup .modal-dialog.bootstrap-modal-dialog { position: absolute; top: 0; width: 100%; height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center; } #EsportMatches_notificationPopup a.ui-btn.ui-corner-all.ui-shadow.ui-btn-a.ui-icon-delete.ui-btn-icon-notext.ui-btn-right { display: none; } #EsportMatches_notificationPopup .modal-content { position: absolute; top: 0; left: 0; background-color: transparent; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; } #EsportMatches_notificationPopup .modal-header { position: absolute; top: 0px; left: 0px; width: 100%; padding: 0; height: 100%; } #EsportMatches_notificationPopup .modal-header button.close:before { color: white; content: "\e918"; right: 20px; font-family: 'font-icons'; position: absolute; top: 20px; font-size: 25px; font-weight: 500; } #EsportMatches_notificationPopup button.close{ position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; /* background-color: #000000c9; */ /* background-color: #322c61f0; */ opacity: 1; /* color: transparent; */text-shadow: none;} a.ui-btn.ui-corner-all.ui-shadow.ui-btn-a.ui-icon-delete.ui-btn-icon-notext.ui-btn-right { background-color: #0000ff00; position: absolute; width: 100vw; height: 100vh; z-index: 2; } a.ui-btn.ui-corner-all.ui-shadow.ui-btn-a.ui-icon-delete.ui-btn-icon-notext.ui-btn-right:after { top: 30px; right: 30px; position: absolute; left: initial; } #EsportMatches_notificationPopup .modal-body { /* background-color: #322c61f0; */ font-family: montserrat; padding: 10px; width: 100%; margin: 10px; max-width: 1025px; text-align: center; z-index: 1; } .TournamentInfo { background-color: #39304acc; /* width: 100%; */ padding: 40px; } #EsportMatches_notificationPopup .modal-body span.TournamentTitle { font-size: 17px; font-weight: 900; margin-bottom: 30px; color: #9273ff; } #EsportMatches_notificationPopup .modal-body span.TournamentTitle:after { display: none; } #EsportMatches_notificationPopup .modal-body span.TournamentPrize { font-size: 17px; font-weight: 900; color: #9273ff; margin-top: 20px; display: block; } @media screen and (min-width: 1025px){ #EsportMatches_notificationPopup .modal-body span.TournamentTitle { font-size: 22px; } #EsportMatches_notificationPopup .modal-body { padding: 68px; } } /*------------------------------------------- ---------------POPUP TOURNAMENT-------------- -------------------------------------------*/ /*------------------------------------------- -----------------POPUP TEAM----------------- -------------------------------------------*/ .modal-body .EsportTeam { background-color: #39304acc; /* width: 100%; */ padding: 40px; width: 350px; text-align: center; color: white; } .modal-body .TeamLogo { width: 18%; /* display: inline-block; */ margin: auto; margin-bottom: 11px; } .modal-body .TeamLogo img { width: 100%; } .modal-body span.Name { font-size: 21px; font-weight: 900; margin-bottom: 5px; display: block; /* padding-left: 11px; */ display: flex; flex-direction: column; } .modal-body span.Name:before { content: "team"; color: #8873FF!important; font-size: 11px; text-transform: uppercase; } .modal-body span.Name:after { color: white; content: "Players"; text-align: left; text-transform: uppercase; margin-top: 40px; } .modal-body .Player { color: white; display: flex; flex-direction: column; align-items: flex-start; text-transform: uppercase; padding-bottom: 10px; /* margin-top: 10px; */ border-bottom: 1px solid #ffffff1c; background-color: #0000004d;padding: 16px 19px; } .modal-body span.PlayerNickName { font-weight: 800; /* text-transform: uppercase; */ font-size: 20px; margin-bottom: 4px; } .modal-body .PlayerFlagName img { width: 25px; } .modal-body span.PlayerName { font-size: 13px; color: #8873FF!important; } /*------------------------------------------- --------------END POPUP TEAM----------------- -------------------------------------------*/ /*------------------------------------------- --------------------FAVORI-------+------------ -------------------------------------------*/ .content.fav p { text-align: left; margin-left: 10px; margin-bottom: 15px; font-weight: 800; text-transform: uppercase; font-size: 20px; } .team_choice { /* display: flex; */ flex-direction: column; align-items: center; } input#search_value { margin-left: calc(50% - 165px); max-width: 250px; width: 100%; background-color: #0000004a; height: 50px; border: none; border-radius: 5px; /* float: left; */ margin-bottom: 15px; } input#search_validate { background: linear-gradient(90deg,#9873FF, #7473FF); margin: 0px 15px; text-transform: uppercase; font-weight: 600; padding: 10px 20px; height: 50px; border: none; border-radius: 4px; margin-bottom: 17px; } .Teams { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; margin: auto; max-width: 1025px; } .CardTeam { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; margin: 10px; color: white; position: relative; } .CardTeam span.name { position: absolute; margin: 10px; display: flex; justify-content: center; align-items: center; top: 160px; /* padding-top: 110px; */ z-index: 16; text-align: center; } a.SelectTeam { display: flex; justify-content: center; align-items: center; z-index: 15; background-color: #0000004a; } img.ImgTeam { width: 236.25px; height: 236.25px; padding: 55px 75px 95px 75px; } img.ImgTeam.selected { background: linear-gradient(90deg,#9873FF, #7473FF); border: white 2px solid; } button#validate { background: linear-gradient(90deg,#9873FF, #7473FF); color: white; text-transform: uppercase; font-weight: 600; padding: 10px 20px; margin: 10px; font-family: montserrat; border-radius: 4px; border: none; display: block; width: 250px; } @media screen and (max-width: 500px){ .CardTeam { width: calc(50% - 25px); } img.ImgTeam { /* width: auto; */ width: auto; height: 175px; padding: 40px 60px 80px 60px; } .CardTeam span.name { top: 110px; } } @media screen and (min-width: 720px){ .CardTeam span.name { top: 160px; } a.SelectTeam { width: 236.25px; height: 236.25px; } img.ImgTeam { /*height: 100px; width: auto;*/ } } @media screen and (min-width: 1025px){ .content.fav p { text-align: center; margin-left: 0px; font-size: 24px; } } /*------------------------------------------- -----------------END FAVORI-------+---------- -------------------------------------------*/ /*------------------------------------------- -------------------RANKING------------------- -------------------------------------------*/ .section .ranking { display: flex; justify-content: center; flex-direction: column-reverse; margin: 10px!important; } .section .ranking .bloc { width: 100%; margin: 0% 0%; } .section .ranking .bloc .content { background-color: #0000004a; height: 410px; display: flex; flex-direction: column; } .section .ranking .bloc.gift .content { background-color: #0000004a; height: auto; } .bloc.gift img.lazyloaded { width: 100%!important; height: 100%!important; } .section .ranking .bloc.gift .content .timer { height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .section .ranking .bloc.gift .content .timer p { margin-bottom: 12px; color: #7574ff; font-weight: 700; font-size: 15px; text-transform: uppercase; } .section .ranking .bloc.gift .content .timer div#EmbedTest { color: white; font-family: montserrat; font-weight: 800; font-size: 30px; } .bloc.rankings .content { display: flex; align-items: center; justify-content: center; } .Ranks { color: white; width: 100%; } .Ranks li { width: 80%; margin: auto; } .RankWrapper { display: flex; position: relative; padding: 0px 20px; border-top: 1px solid #ffffff4f; margin: auto; padding: 19px 20px; font-weight: 600; color: white; font-family: 'Montserrat'; } .highlight .RankWrapper { background-color: white; color: #7574ff; font-weight: 800; } .RankWrapper span.rank { width: 30px; } .RankWrapper span.score { right: 20px; position: absolute; /* justify-self: end; */ } .section .ranking .bloc .content .Games { margin-top: 0; } @media screen and (min-width: 1025px){ .section .ranking { display: flex; justify-content: center; flex-direction: row; margin: auto!important; width: 100%; } .section .ranking .bloc .content { background-color: #0000004a; height: 480px; } .section .ranking .bloc.gift .content { background-color: #0000004a; height: 480px; } .section .ranking .bloc.gift .content .timer { height: inherit; } .section .ranking .bloc.gift .content .timer div#EmbedTest { font-size: 40px; } /*.gift .content p:nth-child(2) { height: calc(480px - 15vw); }*/ .section .ranking .bloc { width: 46%; margin: 0% 2%; } } /*------------------------------------------- ----------------END RANKING------------------ -------------------------------------------*/ /*------------------------------------------- -----------------MON ESPACE----------------- -------------------------------------------*/ .section.gestion .bloc.login, .section.gestion .bloc.password { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; margin: 15px auto 10px auto; border-bottom: 1px solid #ffffff52; padding: 0; margin: 0; } .section.gestion .bloc.login .infos.login, .section.gestion .bloc.password .infos.password { width: calc(100% - 30px); } .section.gestion .bloc.login .infos.login p { word-wrap: break-word; } a.icon-pencil.btn.btn-primary.btn-block { width: 30px; color: #9873ff; } /*Favori*/ .bloc_favori { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 28px 0px; } .item { display: flex; flex-direction: column; align-items: center; padding: 0px 40px; text-align: center; color: white; font-family: montserrat; } .item img { margin-bottom: 10px; } .item img.lazyloaded { margin: auto; display: block; margin-bottom: 8px; height: 50px; } .item p { font-weight: 700; font-size: 14px; } /*popup desabo*/ .modal.show.in { background-color: #000000e3; /* display: flex!important; justify-content: center; align-items: center;*/ } .modal-dialog { margin: 0 auto; } .modal-dialog.bootstrap-modal-dialog { width: 100%; } .modal-content { background-color: transparent; box-shadow: none; border: none; height: 100vh; display: flex; justify-content: center; align-items: center; } .modal-body { background-color: transparent; display: flex; flex-direction: column; align-items: center; position: initial; } .modal-body p { position: relative; } .modal-body a { text-decoration: underline; } button.close.close-right { opacity: 1; position: absolute; width: 100vw; height: 100vh; /*background-color: blue;*/ right: initial; } .close-right.close span { position: absolute; top: 25px; right: 25px; color: white; opacity: 1; } .modal-body .title p { font-weight: 900; margin-bottom: 30px; color: #9273ff; font-size: 22px; } .modal-body .btn { text-align: center!important; } /*------------------------------------------- ---------------END MON ESPACE---------------- -------------------------------------------*/ /*------------------------------------------- ----------LOGIN, REGISTER, PREMIUM----------- -------------------------------------------*/ .connexion_page .ui-content.initial-page.container > div { display: flex; flex-direction: column; /*height: calc(100vh - 80px);*/ justify-content: center; } .connexion_page .logo.service { width: 20%; display: block; margin: 0px auto; } .connexion_page .section.gestion { width: 95%; } .connexion_page .section.gestion .content { padding: 45px!important; } @media screen and (min-width: 1025px){ .bloc_connexion > div { padding: 50px 80px; min-width: 520px; } .connexion_page .section.gestion { max-width: 550px; } } /*Premium page*/ .premium_page .ui-content.initial-page.container { display: flex; align-items: center; height: 100vh; justify-content: space-around; flex-direction: column; } .premium_page .section.big_title, .premium_page .connexion { max-width: inherit; width: 100%; margin: 0!important; } .premium_page .section.gestion { margin: 0!important; max-width: inherit; width: 100%; } .premium_page .section.gestion .content { padding: 45px!important; } @media screen and (min-width: 1025px){ .premium_page .ui-content.initial-page.container { flex-direction: row; } .premium_page .section.big_title { max-width: inherit; width: 37%; margin: 0!important; } .premium_page .connexion{ width: 23%; min-width: 400px; } } /*------------------------------------------- --------END LOGIN, REGISTER, PREMIUM--------- -------------------------------------------*/ /*------------------------------------------- ----------------WELCOME PAGE----------------- -------------------------------------------*/ .welcome .section { padding: 60px 0px; border-top: 1px solid #ffffff21; margin: 0 auto!important; } .welcome .section.x2, .welcome .section.x2 .section { border: none; /* padding: 51px 0px; */ padding-top: 25px; } .welcome .section.features .content { display: flex; flex-wrap: wrap; flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; display: flex; width: 100%; padding: 0 0 0px; } .welcome .section.gestion .content { padding: 30px!important; } /*.welcome li.fg_content_link.list-group-item.list-group-item-link { width: 100%!important; }*/ .welcome .section.features .item { content: ""; background-color: #7574ff8a; background-repeat: no-repeat; margin: 2.5%; height: 110px; display: flex; align-items: center; flex-direction: row; background-size: cover!important; width: 100%; padding: 0px 30px; } .welcome .section.features .item:before { content: ""; display: block; width: 95%; position: absolute; height: inherit; left: 0px; z-index: 1; margin: 2.5%; } .welcome .text { width: 90%; z-index: 2; text-align: left; padding-right: 20px; } .welcome .item .text .title p { font-size: 21px; font-weight: 900; font-style: italic; text-transform: uppercase; margin-bottom: 5px; } .welcome .item .text .desc p { font-size: 12px; font-weight: normal; font-weight: 600; font-style: italic; text-wrap: wrap; } .welcome .icon { width: 20%; display: flex; justify-content: center; z-index: 2; } .welcome .item .icon .icon-flash:before, .welcome .item .icon .icon-newspaper:before, .welcome .item .icon .icon-television:before { font-size: 31px; color: white; } .welcome .section.features .item .btn, .welcome .section.features .item button { left: 0; background-color: #00000000; z-index: 1; width: 95%; position: absolute; margin: 2.5%; height: 133px; z-index: 2; border: none; } .welcome .section.features .item button { background: transparent; color: transparent } .welcome .header a.button.btn.btn-primary.btn-block { position: absolute; right: 0; width: auto!important; margin: 0; display: inline-block; } .welcome .content.account { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; position: fixed; bottom: 0; left: 0; padding: 20px; background-color: black; width: 100%; } .welcome .section.x2 .section.big_title{ width: 95%; align-items: start; /* margin-top: 0!important; */ } .welcome .section.x2 .section.big_title p { text-align: left; } .welcome .article .section.x2 .section.big_title { display: flex; align-items: flex-start; /* width: 1025px; */ border-bottom: 1px solid #ffffff21; } .welcome .section.x2 .section.detail { width: 95%; } .welcome .header .nav .account .bloc div { display: flex; flex-direction: row; align-items: center; height: 20px; } .welcome .header .nav .account .bloc div p { font-size: 12px; color: #9873ff; font-weight: 700; } .welcome .header .nav .account .bloc div .infos p { font-size: 16px; color: white; font-weight: 400; margin: 0; padding: 0; display: flex; align-items: center; /* flex-direction: row; */ height: initial; /* background-color: blue; */ /* display: flex; */ font-weight: 700; } .welcome .header .nav .account .bloc div .infos.password p { font-size: 25px; padding-top: 10px; } .welcome .header .nav .account .bloc div a.icon-pencil.btn.btn-primary.btn-block { display: flex; justify-content: center; margin: 0px 10px; } .welcome .section.features .content .item { /* width: 77vw!important; */ position: relative; min-width:70vw; padding: 35px; height: auto; } .welcome .section.features { margin-bottom: 190px!important; } .welcome .section.features .item:hover { background-color: #7574ff; border: 1px solid white; box-shadow: white 0px 0px 4px 0px; } @media screen and (min-width: 1025px){ .welcome .content.account { position: relative; bottom: initial; left: initial; padding: 00px; background-color: transparent; display: flex; flex-direction: row; } .welcome .header a.button.btn.btn-primary.btn-block { position: relative; right: initial; } .welcome .section.x2 { width: 90%; height: auto; margin: 0px auto!important; width: 85%; /* left: 170px; */ left: 0px; /* padding: 0 170px 0 0; */ margin: auto; max-width: 1880px; display: flex; justify-content: space-between; } .welcome .article .section.x2 { display: flex; flex-direction: column; align-items: center; } .welcome .section.x2 .section.big_title { display: flex; flex-direction: column; align-items: flex-start; max-width: 100%; } .welcome .section.x2 .section.big_title p{ text-align: left; } .welcome .article .section.x2 .section.big_title div { width: 1025px; margin: auto; } .welcome .article .section.x2 .section.big_title * { text-align: left; } .welcome .section.x2 .section.detail { width: 75%; min-width: 460px; } .welcome .section.x2 .section.detail .jwplayer.jw-flag-aspect-mode { height: auto!important; } .welcome .section.features .content { display: flex; flex-direction: row; flex-wrap: nowrap; } .welcome .section.features .content .item { min-width: auto; margin: 10px; } } /*------------------------------------------- --------------END WELCOME PAGE--------------- -------------------------------------------*/ /*------------------------------------------- --------------------ERROR-------------------- -------------------------------------------*/ .error_page .section.big_title { height: calc(100vh - 160px); display: flex; flex-direction: column; justify-content: center; } div#ErrorMessage { color: white; text-transform: uppercase; } @media screen and (min-width: 1025px){ } /*------------------------------------------- -----------------END ERROR------------------- -------------------------------------------*/ /*icone longtitle*/ .FG_Contents_display .content_longTitle:before { width: 50px; height: 50px; display: block; } .FG_Contents_display[data-content-rub-ids="97535"] .content_longTitle:before { content: ""; background-color: #444444; } /*------------------------------------- -------------ANALYSE DESK-------------- -------------------------------------*/ /*.analyse_desk { margin: 0px!important; background-color: white; width: 100%; height: calc(100vh - 80px); } .analyse_desk .section.vod { width: 50%; margin: 0px!important; padding-top: 50px;padding-left: 50px;} .analyse_desk .head { margin: 0; } .analyse_desk .FG_Content_List .jscroll-inner { display: flex; flex-direction: row; width: 100%; margin: 0; flex-wrap: wrap; white-space: nowrap; overflow-x: hidden; overflow-y: scroll; height: calc(100vh - 154px);} .analyse_desk p { color: #1d1f32; } .analyse_desk .content_freeText { color: #1d1f32; } .analyse_desk .content_longTitle { color: #1d1f32; } .analyse_desk .content_shortDesc { color: #1d1f32; }*/ /*//CLEM//*/ .anadesk { position: relative; top: 0; width: 80%; left: 0; margin: 0 auto!important; } .anadesk_top .FG_Content_List .jscroll-inner li { width: calc(50% - 20px); } .anadesk_img { opacity: 30%; position: absolute; width: 134%; } .anadesk .page_right a, .anadesk .page_left a { margin: -37px auto; font-weight: 600; padding: 14px 20px; height: 40px; color: white; background-color: #0000004a; } .anadesk.section.pronos .head { display: flex; justify-content: center; margin: 0; padding: 20px 0 0; } .anadesk .title { font-size: 45px; font-weight: bold; letter-spacing: -1px; text-align: center; margin: 0 auto 20px; } .anadesk_bottom ul li:first-child, .anadesk_bottom ul li:nth-child(2) { display: none; /* Supprimer les deux premiers items de la liste */ } @media screen and (max-width: 720px){ .anadesk { position: relative; top: -70vw; width: 100%; left: -0.1%; } .grid.anadesk_top{ overflow: hidden !important; display: none !important; } /*.hidden_this{ overflow: hidden !important; display: none !important; }*/ .anadesk_bottom ul li:first-child, .anadesk_bottom ul li:nth-child(2) { display: block; /*Retablir les deux premiers items de la liste */ } } /*-------------------------- ----------LISTGAME---------- --------------------------*/ .gameList .highlight.carousel-flexslider.flexslider { border: none; } /*----------------------- ----------TUTOS---------- ------------------------*/ /*--------------------------- ----------END TUTOS---------- ---------------------------*/ /*------------------------------ ----------END LISTGAME---------- ------------------------------*/ /*--------------------------------- ----------MENTIONS LEGALES--------- ---------------------------------*/ .terms-detail * { color: white; } .terms-detail p { margin-bottom: 12px; line-height: normal; } .cookies .terms-detail strong { font-weight: 800; margin-bottom: 17px; display: block; margin-top: 30px; font-size: 17px; } .section.dataPersonal .title-popin { font-size: 20px; margin-bottom:15px; text-transform: uppercase; font-weight: 600; } .section.dataPersonal li { color: white; list-style: initial; margin: 7px 30px; } .section.dataPersonal ul { margin: 20px 0px; } .section.dataPersonal p { margin-bottom: 12px; } .section.dataPersonal p strong { font-weight: 800; margin-top: 50px!important; display: block; font-size: 20px; } /*------------------------------------- ----------END MENTIONS LEGALES--------- -------------------------------------*/ .countdown .image_banner { /* border-radius: 526px; */ box-shadow: 1px 1px 7px 2px #0000008f; } .section.banner .content .info, .section.banner .content img.lazyloaded { border-radius: 6px; } .countdown .image_banner:before { border-radius: 6px; } /*-------------------------- ----------PLAYLISTS--------- --------------------------*/ /*home*/ .section.playlists { } .rubric_home .section.playlists .content { display: flex; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; display: flex; width: 100%; } .rubric_home .section.playlists .content .playlist { min-width: calc(85% - 20px); position: relative; display: flex; margin: 10px; box-shadow: 1px 1px 11px 0px #00000073; border-radius: 10px; } .rubric_home .section.playlists .content .playlist .image { width: 100%; } .rubric_home .playlist img.lazyloaded { border-radius: 10px; } .rubric_home .playlist .panel-group { position: absolute; /* background-color: blue; */ width: 100%; height: 100%; } .rubric_home .playlist .panel-group .panel-heading .panel-title a { width: 100%; height: 100%; padding: 0; } .rubric_home .playlist .panel-group .panel .panel-heading { width: 100%; height: 100%; display: block; margin: 0; } .rubric_home .playlist .panel.panel-default { width: 100%; height: 100%; } .rubric_home .playlist .panel-group .panel .panel-heading h2.panel-title { width: 100%; height: 100%; } .rubric_home .playlist .panel-collapse.collapse, .rubric_home .playlist .panel-collapse.collapse.in, .rubric_home .playlist .panel-collapse.collapsing { display: none; } .rubric_home .playlist .panel-collapse.collapsing { display: none!important; } .rubric_home .playlist .panel-collapse.collapse[aria-expanded="true"] { display: flex!important; } .rubric_home .playlist .panel-collapse.collapse[aria-expanded="false"] { display: none!important; } .rubric_home .playlist:hover .panel-collapse.collapse, .rubric_home .playlist:hover .panel-collapse.collapse.in, .rubric_home .playlist:hover .panel-collapse.collapsing { /* display: block; */ display: flex!important; flex-direction: column; justify-content: flex-end; height: 100%!important; } .rubric_home .playlist:active .panel-collapse.collapse, .rubric_home .playlist:active .panel-collapse.collapse.in, .rubric_home .playlist:active .panel-collapse.collapsing { display: flex; flex-direction: column; justify-content: flex-end; } .rubric_home .playlist .panel-collapse.collapse, .rubric_home .playlist .panel-collapse.collapse.in, .rubric_home .playlist .panel-collapse.collapsing { position: absolute; top: 0; background-color: #2e3049eb; height: 100%; border-radius: 10px; /* border: none; */ width: 100%; } .rubric_home .playlist .panel-collapse.collapse .panel-body, .rubric_home .playlist .panel-collapse.collapse.in .panel-body, .rubric_home .playlist .panel-collapse.collapsing .panel-body { border: none!important; height: 100%; display: flex; align-items: flex-start; width: 100%; padding-bottom: 0; flex-direction: column; height: 100%; justify-content: flex-start; padding: 25px 0px 0px 25px; } .rubric_home .playlist .slider { width: 100%; /* height: calc(100% - 65px); */ overflow-y: scroll; z-index: 3; } .rubric_home .playlist .slider ul { margin: 0; } .rubric_home .playlist .panel-collapse.collapse.in .jscroll-inner, .rubric_home .playlist .panel-collapse.collapsing .jscroll-inner { display: flex; flex-direction: column; } .rubric_home .playlist .panel-collapse.collapse.in .jscroll-inner li.fg_content_link.list-group-item.list-group-item-link, .rubric_home .playlist .panel-collapse.collapsing .jscroll-inner li.fg_content_link.list-group-item.list-group-item-link { width: 100%; } .rubric_home .playlist .panel-collapse .slider .FG_Content_List .jscroll-inner { display: flex; flex-direction: column; height: max-content; } .rubric_home .playlist .panel-collapse .slider .FG_Content_List .jscroll-inner li { width: 100%; /*z-index: 3;*/ /*border-bottom: 1px solid #ffffff57;*/ margin: 0; padding: 5px 0px; } .rubric_home .playlist .panel-collapse .slider .FG_Content_List .jscroll-inner li a.list-group-item { background: #ffffff26!important; border-radius: 5px!important; margin-bottom: 5px; min-height: 50px; display: flex; align-items: center; } .rubric_home .playlist .slider .FG_Content_List .jscroll-inner li .col-sm-12 { width: 100%!important; padding: 0; } .rubric_home .playlist .panel-collapse .slider .FG_Content_List .jscroll-inner li .content_longTitle { text-transform: initial; display: flex!important; flex-direction: row; align-items: center; width: 100%; justify-content: flex-start; padding: 9px 5px; } .rubric_home .playlist .panel-collapse.collapse.in .slider .FG_Content_List .jscroll-inner li .content_longTitle, .rubric_home .playlist .panel-collapse.collapsing .slider .FG_Content_List .jscroll-inner li{ z-index: 3; } .rubric_home .playlist .panel-collapse .slider .FG_Content_List .jscroll-inner li .content_longTitle:before { content: "\e91f"; font-family: 'font-icons'; height: initial!important; width: initial!important; font-size: 25px; margin: 0px 5px; } .rubric_home .playlist .panel-collapse .panel-body:before { content: "\e918"; font-family: 'font-icons'; color: white; right: 15px; position: absolute; top: 15px; display: flex; /* width: 90%; */ justify-content: center; /* border: 1px solid; */ padding: 5px; border-radius: 40px; font-weight: bolder; color: #ffffff; /* background-color: #ffffff33; */ /* border-color: #ffffff4a; */ font-size: 26px; padding-top: 9px; width: 40px; height: 40px; } .rubric_home .playlist .title { margin-top: 10px; margin-bottom: 10px; } .rubric_home .playlist .title p { text-transform: uppercase; font-size: 17px; font-weight: 900!important; } .rubric_home .playlist .title p strong { font-size: 31px; } @media screen and (min-width: 720px) { .rubric_home .section.playlists .content .playlist { min-width: calc(45% - 20px); } } @media screen and (min-width: 1025px) { .rubric_home .section.playlists .content .playlist { min-width: calc(25% - 20px); } /*.playlist .panel-collapse .panel-body:before { display: none; }*/ .rubric_home .playlist .slider { height: 100%; } } /*caroussel*/ .playlists .content.caroussel .carousel-flexslider { background-color: transparent!important; background: transparent!important; border: none; } .playlists .content.caroussel .carousel-flexslider li { /*padding: 10px!important;*/ border-radius: 8px; } .playlists .content.caroussel .carousel-flexslider .slides li a { width: calc(100% - 20px)!important; } .playlists .caroussel p.flex-caption { display: none; } .playlists .content.caroussel .carousel-flexslider .slides li:hover a { border: 3px solid white; box-shadow: 0px 0px 7px white; border-radius: 8px; } .playlists .content.caroussel .carousel-flexslider li a img.lazyloaded { border-radius: 8px; } .playlists .content.caroussel .carousel-flexslider p.flex-caption { display: none; } .playlists .content.caroussel .carousel-flexslider .flex-control-nav { display: none; } .playlists .content.caroussel .carousel-flexslider a.flex-prev, .playlists .content.caroussel .carousel-flexslider a.flex-next { background-color: #ffffff70; display: flex; flex-direction: column; height: auto; font-size: 0; width: auto; padding: 18px 10px; border-radius: 4px; opacity: 1; } .playlists .content.caroussel .carousel-flexslider .flex-direction-nav .flex-prev, .playlists .content.caroussel .carousel-flexslider .countdown .flexslider:hover .flex-direction-nav .flex-prev { left: 10px; border-radius: 0px 4px 4px 0px; } .playlists .content.caroussel .carousel-flexslider .flex-direction-nav .flex-next, .playlists .content.caroussel .carousel-flexslider .countdown .flexslider:hover .flex-direction-nav .flex-next { right: 10px; border-radius: 4px 0px 0px 4px; } .playlists .content.caroussel .carousel-flexslider .flex-direction-nav a:before { font-size: 20px; } /*detail playlist*/ /*.playlists head { display: flex; align-items: center; }*/ .playlists .head a.btn.btn-primary:after { background-color: transparent; } .playlists .head .title { /* display: flex; */ /* align-items: center; */ width: 96%; } .playlists .head .title ul.FG_Rubric_List.list-group { margin: 0; } .playlists .head .title li.list-group-item.list-group-item-link { background: transparent; border: transparent; } .playlists .head .title a.list-group-item { background: transparent; } .playlists .head .title a.list-group-item span.list-group-header { font-size: 24px; font-weight: 800; text-transform: uppercase; color: white; text-wrap: wrap; } .playlists .head .title .list-navigation { display: none; } /*-------------------------- ----------END PLAYLISTS--------- --------------------------*/ /*--------------------------- ----------COUNTDOWN---------- ---------------------------*/ .section.countdown{ margin-top: 0px!important; } .countdown .flexslider { background: transparent; border: none; /* border-radius: 32px; */ box-shadow: 1px 1px 11px 0px #00000073; } .countdown .carousel-flexslider.flexslider .slides li:nth-child(1) a { width: 100%; z-index: 2; } .countdown .carousel-flexslider.flexslider .slides li:nth-child(1) a:before { content: ""; position: absolute; width: 100%; display: block; max-width: 1600px; height: 100%; /*background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Fortnite.jpg');*/ background-size: cover; } .countdown p.flex-caption { display: none; } .countdown .flex-control-nav { display: none; } .countdown a.flex-prev, .countdown a.flex-next { background-color: #ffffff70; display: flex; flex-direction: column; height: auto; font-size: 0; width: auto; padding: 18px 10px; border-radius: 4px; opacity: 1; } .countdown .flex-direction-nav .flex-prev, .countdown .flexslider:hover .flex-direction-nav .flex-prev { left: 0px; border-radius: 0px 4px 4px 0px; } .countdown .flex-direction-nav .flex-next, .countdown .flexslider:hover .flex-direction-nav .flex-next { right: 0px; border-radius: 4px 0px 0px 4px; } .flex-direction-nav a:before { font-size: 20px; } @media screen and (min-width: 720px) { .section.countdown{ margin-top: 40px!important; } } .section.countdown .carousel-flexslider.flexslider { border: none; height: 100%; line-height: 0; } .carouselClipFeedTournament { /* position: absolute; */ /* width: 100%; */ /* height: 100%; */ /* display: flex; */ /* flex-direction: column; */ /* color: white; */ /* font-weight: 800; */ /* font-size: 30px; */ /* z-index: 2; */ pointer-events: none; /* background: linear-gradient(270deg, rgb(26 25 25 / 0%) 0%, rgb(0 0 0 / 46%) 100%); */ } .carouselClipFeedTournament .carouselClipFeedTournament { width: 100%; /* height: 100%; */ /* border-radius: 8px; */ /* display: flex; */ position: absolute; top: 0; z-index: 2; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; left: 0; background: linear-gradient(270deg, rgb(26 25 25 / 0%) 0%, rgb(0 0 0 / 46%) 100%); color: white; /* row-gap: 10px; */ } .carouselClipFeedTournamentTitle { font-size: 0; } .carouselClipFeedTournament .carouselClipFeedTournamentCountDown { display: grid; /* grid-template-columns: repeat(6, 5vw); */ /* grid-template-rows: repeat(3, 5vw); */ row-gap: 10px; width: 100%; column-gap: 0px; justify-content: center; grid-template-columns: 85px 55px 55px 55px 55px 85px; grid-template-rows: 55px 55px 55px; /* background-color: blue; */ } .carouselClipFeedTournament .carouselClipFeedTournamentCountDown:before { position: relative; width: 100%; /* display: flex; */ /* max-width: 1600px; */ /* height: 100%; */ /*background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Fortnite-logo.png');*/ background-size: 80%; z-index: 7; height: 100%; content: ""; background-repeat: no-repeat; background-position: center; grid-column: 1 / 7; grid-row: 1/3; /* background-color: blue; */ } .carouselClipFeedTournament .carouselClipFeedTournamentCountDown span { font-size: 17px; background-color: #000000b3; /* width: 60px; */ /* height: 60px; */ display: block; margin: 2px; border-radius: 3px; display: flex; align-items: center; justify-content: center; font-weight: 600; border: 1px solid #ffffff00; } .countdown_days { grid-column: 2 / 3; grid-row: 3/4; } .countdown_hours { grid-column: 3 / 4; grid-row: 3/4; } .countdown_minutes { grid-column: 4 / 5; grid-row: 3/4; justify-items: stretch; } .countdown_secondes { grid-column: 5 / 6; grid-row: 3/4; } /*wall and logo countdwon by game*/ /*waiting*/ /*.countdown .carousel-flexslider.flexslider .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Fortnite.jpg')!important; } .carouselClipFeedTournament .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Fortnite-logo.png')!important; }*/ /*FORTNITE TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="FORTNITE TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Fortnite.jpg'); } .carouselClipFeedTournament[data-tourn_title="FORTNITE TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Fortnite-logo.png'); } /*FALL GUYS TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="FALL GUYS TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_FallGuys.jpg'); } .carouselClipFeedTournament[data-tourn_title="FALL GUYS TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_FallGuys-logo.png'); } /*COD MOBILE TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="COD MOBILE TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_COD.jpg'); } .carouselClipFeedTournament[data-tourn_title="COD MOBILE TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_COD-logo.png'); } /*FREEFIRE MOBILE TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="FREEFIRE MOBILE TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_FreeFire.jpg'); } .carouselClipFeedTournament[data-tourn_title="FREEFIRE MOBILE TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_FreeFire-logo.png'); } /*OVERWATCH 2 TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="OVERWATCH TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Overwatch2.jpg'); } .carouselClipFeedTournament[data-tourn_title="OVERWATCH TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Overwatch2-logo.png'); } /*CSGO TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="CSGO TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_CSGO.jpg'); } .carouselClipFeedTournament[data-tourn_title="CSGO TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_CSGO-logo.png'); } /*ROBLOX TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="ROBLOX TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Roblox.jpg'); } .carouselClipFeedTournament[data-tourn_title="ROBLOX TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Roblox-logo.png'); } /*ROCKET LEAGUE TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="ROCKET LEAGUE TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_RocketLeague.jpg'); } .carouselClipFeedTournament[data-tourn_title="ROCKET LEAGUE TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_RocketLeague-logo.png'); } /*PUBG MOBILE TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="PUBG MOBILE TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_PUBGMobile.jpg'); } .carouselClipFeedTournament[data-tourn_title="PUBG MOBILE TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_PUBGMobile-logo.png'); } /*PUBG TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="PUBG TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_PUBG.jpg'); } .carouselClipFeedTournament[data-tourn_title="PUBG TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_PUBG-logo.png'); } /*FIFA TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="FIFA TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_EAFC24.jpg'); } .carouselClipFeedTournament[data-tourn_title="FIFA TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_EAFC24-logo.png'); } /*RAINBOW 6 TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="RAINBOW 6 TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_RainbowSix.jpg'); } .carouselClipFeedTournament[data-tourn_title="RAINBOW 6 TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_RainbowSix-logo.png'); } /*LEAGUE OF LEGENDS TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="LEAGUE OF LEGENDS TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_LeagueOfLegends.jpg'); } .carouselClipFeedTournament[data-tourn_title="LEAGUE OF LEGENDS TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_LeagueOfLegends-logo.png'); } /*MINECRAFT TOURNAMENT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="MINECRAFT TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Minecraft.jpg'); } .carouselClipFeedTournament[data-tourn_title="MINECRAFT TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Minecraft-logo.png'); } /*STREET FIGHTER 6*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="STREET FIGHTER 6 TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_StreetFighter6.jpg'); } .carouselClipFeedTournament[data-tourn_title="STREET FIGHTER 6 TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_StreetFighter6-logo.png'); } /*VALORANT*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="VALORANT TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Valorant.jpg'); } .carouselClipFeedTournament[data-tourn_title="VALORANT TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_Valorant-logo.png'); } /*MOBILE LEGENDS*/ .countdown .carousel-flexslider.flexslider[data-tourn_title="MOBILE LEGENDS TOURNAMENT"] .slides li:nth-child(1) a:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_MobileLegends.jpg'); } .carouselClipFeedTournament[data-tourn_title="MOBILE LEGENDS TOURNAMENT"] .carouselClipFeedTournamentCountDown:before { background-image: url('https://shard.mobigames.vn/galleries/Fuzeforgeesport/countdown_MobileLegends-logo.png'); } .countDown_freeTextUp { font-size: 17px; margin-bottom: 25px; font-weight: 700; text-transform: uppercase; line-height: 0px; } .countDown_freeTextDown { margin-top: 25px; background-color: white; display: block; position: relative; width: 100%; /* height: 45px; */ line-height: 40px; color: black; text-align: center; max-width: 200px; border-radius: 4px; font-weight: 800; text-transform: uppercase; font-style: italic; } @media screen and (min-width: 720px) { .countdown .carousel-flexslider.flexslider .slides li { border-radius: 10px; } .carouselClipFeedTournament .carouselClipFeedTournament { width: 45%; } .carouselClipFeedTournament .carouselClipFeedTournamentCountDown { grid-template-columns: 85px 75px 75px 75px 75px 85px; grid-template-rows: 99px 78px 75px; } .countdown .carousel-flexslider.flexslider .slides li:nth-child(1) { height: 37.9vw; max-height: 720px; } .countdown .carousel-flexslider.flexslider .slides li:nth-child(1):before { background: linear-gradient(270deg, rgb(26 25 25 / 0%) 0%, rgb(0 0 0 / 46%) 100%); width: 100%; height: 100%; z-index: 2; content: ""; position: absolute; } .carouselClipFeedTournament .carouselClipFeedTournamentCountDown:before { background-size: contain; } .carouselClipFeedTournament .carouselClipFeedTournamentCountDown span { font-size: 20px; /* width: 5vw; */ /* height: 5vw; */ } } /************************ ***********sub********** ***********************/ .content:has(.sub) { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; gap: 10px; padding: 10px; } .sub { width: 100%; max-width: none!important; background-color: #0000004a; padding: 30px; } .sub .title p { font-size: 21px; font-weight: 700; } .sub .subtitle p { font-size: 17px; font-weight: 500; /* margin-bottom: 10px; */ } .sub .desc { margin-top: 10px; } .sub .desc p { font-size: 14px; opacity: 0.7; /* margin-top: 10px; */ } a[id*="area"] { display: none !important; } @media screen and (min-width: 720px){ .sub { width: calc((100% - 10px) / 2); } } @media screen and (min-width: 1024px){ .sub { width: calc((100% - 20px) / 3); } } /**************************** ***********end sub********** ***************************/ /********************************** ***********content recap********** *********************************/ /*bloc content recap*/ .bloc.content.recap { margin: 0px 10px; background-color: #00000066; display: flex; flex-direction: column; align-items: center; gap: 20px; } .bloc.content.recap .warning { margin-top: 20px; padding: 10px; text-align: center; } .bloc.content.recap .warning p { color: rgb(192,80,77); } .bloc.content.recap .ajaxReload.ajax-content { width: 100%; } .bloc.content.recap .jscroll-inner li.fg_content_link { width: 100%; } .bloc.content.recap .FG_Content_List .jscroll-inner li .col-sm-12 { display: flex; flex-direction: column; align-items: center; gap: 30px; } .bloc.content.recap .FG_Content_List .jscroll-inner li .col-sm-12 .FG_Contents_display._2_blocks { width: 100%; } .bloc.content.recap .jscroll-inner { /* background-color: #00000066; */ padding: 0px; display: flex; justify-content: center; } .bloc.content.recap .FG_Content_List .jscroll-inner li .col-sm-12 .content_longTitle { font-size: 24px; font-weight: 800; } .bloc.content.recap .FG_Content_List .jscroll-inner li .col-sm-12 .content_theme { margin-top: 15px; color: white; opacity: 0.7; font-size: 14px; } .bloc.content.recap .FG_Content_List .jscroll-inner li .col-sm-12 .content_desc { color: white; opacity: 0.7; font-size: 14px; } .bloc.content.recap .FG_Content_List .jscroll-inner li .col-sm-12 .content_warning { color: white; opacity: 0.7; } @media screen and (min-width: 720px){ .bloc.content.recap .FG_Content_List .jscroll-inner li .col-sm-12 { flex-direction: row; padding: 0px 20px; } .bloc.content.recap .FG_Content_List .jscroll-inner li .col-sm-12 .FG_Contents_display._2_blocks { width: 50%; } } /************************************** ***********end content recap********** *************************************/ /*connexion error*/ .connexion_page li { color: #ff2c12; margin-bottom: 10px; } /*infos footer*/ .footer .copyright { background-color: #00000038; margin-top: 20px!important; width: calc(100% - 25px); margin: auto; } .footer .infos * { text-align: start; font-size: 12px; line-height: normal; opacity: 1; } .footer .infos { padding: 0px 20px; background-color: #00000038; padding-bottom: 30px; width: calc(100% - 25px); margin: auto; } @media screen and (min-width: 720px){ .footer .copyright { margin-top: 20px!important; width: 100%; } .footer .infos { width: 100%; } }