diff --git a/SwichGIT/src/css/PageDaccueil.css b/SwichGIT/src/css/PageDaccueil.css new file mode 100644 index 0000000..13688e8 --- /dev/null +++ b/SwichGIT/src/css/PageDaccueil.css @@ -0,0 +1,480 @@ +#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; +} + +#infosec2{ + 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/src/css/PartieGame.css b/SwichGIT/src/css/PartieGame.css new file mode 100644 index 0000000..169c90e --- /dev/null +++ b/SwichGIT/src/css/PartieGame.css @@ -0,0 +1,108 @@ + +#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: 800px; + padding:1px; + background-color:white; + border:1px solid black; + height:10px; + border-radius: 5px; + margin-top: 80px; + + +} + +#indicateur +{ + width: 800px; + background-color : green; + height:10px; + margin: 0; + +} \ No newline at end of file diff --git a/SwichGIT/src/css/Resp3.css b/SwichGIT/src/css/Resp3.css new file mode 100644 index 0000000..105b755 --- /dev/null +++ b/SwichGIT/src/css/Resp3.css @@ -0,0 +1,77 @@ +/*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); + } + .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/src/css/base.css b/SwichGIT/src/css/base.css new file mode 100644 index 0000000..1523516 --- /dev/null +++ b/SwichGIT/src/css/base.css @@ -0,0 +1,114 @@ +: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; + /*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/src/css/desktops.css b/SwichGIT/src/css/desktops.css new file mode 100644 index 0000000..6320d4f --- /dev/null +++ b/SwichGIT/src/css/desktops.css @@ -0,0 +1,293 @@ +/*Ecran*/ +@media screen and (min-width: 992px) { + + :root{ + --taille : 10vw; + } + + /*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; + } + + #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; + } + + #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: flex; + flex-wrap: wrap; + padding-top: 7vw; + 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; + } +} diff --git a/SwichGIT/src/css/formes.css b/SwichGIT/src/css/formes.css new file mode 100644 index 0000000..d68c9e7 --- /dev/null +++ b/SwichGIT/src/css/formes.css @@ -0,0 +1,111 @@ +.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/src/css/phone.css b/SwichGIT/src/css/phone.css new file mode 100644 index 0000000..2418cd2 --- /dev/null +++ b/SwichGIT/src/css/phone.css @@ -0,0 +1,6 @@ +/*Demi Ecran*/ +@media screen and (max-width: 768px) { + body{ + background-color: green; + } +} diff --git a/SwichGIT/src/css/pickr.min.css b/SwichGIT/src/css/pickr.min.css new file mode 100644 index 0000000..a32fb0e --- /dev/null +++ b/SwichGIT/src/css/pickr.min.css @@ -0,0 +1,2041 @@ +/*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: 669px) 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/src/css/tablet.css b/SwichGIT/src/css/tablet.css new file mode 100644 index 0000000..dac108b --- /dev/null +++ b/SwichGIT/src/css/tablet.css @@ -0,0 +1,289 @@ +/*DemTĂ©lĂ©phone 1i Ecran*/ +@media screen and (min-width: 669px) and (max-width: 992px) { + + :root{ + --taille : 14vw; + } + + .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: 45vw; + left: 28vw; + top: 13%; + 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: 5.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: 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; + } + + .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: flex; + flex-wrap: wrap; + padding-top: 5vw; + justify-content: center; + width: 70vw; + margin: 0 auto; + grid-row-gap: 2vw; + column-gap: 2vw; + } + + .flex-item { + flex-grow: 1; + 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: 4vw; + height: 4vw; + padding-left: 0.1vw; + margin-top: 0.25vw; + border-radius: 10px; + background-color: var(--lighttercia); + } + +} diff --git a/SwichGIT/src/debug.log b/SwichGIT/src/debug.log new file mode 100644 index 0000000..f594d68 --- /dev/null +++ b/SwichGIT/src/debug.log @@ -0,0 +1,2 @@ +[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/src/imgs/clicjour.png b/SwichGIT/src/imgs/clicjour.png new file mode 100644 index 0000000..bfe5bdb Binary files /dev/null and b/SwichGIT/src/imgs/clicjour.png differ diff --git a/SwichGIT/src/imgs/clicnuit.png b/SwichGIT/src/imgs/clicnuit.png new file mode 100644 index 0000000..ddab3c8 Binary files /dev/null and b/SwichGIT/src/imgs/clicnuit.png differ diff --git a/SwichGIT/src/imgs/darkcloud.png b/SwichGIT/src/imgs/darkcloud.png new file mode 100644 index 0000000..1180ae6 Binary files /dev/null and b/SwichGIT/src/imgs/darkcloud.png differ diff --git a/SwichGIT/src/imgs/darkmount1.png b/SwichGIT/src/imgs/darkmount1.png new file mode 100644 index 0000000..9db0759 Binary files /dev/null and b/SwichGIT/src/imgs/darkmount1.png differ diff --git a/SwichGIT/src/imgs/darkmount2.png b/SwichGIT/src/imgs/darkmount2.png new file mode 100644 index 0000000..a50ab6d Binary files /dev/null and b/SwichGIT/src/imgs/darkmount2.png differ diff --git a/SwichGIT/src/imgs/lightcloud.png b/SwichGIT/src/imgs/lightcloud.png new file mode 100644 index 0000000..7fffe28 Binary files /dev/null and b/SwichGIT/src/imgs/lightcloud.png differ diff --git a/SwichGIT/src/imgs/mount1.png b/SwichGIT/src/imgs/mount1.png new file mode 100644 index 0000000..01b4e6e Binary files /dev/null and b/SwichGIT/src/imgs/mount1.png differ diff --git a/SwichGIT/src/imgs/mount2.png b/SwichGIT/src/imgs/mount2.png new file mode 100644 index 0000000..99db5d6 Binary files /dev/null and b/SwichGIT/src/imgs/mount2.png differ diff --git a/SwichGIT/src/imgs/swishjour.png b/SwichGIT/src/imgs/swishjour.png new file mode 100644 index 0000000..bd18f11 Binary files /dev/null and b/SwichGIT/src/imgs/swishjour.png differ diff --git a/SwichGIT/src/imgs/swishnuit.png b/SwichGIT/src/imgs/swishnuit.png new file mode 100644 index 0000000..df07fe2 Binary files /dev/null and b/SwichGIT/src/imgs/swishnuit.png differ diff --git a/SwichGIT/src/index.html b/SwichGIT/src/index.html new file mode 100644 index 0000000..c134914 --- /dev/null +++ b/SwichGIT/src/index.html @@ -0,0 +1,677 @@ + + + + + + SwishGame + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
    +
  • + i +
    • +
+
+
+
+
+ +
+
+
+ +
+ +
+
+

JOUER

+
+
+ +
+ + +
+
+

Les Règles :

+ × +
+ Swish : Jeu de 60 cartes composé chacun de billes et de cerceaux, de 4 couleurs + différentes possibles. 16 cartes sont posés sur une table et le joueur doit faire superposer + des cartes de manière que chaque bille soit dans le cerceau de même couleur d’une autre + carte. +
+
+
+ +
+
+

Paramètres

+ × +
+
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+
+
+ + + +
+
+
+
+
+
+ + + + + + + + +
+ +
+
+

JOUER

+
+
+ +
+ +
+ +
+ +
+
+ +
+
+ + +
+

Solo

+
+ +
+
+ +
+
+ + + +
+
+ +
+
+ + +
+ + +
+ +
+ + + +
+
+ +
+
+
+ +
+ +
+ +
+ +
+ +
+

Score : 0

+
+ +
+ + + +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+
+
+ +
+ +
+ +
+

+
+
+ + + + + + diff --git a/SwichGIT/src/js/jquery.js b/SwichGIT/src/js/jquery.js new file mode 100644 index 0000000..a1c07fd --- /dev/null +++ b/SwichGIT/src/js/jquery.js @@ -0,0 +1,2 @@ +/*! jQuery v3.4.1 | (c) JS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],E=C.document,r=Object.getPrototypeOf,s=t.slice,g=t.concat,u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.4.1",k=function(e,t){return new k.fn.init(e,t)},p=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;function d(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp($),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+$),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ne=function(e,t,n){var r="0x"+t-65536;return r!=r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(m.childNodes),m.childNodes),t[m.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&((e?e.ownerDocument||e:m)!==C&&T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!A[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&U.test(t)){(s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=k),o=(l=h(t)).length;while(o--)l[o]="#"+s+" "+xe(l[o]);c=l.join(","),f=ee.test(t)&&ye(e.parentNode)||e}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){A(t,!0)}finally{s===k&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[k]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:m;return r!==C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),m!==C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=k,!C.getElementsByName||!C.getElementsByName(k).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+k+"-]").length||v.push("~="),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+k+"+*").length||v.push(".#.+[+~]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",$)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e===C||e.ownerDocument===m&&y(m,e)?-1:t===C||t.ownerDocument===m&&y(m,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===C?-1:t===C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]===m?-1:s[r]===m?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if((e.ownerDocument||e)!==C&&T(e),d.matchesSelector&&E&&!A[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){A(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=p[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&p(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?k.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?k.grep(e,function(e){return e===n!==r}):"string"!=typeof n?k.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(k.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:L.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof k?t[0]:t,k.merge(this,k.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),D.test(r[1])&&k.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(k):k.makeArray(e,this)}).prototype=k.fn,q=k(E);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}k.fn.extend({has:function(e){var t=k(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?k.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;nx",y.noCloneChecked=!!me.cloneNode(!0).lastChild.defaultValue;var Te=/^key/,Ce=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ee=/^([^.]*)(?:\.(.+)|)/;function ke(){return!0}function Se(){return!1}function Ne(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ae(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ae(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Se;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return k().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=k.guid++)),e.each(function(){k.event.add(this,t,i,r,n)})}function De(e,i,o){o?(Q.set(e,i,!1),k.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Q.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(k.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Q.set(this,i,r),t=o(this,i),this[i](),r!==(n=Q.get(this,i))||t?Q.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n.value}else r.length&&(Q.set(this,i,{value:k.event.trigger(k.extend(r[0],k.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Q.get(e,i)&&k.event.add(e,i,ke)}k.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.get(t);if(v){n.handler&&(n=(o=n).handler,i=o.selector),i&&k.find.matchesSelector(ie,i),n.guid||(n.guid=k.guid++),(u=v.events)||(u=v.events={}),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof k&&k.event.triggered!==e.type?k.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(R)||[""]).length;while(l--)d=g=(s=Ee.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=k.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=k.event.special[d]||{},c=k.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&k.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),k.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.hasData(e)&&Q.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(R)||[""]).length;while(l--)if(d=g=(s=Ee.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=k.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||k.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)k.event.remove(e,d+t[l],n,r,!0);k.isEmptyObject(u)&&Q.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=k.event.fix(e),u=new Array(arguments.length),l=(Q.get(this,"events")||{})[s.type]||[],c=k.event.special[s.type]||{};for(u[0]=s,t=1;t\x20\t\r\n\f]*)[^>]*)\/>/gi,qe=/\s*$/g;function Oe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&k(e).children("tbody")[0]||e}function Pe(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Re(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Me(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(Q.hasData(e)&&(o=Q.access(e),a=Q.set(t,o),l=o.events))for(i in delete a.handle,a.events={},l)for(n=0,r=l[i].length;n")},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=oe(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||k.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Vt,Gt=[],Yt=/(=)\?(?=&|$)|\?\?/;k.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Gt.pop()||k.expando+"_"+kt++;return this[e]=!0,e}}),k.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Yt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Yt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Yt,"$1"+r):!1!==e.jsonp&&(e.url+=(St.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||k.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?k(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Gt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Vt=E.implementation.createHTMLDocument("").body).innerHTML="
",2===Vt.childNodes.length),k.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=D.exec(e))?[t.createElement(i[1])]:(i=we([e],t,o),o&&o.length&&k(o).remove(),k.merge([],i.childNodes)));var r,i,o},k.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(k.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},k.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){k.fn[t]=function(e){return this.on(t,e)}}),k.expr.pseudos.animated=function(t){return k.grep(k.timers,function(e){return t===e.elem}).length},k.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=k.css(e,"position"),c=k(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=k.css(e,"top"),u=k.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,k.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},k.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){k.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===k.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===k.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=k(e).offset()).top+=k.css(e,"borderTopWidth",!0),i.left+=k.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-k.css(r,"marginTop",!0),left:t.left-i.left-k.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===k.css(e,"position"))e=e.offsetParent;return e||ie})}}),k.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;k.fn[t]=function(e){return _(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),k.each(["top","left"],function(e,n){k.cssHooks[n]=ze(y.pixelPosition,function(e,t){if(t)return t=_e(e,n),$e.test(t)?k(e).position()[n]+"px":t})}),k.each({Height:"height",Width:"width"},function(a,s){k.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){k.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return _(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?k.css(e,t,i):k.style(e,t,n,i)},s,n?e:void 0,n)}})}),k.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){k.fn[n]=function(e,t){return 0 16) { + var index2 = getRandom(0, TasDuJEU.length - 1) + var dejaPresente = false;//Permet de savoir si la carte est deja dans la liste + for (var j = 0; j < deckPartie.length; j++) { + if (TasDuJEU[index2].identifiant == deckPartie[j].identifiant) { + dejaPresente = true; + } + } + while (dejaPresente == true) { + index2 = getRandom(0, TasDuJEU.length - 1) + dejaPresente = false;//Permet de savoir si la carte est deja dans la liste + for (var j = 0; j < deckPartie.length; j++) { + if (TasDuJEU[index2].identifiant == deckPartie[j].identifiant) { + dejaPresente = true; + } + } + } + unIndex = deckPartie.indexOf(carteselect[0]); + deckPartie[unIndex] = TasDuJEU[index2]; + } else { + unIndex = deckPartie.indexOf(carteselect[0]); + deckPartie.splice(unIndex, 1); + } + carteselect.shift(); + } + afficherCartes(deckPartie); +} + + + +function changerlesCartes() { + while (carteselect.length != 0) { + remplacerLaCarte(carteselect[0]); + carteselect.shift(); + } + rechargerGAME(); +} + +function remplacerLaCarte(uneCarte) { + pos = deckPartie.indexOf(uneCarte); + var AllFigure = []; + var Cox1, Coy1, Cox2, Coy2; + + Cox1 = getRandom(0, 2); + Coy1 = getRandom(0, 3); + AllFigure.push(new Figure(new Array(TypeFigure.Petit), FormeFigure.Rond, Cox1, Coy1)); + + Cox2 = getRandom(0, 2); + Coy2 = getRandom(0, 3); + + while (Cox2 == Cox1 && Coy1 == Coy2) { + Cox2 = getRandom(0, 2); + Coy2 = getRandom(0, 3); + } + AllFigure.push(new Figure(new Array(TypeFigure.Moyen), FormeFigure.Rond, Cox2, Coy2)); + //Code de Generation de Figure + var newCarte = new Carte(pos + 1, AllFigure); + deckPartie[pos] = newCarte; +} + +//==================================================================================== +//GESTION DE MATRICE + +function somMatrice(matrice1, matrice2, row, column) { + var somMatrice = creaMatriceVierge(row, column); + for (var i = 0; i < column; i++) { + for (var j = 0; j < row; j++) { + somMatrice[i][j] = matrice1[i][j] + matrice2[i][j]; + } + } + return somMatrice; +} + +function copieMatrice(laMatrice, row, column) { + var myMatrice = new Array(); + for (var i = 0; i < column; i++) { + myMatrice[i] = new Array(); + for (var j = 0; j < row; j++) { + myMatrice[i][j] = laMatrice[i][j]; + } + } + return myMatrice; +} + +function getRandom(min, max) { + return Math.round(Math.random() * (max - min) + min) +} + +function creaMatriceVierge(row, column) { + var myMatrice = new Array(); + for (var i = 0; i < column; i++) { + myMatrice[i] = new Array(); + for (var j = 0; j < row; j++) { + myMatrice[i][j] = 0; + } + } + return myMatrice; +} + +function creaMatrice(row, column) { + + var myMatrice = creaMatriceVierge(row, column); + + var Cox1, Coy1, Cox2, Coy2; + + Cox1 = getRandom(0, 2); + Coy1 = getRandom(0, 3); + + myMatrice[Cox1][Coy1] = 1; + + Cox2 = getRandom(0, 2); + Coy2 = getRandom(0, 3); + + while (Cox2 == Cox1 && Coy1 == Coy2) { + Cox2 = getRandom(0, 2); + Coy2 = getRandom(0, 3); + } + myMatrice[Cox2][Coy2] = 2; + + return myMatrice; + +} + +//================================================================================= +//chercheCombi => Compte les combinainsons de 2 à 5 cartes a l'ecran +//Pour changer le nombre de carte maximum dans une liste il faut changer la valeur max de N + +function chercherCombinaison() { + var Cptsolution = 0; + /* + Pour toutes les longueurs possible d’un tas de carte (N = 0, N<4 ; N++) + Pour toutes les échantillon de cartes ( i = 0 ; i<16 – N ; i ++) + Pour toutes les autres cartes (j=0 ;j<15-i-N ;j++) + DeckTest = vide ; + DeckTest.push(DeckPartie[i]) + Pour N + 2 cartes (k=1 ;k<2+N ;k++) + DeckTest.push(DeckPartie[i+k+j]) + Tab = AssemblageArbre(copie(Decktest) , Decktest[0]) + Pour toutes les valeurs de tab + Si tab[m] == N+2 + //Woula j’ai trouvé*/ + for (var N = 0; N < 4; N++) { + for (var i = 0; i < 16 - N; i++) { + for (var j = 0; j < 15 - i - N; j++) { + var DeckTeste = []; + var tabCode = []; + var tab = []; + var copie = []; + DeckTeste.push(deckPartie[i]); + for (var k = 1; k < N + 2; k++) { + DeckTeste.push(deckPartie[i + k + j]) + } + tab = AssemblageARBRE(copieListeDeCarte(DeckTeste), copieCarte(DeckTeste[0])); + + //Recupération de code + + var solution = true; + for (var h = 0; h < tab.length; h++) { + tabCode.push(tab[h].code); + } + //Reagarde si il y a une solution + for (var g = 0; g < tab.length; g++) { + if (tab[g].code == DeckTeste.length) { + solution = false; + } + } + //Reagarde si il y a une solution + if (!solution) { + Cptsolution++; + var recup = []; + for (var h = 0; h < DeckTeste.length; h++) { + recup.push(deckPartie.indexOf(DeckTeste[h]) + 1); + } + window.alert("Combinaison a " + (N + 2) + " cartes trouvée : " + recup); + } + } + } + } + window.alert("Nombre de combinaison: " + Cptsolution); +} + +function test() { + printCombinations([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15], 3); +} + +function printCombinations(array, p) { + var combinations = []; + var Cptsolution = 0; + for (k = 2; k < p + 1; k++) { + + function run(level, start) { + for (var i = start; i < array.length - k + level + 1; i++) { + combinations[level] = array[i]; + //console.log(i); + if (level < k - 1) { + + run(level + 1, i + 1); + } else { + + var combTest = []; + for (var j = 0; j < combinations.length; j++) { + combTest.push(deckPartie[combinations[j]]); + //window.alert("Matrice ajouté num" + j + " :" + deckPartie[combinations[j]].getMatrice); + //console.log("i"+j +" :"+ combinations[j]); + } + //console.log("matrice début ex: "+combTest[0].getMatrice); + console.log("Cartes selectionnées :(en partant de indice 0) :") + console.log(combinations.join(" ")); + console.log("----- taille :" + combTest.length + " -------"); + + var cpt = testCombinaison(combTest, combinations, Cptsolution); + Cptsolution = cpt; + } + } + } + run(0, 0); + } + window.alert("nb combi :" + Cptsolution); +} + + +function testCombinaison(DeckTeste, combi, Cptsolution) { + var tabCode = []; + var tab = []; + //window.alert("---------------"); + tab = AssemblageARBRE(copieListeDeCarte(DeckTeste), copieCarte(DeckTeste[0])); + + //Recupération de code + var solution = true; + for (var h = 0; h < tab.length; h++) { + tabCode.push(tab[h].code); + } + //Reagarde si il y a une solution + for (var g = 0; g < tab.length; g++) { + if (tab[g].code == DeckTeste.length) { + solution = false; + } + } + //Reagarde si il y a une solution + if (!solution) { + Cptsolution++; + window.alert("Combinaison à " + (DeckTeste.length) + " cartes trouvée : " + combi); + } + return Cptsolution; +} + +function chercheCombi2() { + + var Cptsolution = 0; + for (var i = 0; i < 15; i++) { + + for (var j = 0; j < 15 - i; j++) { + + var DeckTeste = []; + var tabCode = []; + var tab = []; + var copie = []; + copie.splice(0, DeckTeste.length); + DeckTeste.splice(0, DeckTeste.length); + tab.splice(0, DeckTeste.length); + tabCode.splice(0, DeckTeste.length); + + DeckTeste.push(copieCarte(deckPartie[i])); + DeckTeste.push(copieCarte(deckPartie[j + i + 1])); + + + for (var h = 0; h < DeckTeste.length; h++) { + copie.push(DeckTeste[i]); + } + + tab = AssemblageARBRE(copieListeDeCarte(DeckTeste), copieCarte(DeckTeste[0])); + + var solution = true; + + + for (var h = 0; h < tab.length; h++) { + tabCode.push(tab[h].code); + } + + for (var g = 0; g < tab.length; g++) { + if (tab[g].code == DeckTeste.length) { + solution = false; + } + } + if (!solution) { + Cptsolution++; + window.alert("Combinaison a 2 trouve: " + (i + 1) + " " + (i + j + 2)); + } + } + } + window.alert("Nombre de solution a 2 cartes : " + Cptsolution); +} + +//================================================================================= +//chercheCombi => Compte les combinainsons de 3 cartes a l'ecran +function chercheCombi3() { + var Cptsolution = 0; + for (var i = 0; i < 15; i++) { //Partie fixe + + for (var j = 0; j < 15 - i; j++) { //Partie movible 1 + + for (var k = 0; k < 15 - j; k++) { //Partie movible 2 + + var DeckTeste = []; + var tabCode = []; + var tab = []; + var copie = []; + copie.splice(0, DeckTeste.length); + DeckTeste.splice(0, DeckTeste.length); + tab.splice(0, DeckTeste.length); + tabCode.splice(0, DeckTeste.length); + + DeckTeste.push(deckPartie[i]); + DeckTeste.push(deckPartie[j + i + 1]); + DeckTeste.push(deckPartie[k + j + i + 2]); + + for (var h = 0; h < DeckTeste.length; h++) { + copie.push(DeckTeste[i]); + } + + for (var z = 0; z < DeckTeste; z++) { + if (DeckTeste[z] == null) { + window.alert("Pb carte null :" + i + j + k); + } + } + + tab = AssemblageARBRE(copieListeDeCarte(DeckTeste), copieCarte(DeckTeste[0])); + var solution = true; + + for (var h = 0; h < tab.length; h++) { + tabCode.push(tab[h].code); + } + + for (var g = 0; g < tab.length; g++) { + if (tab[g].code == DeckTeste.length) { + solution = false; + } + } + if (!solution) { + Cptsolution++; + window.alert("Combinaison a 3 trouve: " + (i + 1) + " " + (i + j + 2) + " " + (k + j + i + 3)); + } + } + } + } + if (Cptsolution == 0) { + window.alert("Pas de solution"); + } + window.alert("Nombre de solution a 3 cartes : " + Cptsolution); +} + + +//================================================================================= +//FONCTION DE TEST => permet de tester des fonctionnalite via le bouton VALIDER + +var cpt = 801; +var x; +var itv = 0; + +function decompte() { + + var progressnum = document.getElementById("progressnum"); + var indicateur = document.getElementById("indicateur"); + + if (cpt >= 0) { + + cpt--; + x = setTimeout("decompte()", 100); + } + + else { + clearTimeout(x); + } + + if (cpt == 0) { + window.alert("fin du jeu"); + retour(); + window.location.reload(); + clearInterval(itv); + } + + if(cpt < 400) { + document.getElementById("indicateur").style.backgroundColor = "orange"; + + } + + if(cpt < 100) { + document.getElementById("indicateur").style.backgroundColor = "red"; + } + + indicateur.style.width = cpt + "px"; + progressnum.innerHTML = cpt; +} + + + +function testPourJeuInfini() { + try { + if (carteselect.length == 0) { + window.alert("Selection Vide"); + return; + } else if (carteselect.length < 2) { + window.alert("Selection Trop Petite"); + return; + } else { + var copie = []; + for (var i = 0; i < carteselect.length; i++) { + copie.push(copieCarte(carteselect[i])); + } + var tab = []; + tab = AssemblageARBRE(copieListeDeCarte(copie), copieCarte(carteselect[0])); + var solution = true; + var tabCode = []; + for (var i = 0; i < tab.length; i++) { + tabCode.push(tab[i].code); + } + for (var i = 0; i < tab.length; i++) { + if (tab[i].code == carteselect.length) { + solution = false; + changerlesCartes(); + } + } + if (solution) { + window.alert("Rien trouve chef !!!"); + } + if (!solution) { + window.alert("J'ai une solution chef !!!!"); + } + window.alert(TasDuJEU.length) + } + } catch (e) { + window.alert(e); + } +} + +//Fonction de test mias pour le jeu classique + +function testPourJeuClassique() { + //try { + if (carteselect.length == 0) { + window.alert("Selection Vide test pour jeu classique"); + return; + } else if (carteselect.length < 2) { + window.alert("Selection Trop Petite"); + return; + } else { + var copie = []; + for (var i = 0; i < carteselect.length; i++) { + copie.push(copieCarte(carteselect[i])); + } + var tab = []; + tab = AssemblageARBRE(copie, copieCarte(carteselect[0])); + var solution = true; + var tabCode = []; + for (var i = 0; i < tab.length; i++) { + tabCode.push(tab[i].code); + } + for (var i = 0; i < tab.length; i++) { + if (tab[i].code == carteselect.length) { + solution = false; + cpt = cpt + 20 * copie.length; + lesPoints += carteselect.length; + document.getElementById("affPoints").textContent = 'Score : ' + lesPoints; + changerlesCartesDeTasDeJeu(); + } + } + if (solution) { + document.getElementById("affSolution").textContent = 'Aucune solution trouvée...' + } + if (!solution) { + document.getElementById("affSolution").textContent = 'Assemblage de ' + copie.length + ' cartes trouvé ! Il reste encore ' + TasDuJEU.length + ' cartes !'; + } + } + /*} catch (e) { + window.alert(e); + }*/ +} + +//=================================================================================== +//Function de copie diverse + +function copieListeDeCarte(Liste) { + var copie = []; + for (var i = 0; i < Liste.length; i++) { + copie.push(copieCarte(Liste[i])); + } + return copie; +} + +function copieCarte(uneCarte) { + if (uneCarte == null) { + return null; + } + var AllFigure = []; + for (var i = 0; i < uneCarte.SesFigures.length; i++) { + AllFigure.push(new Figure(uneCarte.SesFigures[i].type, uneCarte.SesFigures[i].forme, uneCarte.SesFigures[i].X, uneCarte.SesFigures[i].Y)); + } + var carte = new Carte(uneCarte.getIdentifiant, AllFigure); + carte.Matrice = copieMatrice(uneCarte.Matrice, uneCarte.row, uneCarte.column); + return carte; +} + +function copieLiseDeFigure(Liste) { + var copie = []; + for (var i = 0; i < Liste.length; i++) { + copie.push(copieFigure(Liste[i])); + window.alert("code " + copie[i].CodeHTML) + } + return copie; +} + +function copieFigure(uneFigure) { + window.alert("Avant copiage " + uneFigure.CodeHTML) + if (uneFigure == null) { + return null; + } + window.alert("je fais la copie") + var copie = new Figure(uneFigure.type, uneFigure.forme, uneFigure.X, uneFigure.Y); + return copie; +} +//===================================================================================================== +//Function de manipulataion de Carte + +function Verticale(coCarte) { + var laCarte; + laCarte = copieCarte(coCarte); + laCarte = laCarte.carteVerticale; + return laCarte; +} + +function Horizontale(coCarte) { + var laCarte; + laCarte = copieCarte(coCarte); + laCarte = laCarte.carteHorizontale; + return laCarte; +} + +//============================================================================================================================== + +//FONCTION POUR TESTER L'ARBRE + +class CODE { + constructor(Carte) { + this.code = 0; + this.laCarte = Carte; + } +} + +function AssemblageARBRE(TasDeCarte, Carte) { + var uneTable = copieListeDeCarte(TasDeCarte); + var tab = new Array(); + var tabCode = new Array(); + uneTable.splice(0, 1); + if (uneTable.length == 0) { + var leCode = new CODE(Carte); + tab.push(leCode); + return tab; + } + tab.push(AssemblageARBRE(uneTable, copieCarte(uneTable[0]))); + tab.push(AssemblageARBRE(uneTable, Horizontale(copieCarte(uneTable[0])))); + tab.push(AssemblageARBRE(uneTable, Verticale(copieCarte(uneTable[0])))); + var derniereCarte = Horizontale(Verticale(copieCarte(uneTable[0]))); + tab.push(AssemblageARBRE(uneTable, derniereCarte)); + for (var i = 0; i < tab.length; i++) { + for (var j = 0; j < tab[i].length; j++) { + tabCode.push(tab[i][j]); + } + } + + for (var i = 0; i < tabCode.length; i++) { + if (tabCode[i].code != -1) { + var enregistrement = tabCode[i].code; + tabCode[i] = comparaisonARBRE(tabCode[i].laCarte, Carte); + tabCode[i].code += enregistrement; + } + } + return tabCode; +} + + +function comparaisonARBRE(CarteMereEntree, CarteFilleEntree) { + var retour = []; + var liaison = 0; + var CarteMere = copieCarte(CarteMereEntree); + var CarteFille = copieCarte(CarteFilleEntree); + for (var i = 0; i < CarteFille.SesFigures.length; i++) { + for (var j = 0; j < CarteMere.SesFigures.length; j++) { + if (CarteFille.SesFigures[i].X == CarteMere.SesFigures[j].X) { + if (CarteFille.SesFigures[i].Y == CarteMere.SesFigures[j].Y) { + //Coordonnees identiques + if (CarteFille.SesFigures[i].forme == CarteMere.SesFigures[j].forme) { + //Forme identiques + for (var k = 0; k < CarteMere.SesFigures[j].type.length; k++) { + if (CarteFille.SesFigures[i].type[0] == TypeFigure.Petit) { + if (CarteMere.SesFigures[j].type[k] == TypeFigure.Petit) { + var leCode = new CODE(CarteMere); + leCode.code = -1; + return leCode; + } + } else if (CarteFille.SesFigures[i].type[0] == TypeFigure.Moyen) { + if (CarteMere.SesFigures[j].type[k] == TypeFigure.Moyen) { + var leCode = new CODE(CarteMere); + leCode.code = -1; + return leCode; + } + } else if (CarteFille.SesFigures[i].type[0] == TypeFigure.Grand) { + if (CarteMere.SesFigures[j].type[k] == TypeFigure.Grand) { + var leCode = new CODE(CarteMere); + leCode.code = -1; + return leCode; + } + } + } + //Si le type de la figure n'y est pas on l'ajoute a la liste de carte Mere; + liaison = liaison + 1; + CarteMere.SesFigures[j].type.push(CarteFille.SesFigures[i].type[0]); + } else { + var leCode = new CODE(CarteMere); + leCode.code = -1; + return leCode; + } + } + } + } + } + var CarteSomme = SommeDeCarte(CarteMere, copieCarte(CarteFille)); + var leCode = new CODE(CarteSomme); + leCode.code = liaison; + return leCode; +} + +function SommeDeCarte(CarteMere, CarteFille) { + CarteMere.Matrice = creaMatriceVierge(CarteMere.row, CarteMere.column); + for (var i = 0; i < CarteFille.SesFigures.length; i++) { + var manquant = true; + for (var j = 0; j < CarteMere.SesFigures.length; j++) { + if (CarteFille.SesFigures[i].X == CarteMere.SesFigures[j].X) { + if (CarteFille.SesFigures[i].Y == CarteMere.SesFigures[j].Y) { + manquant = false; + } + } + } + if (manquant) { + CarteMere.SesFigures.push(CarteFille.SesFigures[i]); + } + } + + for (var i = 0; i < CarteMere.SesFigures.length; i++) { + for (var j = 0; j < CarteMere.SesFigures[i].type.length; j++) { + if (CarteMere.SesFigures[i].type[j] == TypeFigure.Petit) { + CarteMere.Matrice[CarteMere.SesFigures[i].X][CarteMere.SesFigures[i].Y] += 1; + } else if (CarteMere.SesFigures[i].type[j] == TypeFigure.Moyen) { + CarteMere.Matrice[CarteMere.SesFigures[i].X][CarteMere.SesFigures[i].Y] += 2; + } else if (CarteMere.SesFigures[i].type[j] == TypeFigure.Grand) { + CarteMere.Matrice[CarteMere.SesFigures[i].X][CarteMere.SesFigures[i].Y] += 4; + } + } + } + return CarteMere; +} + +//================================================================================================================================ + +//================================================================================== + + + + +function doublonInterdit(uneCarte) { + var lesCoPetit = []; + lesCoPetit.push([1, 1], [1, 1], [1, 2], [1, 2], [1, 1], [2, 2], [1, 1], [2, 1], [1, 2], [2, 2], [1, 2], [2, 1]); + var lesCoMoyens = []; + lesCoMoyens.push([2, 1], [3, 3], [1, 1], [3, 4], [2, 3], [1, 4], [1, 2], [1, 1], [2, 3], [1, 3], [2, 4], [1, 3]); + for (var i = 0; i < lesCoPetit.length; i++) { + if (uneCarte.SesFigures[0].X == (lesCoPetit[i][0]) - 1) { + if (uneCarte.SesFigures[0].Y == (lesCoPetit[i][1]) - 1) { + if (uneCarte.SesFigures[1].X == (lesCoMoyens[i][0]) - 1) { + if (uneCarte.SesFigures[1].Y == (lesCoMoyens[i][1]) - 1) { + return true; + } + } + } + } + } + return false; +} + + + + diff --git a/SwichGIT/src/js/menu.js b/SwichGIT/src/js/menu.js new file mode 100644 index 0000000..ef2ecd3 --- /dev/null +++ b/SwichGIT/src/js/menu.js @@ -0,0 +1,50 @@ +var FormeSelect = []; +var ListeCouleur = ["colorbase","colorcarre","colorone","colortwo","colorthree"] +var ListeClassForme = ["rond","carre","triangle","losange","croix","penta","hexa","hocto"] + +//3 modes : 0 = couleurs // 1 = formes // 2 = personnaliser les cartes +var mode = 0; +var valRange; + +function settingOpen(){ + var elements = document.getElementsByClassName("pcr-button"); + for (var i = 0; i < elements.length; i++) { + elements[i].classList.add(ListeClassForme[i]); + } +} + +function disableCache(formName){ + cacheName = "cache"+formName; + document.getElementById(cacheName).style.display = "none"; + FormeSelect.push(form); + + //document.getElementById("SettingName").innerHTML = FormeSelect.length; +} + +function changeContour(value){ + var newvalue = value * 0.055 + 1; + document.documentElement.style.setProperty('--z', newvalue+'vw'); + //document.getElementById("SettingName").innerHTML = newvalue; +} + +function ableCache(formName){ + cacheName = "cache"+formName; + const pos = FormeSelect.indexOf(formName); + if (pos > -1) { + FormeSelect.splice(pos, 1); + } + document.getElementById(cacheName).style.display = "block"; +} + +function getVarColor(color){ + var getvar = color; + getvar = getvar.substring(6,getvar.length-1); + + return getvar; +} + +function varColorToHex(color){ + hex = getComputedStyle(document.documentElement).getPropertyValue(color); + hex = hex.substring(1,hex.length); + return hex; +}