diff --git a/SwichGIT/HighscoreBD/HighscoreBD b/SwichGIT/HighscoreBD/HighscoreBD deleted file mode 100644 index 661a835..0000000 Binary files a/SwichGIT/HighscoreBD/HighscoreBD and /dev/null differ diff --git a/SwichGIT/HighscoreBD/connexionBD.php b/SwichGIT/HighscoreBD/connexionBD.php deleted file mode 100644 index fa25b9e..0000000 --- a/SwichGIT/HighscoreBD/connexionBD.php +++ /dev/null @@ -1,11 +0,0 @@ -open('highscore.db'); - //$this->exec('CREATE TABLE partieScore(IdPartie STRING PRIMARY KEY,scorePremierJ STRING,scoreDeuxiemeJ STRING, pseudoPremierJ STRING,pseudoDeuxiemeJ STRING)'); - //$this->exec('CREATE TABLE partieCartes(IdPartie STRING ,IdCarte STRING,colUn STRING, colDeux STRING, colTrois STRING)'); - - } -} \ No newline at end of file diff --git a/SwichGIT/HighscoreBD/css/PageDaccueil.css b/SwichGIT/HighscoreBD/css/PageDaccueil.css deleted file mode 100644 index dbe8edf..0000000 --- a/SwichGIT/HighscoreBD/css/PageDaccueil.css +++ /dev/null @@ -1,475 +0,0 @@ -#pageAccueil { - visibility: visible; -} - -#cloud { - z-index: 10 -} - -#mount1 { - z-index: 11; - position: absolute; -} - -#mount2 { - z-index: 10; -} - -.containerparam{ - position: absolute; - display: flex; - margin-left: 1vw; -} - -.containerparam > div { - margin-right: 4vh; -} - -/*SETTINGS*/ -#forme{ - visibility: hidden; -} - -#couleurs{ - z-index: 1; -} - -.pannel{ - height: 100px; - width: 100px; - background-color: red; -} - -#pickrcontner{ - position: relative; - display: flex; - flex-wrap: wrap; - justify-content: space-around; -} - -.Mode_Setting{ - height: 20vw; - position: relative; - margin : 0 auto; -} -#BottomSetings{ - position: absolute; - left: 0; - bottom: 0; - height: 5vw; - width: 100%; - border-radius: 0 0 0.3vw 0.3vw; -} - -#SettingBefore{ - height: 5vw; - width: 5vw; - background-color: var(--lightsedonca); - color: black; - font-size: 3vw; - visibility: collapse; -} -#SettingAfter{ - bottom: 5vw; - position: relative; - height: 5vw; - width: 5vw; - background-color: var(--lightsedonca); - float: right; -} - -#testSettings{ - position: absolute; - color: black; - bottom: 0; - left: 18vw; -} - - -#ShapeSettings{ - height: 100%; - width: 100%; - margin: auto 2vw; - display: flex; - flex-wrap: wrap; -} -.ShapeContener{ - height: 9vw; - width: 9vw; - margin-left: 1vw; - position: relative; - display: table-cell; - vertical-align: middle; -} -.settingShape{ - background-color: #333; -} - -.Colorone{background-color: var(--colorbase);} -.Colortwo{background-color: var(--colorcarre);} -.Colorthree{background-color: var(--colorone);} -.Colorfour{background-color: var(--colortwo);} -.Colorfive{background-color: var(--colorthree);} - - - -/*Bouton info*/ -#infosec{ - z-index:15; - width: 2vw; -} - -#info { - color: var(--lightprima); - text-decoration: none; - font-size: 45px; -} - -#info:hover { - color: var(--lightprima); -} - -.activity { - padding: 0; - list-style: none; -} - -li { - -webkit-transition: box-shadow 0.2s ease; - -moz-transition: box-shadow 0.2s ease; - transition: box-shadow 0.2s ease; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - border-radius: 50%; - color: #B7B7B7; - display: inline-block; - font-size: 0.889em; - height: 3em; - position: relative; - text-align: center; - text-transform: lowercase; - width: 3em; - line-height: 3em; -} - - li a { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - li:hover { - box-shadow: 0 0 0 7px var(--lightsedonca); - font-size:99%; - position:relative; - right:5%; - } - - li:before { - border-radius: 50%; - bottom: 0; - box-shadow: 0 0 0 4px var(--lightsedonca); - content: ''; - left: 0; - position: absolute; - right: 0; - top: 0; - background-color: var(--lightsedonca); - } - -/*Les rčgles popups*/ -.overlay { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: rgba(0, 0, 0, 0.7); - transition: opacity 500ms; - visibility: hidden; - opacity: 0; - z-index: 21; -} - - .overlay:target { - visibility: visible; - opacity: 1; - } - -.popup { - margin: 70px auto; - padding: 20px; - background: #fff; - border-radius: 5px; - width: 30%; - position: relative; - top:25%; -} - - .popup h2 { - margin-top: 0; - color: #333; - font-family: Tahoma, Arial, sans-serif; - } - - .popup .close { - position: absolute; - top: 20px; - right: 30px; - transition: all 200ms; - font-size: 30px; - font-weight: bold; - text-decoration: none; - color: #333; - } - - .popup .close:hover { - color: #06D85F; - } - - .popup .content { - max-height: 30%; - overflow: auto; - } - - /*Parametres*/ - -.popup2 { - margin: 70px auto; - padding: 20px; - background: #fff; - border-radius: 5px; - width: 45%; - height: 65%; - position: relative; - top:10%; -} - -.popup2 h2 { - margin-top: 0; - color: #333; - font-family: Tahoma, Arial, sans-serif; -} -h3 { - margin: 0; - color: #333; - font-family: Tahoma, Arial, sans-serif; -} -.popup2 .close { - position: absolute; - top: 20px; - right: 30px; - transition: all 200ms; - font-size: 30px; - font-weight: bold; - text-decoration: none; - color: #333; -} - .popup2 .close:hover { - color: #06D85F; - } -.popup2 .content { - max-height: 30%; -} - -.titre{ - display: ruby-base; -} - -label { - cursor: pointer; - text-indent: -9999px; - width: 2vw; - height: 1vw; - background: grey; - display: block; - border-radius: 100px; - position: relative; -} - -label:after { - content: ''; - position: absolute; - top: 0.1vw; - left: 0.1vw; - width: 0.8vw; - height: 0.8vw; - background: #fff; - border-radius: 90px; - transition: 0.3s; -} - -input:checked + label { - background: #bada55; -} - -input:checked + label:after { - left: calc(100% - 0.1vw); - transform: translateX(-100%); -} - -label:active:after { - width: 1.4vw; -} -/* J'ai trop avancé, mode multi*/ - - -#containpseudo { - position: absolute; - height: 15%; - width: 30%; - z-index: 12; - left: 35%; - top: 30%; -} - -.bouttonvalider:hover { - box-shadow: 0 0 0 8px var(--lightsedonca); - font-size: 100%; - position: relative; - transition: box-shadow 0.2s ease; -} - -#bouttonvalider:hover { - box-shadow: 0 0 0 5px var(--lightsedonca); - position: relative; -} - -#pseudoenter { - background-color: red; - height: 100%; - border-radius: 45px; - background-color: #B130DE; -} - -#inputpseudo { - position: absolute; - width: 99%; - height: 65%; - border-radius: 30px; - font-size: 3vw; - background-color: transparent; - -moz-appearance: none; - text-align: center; - color: #707070; - border-color: transparent; - font-family: impact, Arial Black; - z-index: 11; -} - -#fondinput { - background-color: red; - position: absolute; - width: 97%; - background-color: var(--lightsedonca); - height: 90%; - border-radius: 40px; - left: 1.5%; - top: 5%; - z-index: 10; -} - - - -#modeprec{ - height: 100%; - width: 15%; - float: left; - position: relative; -} - -#modesuiv{ - height: 100%; - width: 15%; - float: right; - position: relative; -} - -#textdumode{ - height: 100%; - width: 70%; - position: absolute; - left: 15%; -} - - - - - -#buttonadd { - position: absolute; - top: 30%; - right: -12%; - height: 3vw; - width: 3vw; - border-radius: 2vw; - background-color: #B130DE; - z-index: 18; -} - -#textplus { - font-size: 3vw; - font-family: arial, Arial Black; - position: absolute; - margin-top: -0.15vw; - margin-left: 0.65vw; - color: var(--lightprima); -} - -#containplayers { - position: absolute; - background-color: transparent; - color: var(--lightsedonca); - width: 15vw; - height: 20vw; - z-index: 17; - right: 0%; - top: 8vw; -} - -.pseudojoueur { - float: right; - margin-top: 0px; - margin-bottom: 3%; - margin-right: 10%; - font-family: Lucida Console, Arial Black, Arial; - font-size: 2vw; -} - -#pseudolist { - width: 100%; - height: 1.7vw; -} - -/* === FORMES === */ - -.contentButton{ - height: 3vw; - width: 15%; - margin : 0 auto; - position: relative; - bottom: 5vw; -} - -.buttonvalidersettings{ - height: 100%; - width: 100%; - border-style: none; - background-color: red; - color: white; - font-family: arial; - font-size: 2vw; - border-radius: 15px; -} - -.buttonvalidersettings:active{ - background-color: blue; -} - - - - - - diff --git a/SwichGIT/HighscoreBD/css/PartieGame.css b/SwichGIT/HighscoreBD/css/PartieGame.css deleted file mode 100644 index 878d241..0000000 --- a/SwichGIT/HighscoreBD/css/PartieGame.css +++ /dev/null @@ -1,109 +0,0 @@ - -#pageGame { - visibility: hidden; -} - -.menuhaut { - height: 10vh; - width: inherit; - display: flex; -} - -/*Partie Menu du haut*/ -.menu{ - align-items: center; - justify-content: center; -} - - -.retourstp { - position: absolute; -} - -#Redistribution{ - position:relative; - top:-3vw; -} - - -#affSolution { - text-align: center; - font-family: Montserrat, impact, Arial Black; - font-size: 2.5vw; - color: var(--lightsedonca); - width: inherit; -} - -#textjouer2 { - position: absolute; - text-align: center; - font-family: Montserrat, impact, Arial Black; - margin-top: 0.6vw; - color: var(--lightsedonca); - width: inherit; - -} - -#btnvalider2 { - position: relative; - text-align: center; - font-family: Montserrat, impact, Arial Black; - font-size: 2.5vw; - margin-top: 0.2vw; - margin-left: 0.2vw; - color: var(--lightsedonca); -} - -#btnvalider3 { - position: relative; - text-align: center; - font-family: Montserrat, impact, Arial Black; - font-size: 2.5vw; - margin-top: 0.2vw; - margin-left: 0.2vw; - color: var(--lightsedonca); -} - -#Redistribution2 { - position: relative; - top:-3vw; - left:68%; -} - -#Redistribution3 { - position: relative; - top:-3vw; - left: 50%; -} - - -.bouttonvalider2:hover { - box-shadow: 0 0 0 8px var(--lightsedonca); - font-size: 100%; - position: relative; - transition: box-shadow 0.2s ease; -} - -#progressbar -{ - position : relative; - width: 1100px; - padding:1px; - background-color:white; - border:1px solid black; - height:10px; - border-radius: 5px; - margin-top: 40px; - margin-right: auto; - margin-left: auto; - -} - -#indicateur -{ - width: 800px; - background-color : green; - height:10px; - margin: 0; - -} \ No newline at end of file diff --git a/SwichGIT/HighscoreBD/css/Resp3.css b/SwichGIT/HighscoreBD/css/Resp3.css deleted file mode 100644 index 1bc656a..0000000 --- a/SwichGIT/HighscoreBD/css/Resp3.css +++ /dev/null @@ -1,84 +0,0 @@ -/*Ecran*/ -@media screen and (min-width: 960px) { - /*ROND*/ - .anneau { - position: relative; - background-color: var(--colorbase); - border-radius: var(--v); - height: var(--v); - width: var(--v); - display: table-cell; - vertical-align: middle; - } - .anneau2 { - position: relative; - background-color: white; - border-radius: var(--v); - height: var(--v); - width: var(--v); - left : calc((var(--u) - var(--v))/2); - display: table-cell; - vertical-align: middle; - } - .anneau3 { - position: relative; - background-color: var(--colorbase); - border-radius: var(--v); - height: var(--v); - width: var(--v); - margin-left: auto; - margin-right: auto; - } - .rondinterieur { - background-color: var(--lighttercia); - height: var(--w); - width: var(--w); - display: table; - margin: 0 auto; - border-radius: var(--w); - } - .rond { - display: table; - margin: 0 auto; - background-color: var(--colorbase); - height: var(--w); - width: var(--w); - border-radius: var(--w); - } - - .rondcache { - display: table; - margin: 0 auto; - background-color: black; - border-radius: var(--y); - } - .rond2 { - display: table; - margin: 0 auto; - background-color: white; - height: var(--w); - width: var(--w); - border-radius: var(--w); - } - .rond3 { - position: relative; - top : calc((var(--v) - var(--w))/ 2); - left : calc((var(--v) - var(--w))/2); - display: table-cell; - vertical-align: middle; - background-color: white; - height: var(--w); - width: var(--w); - border-radius: var(--w); - } - .rond4 { - display: table; - margin: 0 auto; - background-color: var(--colorbase); - height: var(--w); - width: var(--w); - border-radius: var(--w); - } -} - - \ No newline at end of file diff --git a/SwichGIT/HighscoreBD/css/base.css b/SwichGIT/HighscoreBD/css/base.css deleted file mode 100644 index 9a02a5b..0000000 --- a/SwichGIT/HighscoreBD/css/base.css +++ /dev/null @@ -1,117 +0,0 @@ -:root{ - /*couleur hĂ©hĂ©*/ - --lightprima: #DEDEDE; - --lightsedonca: #B7B7B7; - --lighttercia: #E6E6E6; - /*Couleur bases*/ - --colorbase : #e75259; - --colorcarre : #30C0DE; - --colorone : #00CBFF; - --colortwo : #00FF6E; - --colorthree : #C800FF; - --colorfour : #E6DA27; - --colorfive : #2E6DB4; - --colorsix : #E6792F; - /*Tailles cartes*/ - --tailleTablette : 12vw; - --taille: 10vw; - /*Les formes*/ - --u: calc(var(--x) / 2.75); - --v: calc(var(--y) / 2.75); - --w: calc(var(--z) / 2.75); - /*Les formes settings*/ - --x : 10vw; - --y : 7vw; - --z : 3.75vw; -} - -.test{ - color: black; -} - -a { - cursor: pointer; - z-index: 60; -} - - - -body { - background-color: var(--lightprima); - height: 100%; - overflow-x: hidden; - overflow-y: hidden; - /*Desactiver la selection*/ - -webkit-user-select: none; /* Chrome / Safari */ - -moz-user-select: none; /* Firefox */ - -ms-user-select: none; /* IE 10+ */ - user-select: none; -} - - -#ContainBottom { -position: absolute; -margin-left: 25vw; -height: 12vw; -width: auto; -bottom: 0; -z-index: 20; -} - -#clic{ -position: absolute; -left: 55vw; -top : 7vw; -height: auto; -width: 15vw; -} - -#card-conteneur{ -z-index: 20; -position: absolute; -left: 0vw; -} - -.flex-container { - padding: 0; - margin: 0; - list-style: none; - - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - - -webkit-flex-flow: row wrap; - justify-content: space-around; - margin-top: -7vw; -} - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SwichGIT/HighscoreBD/css/desktops.css b/SwichGIT/HighscoreBD/css/desktops.css deleted file mode 100644 index 0df21e2..0000000 --- a/SwichGIT/HighscoreBD/css/desktops.css +++ /dev/null @@ -1,455 +0,0 @@ -/*Ecran*/ -@media screen and (min-width: 992px) { - - /*PARTIE FORMES*/ - .containform3 { - position: relative; - height: var(--x); - width: var(--x); - display: table-cell; - vertical-align: middle; - } - - .containinte { - /*PROBLEME SIZE*/ - top: calc((var(--y) - var(--z)) / 2); - left: calc((var(--y) - var(--z)) / 2); - height: var(--z); - width: var(--z); - z-index: 2; - position: absolute; - } - - .cache { - top: calc((var(--x) - var(--y)) / 2.8); - left: calc((var(--x) - var(--y)) / 2.2); - height: calc(var(--y)*1.05); - width: calc(var(--y)*1.05); - z-index: 2; - position: absolute; - z-index: 15; - } - - #choosemode { - height: 4vw; - width: 16vw; - position: absolute; - left: 42vw; - top: 50vh; - z-index: 15; - } - - #choosedimension { - height: 4vw; - width: 16vw; - position: absolute; - left: 42vw; - top: 55vh; - z-index: 15; - } - - #conteneurmode { - width: 80%; - height: 2vw; - left: 10%; - top: 25%; - position: absolute; - margin: 0 auto; - background-color: var(--lightsedonca); - border-radius: 5vw; - } - - #triangleprec { - width: 0; - height: 0; - margin: 0.25vw auto 0 auto; - border-top: 0.75vw solid transparent; - border-right: 1.25vw solid grey; - border-bottom: 0.75vw solid transparent; - } - - #trianglesuiv { - width: 0; - height: 0; - margin: 0.25vw auto 0 auto; - border-top: 0.75vw solid transparent; - border-left: 1.25vw solid grey; - border-bottom: 0.75vw solid transparent; - } - - #textmode { - font-family: Lucida Console, Arial Black, Arial; - font-size: 1vw; - color: #707070; - text-align: center; - margin: 5% auto 0 auto; - } - - #textdimension { - font-family: Lucida Console, Arial Black, Arial; - font-size: 1vw; - color: #707070; - text-align: center; - margin: 5% auto 0 auto; - } - - #formSize { - margin: 0 auto; - width: 100%; - height: 3vw; - } - - .slider-container .bar .fill { - display: block; - width: 50%; - height: 100%; - background-color: #6200ee; - } - - .slider-container .slider { - position: relative; - z-index: 2; - -webkit-appearance: none; - width: 100%; - height: 10px; - border-radius: 5px; - outline: none; - background-color: transparent; - } - - .slider.container { - position: relative; - } - - .slider-container .bar { - position: absolute; - z-index: 1; - left: 0; - width: 100%; - height: 10px; - border-radius: 5px; - background-color: #c6aee7; - overflow: hidden; - } - /*Moz*/ - .slider-container .slider::-moz-range-thumb { - -webkit-appearance: none; - width: 1vw; - height: 1vw; - background-color: #6200ee; - border-radius: 1vw; - cursor: pointer; - outline: none; - box-shadow: 0 0 0 0 rgba(98, 0,238, .1); - transition: .3s ease-in-out; - } - - .slider-container .slider::-moz-range-thumb:hover { - box-shadow: 0 0 0 10px rgba(98,0,238,.1); - } - - .slider-container .slider:active::-moz-range-thumb { - box-shadow: 0 0 0 20px rgba(98,0,238,.2); - } - - /*===========================================*/ - - .logoboutton { - font-size: 2vw; - color: var(--lightprima); - margin: 0.25vw; - } - - /*Externe*/ - .bouttonMenuHaut { - height: 4vw; - width: 4vw; - background-color: var(--lightsedonca); - border-radius: 50%; - margin: 0 auto; - margin-top: 0.45vw; - position: relative; - display: block; - } - - #affPoints { - text-align: center; - font-family: Montserrat, impact, Arial Black; - font-size: 2vw; - margin-top: 1.2vw; - color: var(--lightsedonca); - } - - .divmenu { - width: 10vw; - height: inherit; - margin-right: 1vw; - } - - .containButtonForm { - height: 2.5vw; - width: 2.5vw; - margin: 0.75vw; - position: absolute; - } - - .buttonretour { - position: relative; - height: 4vh; - width: 4vh; - border-radius: 55vw; - background-color: var(--lightsedonca); - z-index: 5; - margin-left: 2vw; - top: 1.75vw; - } - - .flex-item { - background: var(--lightsedonca); - width: var(--taille); - border-radius: 0.75vw; - padding-right: 0.15vw; - padding-left: 0.15vw; - padding-bottom: 0.25vw; - list-style: none; - display: flex; - margin-right: 0.4vw; - margin-left: 0.4vw; - margin-bottom: 1vw; - -webkit-flex-flow: row wrap; - justify-content: space-around; - } - - .item-form { - width: 3vw; - padding-left: 0.1vw; - margin-top: 0.25vw; - height: 3vw; - border-radius: 10px; - background-color: var(--lighttercia); - } - - .containcards { - overflow-x: auto; - display: grid; - grid-template-columns: repeat(8,auto); - grid-template-rows: repeat(2,auto); - padding-top: 1vw; - justify-content: center; - } - - .logop2 img { - width: 20vh; - padding-top: 1vh; - position: relative; - } - - - .txt { - position: absolute; - font-family: Arial Black; - color: var(--lightprima); - font-size: 1.5vw; - left: 0.4vw; - top: -1.6vh; - } - - .logo img { - position: absolute; - width: 12vw; - left: 44vw; - top: 13%; - z-index: 11; - } - - .mounts img { - position: absolute; - height: 100%; - width: 100%; - pointer-events: none; - margin-left: -10px; - } - - #contourbuttonvalider { - position: absolute; - border-radius: 45px; - left: 9.2vw; - top: 3.5vw; - height: 4vw; - width: 12vw; - background-color: var(--lightsedonca); - z-index: 15; - } - - .bouttonvalider { - position: absolute; - height: 3.4vw; - width: 11.4vw; - top: 0.3vw; - left: 0.3vw; - border-radius: 30px; - } - - .violet { - background-color: #B130DE; - } - - .vert { - background-color: #00CC66; - } - - #textjouer { - font-family: Montserrat, impact, Arial Black; - position: absolute; - font-size: 2.5vw; - margin-top: 0.2vw; - color: var(--lightsedonca); - text-align: center; - width: inherit; - } - - #containBottom{ - position: absolute; - bottom: 3vh; - width: auto; - left: 50%; - z-index: 20; - height: auto; - } - - #containScore { - display: grid; - grid-template-columns: repeat(10, 100px); - grid-template-rows: repeat(1, 100px); - grid-gap: 1vw; - justify-content: center; - position: relative; - left: -50%; - - } - - .titreScore{ - font: 700 5vh "Poppins", sans-serif; - color: #2B2D2F; - position: relative; - left: -50%; - text-align: center; - } - - .case-score{ - padding: 4px; - position: relative; - z-index: 1; - width: 7vw; - height: 17vh; - cursor: default; - transition: all 0.3s ease; - } - - .case-score .score-description { - background-color: #B7B7B7; - padding: 10px 15px; - width: calc(100% - 30px); - height: calc(100% - 20px); - transition: inherit; - } - - .case-score .score-position { - font: 700 34px/1.3 "Poppins", sans-serif; - margin: 0 0 0; - transition: 0.2s ease 150ms; - } - .case-score .score-pseudo, .score-points { - font: 500 12px "Poppins", sans-serif; - margin-top: -0.2em; - } - - .case-score:after { - z-index: 10; - background: #f9f8f7; - color: #333; - width: 180px; - position: absolute; - top: 80%; - opacity: 0; - transition: opacity 0.3s ease 0.3s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; - height: auto; - font-size: 12px; - line-height: 1.4; - padding: 10px; - margin: 0 0 0 -50px; - border-radius: 6px; - text-align: center; - } - .case-score:hover { - transform: scale(1.12); - z-index: 10; - } - - .case-score:hover .score-description { - background: transparent; - } - .case-score:hover .score-position, - .case-score:hover .score-pseudo, - .case-score:hover .score-points { - -webkit-text-fill-color: #222; - } - .case-score:hover:after { - top: 105%; - opacity: 1; - } - - .first { - background: linear-gradient(to bottom right, #f3f9a6 0%, #cbc634 100%); - } - .first .score-position, - .first .score-pseudo, - .first .score-points { - background: -webkit-linear-gradient(#2B2D2F, #2B2D2F); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - - .second { - background: linear-gradient(to bottom right, #37cfdc 0%, #5a88e5 100%); - } - - .second .score-position, - .second .score-pseudo, - .second .score-points { - background: -webkit-linear-gradient(#2B2D2F, #2B2D2F); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - - .third { - background: linear-gradient(to bottom right, #ff616d 0%, #ffc171 100%); - } - - .third .score-position, - .third .score-pseudo, - .third .score-points { - background: -webkit-linear-gradient(#2B2D2F, #2B2D2F); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - - .nopodium { - background: linear-gradient(to bottom right, #2c3e50 0%, #B7B7B7 90%); - } - - .nopodium .score-position, - .nopodium .score-pseudo, - .nopodium .score-points { - background: -webkit-linear-gradient(#3A3B3C, #3A3B3C ); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - - #infosec2{ - z-index:15; - width: 2vw; - position: relative; - left: 2vw; - } -} diff --git a/SwichGIT/HighscoreBD/css/formes.css b/SwichGIT/HighscoreBD/css/formes.css deleted file mode 100644 index d68c9e7..0000000 --- a/SwichGIT/HighscoreBD/css/formes.css +++ /dev/null @@ -1,111 +0,0 @@ -.containform { - position: relative; - -} - -.ajustementPetiteForme{ - margin-top: 25%; -} - -.ajustementGrandeForme{ - margin-top: 0.2vw; - margin-left: 0.2vw; -} - -.containform2{ - position: relative; - height: var(--x); - width: var(--x); - display: table-cell; - vertical-align: middle; - background-color: black; -} -/*ROND*/ -.containexte{ - height: var(--y); - width: var(--y); - margin: 0 auto; - position: relative; - top: calc(var(--x)/8); -} - -#cacherond{ - display: none; -} - -.rond{ - -webkit-clip-path: circle(50% at 50% 50%); - clip-path: circle(50% at 50% 50%); -} - -.round{ - border-radius: 5vw; -} - -.cb{ - background-color: white; -} - -.cn{ - background-color: black; -} - -.formeinte{ - height: 90%; - width: 90%; - margin: 0 auto; -} -.formeexte{ - height: 100%; - width: 100%; -} - -.carre{ - -webkit-clip-path: inset(0 0 0 0); - clip-path: inset(0 0 0 0); -} - -.triangle{ - -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); - clip-path: polygon(50% 0%, 0% 100%, 100% 100%); -} - -.castriangle{ - margin-top: calc( (var(--y) - var(--z)) / 5); -} - -.caspenta{ - margin-top: calc( (var(--y) - var(--z)) / 10); -} - -.losange{ - -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); - clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); -} - -.croix{ - -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%); - clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%); -} - -.croixinte{ - -webkit-clip-path: polygon(26% 23%, 22% 27%, 45% 50%, 22% 74%, 27% 78%, 50% 55%, 74% 78%, 78% 73%, 55% 50%, 78% 27%, 73% 23%, 50% 46%); - clip-path: polygon(26% 23%, 22% 27%, 45% 50%, 22% 74%, 27% 78%, 50% 55%, 74% 78%, 78% 73%, 55% 50%, 78% 27%, 73% 23%, 50% 46%); - -} - -.penta{ - -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); - clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); -} - -.hexa{ - -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); - clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); -} - -.hocto{ - -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); - clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); -} - diff --git a/SwichGIT/HighscoreBD/css/phone.css b/SwichGIT/HighscoreBD/css/phone.css deleted file mode 100644 index 2418cd2..0000000 --- a/SwichGIT/HighscoreBD/css/phone.css +++ /dev/null @@ -1,6 +0,0 @@ -/*Demi Ecran*/ -@media screen and (max-width: 768px) { - body{ - background-color: green; - } -} diff --git a/SwichGIT/HighscoreBD/css/pickr.min.css b/SwichGIT/HighscoreBD/css/pickr.min.css deleted file mode 100644 index 5470ec2..0000000 --- a/SwichGIT/HighscoreBD/css/pickr.min.css +++ /dev/null @@ -1,2041 +0,0 @@ -/*DESKTOP*/ -@media screen and (min-width: 992px) { - /*! Pickr 1.0.1 MIT | https://github.com/Simonwep/pickr */ - .pickr{ - position:relative; - overflow:visible; - transform:translateY(0); - - } - .pickr *{ - box-sizing:border-box - } - .pickr .pcr-button{ - position:relative; - height:var(--y); - width: var(--y); - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s; - } - .pickr .pcr-button:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr .pcr-button:after,.pickr .pcr-button:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - } - .pickr .pcr-button:after{ - transition:background .3s; - background:currentColor - } - .pickr .pcr-button.clear{ - background-size:70% - } - .pickr .pcr-button.clear:before{ - opacity:0 - } - .pickr .pcr-button.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr .pcr-button.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr button,.pickr input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr button:focus,.pickr input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - /*! Pickr2 1.0.1 MIT | https://github.com/Simonwep/pickr2 */ - .pickr2{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - - } - .pickr2 *{ - box-sizing:border-box - } - .pickr2 .pcr-button2{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr2 .pcr-button2:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr2 .pcr-button2:after,.pickr2 .pcr-button2:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr2 .pcr-button2:after{ - transition:background .3s; - background:currentColor - } - .pickr2 .pcr-button2.clear{ - background-size:70% - } - .pickr2 .pcr-button2.clear:before{ - opacity:0 - } - .pickr2 .pcr-button2.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr2 .pcr-button2.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr2 button,.pickr2 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr2 button:focus,.pickr2 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - /*! Pickr3 1.0.1 MIT | https://github.com/Simonwep/pickr3 */ - .pickr3{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr3 *{ - box-sizing:border-box - } - .pickr3 .pcr-button3{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr3 .pcr-button3:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr3 .pcr-button3:after,.pickr3 .pcr-button3:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr3 .pcr-button3:after{ - transition:background .3s; - background:currentColor - } - .pickr3 .pcr-button3.clear{ - background-size:70% - } - .pickr3 .pcr-button3.clear:before{ - opacity:0 - } - .pickr3 .pcr-button3.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr3 .pcr-button3.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr3 button,.pickr3 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr3 button:focus,.pickr3 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - - /*! Pickr4 1.0.1 MIT | https://github.com/Simonwep/pickr4 */ - .pickr4{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr4 *{ - box-sizing:border-box - } - .pickr4 .pcr-button4{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr4 .pcr-button4:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr4 .pcr-button4:after,.pickr4 .pcr-button4:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr4 .pcr-button4:after{ - transition:background .3s; - background:currentColor - } - .pickr4 .pcr-button4.clear{ - background-size:70% - } - .pickr4 .pcr-button4.clear:before{ - opacity:0 - } - .pickr4 .pcr-button4.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr4 .pcr-button4.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr4 button,.pickr4 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr4 button:focus,.pickr4 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - - /*! Pickr5 1.0.1 MIT | https://github.com/Simonwep/pickr5 */ - .pickr5{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr5 *{ - box-sizing:border-box - } - .pickr5 .pcr-button5{ - position:relative; - height:2em; - width:2em; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr5 .pcr-button5:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr5 .pcr-button5:after,.pickr5 .pcr-button5:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr5 .pcr-button5:after{ - transition:background .3s; - background:currentColor - } - .pickr5 .pcr-button5.clear{ - background-size:70% - } - .pickr5 .pcr-button5.clear:before{ - opacity:0 - } - .pickr5 .pcr-button5.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr5 .pcr-button5.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr5 button,.pickr5 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr5 button:focus,.pickr5 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - .pcr-app[data-theme=classic] .pcr-swatches>button{ - position:relative; - width:1.75em; - height:1.75em; - border-radius:.15em; - cursor:pointer; - margin:2.5px; - flex-shrink:0; - justify-self:center; - transition:all .15s; - overflow:hidden; - background:transparent; - z-index:1 - } - .pcr-app[data-theme=classic] .pcr-swatches>button:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - background:url('data:image/svg+xml; utf8, '); - background-size:6px; - border-radius:.15em; - z-index:-1 - } - .pcr-app[data-theme=classic] .pcr-swatches>button:after{ - content:""; - position:absolute; - top:0; - left:0; - width:100%; - height:100%; - background:currentColor; - border:1px solid rgba(0,0,0,.05); - border-radius:.15em; - box-sizing:border-box - } - .pcr-app[data-theme=classic] .pcr-swatches>button:hover{ - filter:brightness(1.05) - } - .pcr-app[data-theme=classic] .pcr-interaction{ - display:flex; - flex-wrap:wrap; - align-items:center; - margin:0 -.2em - } - .pcr-app[data-theme=classic] .pcr-interaction>*{ - margin:0 .2em - } - .pcr-app[data-theme=classic] .pcr-interaction input{ - letter-spacing:.07em; - font-size:.75em; - text-align:center; - cursor:pointer; - color:#75797e; - background:#f1f3f4; - border-radius:.15em; - transition:all .15s; - padding:.45em .5em; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-interaction input:hover{ - filter:brightness(.975) - } - .pcr-app[data-theme=classic] .pcr-interaction input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(66,133,244,.75) - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-result{ - color:#75797e; - text-align:left; - flex:1 1 8em; - min-width:8em; - transition:all .2s; - border-radius:.15em; - background:#f1f3f4; - cursor:text - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-result::selection{ - background:#4285f4; - color:#fff - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-type.active{ - color:#fff; - background:#4285f4 - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save{ - width:auto; - color:#fff - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:hover,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save:hover{ - filter:brightness(.925) - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-save{ - background:#4285f4 - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear{ - background:#f44250 - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(244,66,80,.75) - } - .pcr-app[data-theme=classic] .pcr-selection{ - display:flex; - justify-content:space-between; - flex-grow:1 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-picker{ - position:absolute; - height:18px; - width:18px; - border:2px solid #fff; - border-radius:100%; - user-select:none - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{ - position:relative; - z-index:1; - width:2em; - display:flex; - flex-direction:column; - justify-content:space-between; - margin-right:.75em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - border-radius:.15em; - z-index:-1 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{ - cursor:pointer; - transition:background-color .3s,box-shadow .3s; - border-radius:.15em .15em 0 0; - z-index:2 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{ - border-radius:0 0 .15em .15em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{ - background:currentColor; - width:100%; - height:50% - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{ - position:relative; - user-select:none; - display:flex; - flex-direction:column; - cursor:grab; - cursor:-moz-grab; - cursor:-webkit-grab - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette:active{ - cursor:grabbing; - cursor:-moz-grabbing; - cursor:-webkit-grabbing - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{ - width:100%; - height:8em; - z-index:1 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette{ - flex-grow:1; - border-radius:.15em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - border-radius:.15em; - z-index:-1 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{ - margin-left:.75em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker{ - left:50%; - transform:translateX(-50%) - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{ - width:8px; - flex-grow:1; - border-radius:50em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider{ - background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red) - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{ - background:linear-gradient(180deg,transparent,#000),url('data:image/svg+xml; utf8, '); - background-size:100%,50% - } - - - /*! Pickr6 1.0.1 MIT | https://github.com/Simonwep/pickr6 */ - .pickr6{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr6 *{ - box-sizing:border-box - } - .pickr6 .pcr-button6{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr6 .pcr-button6:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr6 .pcr-button6:after,.pickr6 .pcr-button6:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr6 .pcr-button6:after{ - transition:background .3s; - background:currentColor - } - .pickr6 .pcr-button6.clear{ - background-size:70% - } - .pickr6 .pcr-button6.clear:before{ - opacity:0 - } - .pickr6 .pcr-button6.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr6 .pcr-button6.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr6 button,.pickr6 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr6 button:focus,.pickr6 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - - /*! Pickr7 1.0.1 MIT | https://github.com/Simonwep/pickr7 */ - .pickr7{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr7 *{ - box-sizing:border-box - } - .pickr7 .pcr-button7{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr7 .pcr-button7:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr7 .pcr-button7:after,.pickr7 .pcr-button7:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr7 .pcr-button7:after{ - transition:background .3s; - background:currentColor - } - .pickr7 .pcr-button7.clear{ - background-size:70% - } - .pickr7 .pcr-button7.clear:before{ - opacity:0 - } - .pickr7 .pcr-button7.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr7 .pcr-button7.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr7 button,.pickr7 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr7 button:focus,.pickr7 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - - /*! Pickr8 1.0.1 MIT | https://github.com/Simonwep/pickr8 */ - .pickr8{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr8 *{ - box-sizing:border-box - } - .pickr8 .pcr-button8{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr8 .pcr-button8:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr8 .pcr-button8:after,.pickr8 .pcr-button8:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr8 .pcr-button8:after{ - transition:background .3s; - background:currentColor - } - .pickr8 .pcr-button8.clear{ - background-size:70% - } - .pickr8 .pcr-button8.clear:before{ - opacity:0 - } - .pickr8 .pcr-button8.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr8 .pcr-button8.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr8 button,.pickr8 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr8 button:focus,.pickr8 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - -} - -@media screen and (min-width: 0px) and (max-width: 992px) { - /*! Pickr 1.0.1 MIT | https://github.com/Simonwep/pickr */ - .pickr{ - position:relative; - overflow:visible; - transform:translateY(0); - - } - .pickr *{ - box-sizing:border-box - } - .pickr .pcr-button{ - position:relative; - height: calc(1.5*var(--y)); - width: calc(1.5*var(--y)); - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s; - } - .pickr .pcr-button:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr .pcr-button:after,.pickr .pcr-button:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - } - .pickr .pcr-button:after{ - transition:background .3s; - background:currentColor - } - .pickr .pcr-button.clear{ - background-size:70% - } - .pickr .pcr-button.clear:before{ - opacity:0 - } - .pickr .pcr-button.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr .pcr-button.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr button,.pickr input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr button:focus,.pickr input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - /*! Pickr2 1.0.1 MIT | https://github.com/Simonwep/pickr2 */ - .pickr2{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - - } - .pickr2 *{ - box-sizing:border-box - } - .pickr2 .pcr-button2{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr2 .pcr-button2:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr2 .pcr-button2:after,.pickr2 .pcr-button2:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr2 .pcr-button2:after{ - transition:background .3s; - background:currentColor - } - .pickr2 .pcr-button2.clear{ - background-size:70% - } - .pickr2 .pcr-button2.clear:before{ - opacity:0 - } - .pickr2 .pcr-button2.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr2 .pcr-button2.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr2 button,.pickr2 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr2 button:focus,.pickr2 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - /*! Pickr3 1.0.1 MIT | https://github.com/Simonwep/pickr3 */ - .pickr3{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr3 *{ - box-sizing:border-box - } - .pickr3 .pcr-button3{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr3 .pcr-button3:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr3 .pcr-button3:after,.pickr3 .pcr-button3:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr3 .pcr-button3:after{ - transition:background .3s; - background:currentColor - } - .pickr3 .pcr-button3.clear{ - background-size:70% - } - .pickr3 .pcr-button3.clear:before{ - opacity:0 - } - .pickr3 .pcr-button3.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr3 .pcr-button3.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr3 button,.pickr3 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr3 button:focus,.pickr3 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - - /*! Pickr4 1.0.1 MIT | https://github.com/Simonwep/pickr4 */ - .pickr4{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr4 *{ - box-sizing:border-box - } - .pickr4 .pcr-button4{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr4 .pcr-button4:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr4 .pcr-button4:after,.pickr4 .pcr-button4:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr4 .pcr-button4:after{ - transition:background .3s; - background:currentColor - } - .pickr4 .pcr-button4.clear{ - background-size:70% - } - .pickr4 .pcr-button4.clear:before{ - opacity:0 - } - .pickr4 .pcr-button4.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr4 .pcr-button4.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr4 button,.pickr4 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr4 button:focus,.pickr4 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - - /*! Pickr5 1.0.1 MIT | https://github.com/Simonwep/pickr5 */ - .pickr5{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr5 *{ - box-sizing:border-box - } - .pickr5 .pcr-button5{ - position:relative; - height:2em; - width:2em; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr5 .pcr-button5:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr5 .pcr-button5:after,.pickr5 .pcr-button5:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr5 .pcr-button5:after{ - transition:background .3s; - background:currentColor - } - .pickr5 .pcr-button5.clear{ - background-size:70% - } - .pickr5 .pcr-button5.clear:before{ - opacity:0 - } - .pickr5 .pcr-button5.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr5 .pcr-button5.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr5 button,.pickr5 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr5 button:focus,.pickr5 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - .pcr-app[data-theme=classic] .pcr-swatches>button{ - position:relative; - width:1.75em; - height:1.75em; - border-radius:.15em; - cursor:pointer; - margin:2.5px; - flex-shrink:0; - justify-self:center; - transition:all .15s; - overflow:hidden; - background:transparent; - z-index:1 - } - .pcr-app[data-theme=classic] .pcr-swatches>button:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - background:url('data:image/svg+xml; utf8, '); - background-size:6px; - border-radius:.15em; - z-index:-1 - } - .pcr-app[data-theme=classic] .pcr-swatches>button:after{ - content:""; - position:absolute; - top:0; - left:0; - width:100%; - height:100%; - background:currentColor; - border:1px solid rgba(0,0,0,.05); - border-radius:.15em; - box-sizing:border-box - } - .pcr-app[data-theme=classic] .pcr-swatches>button:hover{ - filter:brightness(1.05) - } - .pcr-app[data-theme=classic] .pcr-interaction{ - display:flex; - flex-wrap:wrap; - align-items:center; - margin:0 -.2em - } - .pcr-app[data-theme=classic] .pcr-interaction>*{ - margin:0 .2em - } - .pcr-app[data-theme=classic] .pcr-interaction input{ - letter-spacing:.07em; - font-size:.75em; - text-align:center; - cursor:pointer; - color:#75797e; - background:#f1f3f4; - border-radius:.15em; - transition:all .15s; - padding:.45em .5em; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-interaction input:hover{ - filter:brightness(.975) - } - .pcr-app[data-theme=classic] .pcr-interaction input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(66,133,244,.75) - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-result{ - color:#75797e; - text-align:left; - flex:1 1 8em; - min-width:8em; - transition:all .2s; - border-radius:.15em; - background:#f1f3f4; - cursor:text - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-result::selection{ - background:#4285f4; - color:#fff - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-type.active{ - color:#fff; - background:#4285f4 - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save{ - width:auto; - color:#fff - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:hover,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save:hover{ - filter:brightness(.925) - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-save{ - background:#4285f4 - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear{ - background:#f44250 - } - .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(244,66,80,.75) - } - .pcr-app[data-theme=classic] .pcr-selection{ - display:flex; - justify-content:space-between; - flex-grow:1 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-picker{ - position:absolute; - height:18px; - width:18px; - border:2px solid #fff; - border-radius:100%; - user-select:none - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{ - position:relative; - z-index:1; - width:2em; - display:flex; - flex-direction:column; - justify-content:space-between; - margin-right:.75em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - border-radius:.15em; - z-index:-1 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{ - cursor:pointer; - transition:background-color .3s,box-shadow .3s; - border-radius:.15em .15em 0 0; - z-index:2 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{ - border-radius:0 0 .15em .15em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{ - background:currentColor; - width:100%; - height:50% - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{ - position:relative; - user-select:none; - display:flex; - flex-direction:column; - cursor:grab; - cursor:-moz-grab; - cursor:-webkit-grab - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette:active{ - cursor:grabbing; - cursor:-moz-grabbing; - cursor:-webkit-grabbing - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{ - width:100%; - height:8em; - z-index:1 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette{ - flex-grow:1; - border-radius:.15em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - border-radius:.15em; - z-index:-1 - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{ - margin-left:.75em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker{ - left:50%; - transform:translateX(-50%) - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{ - width:8px; - flex-grow:1; - border-radius:50em - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider{ - background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red) - } - .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{ - background:linear-gradient(180deg,transparent,#000),url('data:image/svg+xml; utf8, '); - background-size:100%,50% - } - - - /*! Pickr6 1.0.1 MIT | https://github.com/Simonwep/pickr6 */ - .pickr6{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr6 *{ - box-sizing:border-box - } - .pickr6 .pcr-button6{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr6 .pcr-button6:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr6 .pcr-button6:after,.pickr6 .pcr-button6:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr6 .pcr-button6:after{ - transition:background .3s; - background:currentColor - } - .pickr6 .pcr-button6.clear{ - background-size:70% - } - .pickr6 .pcr-button6.clear:before{ - opacity:0 - } - .pickr6 .pcr-button6.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr6 .pcr-button6.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr6 button,.pickr6 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr6 button:focus,.pickr6 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - - /*! Pickr7 1.0.1 MIT | https://github.com/Simonwep/pickr7 */ - .pickr7{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr7 *{ - box-sizing:border-box - } - .pickr7 .pcr-button7{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr7 .pcr-button7:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr7 .pcr-button7:after,.pickr7 .pcr-button7:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr7 .pcr-button7:after{ - transition:background .3s; - background:currentColor - } - .pickr7 .pcr-button7.clear{ - background-size:70% - } - .pickr7 .pcr-button7.clear:before{ - opacity:0 - } - .pickr7 .pcr-button7.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr7 .pcr-button7.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr7 button,.pickr7 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr7 button:focus,.pickr7 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } - - - /*! Pickr8 1.0.1 MIT | https://github.com/Simonwep/pickr8 */ - .pickr8{ - position:relative; - overflow:visible; - transform:translateY(0); - margin : 0vw 2vw 2vw 2vw; - } - .pickr8 *{ - box-sizing:border-box - } - .pickr8 .pcr-button8{ - position:relative; - height:7vw; - width:7vw; - padding:.5em; - cursor:pointer; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - border-radius:.15em; - background:url('data:image/svg+xml; utf8, ') no-repeat 50%; - background-size:0; - transition:all .3s - } - .pickr8 .pcr-button8:before{ - background:url('data:image/svg+xml; utf8, '); - background-size:.5em; - z-index:-1; - z-index:auto - } - .pickr8 .pcr-button8:after,.pickr8 .pcr-button8:before{ - position:absolute; - content:""; - top:0; - left:0; - width:100%; - height:100%; - border-radius:15em - } - .pickr8 .pcr-button8:after{ - transition:background .3s; - background:currentColor - } - .pickr8 .pcr-button8.clear{ - background-size:70% - } - .pickr8 .pcr-button8.clear:before{ - opacity:0 - } - .pickr8 .pcr-button8.clear:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pickr8 .pcr-button8.disabled{ - cursor:not-allowed - } - .pcr-app button,.pcr-app input,.pickr8 button,.pickr8 input{ - outline:none; - border:none; - -webkit-appearance:none - } - .pcr-app button:focus,.pcr-app input:focus,.pickr8 button:focus,.pickr8 input:focus{ - box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor - } - .pcr-app[data-theme=classic]{ - position:absolute; - display:flex; - flex-direction:column; - z-index:10000; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; - box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03); - width:28.5em; - max-width:95vw; - padding:.8em; - border-radius:.1em; - background:#fff; - opacity:0; - visibility:hidden; - transition:opacity .3s; - left:0; - top:0 - } - .pcr-app[data-theme=classic].visible{ - visibility:visible; - opacity:1 - } - .pcr-app[data-theme=classic] .pcr-swatches{ - display:flex; - flex-wrap:wrap; - margin-top:.75em - } - .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{ - margin:0 - } - @supports (display:grid){ - .pcr-app[data-theme=classic] .pcr-swatches{ - display:grid; - align-items:center; - justify-content:space-around; - grid-template-columns:repeat(auto-fit,1.75em) - } - - } -} \ No newline at end of file diff --git a/SwichGIT/HighscoreBD/css/tablet.css b/SwichGIT/HighscoreBD/css/tablet.css deleted file mode 100644 index 74c991c..0000000 --- a/SwichGIT/HighscoreBD/css/tablet.css +++ /dev/null @@ -1,454 +0,0 @@ -/*DemTĂ©lĂ©phone 1i Ecran*/ -@media screen and (min-width: 0px) and (max-width: 992px) { - - .containform3 { - position: relative; - height: calc(1.25*var(--x)); - width: calc(2*var(--x)); - display: table-cell; - vertical-align: middle; - left: -2vw; - } - - .containinte{ - /*PROBLEME SIZE*/ - top: calc(1.5*((var(--y) - var(--z)) / 2)); - left: calc(1.5*((var(--y) - var(--z)) / 2)); - height: calc(1.5*var(--z)); - width: calc(1.5*var(--z)); - z-index: 2; - position: absolute; - } - - .cache{ - top: calc(0.91*((var(--x) - var(--y)) / 2.8)); - left: calc(4.55*((var(--x) - var(--y)) / 2.2)); - height: calc(1.5*var(--y)*1.05); - width: calc(1.5*var(--y)*1.05); - z-index: 2; - position: absolute; - z-index: 15; - } - - #formSize{ - margin : 0 auto; - width: 100%; - height: 3vw; - position: relative; - top: 3vw; - } - - .slider-container .bar .fill { - display: block; - width: 50%; - height: 100%; - background-color: #6200ee; - } - - .slider-container .slider { - position: relative; - z-index: 2; - -webkit-appearance: none; - width: 100%; - height: 10px; - border-radius: 5px; - outline: none; - top: -0.25vw; - background-color: transparent; - } - .slider.container{ - position: relative; - } - .slider-container .bar { - position: absolute; - z-index: 1; - left: 0; - width: 100%; - height: 10px; - border-radius: 5px; - background-color: #c6aee7; - overflow: hidden; - } - /*Moz*/ - .slider-container .slider::-moz-range-thumb { - -webkit-appearance: none; - width: 2vw; - height: 2vw; - background-color: #6200ee; - border-radius: 1vw; - cursor: pointer; - outline: none; - box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1); - transition: .3s ease-in-out; - } - - .slider-container .slider::-moz-range-thumb:hover { - box-shadow: 0 0 0 10px rgba(98,0,238,.1); - } - .slider-container .slider:active::-moz-range-thumb { - box-shadow: 0 0 0 20px rgba(98,0,238,.2); - } - - .logop2 img { - width: 20vh; - padding-top: 1vh; - position: relative; - } - - .txt { - position: absolute; - font-family: Arial Black; - color: var(--lightprima); - font-size: 5.5vw; - left: 2.25vw; - top: -1vh; - } - - .logo img { - position: absolute; - width: 30vw; - left: 35vw; - top: 2%; - z-index: 11; - } - - .mounts img { - position: absolute; - height: 100%; - width: 100%; - pointer-events: none; - margin-left: -1vw; - margin-top: -1vw; - object-fit: cover; - } - - #contourbuttonvalider { - position: absolute; - border-radius: 45px; - left: -10vw; - top: -5vw; - height: 15vw; - width: 50vw; - background-color: var(--lightsedonca); - z-index: 15; - } - - .bouttonvalider { - position: absolute; - height: 13vw; - width: 47vw; - top: 1.1vw; - left: 1.5vw; - border-radius: 30px; - background-color: #B130DE; - } - - .bouttonvalider2 { - position: absolute; - height: 6.8vw; - width: 22.8vw; - top: 1.1vw; - left: 1.1vw; - border-radius: 30px; - background-color: #00CC66; - } - - #textjouer { - font-family: Montserrat, impact, Arial Black; - position: absolute; - font-size: 10vw; - margin-top: 0.2vw; - width: inherit; - text-align: center; - color: var(--lightsedonca); - } - - #choosemode { - height: 7vw; - width: 50vw; - position: absolute; - left: 25vw; - top: 40vh; - z-index: 15; - } - - #choosedimension { - height: 7vw; - width: 50vw; - position: absolute; - left: 25vw; - top: 50vh; - z-index: 15; - } - - #conteneurmode{ - width: 80%; - height: 80%; - left : 10%; - top : 45%; - position: absolute; - background-color: var(--lightsedonca); - border-radius: 5vw; - } - - #triangleprec{ - width: 0; - height: 0; - margin: 0.25vw auto 0 auto; - border-top: 2vw solid transparent; - border-right: 4vw solid grey; - border-bottom: 2vw solid transparent; - margin-top: 0.75vw; - } - - #trianglesuiv{ - width: 0; - height: 0; - margin: 0.25vw auto 0 auto; - border-top: 2vw solid transparent; - border-left: 4vw solid grey; - border-bottom: 2vw solid transparent; - margin-top: 0.75vw; - } - - #textmode { - font-family: Lucida Console, Arial Black, Arial; - font-size: 3vw; - color: #707070; - text-align:center; - margin: 5% auto 0 auto; - } - - #textdimension { - font-family: Lucida Console, Arial Black, Arial; - font-size: 3vw; - color: #707070; - text-align:center; - margin: 5% auto 0 auto; - } - - .logoboutton{ - font-size: 2vw; - color: var(--lightprima); - margin: 1vw; - } - - /*Externe*/ - .bouttonMenuHaut{ - height: 4vw; - width: 4vw; - background-color: var(--lightsedonca); - border-radius: 50%; - margin: 0 auto; - margin-top: 2.5vw; - position: relative; - display: block; - } - - - .divmenu { - width: 25vw; - height: inherit; - margin-right: 1vw; - } - - - #affPoints { - text-align: center; - font-family: Montserrat, impact, Arial Black; - font-size: 2vw; - margin-top: 3.5vw; - color: var(--lightsedonca); - } - - .containcards { - overflow-x: auto; - display: grid; - grid-template-columns: repeat(4,auto); - grid-template-rows: repeat(4,auto); - padding-top: 1vw; - justify-content: center; - } - - .flex-item { - flex-grow: 1; - background: var(--lightsedonca); - width: var(--tailleTablette); - border-radius: 0.75vw; - padding-right: 0.15vw; - padding-left: 0.15vw; - padding-bottom: 0.25vw; - list-style: none; - display: flex; - margin-right: 0.4vw; - margin-left: 0.4vw; - margin-bottom: 1vw; - -webkit-flex-flow: row wrap; - justify-content: space-around; - } - - .item-form { - width: 4vh; - height: 4vh; - padding-left: 0.1vw; - margin-top: 0.25vw; - border-radius: 10px; - background-color: var(--lighttercia); - } - - #containBottom{ - position: absolute; - bottom: -15%; - width: auto; - left: 50%; - z-index: 20; - height: auto; - } - - #containScore { - display: grid; - grid-template-columns: repeat(5, 100px); - grid-template-rows: repeat(2, 100px); - grid-column-gap: 1vw; - justify-content: center; - position: relative; - left: -50%; - - } - - .titreScore{ - font: 700 5vh "Poppins", sans-serif; - color: #2B2D2F; - position: relative; - left: -50%; - text-align: center; - } - - .case-score{ - padding: 4px; - position: relative; - z-index: 1; - width: 12vh; - height: 12vh; - cursor: default; - transition: all 0.3s ease; - } - - .case-score .score-description { - background-color: #B7B7B7; - padding: 10px 15px; - width: calc(100% - 30px); - height: calc(100% - 20px); - transition: inherit; - } - - .case-score .score-position { - font: 700 3vw "Poppins", sans-serif; - margin-left: -1vw; - transition: 0.2s ease 150ms; - } - .case-score .score-pseudo, .score-points { - font: 500 12px "Poppins", sans-serif; - margin-top: -0.2em; - margin-left: -1vw; - } - - .case-score:after { - z-index: 10; - background: #f9f8f7; - color: #333; - width: 180px; - position: absolute; - top: 80%; - opacity: 0; - transition: opacity 0.3s ease 0.3s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; - height: auto; - font-size: 12px; - line-height: 1.4; - padding: 10px; - margin: 0 0 0 -50px; - border-radius: 6px; - text-align: center; - } - .case-score:hover { - transform: scale(1.12); - z-index: 10; - } - - .case-score:hover .score-description { - background: transparent; - } - .case-score:hover .score-position, - .case-score:hover .score-pseudo, - .case-score:hover .score-points { - -webkit-text-fill-color: #222; - } - .case-score:hover:after { - top: 105%; - opacity: 1; - } - - .first { - background: linear-gradient(to bottom right, #f3f9a6 0%, #cbc634 100%); - } - .first .score-position, - .first .score-pseudo, - .first .score-points { - background: -webkit-linear-gradient(#2B2D2F, #2B2D2F); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - - .second { - background: linear-gradient(to bottom right, #37cfdc 0%, #5a88e5 100%); - } - - .second .score-position, - .second .score-pseudo, - .second .score-points { - background: -webkit-linear-gradient(#2B2D2F, #2B2D2F); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - - .third { - background: linear-gradient(to bottom right, #ff616d 0%, #ffc171 100%); - } - - .third .score-position, - .third .score-pseudo, - .third .score-points { - background: -webkit-linear-gradient(#2B2D2F, #2B2D2F); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - - .nopodium { - background: linear-gradient(to bottom right, #2c3e50 0%, #B7B7B7 90%); - } - - .nopodium .score-position, - .nopodium .score-pseudo, - .nopodium .score-points { - background: -webkit-linear-gradient(#3A3B3C, #3A3B3C ); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - - .content{ - margin-top: -5vw; - } - - #infosec2{ - position: relative; - z-index:15; - width: 2vw; - left: 5vw; - } - - .last{ - display: none; - } - - -} diff --git a/SwichGIT/HighscoreBD/debug.log b/SwichGIT/HighscoreBD/debug.log deleted file mode 100644 index f594d68..0000000 --- a/SwichGIT/HighscoreBD/debug.log +++ /dev/null @@ -1,2 +0,0 @@ -[1111/102926.535:ERROR:directory_reader_win.cc(43)] FindFirstFile: Le chemin d’accčs spécifié est introuvable. (0x3) -[1120/122821.005:ERROR:directory_reader_win.cc(43)] FindFirstFile: Le chemin d’accčs spécifié est introuvable. (0x3) diff --git a/SwichGIT/HighscoreBD/imgs/clicjour.png b/SwichGIT/HighscoreBD/imgs/clicjour.png deleted file mode 100644 index bfe5bdb..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/clicjour.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/imgs/clicnuit.png b/SwichGIT/HighscoreBD/imgs/clicnuit.png deleted file mode 100644 index ddab3c8..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/clicnuit.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/imgs/darkcloud.png b/SwichGIT/HighscoreBD/imgs/darkcloud.png deleted file mode 100644 index 1180ae6..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/darkcloud.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/imgs/darkmount1.png b/SwichGIT/HighscoreBD/imgs/darkmount1.png deleted file mode 100644 index 9db0759..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/darkmount1.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/imgs/darkmount2.png b/SwichGIT/HighscoreBD/imgs/darkmount2.png deleted file mode 100644 index a50ab6d..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/darkmount2.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/imgs/lightcloud.png b/SwichGIT/HighscoreBD/imgs/lightcloud.png deleted file mode 100644 index 7fffe28..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/lightcloud.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/imgs/mount1.png b/SwichGIT/HighscoreBD/imgs/mount1.png deleted file mode 100644 index 01b4e6e..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/mount1.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/imgs/mount2.png b/SwichGIT/HighscoreBD/imgs/mount2.png deleted file mode 100644 index 99db5d6..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/mount2.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/imgs/swishjour.png b/SwichGIT/HighscoreBD/imgs/swishjour.png deleted file mode 100644 index bd18f11..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/swishjour.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/imgs/swishnuit.png b/SwichGIT/HighscoreBD/imgs/swishnuit.png deleted file mode 100644 index df07fe2..0000000 Binary files a/SwichGIT/HighscoreBD/imgs/swishnuit.png and /dev/null differ diff --git a/SwichGIT/HighscoreBD/index.php b/SwichGIT/HighscoreBD/index.php deleted file mode 100644 index 645ff67..0000000 --- a/SwichGIT/HighscoreBD/index.php +++ /dev/null @@ -1,800 +0,0 @@ - - -
- - -