@media screen and (max-width: 768px) { /* ////////////////////////////////////////////////////////////////////////////////////////////// // GENERAL */ #content { width : 100% !important; margin: 0 !important; background: none !important; padding: 0; border : none !important; } #footer { display : none; } #menu { display : none; } body { background-position: center top; background-image: none; } .row { margin : 0; padding: 0 !important; background: none !important; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { margin: 0 auto; width: 97%; } .container { margin-top: 0 !important; background: #292724; padding: 0; border: none; box-shadow: none; } h2, h1, #menu h3 { font-size: 18px; line-height: 100%; margin: 10px 0 !important; } h2 { font-size: 17px; margin: 12px 0 8px !important; } h3, h4 { font-size: 16px; line-height: 110%; margin: 10px 0 !important; text-align: left; } h2 img { display: none; } .well { padding: 5px 10px !important; margin: 1px 0; box-shadow: none !important; border : none !important; outline : none !important; } .barre_centre { text-align: center; } table tr td { border-radius: 0 !important; border-bottom-left-radius : 0 !important; } p { text-align: left; } .btn { padding: 4px 6px; font-size: 15px; margin-right : 4px !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // SOMMAIRE */ .ul_gauche { float:none; width: 100%; } .ul_droite { float:none; width: 100%; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // HEADER BANNIERE */ #reseau_bar { display : none; } #header { height : 58px; background-color : #D7C4A5; } #header-container { background-image: none; height: auto; width : 100%; } #la-main { display : none; } #logo { height: 42px; margin: 8px 0 0 10px; position: absolute; top: 0; } #banner { display : none; } #menu-connexion { display : none; } #menutop, .banniere_partenaire { display : none; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // MENU TOGGLE */ #navigation { padding: 20px 15px 10px 15px; background-color: #D7C4A5; color: #333; text-align: left; display: block !important; font-weight: bold; border-radius: 10px; } #navigation ul { display: none; list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 0; margin-top: 40px; } #navigation ul.expanded { display: block; margin-top: 50px; } #navigation li a, #navigation li span { display: block; padding: 10px; border-top: 1px solid #C3B091; color: #333; text-decoration: none; } #navigation li a:hover { background-color: #E3D1B5; } #navigation .login_wrapper .login-info { clear: both; display: block; } #navigation_list .recherche input { width: 100%; margin: 0; border-radius: 1px !important; } .menu_button { display: block; float: right; color: #2EBED3; text-decoration: none; margin-top: -10px; background-color: #333; padding: 7px 14px; border-radius: 5px; border: 1px solid black; font-size: 13px; font-weight: bold; cursor: pointer; } .menu_button:hover { color: #88EAF7; text-decoration: none; background-color: black; } .menu_button.user { padding: 7px; background-color: #5d9310; border: 1px solid #456615; margin-left: 8px; color : #fff !important; } .menu_button.user i { font-size: 18px; margin: 0 0 0 2px; } .menu_button.user:hover { background-color: #3D6700; } #passeoublielien { color : #fff !important; } .menu_button.user img{ width : 21px; margin-left : 4px; } #user_list label, #inscription_list label { font-weight: bold; float : left; } #user_list p, #inscription_list p { margin: 0; } #user_list .input, #inscription_list .input { width: 95.5%; border: 1px solid rgb(195, 167, 120); padding: 5px; } #user_list .btn, #inscription_list .btn { width: 100%; border-radius: 0 !important; padding: 5px 0 !important; margin: 3px 0!important; float: none !important; } #user_list .error, #inscription_list .error, .login_wrapper .error { color : #B43F2B; background: none no-repeat scroll left center transparent; padding-left: 18px !important; background-image : url("images/icones/quete_rouge.gif"); background-position: 0 0px; } #user_list label.success { color : #396620; background: none no-repeat scroll left center transparent; padding-left: 18px !important; background-image : url("images/icones/quete_vert.gif"); background-position: 0 0px; } #user_list .login-info span { display: block; font-weight: normal; margin: 5px 0; padding: 3px 6px !important; } #user_list .login-info .error { color: #ffcfc7; background: none; background-position: 0 0px; background-color: #B43F2B; border: 1px solid #7d2111; } #user_list .login-info .error { color: #ffcfc7; background: none; background-position: 0 0px; background-color: #B43F2B; border: 1px solid #7d2111; } #user_list .login-info .success { color: #ffffff; background: none; background-position: 0 0px; background-color: #7bb130; border: 1px solid #4b7313; } #mdp_oublie { display: block; margin-top: 10px; clear: both; border-top: 1px solid #BBA98B; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // ARTICLE */ .home_titre { margin-top : -10px !important; } .article_wrapper { min-height: 82px; } .article_icone img { display : none; } .article-titre.accueil { border: none; padding: 0; float: left; margin: 3px 0 0 140px; } .article-titre { border : none; padding : 0; } .article-titre.accueil .h1 { line-height: 140%; font-size: 14px; margin-top: 0px; margin-bottom: 5px; } .article-titre h1 { line-height: 120%; font-size: 18px; margin-top: 5px !important; margin-bottom: 5px !important; } .article-titre .auteur { font-size: 12px; display: none; } .article-titre .auteur-mobile { display : block !important; font-size : 12px; margin : 0; margin-left: 0px; } .article-titre .auteur-mobile .commentaires { color: #333; margin-right: 4px; } .article-titre .auteur-mobile .date { color: #948B7B; margin-left: 0px; } .article-titre .h1 { margin-top : 0; } .commentaires_article_header { display: none; } .focus_home { margin : 0px !important; } .focus_home img { margin-bottom : 0 !important; } #focus_mobile { display: block !important; } .focus_mobile { width: 100%; height : 148px; background-position : top center; margin : 7px auto 0; /* border-radius : 5px 5px 0 0; */ background-size: 100%; } .focus_mobile .sticky { font-weight : bold; padding : 8px; background-color : rgba(242, 173, 7, 0.75); border-right : 1px solid rgba(0, 0, 0, 0.75); border-bottom : 1px solid rgba(0, 0, 0, 0.75); position : absolute; /* border-radius : 5px 0 5px 0; */ color : #fff; } .focus-texte { width: auto; height : 40px; margin : 0 auto; background: rgba(103, 103, 103, 0.9); padding : 7px; border-top: 2px solid rgb(242, 173, 7); text-align : center; } .focus-texte .titre { font-size : 16px; text-transform:uppercase; color : #fff; margin-top : 5px; } .focus-texte .desc { font-size : 13px; color : #fff; display : block; margin-top : 3px; } .vignette.accueil { width: 140px !important; text-align: left; position: absolute; } .vignette { width: 100%; text-align: center; } .vignette img { float: none; width: 90%; margin: 5px 0; border: none !important; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5) !important; border-radius: 0; } .vignette .tag.sponsorise { display: block; position: absolute; padding: 5px 10px; background-color: rgba(220, 83, 83, 0.78); margin: 5px 5% !important; font-size: 13px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.53); border-radius: 0; border: none; } .guide_vignette { margin-top: 5px; margin-bottom: 5px; outline: none; } .article-entete.accueil { display: none; } .article-entete .maj_article { width: auto; } .menu_liens { display: none; } .article-corps { text-align: left; } .breadcrumb, .breadcrumb_forum { font-size: 13px; padding: 0; border: none; margin: 7px 0 0; } .navlinks li a, .navlinks div, .breadcrumb div, .breadcrumb a:not(.btn) { float: left; margin: 0 0 7px; background: #A48F71; padding: 4px 6px; border-radius: 0; font-size: 14px; text-shadow: 1px 1px rgba(0, 0, 0, 0.41); color: #FFFFFF; border-radius: 3px; } .navlinks li .separator, .breadcrumb .separator { margin: 2px 3px !important; font-size: 20px; float: left; } .breadcrumb .separator:last-of-type { display: none; } .navlinks div, .breadcrumb div:not(.outils_admin) { margin : 0; display: none; } .outils_admin { float: none !important; clear: left; } .outils_admin .titre { display: none; } .outils_admin .outils { float: none; } .outils_admin+br[clear="both"] { display: none; } .outils_admin a, .outils_admin span { float: left !important; width: 32%; border-radius: 0; text-decoration: none !important; border-radius: 0px !important; margin : 0 0.5% 4px 0.5% !important; padding: 7px 0 !important; border: none; font: bold 13px Helvetica, Geneva, Arial, sans-serif; text-shadow: #E4CBA8 0px 1px 0; color: #333 !important; background: #C0A682!important; } .outils_admin a:only-child, .outils_admin span:only-child { width: 99%; } .outils_admin+.publicite_horizontale_wrapper, .outils_admin+.well, .outils_admin+.deck_modifiable+.well, .outils_admin+.deck_modifiable { margin-top: 3px !important; } .outils_admin+.publicite_mobile_cache+.well { margin-top: 5px !important; } .outils_admin .ajouter_admin { width: 98%; } .outils_admin a:not(.btn-danger) { text-shadow: #E4CBA8 0px 1px 0; color: #333; background: #C0A682!important; } .outils_admin a.btn-primary, .outils_admin a.btn-danger { text-shadow: 0 1px 2px black; color: #fff !important; } .outils_admin a.btn-primary { background: #7bb130!important; } .outils_admin .btn-danger { background-color : #da4f49 !important; } .breadcrumb+.well, .breadcrumb+.deck_modifiable+.well { margin-top : 0px !important; } .h4_underline, .article-corps h2 { margin: 8px 0; font-size: 16px !important; padding: 0; border: 0; text-align: left; line-height: 110%; } .article-corps h2 { text-align: left; text-transform: uppercase; font-size: 15px !important; line-height: 130%; margin-top: 15px !important; border-bottom: 1px solid #E0D4C0; padding-bottom: 5px; } .article-corps h3 { text-align: left; text-transform: uppercase; font-size: 14px; line-height: 130%; margin-top: 15px !important; margin-bottom: 8px !important; } .well h4:first-of-type, .article-corps h2:first-of-type { margin-top: 10px !important; } .article_bottom { margin: 8px 0 0 0; padding-top: 8px; } .article_sociaux { float : left; margin : 0; } .medaillon_container { width : 100% !important; } .medaillon { width: 25%; margin : 0 3% 8px !important; cursor: pointer; display: inline-block; float : none; vertical-align: top; } .medaillon a { font-size: 12px; padding : 3px; line-height: 110%; } .medaillon i { top: 12px; left: 12px; font-size: 50px; } .maj_article { padding-bottom: 7px; margin-bottom: 7px; width: 100%; } .guides_wrapper { width: 100%; } .guides_wrapper .guide { width : 100%; height: 120px; } .guides_wrapper .guide .texte .desc { display: none; } .guide_image_title img { margin : 0px auto 5px !important; outline: none; box-shadow: none; } .article-corps .nav.nav-tabs { width : 100%; float : none; } .article-corps .onglets_article+br { display: none; } .article-corps ul.onglets_article li { padding : 0; margin : 5px 0; } .article-corps ul.onglets_article { margin-bottom: 5px; } .article-corps h3+ul.onglets_article { margin-top: -10px; } .article-corps .nav.nav-tabs .active span { font-weight: bold; } .article-corps .nav-tabs-bloc { background: none; border: none; padding: 0; margin: 0; } .articles_connexes_wrapper { padding : 5px !important; } .articles_connexes_wrapper .main { width: 100%; margin-bottom: 10px; position: relative; } .articles_connexes_wrapper .main span { background-color: rgba(51, 51, 51, 0.83); bottom: 0; position: absolute; } .articles_connexes_wrapper .reste { margin : 0 5px; } .articles_connexes_wrapper .reste p { display: none; } .articles_connexes_wrapper .reste .article a { font-size : 13px; } .articles_connexes_wrapper .reste .article { margin-bottom: 5px; } .articles_connexes_wrapper .reste .article .commentaires { display: none; } .articles_connexes_wrapper br { display: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // EDITION ARTICLE/CARTE (ADMIN) */ #articles br { display: none; } #articles table tr th:not(:nth-child(1)):not(:nth-child(6)), #articles table tr td:not(:nth-child(1)):not(:nth-child(6)) { display: none; } #edit_article textarea, #edit_carte textarea { width: 100%; border-radius: 0; font-size: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #edit_article .well:first-child, #edit_carte .well:first-child { margin-top : 0px !important; } .upload_image_wrapper { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #edit_article .well, #edit_article_tools .well, #edit_carte .well { width: 100% !important; float : none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #edit_carte div[style="float : left; width : 46%;"], #edit_carte div[style="float : right; margin-right: 10px; width : 46%;"], #edit_carte div[style="float : right; width : 46%; margin-right: 10px;"] { float: none !important; width: 100% !important; margin : 0 !important; } #edit_carte div[style="float : left; width : 46%;"]+br, #edit_carte div[style="float : right; margin-right: 10px; width : 46%;"]+br, #edit_carte div[style="float : right; width : 46%; margin-right: 10px;"]+br { display: none; } #edit_article .well div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #edit_article_tools input.btn-primary { margin-top : 5px; width : 100%; } #edit_article input, #edit_article_tools input, #edit_carte input, #edit_carte select { width: 100%; border-radius: 0; padding: 8px 5px; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; } #edit_article .btn, #edit_carte .btn { width: 100% !important; margin: 5px 0 0 !important; padding: 5px 0; border-radius: 0; font-size: 16px; } #edit_carte .competences label { float: none !important; display: inline-block; width: 80% !important; margin: 0 !important; padding: 0 !important; text-align: left; border: none; } #edit_carte .competences label:first-child { margin-bottom: 5px !important; } #edit_carte .competences input { width: 20% !important; float: none !important; display: inline-block; margin: -1px 0 0 0; box-shadow: none; } #lecteur-twitch { float : none; width : 100%; } #tchat-twitch { display: none; } .carte_flottant { width : 33% !important; } .markItUpHeader ul a { display: inline-block !important; margin : 0 3px 5px !important; float: left; height: 14px; } .markItUpHeader ul li { float: none !important; } .markItUpEditor { margin-top: 5px !important; } .date_article input { width: 100%; } #upload_image input { width: 48%; display: inline-block; margin : 0; } #upload_image input.btn-primary { margin-left: 2%; margin-right: 0 !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // FOCUS & ANNONCE */ .focus, #annonce_site { display : none; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // COMMENTAIRES */ #bloccommentaires { padding: 5px 7px !important; margin-bottom: 5px !important; box-shadow: none; border: none; outline: none; } #bloccommentaires .pagination { margin: 3px 0 0; } #bloccommentaires .pagination a:first-child, #bloccommentaires .pagination span:first-child { margin-left: 0 !important; } #bloccommentaires h3 { margin-top : 10px !important; } .pagination { margin: 3px 0 5px 0 !important; text-align: left; } .pagination span, .pagination a, .pagination div { padding : 5px 10px; display: inline-block; margin : 0 5px 5px 0; float: none !important; } .pagination span { float : none !important; margin: 0px 5px 0 2px !important; } .comment_header { padding-bottom: 5px !important; } .comment_header ul { display: none !important; } .comment_header .citer, .comment_header .editer { display : none; } .comment_header .date { font-size: 12px; } .comment_forum .wrapper { margin: 0 8px; } .comment_forum { padding : 5px 0; border-radius: 0; margin: 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .comment_forum_content { margin : 5px 80px 0 0 !important; } .votes_commentaires_wrapper { display: none; } #bloccommentaires .bouton_top_commentaires { display : block; margin: 0 0 3px 0; clear : both; width : 100%; } #bloccommentaires .bouton_top_commentaires input, #bloccommentaires .bouton_top_commentaires span { margin: 0 !important; width : 49%; text-align : center; padding: 7px 0; display: inline-block; } #bloccommentaires .top_comments:nth-child(2) { float : right; } #reagir_forum { padding: 8px !important; margin-bottom: 5px !important; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #reagir_forum br:last-of-type { display: none; } #reagir_forum p { width : auto !important; text-align: left !important; } #reagir_forum .deconnexion { display: block; margin: 0 !important; } #reagir_forum .boutons_wrapper { display: none; margin : 0 0 -20px 0 !important; } #reagir_forum .login_wrapper { display: block !important; } #reagir_forum .login_wrapper p { margin : 0; } #reagir_forum .login_wrapper { margin-top : 10px; } #quickreply_textarea { width: 100% !important; margin: 0 0 5px 0; border-radius: 0px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #reagir_forum .btn { margin: 5px 0 !important; padding: 5px 0; font-size: 14px; text-shadow: 0 1px 2px black; width: 100%; text-align: center; float: none !important; border-radius: 0 !important; } #reagir_forum label { font-weight: bold; } .comment_forum_avatar img { width: 65px; } #reagir_forum .info { margin : 3px 0 0 0px; float: none; } #reagir_forum .info:empty { display: none; } .grade_icone { margin-bottom: 0; position: absolute; width: 30px !important; margin: 55px 0 0 45px; } .comment_forum_avatar .grade { font-size: 11px; } #commentaires_titre { margin-top: 12px !important; } .edit_area { margin: 5px 80px 0 0 !important; } .edit_area textarea { width: 95% !important; margin: 5px 0 3px !important; } .edit_area .btn { border-radius: 0 !important; padding: 5px 20px; text-align: center; margin: 3px 7px 0 0 !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // BOUTONS / NOTES / TABLES */ .nav-tabs > li { float: none; margin: 0px 0 5px 0; text-align: center; padding: 5px; background-color: rgba(255, 255, 255, 0.18); } #menubot { margin: 5px 0 0 0 !important; } #menubot .nav-tabs > li > a, .nav-tabs > li > .onglet, .menubot .nav-tabs > li > a { color: #3F2C13!important; border: 1px solid #000 !important; border-bottom-color: none !important; background-color: #C0A682!important; background-image: -moz-linear-gradient(top, #5F5F5F, #272727) !important; background-image: -o-linear-gradient(top, #5F5F5F, #272727) !important; background-repeat: repeat-x !important; text-decoration: none !important; border-radius: 0px !important; text-shadow: #E4CBA8 0px 1px 0; font: bold 14px Helvetica, Geneva, Arial, sans-serif; -webkit-touch-callout: none; padding: 7px 10px; border: 1px solid #000; border-radius: 8px; -webkit-box-shadow: rgba(255,255,255,.2) 0px 1px 0px, inset rgba(255,255,255,.2) 0px 1px 0px; box-shadow: rgba(255,255,255,.2) 0px 1px 0px, inset rgba(255,255,255,.2) 0px 1px 0px; background-image: none; } #menubot .nav-tabs > li > a:hover, .menubot .nav-tabs > li > a:hover { background-image: none; color: #3F2C13!important; background-color: #C0A682!important; } .menubot .nav-tabs > li > a > img { float: none !important; display: inline-block; margin: -3px 2px 0 0 !important; } .bouton-mobile { float : none !important; } .bouton-mobile, .more_news_2 p { display: block !important; background-color: rgba(191, 180, 160, 0.38); padding: 4px; margin: 5px auto !important; text-align: center; } .bouton-mobile .btn, .more_news_2 .btn, .btn-mobile { display: block; color: #FFFFFF; text-decoration: none; background-color: #A48F71; background-image: none; padding: 10px 14px; border-radius: 0; border: 0px solid #68563F; font-size: 13px; font-weight: bold; margin: 0 !important; text-shadow: 1px 1px black; font-size: 15px; box-shadow: 0 1px 1px #725a37; } .bouton-mobile .btn-primary, .bouton-mobile .btn-primary:hover { color : #fff; background-color : #7BB527; box-shadow: 0 1px 1px #1D2F03; } .bouton-mobile .btn-danger, .bouton-mobile .btn-danger:hover { background-color: #da4f49; } .bouton-mobile input { width : 100%; } .collection_wrapper .btn { float :left !important; width : 47% !important; margin: 0; padding: 5px 0; border-radius: 0; color: #FFFFFF; background-color: #5d9310; background-image: -moz-linear-gradient(top, #82BB32, #4A6921); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#82BB32), to(#4A6921)); background-image: -webkit-linear-gradient(top, #82BB32, #4A6921); background-image: -o-linear-gradient(top, #82BB32, #4A6921); background-image: linear-gradient(to bottom, #82BB32, #4A6921); background-repeat: repeat-x; border-color: #111B02; } .collection_wrapper .btn2 { float :right !important; width : 47% !important; margin: 0; padding: 5px 0; border-radius: 0; } .btn-primary { padding : 5px 0; border-radius : 0; } .more_news_2 .btn { width : 100%; padding : 10px 0 !important; } blockquote { padding: 5px; } blockquote cite { margin: -5px -5px 3px; background: #BDAC94; padding: 2px 4px; } .note_info { background-color: #dacdbb; padding: 3px 6px; border-radius: 0; margin: 5px 0 5px; border: 1px solid #CFBDB0; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table, table thead th { border-radius: 0 !important; } .table { width : 100% !important; } .table th.hide_mobile, .table td.hide_mobile { display: none; } .citation { margin-top: 10px !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // IMAGES + VIEWER */ .viewer { z-index: 1001; position: fixed; display: block; top: 0; left: 0%; text-align: center; margin-left: 0 !important; width: 100%; top: 0; margin-top: 0 !important; height: 100%; } .viewer img { width: 100% !important; margin-left: 0px; height: auto !important; border: none !important; border-radius: 0; transform: translateY(-50%); top: 50%; position: relative; display: block; } .viewer .menu .original, .viewer .menu .close { display: none; } .viewer .loading { width: 50px !important; margin : auto; } .viewer .close_mobile, #changer_mdp_window_wrapper .close_mobile, #connexion_window_wrapper .close_mobile { display: block; top: 0; position: fixed; background: none; font-size: 25px; margin: 0; padding: 12px 17px; z-index: 110; color: white; background-color: rgba(0, 0, 0, 0.65); border-radius: 0; margin: 0; right: 0; cursor: pointer; } .viewer a:hover, .viewer span:hover { box-shadow: none; } .viewer .fleche:hover { opacity: 1; } .viewer .fleche { background-position: center !important; background-repeat: no-repeat !important; display: block; font-size: 30px; height: 100%; opacity: .5; position: absolute; text-align: center; top: 0; width: 40px; z-index: 100; cursor: pointer; } .viewer .fleche.droite { text-align: left; top: 2px; right: 0px; padding-right: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding: 0; } .viewer .fleche.gauche { margin-left: 15px; left: 0 !important; padding: 0 !important; text-align: left; top: 2px; right: 0px; margin-right: 0 !important; margin-top: 0 !important; /* padding: 0; */ } .viewer .fleche div:before { display: block; position: absolute; top: 45%; top: calc(50% - 10px); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block;/* By using an em scale, the arrows will size with the font */ width: 20px; height: 20px; border-right: 0.2em solid #D8D2C9; border-top: 0.2em solid #D8D2C9; } .viewer .fleche.droite div:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: translateZ(1px) rotate(45deg); } .viewer .fleche.gauche div:before { -webkit-transform: rotate(-140deg); -ms-transform: rotate(-140deg); -o-transform: rotate(-140deg); transform: translateZ(1px) rotate(-140deg); } .galerie_overlay, .forced_overlay { opacity: 1; filter: alpha(opacity=100); } body.fullScreenMode { overflow-x: hidden !important; overflow-y: hidden !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // PUBLICITES */ .publicite_horizontale_wrapper { height : 100%; padding : 7px; } .breadcrumb + .publicite_horionztale_wrapper { margin-top: 10px; } .publicite_horizontale_wrapper p { margin : 0; } .publicite_mobile { display: block !important; } .publicite_mobile_cache { display: none; } .publicite_mobile.publicite_in_content { margin: 15px 0; } .publicite_mobile.publicite_in_content .publicite_horizontale_well { margin: 0; } .publicite_mobile.publicite_in_content .publicite_final_wrapper { background-color: #705e4b69; padding: 10px 0; } .publicite_mobile .titre { font-size: 12px; text-transform: uppercase; color: #8b8879; border-bottom: 1px solid #8b88796b; padding-bottom: 5px; margin: 0; } #sas_32033, #sas_41464 { text-align: center; } .ea_native_element .vignette img { margin-top : 5px !important; } .ea_native_element .article-titre { width: auto !important; margin-top: 4px !important; border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .ea_native_element .tag.publicite { background-color: #DC5353; color: white; padding: 1px 8px; border-radius: 3px; border: 1px solid #861515; margin: -1px 8px 0 0; float: left; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // CARTES */ .well.carte { margin-top : 10px; } .well.carte h3 { margin-top : 0px; line-height: 120%; font-size: 16px; margin-bottom: 3px; } #portrait-heros, #portrait-carte { float : none !important; margin-top : 0 !important; } #creation-deck-etape1, #informations-cartes { width: 100% !important; float: left; text-align: center; } #informations-cartes table { margin : -10px 0 0 0; } #creation-deck-etape1, #informations-cartes table { width : 97%; } #creation-deck-etape1, #informations-cartes table .intitule { width : 40% !important; } #creation-deck-etape1 .exporter_deck .btn { padding : 5px; width: 100%; margin : 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .statistiques, .statistiques_titre { display : none; } .bbcode_code { width : 100% !important; } #filtre_rarete { display : none; } #liste_cartes { text-align: center; min-height: 0!important; } #switch_affichage_cartes { display: none; } .carte_galerie_container, .dos_carte, .fiche-boss .carte_galerie_container { float: none !important; margin: 10px 2% 0 0 !important; height: auto; width: 45% !important; display: inline-block; } #cartes_galerie.cartes_news .carte_galerie_container.fleche { display: none; } #cartes_galerie .carte_galerie_container:only-of-type { width: 70% !important; } .cartes_trouvees { display : none; } .clear_cartes { height : 0 !important; } .collection_wrapper { padding-top : 10px !important; margin-top : 2px !important; padding-bottom : 3px; } .collection_wrapper .extension { display: none; } .input_wrapper, #filtre_type, #filtre_extension, #filtre_race, #filtre_ecole, .input_wrapper div { float : none !important; clear: both !important; width: 100%; margin-left : 0 !important; } .input_wrapper span, #filtre_type span, #filtre_extension span, #filtre_race span, #filtre_ecole span, #filtre_type select, #filtres-typedeck strong { float : left !important; width: 35%; margin: 8px 0 0 0; clear: both !important; } .input_wrapper input, #filtre_type select, #filtre_extension select, #filtre_race select, #filtre_ecole select, #filtres-typedeck select { float: right !important; clear: none !important; width: 60%; margin: 5px 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; } #filtre_type select, #filtre_extension select, #filtre_race select, #filtre_ecole select { width : 64% !important; } .description_wrapper { clear : both !important; } #filtre_classe { display: none; } #filtre_classe_mobile { display: block !important; text-align: center; margin-bottom: 5px; } #filtre_classe_mobile img { display: inline-block; margin : 5px; border-radius: 50%; border : 1px solid black; opacity: 0.5; width: 45px; } #filtre_classe_mobile img.actif { opacity: 1; } .liste_cartes_menu .btn { width : 100%; padding : 5px 0; float : none !important; border-radius: 0; } .carte_afficher_tooltip { width: 90%; } #filtre_format .titre { display: none; } .filtre_deck_standard, .filtre_carte_standard { width: 100%; padding: 0; float: right; margin: 0 0 10px 0; } .filtre_deck_standard input, .filtre_carte_standard input { float: left !important; width: auto; margin-left: 10px; margin-top: 4px !important; margin-bottom: 0; } .filtre_deck_standard a, .filtre_carte_standard a { padding: 5px 0; width: 100%; display: block; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // DECKS */ #liste_decks table { margin-top: 5px !important; margin-bottom: 0; } #filtre_decks_container, #filtre_cartes_container { margin-top : 0px; } .outils_admin+.publicite_horizontale_wrapper+#filtre_cartes_container { margin-top: 0 !important; } .creer_deck, .mes_deck { display: none !important; } #liste-decks-description { width: 100%; border-bottom: none; margin-bottom: 0px !important; padding-bottom: 5px; } #filtre_classe_decks { border-bottom: none; margin: 0; } #liste-decks-description .image_banner { width : 100%; display: block; margin: 0 0 5px; } #liste-decks-description .image_banner img { float: none; margin : 0; width : 100%; } #liste-decks-description .class-desc { width : 100%; margin: 5px 0 0; float: none; } #liste-decks-description br[clear="both"] { display : none; } #liste-decks-description .note_info { margin: 10px 0 0 !important; } #liste-decks-description-show img { width: 100%; margin-bottom: 5px; } #liste-decks-description-show br { display: none; } #liste-decks-description-show .btn { float: none !important; width: 100%; margin: 5px 0; padding: 5px 0; border-radius: 0; } .-_deck { margin-top : 25px !important; } #menu_top { margin: 5px 0 !important; padding-top: 8px; border-top: 1px solid #D1C1A7; float: none !important; display: block; } #menu_top span, #menu_top div, #menu_top a { border-radius: 0; float: none !important; width: 100%; display: inline-block; text-align: center; padding: 5px 0; margin-right: 2.5%; margin: 2px 0; } .tabdecks { margin: 0px 0 8px 0 !important; width : 100% !important; border-radius: 0; } .tabdecks thead th { border-radius: 0 !important; } .tabdecks #champ-auteur,.tabdecks #champ-dateedition,.tabdecks #champ-prix_poussiere,.tabdecks #champ-nb_commentaires,.tabdecks #champ-vues { display : none; } .tabdecks .auteur, .tabdecks .date, .tabdecks .poussiere_colonne, .tabdecks .commentaires_colonne, .tabdecks .vues, .tabdecks .hide-mobile, .tabdecks .hide_mobile { display: none; } .tabdecks #champ-titre { width : 80% !important; } .tabdecks #champ-nb_upvote,.tabdecks #champ-vues { width : 20% !important; } .deck_notes { height: 20px; } .deck { margin-top : 5px; } .deck #portrait-heros { display: none; } .deck h3, .deck h1, .carte h1 { margin : 5px 5px 0 0 !important; font-size: 17px; width: 100%; } .deck h3 img,.deck h1 img { margin: -2px 8px 0 0 !important; } .deck #creation-deck-etape1 { width : 100% !important; } .deck #creation-deck-etape1 .bbcode { display: none; } .deck .bbcode_code { margin-left : -5px; } .deck .note_info { text-align: left; } .testeur-mains { display: none; } #cartes_classe, #cartes_neutre { float: left; width: 100% !important; text-align: left; } #cartes_classe .type, #cartes_neutre .type, #champ-type { display : none; } #cartes_neutre table { margin-bottom: 5px; } #champ-rarete_id { width : 70%; } #champ-mana { width : 20%; } .statistiques, .statistiques+br { display: none; } #description { text-align: left; padding : 10px !important } #description h3 { margin : 0 !important; } #description p:last-of-type { margin-bottom: 0; } .deck .deck_infos_mobile { display: block !important; font-size: 13px; margin-top: 0px; margin-left: 2px; } .deck .deck_infos_mobile .icon-eye-open { margin-left: 5px; margin-top: -1px; } .deck_modifiable { margin: 0px 0 -3px 0 !important; } .deck_modifiable:empty { display: none; } .deck_modifiable .texte { display: none; } .deck_modifiable .well { margin: 0; padding: 5px !important; text-align: center; } .deck_modifiable a { width : 99%; margin : 0 !important; } .top_decks_classes h3 { font-size: 15px; } .agrandir { margin-top : 8px; margin-bottom : 0; } .outils_utilisateur.haut { display: none; } .outils_utilisateur .btn { width: 50%; float : left; } .outils_utilisateur .btn { float : left !important; width : 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .outils_utilisateur .bouton-mobile { margin : 3px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .outils_utilisateur .bouton-mobile:not(".retour_decks") { margin: 3px 0.5% !important; box-sizing: border-box; width: 49%; } .outils_utilisateur .supprimer_deck, .outils_utilisateur .bouton-mobile { float: left !important; width: 100%; margin: 2px 0 !important; } .outils_utilisateur .voir-brouillon, .outils_utilisateur .publier { width: 48%; float: left !important; margin: 2px 1% !important; } #creation-deck-etape1 .note_info:first-of-type { margin : 5px 0 5px 0; } #creation-deck-etape1 table { margin-top : -15px !important; } #creation-deck-etape1 table tr.auteur td { border-top: none; } #etape2 .outils_apercu { float: left; margin: 0 0 5px 0; clear: left } #etape2 .outils_apercu div { margin : 0 10px 0 0 } #tabdeck .type { display: none; } #form1 span { font-weight: bold; } #imagecarte { display: none; } #tabcartes { width : 100% !important; margin-bottom: 10px !important; margin-top: 3px !important; } #tabcartes table { margin-bottom : 0; } .liste-cartes, .liste-cartes thead th { border-radius : 0 !important; } #typecarte { width : 100%; margin-bottom: 5px !important; } #typecarte #onglet-classe, #typecarte #onglet-serviteurs { width: 49.5%; background-color: rgba(0, 0, 0, 0.1); margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #typecarte #onglet-classe { float: left; } #typecarte #onglet-serviteurs { float : right; } #typecarte .onglet img { float: none; display: inline-block; margin: 0 2px 0; } #input-recherchecarte { display: none; } #input-recherchecarte-mobile { display: block !important; padding: 3.5px 10px; float: left; margin-top: 5px; margin-bottom: 5px; width: 60%; } #croix-recherchecarte-mobile { display: block !important; padding: 3.5px 10px; float: right; margin-top: 5px; margin-bottom: 5px; width: 30%; background-color: lightgray; border-radius: 0; } #filtre_mana { float: none !important; width: 100% !important; margin: 5px 0 5px 0; } #croix-recherchecarte { display : none; } .recherche_mana_wrapper { margin-bottom: 8px !important; } #etape2 h4 { margin-bottom: 8px !important; } #etape2 .type, { display: none; } #etape2 table { margin-bottom: -15px !important; } #etape2 .statistiques_modifier { float : none !important; width : 100%; text-align: center; } .rechercher_carte_deck { display: none; } #etape3 textarea { width: 97% !important; padding: 5px !important; margin-bottom : 0; } .deck_bbcode { margin : 10px 0 !important; } .deck_block { width: 100%; margin: 0; } .deck_block .header { text-align: left; height: auto; padding: 4px 5px; min-height: 27px; } .deck_block .header .grand_icone_classe { margin: 0 5px 0 0; } .deck_block .header span { display: none; } .deck_block .header a { float : none !important; margin: 0 !important; } .deck_block .content { padding: 5px 10px; } .deck_block .column { padding-left: 0; } .deck_block .column.right { padding-left: 20px; } #creation-deck-etape1 input, #creation-deck-etape1 textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width : 100% !important; margin: 4px 0; padding: 5px 10px; height: auto; } #creation-deck-etape1 textarea { height: 80px; } .countdown_wrapper { display: none; } #etape3 .textarea_wrapper { width : 100% !important; } #format-buttons input { margin-bottom : 8px; padding : 5px 10px; } .nb_cartes-mobile { margin-top: 10px; float: right; } .cout_poussiere-mobile { margin-top: 0 !important; margin-bottom: 5px; float: right; clear: right; } .supprimer_deck input { float : none !important; } #DeckCreationEtape1 #portrait-heros { display: none; } #creation-deck-etape1 { width : 100% !important; } #etape1 h3 { margin : 3px 0 !important; } #creation-deck-etape1 .note_info { text-align: left; } #creation-deck-etape1 span { font-weight: bold; } #creation-deck-etape1 .label-titre { margin-top: 10px !important; } #creation-deck-etape1 .countdown_wrapper { display: none; } #validation-etape1 .btn { width : 100%; } #validation-etape1 { margin-bottom: 8px; } .recalcul_nb_cartes { display : none; } #filtre_classe_decks .medaillon { width : 45px; } .well.publicite_deck_bottom { margin-top: 6px; } #liste-decks-description-show .class-desc { width : 100%; float: none; margin: 0 0 2px 0; } .deck_cartes h4:first-of-type { margin-top : 2px !important; } .deck_cartes table { margin-bottom: 15px; } #bloc-modifier .note_info:first-of-type { padding : 5px 10px !important; } .top_decks_classes h3 { margin-top: 5px !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // MON COMPTE / PROFIL */ #info_user { margin-top : 0px; } #info_user h3 { margin: 3px 0 0 0; font-size: 16px; } #info_user .profil_wrapper h3 { margin : 3px 0 -5px 0 !important; } .profil_wrapper { width : 100% !important; } #info_user table .colonne { width : 50% !important; } #info_user table .btn { width: 100%; padding: 5px 0 !important; border-radius: 0; } #info_user .avatar_wrapper { float: none !important; width: 100% !important; clear: left; } #info_user .grade_icone { display: none; } #afficher_reputation { float : none !important; clear : none !important; } #afficher_reputation .changer_avatar { float : left; text-align: left !important; } .avatar_profil { margin-bottom: 0; width: 70px; margin-right: 20px; margin-top: 0; float: left; } .avatar_wrapper .grade { float : none !important; clear : none !important; text-align: left !important; } .avatar_wrapper #progressbar { clear : none !important; float: left; } .avatar_wrapper ul { margin: 8px 0 0 15px; float: left; } #presentation { margin-bottom: 15px; } .table.battle_net { margin : -17px 0 0 0 !important; } .table.battle_net tr th:nth-child(1), .table.battle_net tr td:nth-child(1) { display: none; } #testeur_main_window_wrapper { width: 90% !important; margin-left: -45% !important; margin-top: 30px !important; top: 0; } #testeur_main_window { height : auto !important; } #avatar_galerie { max-height: 280px; } #testeur_main_window_wrapper .btn-primary { width : 100%; } #testeur_main_window_header { width : 80%; } .avatar_galerie { width: 20%; margin-right: 4% !important; } #presentation { width: 97% !important; padding: 5px !important; } #presentation textarea { width: 95% !important; } #presentation-titre img { margin: 3px 5px !important; } .creer_deck_moncompte { float : none !important; margin : 5px 0 !important; } #info_user table #champ-dateedition, #info_user table .date, #info_user table #champ-datecreation, #info_user table #champ-nb_upvote, #info_user table #champ-nb_commentaires, #info_user table .date, #info_user table .note_colonne, #info_user table .commentaires_colonne, table.decksfavoris .note { display: none; } #info_user table.tabdecks #champ-titre { width : 60% !important; } #info_user table #champ-outils { width : 40% !important; } #changer_mdp_window_wrapper { width: 90%; margin: 10px 5%; left: 0; top: 15%; } #changer_mdp_window_wrapper, #connexion_window_wrapper { z-index: 1001; position: fixed; display: block; top: 0; left: 0%; text-align: center; margin-left: 0 !important; width: 100%; top: 0; margin-top: 0 !important; height: 100%; } #changer_mdp_window_wrapper .close_button, #connexion_window_wrapper .close_button { display: none; } #creation_compte_window { border-radius: 0; width: 100% !important; margin-left: 0px; height: auto !important; border: none !important; border-radius: 0; transform: translateY(-50%); top: 50%; position: relative; display: block; } .code_export_deck_mobile { text-align: left; } .code_import_deck_mobile .info { margin : 10px 0; } #creation-deck-etape1 .code_export_deck_mobile textarea, .code_import_deck_mobile textarea { height: 70px !important; margin-top: 8px; float: none; } #creation-deck-etape1 .note_info.resume:first-of-type { padding: 5px 10px; } .code_import_deck_mobile textarea { margin-bottom: 5px; height: 100px; } .code_export_deck_mobile .info { color: #ffffff; font-style: italic; background-color: #32415a; padding: 3px 6px; border: 1px solid black; } .exporter_deck p { display: none; } .exporter_deck .btn-blizzard, .code_export_deck_mobile .btn { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; padding: 5px 0; margin: 0; } #copier_code_deck_hearthstone, .export_deck.fermer { width: 100%; margin: 5px 0; } .exporter_deck .desc-mobile { display: block; } .exporter_deck .desc-mobile h3 { margin-top : 0 !important; } .exporter_deck .desc-mobile p { display: block !important; } .exporter_deck textarea { min-height: 200px; } .well.importer_deck { background: #FFF3DF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; } .importer_deck p { display: none; } .importer_deck .btn { float: none; } .well.importer_deck .btn-blizzard { width: 100%; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .importer_deck .btn-blizzard img { float: none; margin: 0 3px 0 0; width: 20px; } #creation_compte_window_header { width : auto !important; padding: 0; display: none; } #creation_compte_window_header h2 { margin: 5px 0 !important; } #creation_compte_window label { font-weight: bold; } #creation_compte_window .creation_content { margin: 8px !important; padding: 8px 0px; } #creation_compte_window .right { float : left; clear: left; } #creation_compte_window .btn-primary { float: none !important; width: 100% !important; display: block; } #creation_compte_window span { display: block; float : left !important; margin: 5px 0 !important; } .tabmoncompte { font-size: 12px; margin-bottom: 3px; } .tabmoncompte #champ-titre { width : 60%; } .tabmoncompte #champ-date { width : 40%; } .tabmoncompte #champ-type, .tabmoncompte .type { display: none; } .afficher_reputation_wrapper { display: none; } #info_user .note_info { text-align: left; } #info_user table.profildecks #champ-nb_upvote { display: block !important; width: auto !important; } #info_user table.profildecks #champ-titre { width: 80% !important; } .mon_compte_mobile { display: none !important; } .mon_compte.login_wrapper { display: block !important; } .mon_compte.login_wrapper label { font-weight: bold; } .mon_compte.login_wrapper .input { width: 97% !important; margin : 0; } .mon_compte.login_wrapper .btn { width : 100%; } #info_user .btn-primary { display: block; text-align: center; } #info_user .infos_user_table { width: 100%; } #decks_publie table, #decks_favori table { margin: 15px 0 5px 0 !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // VIDEOS */ .fz_global_contener, .fz_global_contener object { width : 100% !important; height : 100% !important; position: absolute !important; } .fz_player_contener { position: initial !important; } #content iframe { width: 100%; } .video_player_wrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; margin-top: 10px !important; height: 0; } .video_player_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video_wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin : 10px 0 !important; } .video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // IMAGES */ .gauche_droite_container { width: 100% !important; text-align: center; margin : 0 auto !important; } .gauche_droite_container .wp-caption.alignright, .gauche_droite_container .wp-caption.alignleft { width : 47% !important; } .gauche_droite_container img { margin: 0 auto 0 !important; width: 100%; } .gauche_droite_container+.galerie { margin-top : 10px; } .galerie-single+.gauche_droite_container { margin-top: 15px !important; } .wrapper_large { width : 95% !important; } .wrapper_large .galerie-single { width : 100% !important; float : none !important; margin : 10px 0 !important; } .wrapper_large .galerie-single+br { display: none; } .wp-caption-text { font-size: 12px; line-height: 110%; margin-top: 7px; text-align: center; } .galerie { text-align: center; } .galerie .galerie-single { float: none !important; margin: 0px 2% 0 2% !important; height: auto; width: 44% !important; display: inline-block; } .galerie-single img { margin-bottom: 0 !important; margin-top: 0 !important; } .galerie .galerie-single img { margin-bottom: 10px !important; } .image_75 { width: 100% !important; } .galerie-single img[style="width : 60%;"], .galerie-single img[style="width : 75%;"], .galerie-single img[style="width : 80%;"], .galerie-single img[style="width : 78%;"],.image_75 img { width: 100% !important; margin-top: 0; } .guide_lien { margin-top: 10px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // AVENTURES */ .extension_header { margin: 10px 0 5px 0 !important; outline: none !important; padding: 0 !important; } .sommaire div { width : 100% !important; } .fiche-boss .portrait { float : none !important; width : 100% !important; text-align: center; margin : 0 !important; } .fiche-boss .portrait img { float : none !important; width : 80% !important; } .fiche-boss .informations { width : 100% !important; float : none !important; } .fiche-boss .pouvoir { width : 40% !important; margin : 5px 4% !important; display: inline-block; float: none !important; vertical-align: top; } .fiche-boss .cartes_boss { width : 100% !important; } .fiche-boss .cartes_boss div { width : 40% !important; margin : 5px 4% !important; display: inline-block; float: none !important; } .fiche-boss .cartes_boss .carte_afficher_tooltip { width : 100% !important; } .fiche-boss h3 { margin : 0 !important; } .fiche-boss-intro { margin-top : 10px; } .pouvoir_heroique_news { width : 45%; margin : 0 2% } .pouvoir_heroique_news div { font-size: 14px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // FORUM */ .breadcrumb_forum .btn2 { display: none; } .tableforum #champ-icone, .tableforum #champ-derniermessage, .tableforum #champ-sujets, .tableforum #champ-posts, .tableforum #champ-reponses, .tableforum #champ-vues, .tableforum .icone_colonne, .tableforum .dernier_message, .tableforum .posts, .tableforum .sujets, .tableforum .reponses, .tableforum .vues { display: none; } .forum-image { float: left; width: 12%; margin-right: 3%; margin-left: 0; } .forum-image img { width: 100%; border: none; box-shadow: none; } .forum_name_container { float: left; width: 85%; margin-left: 0%; } .forum_name { line-height: 100%; } .tableforum .auteur { display: none; } .tableforum .auteur_mobile { display: block !important; font-size: 12px; } .forum_buttons .btn { width: 100%; display: inline-block; border-radius: 0 !important; padding: 5px 0; text-align: center; margin : 5px 0 0; } .forum_buttons { float : none !important; margin : 5px 0 !important; } .forum_buttons div { float : none !important; margin : 0 !important; } .forum_title h3 { margin : 5px 0 0 !important; } .forum_title div { margin-bottom: 5px; } .pagination_tableau { display: none; } .well.forum_well { padding : 5px 10px !important; } .forum_well h3 { font-size: 16px !important; } .pagination.bas { margin-top: 5px !important; margin-bottom: 0px !important; } #liste_cartes .pagination.bas { margin-top: 15px !important; margin-bottom: 0px !important; } .forum_well .pagination { margin-bottom: 3px !important; } .forum_well .pagination.bas { margin-top : 7px !important; margin-bottom: -3px !important; } #decks_publie .pagination { margin-bottom: -10px !important; } .panel.reagir_forum #format-buttons input, #postingbox #format-buttons input { padding: 3px !important; } .panel.reagir_forum #format-buttons, #postingbox #format-buttons { margin : 0 !important; } .panel.reagir_forum { padding : 6px !important; } .panel.reagir_forum .btn-primary { width: 100%; } .quickmod label { display: none; } .quickmod select { width : 100%; display: inline-block; } .quickmod input { width: 100%; padding: 5px 0 !important; border-radius: 0; margin : 0 !important; } .mod_form { float: none !important; } .retour_forum { padding : 5px 0 !important; width : 100%; margin : 5px 0 0; border-radius: 0; } .comment_forum .right .supprimer, .comment_forum .right .editer, .comment_forum .right .citer { padding: 0px 10px !important; margin: -1px 0 0 7px !important; } .comment_forum_boutons_mobile { display: block !important; position: relative; top: 0; clear: both; border-top: 1px solid #CFBDB0; padding-top: 9px; margin-top: 8px; padding-bottom: 2px; } .comment_forum_boutons_mobile a, .comment_forum_boutons_mobile div { display: inline-block !important; float: none !important; padding: 2px 0 !important; border-radius: 0; font-weight: normal; margin: 0 2% 0 0 !important; width: 30%; } .comment_forum_boutons_mobile .note_commentaire { float : right !important; font-weight : bold; font-size : 16px; text-align: right; } .comment_forum_boutons_mobile .note_commentaire .vert { color : #4aab09 !important; } .comment_forum_boutons_mobile .note_commentaire .rouge { color : #c52323; } .forum_well .fields1 span { float : none !important; } .forum_well .comment_forum .right .editer, .forum_well .comment_forum .right .citer, .forum_well .comment_forum .right .supprimer, .forum_well .comment_forum .right .editer2 { display: none !important; } #postingbox #subject { width : 96% !important; float: none !important; margin: 5px 0 0 0 !important; } #message-box textarea { width: 96% !important; margin: 0 0 0px 0; padding: 5px; } .submit-buttons input { width : 100% !important; padding : 5px 0; } #postform .fields1 { margin : 0 0 10px 0 !important; } .statistiques_well h3 { margin : 8px 0 !important; } .mcp-main .btn { display: inline-block; width: 100%; padding : 5px 0; border-radius: 0; margin : 0 0 5px 0; } .mcp-main .comment_forum_content { margin : 5px 0 !important; } #cp-menu { display: none; } .forum_well .comment_forum .comment_forum_avatar { display: none; } .forum_well .comment_forum .comment_forum_content { margin : 5px 0 0 0 !important; } .avatar_mobile { display: block !important; float: left; margin: 0 5px 0 0; width: 18px; border: 1px solid rgb(10, 10, 10); border-radius: 5px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // SONDAGE */ .sondage_wrapper { width: auto; border-radius: 0; padding: 0 8px; } .sondage_wrapper h3 { font-size: 16px; margin-top: 5px!important; padding-bottom: 7px; } .sondage_wrapper ul li { font-size : 13px; margin-bottom: 10px; } .sondage_wrapper .reponse_vote { margin-bottom: 10px; } .sondage_wrapper .reponse_vote input { display: inline-block; } .sondage_wrapper .reponse_vote label { float: none; } .sondage_wrapper .voter_sondage { width: 100%; margin-bottom: 8px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // MINI VIDEO PLAYER */ .mini_video_player { width : 100%; margin : 10px 0; } .mini_video_player .thumbnail { height: 150px; width: auto; } .mini_video_player .play_button { width : 99%; height : 150px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// // RECHERCHE */ .well_resultats_recherche { margin-top : 5px; } #resultats_recherche input { width : 70%; } #resultats_recherche h1 { font-size: 18px; margin-top: 2px !important; } #resultats_recherche button { width: 22%; } #resultats_recherche .onglets { margin-top : 0; margin-bottom : 0; } #resultats_recherche .onglets .onglet { display: block; text-align: center; color: #3F2C13!important; border: 1px solid #8c795f !important; border-bottom-color: none !important; background-color: #C0A682!important; background-image: -moz-linear-gradient(top, #5F5F5F, #272727) !important; background-image: -o-linear-gradient(top, #5F5F5F, #272727) !important; background-repeat: repeat-x !important; text-decoration: none !important; border-radius: 0px !important; text-shadow: #E4CBA8 0px 1px 0; font: bold 14px Helvetica, Geneva, Arial, sans-serif; -webkit-touch-callout: none; padding: 7px 10px; border: 1px solid #000; border-radius: 8px; -webkit-box-shadow: rgba(255,255,255,.2) 0px 1px 0px, inset rgba(255,255,255,.2) 0px 1px 0px; box-shadow: rgba(255,255,255,.2) 0px 1px 0px, inset rgba(255,255,255,.2) 0px 1px 0px; background-image: none; opacity: 0.6; margin-bottom: 2px; } #resultats_recherche .onglets .onglet.actif { opacity: 1; background-color: #333333 !important; color: #fff !important; text-shadow: none; border: 1px solid black !important; } #resultats_recherche .article img { width : 140px; height: auto; } #resultats_recherche .article { padding : 5px; } #resultats_recherche .article .titre { line-height: 140%; font-size: 14px; margin-top: 0px; margin-bottom: 5px; } #resultats_recherche .article .titre a { color : #333; } #resultats_recherche .article .resume { display: none; } .liste_articles.cartes table tr th:not(:nth-child(1)), .liste_articles.cartes table tr td:not(:nth-child(1)), .liste_articles.forum table tr th:not(:nth-child(1)), .liste_articles.forum table tr td:not(:nth-child(1)) { display: none; } .display_mobile { display:block; } }