/* Couleurs Bootstrap supplémentaires */ .bg-blue { background-color: #007bff; } .bg-cyan { background-color: #17a2b8; } .bg-cyan-subtle { background-color: #bee5eb; } .border-cyan { border-color: #17a2b8 !important; } .btn-cyan { background-color: #17a2b8; } .table-cyan { background-color: #17a2b8; } .text-cyan { color: #17a2b8; } .hover-cyan:hover { background-color: #138496; } .bg-green { background-color: #28a745; } .bg-indigo { background-color: #6610f2; } .bg-orange { background-color: #fd7e14; } .bg-pink { background-color: #e83e8c; } .bg-purple { background-color: #6f42c1; } .bg-red { background-color: #dc3545; } .bg-teal { background-color: #20c997; } .bg-yellow { background-color: #ffc107; } /* Couleurs héros */ /* Effets */ SPAN.am_terrain { border: solid 1px #dddddd; background-color: #222222; font-style: italic; color: #ffffff; padding: 0 4px; } SPAN.am_arrivee { border: solid 1px #dddddd; background-color: #222222; font-weight: 600; color: #66ccff; padding: 0 4px; } SPAN.am_sortie { border: solid 1px #dddddd; background-color: #222222; font-weight: 600; color: #dddd00; padding: 0 4px; } SPAN.am_decouverte { border: solid 1px #dddddd; background-color: #222222; font-weight: 600; color: #dddd00; padding: 0 4px; } SPAN.am_vaincu { border: solid 1px #dddddd; background-color: #222222; font-weight: 600; color: #ff3333; padding: 0 4px; } SPAN.am_blesser { border: solid 1px #dddddd; background-color: #ffffdd; font-weight: 600; color: #ff3333; padding: 0 4px; } SPAN.am_defausser { border: solid 1px #dddddd; background-color: #ffffdd; font-weight: 600; color: #ff3333; padding: 0 4px; } SPAN.am_detruire { border: solid 1px #dddddd; background-color: #ffffdd; font-weight: 600; color: #ff3333; padding: 0 4px; } SPAN.am_geler { border: solid 1px #dddddd; background-color: #ffffdd; font-weight: 600; color: #ff3333; padding: 0 4px; } SPAN.am_immobiliser { border: solid 1px #dddddd; background-color: #ffffdd; font-weight: 600; color: #ff3333; padding: 0 4px; } SPAN.am_capacite { border: solid 1px #dddddd; background-color: #ffffdd; font-weight: 600; color: #ff3333; padding: 0 4px; } SPAN.am_miseenjeu { border: solid 1px #dddddd; background-color: #ffffdd; font-weight: 600; color: #33bbff; padding: 0 4px; } SPAN.am_marque { border: solid 1px #dddddd; background-color: #ffffdd; font-weight: 600; color: #dd00ff; padding: 0 4px; } SPAN.am_finepopee { border: solid 1px #dddddd; background-color: #222222; font-weight: 600; color: #dddd00; padding: 0 4px; } SPAN.am_finpartie { border: solid 1px #dddddd; background-color: #222222; font-weight: 600; color: #99dd00; padding: 0 4px; } SPAN.am_aneanti { border: solid 1px #dddddd; background-color: #222222; font-weight: 600; color: #ff3333; padding: 0 4px; } SPAN.am_apparition { border: solid 1px #dddddd; background-color: #222222; font-weight: 600; color: #66ccff; padding: 0 4px; } SPAN.am_talent { border: solid 1px #dddddd; background-color: #ffffdd; font-weight: 600; color: #33bbff; padding: 0 4px; } /* Everywhere */ .logo { max-width: 20px !important; max-height: 20px !important; } /* FAQ */ DIV.menuFaq { font-size: 18px !important; width: 500px; } /* .form-check-input { border: 2px solid #ffc107; } .form-check-input:checked { border: 2px solid #ffc107; background-color: #ffc107; } */ SPAN.extension { font-size: 10px !important; } SPAN.rang { width: 50px; } #faqs TD { background-color: #eceef6; } TD.cartepic { width: 160px; text-align: center; } #largepic { display: none; position: fixed; z-index: 100; box-shadow: 10px 10px 10px #bbbbbb; } TD.cartecar { width: 400px; } SPAN.miseenjeu { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.miseenjeu SPAN { font-style: italic; color: #33bbff; padding: 0 5px 0 0; } SPAN.arrivee { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.arrivee SPAN { font-style: italic; color: #66ccff; padding: 0 5px 0 0; } SPAN.defausser { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.defausser SPAN { font-style: italic; color: #ff3333; padding: 0 5px 0 0; } SPAN.detruire { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.detruire SPAN { font-style: italic; color: #ff3333; padding: 0 5px 0 0; } SPAN.blesser { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.blesser SPAN { font-style: italic; color: #ff3333; padding: 0 5px 0 0; } SPAN.geler { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.geler SPAN { font-style: italic; color: #ff3333; padding: 0 5px 0 0; } SPAN.immobiliser { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.immobiliser SPAN { font-style: italic; color: #ff3333; padding: 0 5px 0 0; } SPAN.vaincu { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.vaincu SPAN { font-style: italic; color: #ff3333; padding: 0 5px 0 0; } SPAN.sortie { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.sortie SPAN { font-style: italic; color: #dddd00; padding: 0 5px 0 0; } SPAN.decouverte { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.decouverte SPAN { font-style: italic; color: #dddd00; padding: 0 5px 0 0; } SPAN.marque { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.marque SPAN { font-style: italic; color: #dd00ff; padding: 0 5px 0 0; } SPAN.terrain { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.permanent { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.deftalent { color: #33bbff !important; } SPAN.dettalent { color: #33bbff !important; } SPAN.bletalent { color: #33bbff !important; } SPAN.geltalent { color: #33bbff !important; } SPAN.talent { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.talent SPAN { font-style: italic; color: #66ccff; padding: 0 5px 0 0; } SPAN.entrave { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #fcddff; } SPAN.enfers { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.apparition { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.apparition SPAN { font-style: italic; color: #66ccff; padding: 0 5px 0 0; } SPAN.aneanti { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.aneanti SPAN { font-style: italic; color: #ff3333; padding: 0 5px 0 0; } SPAN.fin_partie { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.fin_partie SPAN { font-style: italic; color: #99dd00; padding: 0 5px 0 0; } SPAN.fin_epopee { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; color: #eeeeee; background-color: #222222; } SPAN.fin_epopee SPAN { font-style: italic; color: #dddd00; padding: 0 5px 0 0; } SPAN.capacite { border: solid 1px #dddddd; padding: 2px 5px; margin: 3px 0; display: block; background-color: #ffffee; } SPAN.capacite SPAN { font-style: italic; color: #ff3333; padding: 0 5px 0 0; } .carte { background-color: #fff0e0; } .carte IMG { max-width: 100px; max-height: 100px; } .carte:hover { background-color: #ffdd99; } .carte .nomcarte { font-size: 0.7em !important; } /* Scores */ .pie { height: 300px; } .heros { max-width: 20px; max-height: 20px; } .elimine { text-decoration: line-through; color: #ff0000; } .solo { max-width: 1200px; } .win { border-left: dashed 2px #aaaaaa !important; } .nombre { width: 100px !important; } /* Fanmade */ .flag { width: 48px; } .miniature { width: 200px; height: 270px; } .editFanmadeH:hover { background-color: #ddddff; cursor: pointer; } .editFanmadeV:hover { background-color: #ddddff; cursor: pointer; } .editFanmadeP:hover { background-color: #ddddff; cursor: pointer; } .editFanmadeE:hover { background-color: #ddddff; cursor: pointer; } .publishFanmade:hover { background-color: #ddffdd; cursor: pointer; } .hideFanmade:hover { background-color: #ffffdd; cursor: pointer; } .deleteFanmade:hover { background-color: #ffdddd; cursor: pointer; } .submitFanmade:hover { background-color: #ddddff; cursor: pointer; } .unsubmitFanmade:hover { background-color: #ffffdd; cursor: pointer; } .duplicateFanmade:hover { background-color: #ddddff; cursor: pointer; } .printFanmade:hover { background-color: #ddddff; cursor: pointer; } .thumbs { width: 36px; height: 36px; } .image_area { position: relative; } #uploaded_image,#sample_image { display: block; max-width: 100%; } .preview { overflow: hidden; width: 160px; height: 160px; margin: 10px; border: 1px solid red; } .modal-lg { max-width: 1000px !important; } .overlay { position: absolute; bottom: 10px; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.7); overflow: hidden; height: 0; transition: .5s ease; width: 100%; } .image_area:hover .overlay { height: 50%; cursor: pointer; } .text { color: #333; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .instructions { width: 800px; } /* Fichiers */ .fichier:hover { background-color: #ffeecc !important; } .fichier IMG { max-height: 250px !important; max-width: 250px !important; } /* Evolutions */ #evolutions { max-width: 500px; } #evolutions IMG { max-width: 100px; max-height: 100px; } /* SSDB:T */ #ssdbt IMG { max-width: 400px; max-height: 400px; } /* BODY.main { background-color: #f0f9ff; } IMG.thumbnail { max-width: 100px; max-height: 150px; } IMG.thumbnail-sm { max-width: 50px; max-height: 50px; } TABLE#matches { max-width: 1200px; } .upright { writing-mode: vertical-rl; } */