Refactoring Complet
Voir facebook pour l'installation de la nouvelle BDD.
This commit is contained in:
alexandre-pereira
BIN
SRC/public/css/.DS_Store
vendored
BIN
SRC/public/css/.DS_Store
vendored
Binary file not shown.
@ -1,42 +0,0 @@
|
||||
html
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
background-image:url("../pictures/setting_picture/fond.jpg");
|
||||
background-attachment:fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
border: 1px solid grey;
|
||||
width : 95%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
box-shadow: 0 0 2px dimgrey;
|
||||
}
|
||||
|
||||
table thead tr td /*en tete du tableau */
|
||||
{
|
||||
border-bottom: 1px solid silver;
|
||||
padding: 2%;
|
||||
font-weight: normal;
|
||||
color: #139DFA;
|
||||
background: white;
|
||||
}
|
||||
|
||||
table tbody tr td /*corps du tableau */
|
||||
{
|
||||
padding : 1%;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.addRef
|
||||
{
|
||||
position: absolute;
|
||||
left : 80%;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 538 B |
Binary file not shown.
|
Before Width: | Height: | Size: 738 B |
3
SRC/public/css/chosen.min.css
vendored
3
SRC/public/css/chosen.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
SRC/public/css/fonts/icomoon.eot
Normal file
BIN
SRC/public/css/fonts/icomoon.eot
Normal file
Binary file not shown.
12
SRC/public/css/fonts/icomoon.svg
Normal file
12
SRC/public/css/fonts/icomoon.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by IcoMoon</metadata>
|
||||
<defs>
|
||||
<font id="icomoon" horiz-adv-x="1024">
|
||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||
<missing-glyph horiz-adv-x="1024" />
|
||||
<glyph unicode=" " d="" horiz-adv-x="512" />
|
||||
<glyph unicode="" d="M1024 562.95l-353.78 51.408-158.22 320.582-158.216-320.582-353.784-51.408 256-249.538-60.432-352.352 316.432 166.358 316.432-166.358-60.434 352.352 256.002 249.538z" />
|
||||
<glyph unicode="" d="M192 384l64-384h192v320h128v-320h192l64 384-320 320-320-320zM832 576v256h-128l0.312-128.312-192.312 192.312-512-512h128l384 384 384-384h128l-192 192z" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 816 B |
BIN
SRC/public/css/fonts/icomoon.ttf
Normal file
BIN
SRC/public/css/fonts/icomoon.ttf
Normal file
Binary file not shown.
BIN
SRC/public/css/fonts/icomoon.woff
Normal file
BIN
SRC/public/css/fonts/icomoon.woff
Normal file
Binary file not shown.
33
SRC/public/css/fonts/style.css
Normal file
33
SRC/public/css/fonts/style.css
Normal file
@ -0,0 +1,33 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src:url('./icomoon.eot?-e1jt8');
|
||||
src:url('./icomoon.eot?#iefix-e1jt8') format('embedded-opentype'),
|
||||
url('./icomoon.woff?-e1jt8') format('woff'),
|
||||
url('./icomoon.ttf?-e1jt8') format('truetype'),
|
||||
url('./icomoon.svg?-e1jt8#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
font-family: 'icomoon';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-home:before {
|
||||
content: "\e601";
|
||||
}
|
||||
|
||||
.icon-star-full:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
* {
|
||||
pading: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-family: 'Oswald', sans-serif;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #ebebeb;
|
||||
background: url('../imgs/bg.png') no-repeat bottom center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
nav {
|
||||
@ -19,7 +19,7 @@ nav input {
|
||||
font-size: 25px;
|
||||
height: 70px;
|
||||
width: 100%;
|
||||
border: 2px solid #c3c3c3;
|
||||
border: none;
|
||||
background: white;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
@ -33,17 +33,15 @@ nav input {
|
||||
|
||||
|
||||
.referent {
|
||||
transition: opacity 0.2s;
|
||||
opacity: 0.75;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
background: white;
|
||||
border: 2px solid #c3c3c3;
|
||||
margin: 25px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -59,4 +57,41 @@ nav input {
|
||||
background:rgba(0, 0, 0, 0.7);
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.referents {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.game {
|
||||
border-radius: 20px;
|
||||
border: 3px solid black;
|
||||
}
|
||||
button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height:60px;
|
||||
line-height: 60px;
|
||||
background: #47ad4b;
|
||||
border: 1px solid green;
|
||||
border-bottom-width: 6px;
|
||||
border-radius: 10px;
|
||||
font-size: 40px;
|
||||
padding: 0 25px;
|
||||
margin-bottom: 20px;
|
||||
outline: 0;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
button:hover {
|
||||
border-bottom-width: 4px;
|
||||
}
|
||||
button:active {
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
|
||||
.abso {
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
|
||||
}
|
||||
@ -1,18 +0,0 @@
|
||||
html
|
||||
{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
background-image:url("../pictures/homePic/fond.jpg");
|
||||
background-attachment:fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-position:100% 100%;
|
||||
background-size:cover;
|
||||
}
|
||||
.iconGame
|
||||
{
|
||||
width: 105px;
|
||||
height: 105px;
|
||||
}
|
||||
@ -1,100 +0,0 @@
|
||||
html
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image:url("../pictures/homePic/fond.jpg");
|
||||
background-attachment:fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-position:100% 100%;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.back_home
|
||||
{
|
||||
background: white;
|
||||
width: 100px;
|
||||
padding : 1%;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
.back_home img
|
||||
{
|
||||
float:left;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.divRecherche
|
||||
{
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.inpSear
|
||||
{
|
||||
background-image: url(/pictures/homePic/search.png);
|
||||
background-size: 30px;
|
||||
background-repeat: no-repeat;
|
||||
text-indent: 15%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.imgRef
|
||||
{
|
||||
border: 7px solid white;
|
||||
box-shadow: 0px 0px 3px black;
|
||||
width: 250px !important;
|
||||
height: 250px !important;
|
||||
max-height : 250px;
|
||||
max-width : 250px;
|
||||
background: #ffffff; /* Old browsers */
|
||||
background: #ffffff; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
|
||||
}
|
||||
|
||||
.nomRef /* le nom du referent */
|
||||
{
|
||||
margin : 1%;
|
||||
padding : 2% 4% 2% 4%;
|
||||
width: 40%;
|
||||
box-shadow: 0 0 6px black inset;
|
||||
border: 1px solid dimgrey;
|
||||
}
|
||||
|
||||
.carousel-indicators
|
||||
{
|
||||
width: 60%;
|
||||
position:absolute;
|
||||
top : 102%;
|
||||
}
|
||||
|
||||
.carousel-indicators li { /*tous les cercles */
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 1px;
|
||||
text-indent: -999px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
background: white;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
.carousel-indicators .active { /*contour cercle actif */
|
||||
margin: 0;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border: none;
|
||||
background-color: #2AADE5;
|
||||
}
|
||||
@ -27,3 +27,9 @@ ul.thumbnails.image_picker_selector {
|
||||
-webkit-user-drag: none; }
|
||||
ul.thumbnails.image_picker_selector li .thumbnail.selected {
|
||||
background: #0088cc; }
|
||||
|
||||
|
||||
.thumbnails li {
|
||||
display:inline-block;
|
||||
width:20%;
|
||||
}
|
||||
@ -19,7 +19,7 @@
|
||||
|
||||
body
|
||||
{
|
||||
background-image:url("../pictures/setting_picture/fond.jpg");
|
||||
background-image:url("../pictures/setting_picture/fond.jpg");
|
||||
background-attachment:fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-position:100% 100%;
|
||||
|
||||
@ -1,31 +0,0 @@
|
||||
.navbar
|
||||
{
|
||||
background: rgba(0,0,0, 0.45);
|
||||
}
|
||||
|
||||
.navbar-default .navbar-brand
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-brand:hover,
|
||||
.navbar-default .navbar-brand:focus {
|
||||
color: silver;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-text {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-text:hover {
|
||||
color: silver;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav > li > a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav:hover > li > a {
|
||||
color: silver;
|
||||
}
|
||||
@ -1,281 +0,0 @@
|
||||
body
|
||||
{
|
||||
background-image:url("../pictures/setting_picture/fond.jpg");
|
||||
background-attachment:fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-position:100% 100%;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
caption
|
||||
{
|
||||
color: silver;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table /* le tableau */
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tablethead
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
|
||||
table thead tr th
|
||||
{
|
||||
text-align: center; /* cellules de l'entete */
|
||||
text-shadow: 0px 1px 2px black;
|
||||
}
|
||||
|
||||
tbody tr /*chaque ligne du body */
|
||||
{
|
||||
background: white;
|
||||
color: #36BBD9;
|
||||
}
|
||||
|
||||
.listeoeuvre:hover /* survole du hover */
|
||||
{
|
||||
background: #36BBD9;
|
||||
color : white;
|
||||
}
|
||||
|
||||
.listg
|
||||
{
|
||||
background: #a7cfdf; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */
|
||||
|
||||
|
||||
border-radius: 7px;
|
||||
border: 1px solid grey;
|
||||
box-shadow: 0px 0px 2px dimgrey;
|
||||
margin-left:1%;
|
||||
margin-right: 0.5%;
|
||||
padding: 3%;
|
||||
}
|
||||
|
||||
.chosen-select /* les select */
|
||||
{
|
||||
width : 20%;
|
||||
}
|
||||
|
||||
.listg legend
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
|
||||
input
|
||||
{
|
||||
border-radius: 5px;
|
||||
vertical-align: middle;
|
||||
border: 1px solid silver;
|
||||
height : 30px;
|
||||
}
|
||||
|
||||
.listRecherche
|
||||
{
|
||||
margin: 1%;
|
||||
padding : 1%;
|
||||
background: white;
|
||||
border-radius: 7px;
|
||||
border: 1px solid grey;
|
||||
box-shadow: 0px 0px 2px dimgrey;
|
||||
}
|
||||
|
||||
.filtred
|
||||
{
|
||||
background: #eeeeee; /* Olbd browsers */
|
||||
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
|
||||
margin : 1%;
|
||||
padding: 1%;
|
||||
border-radius: 3px;
|
||||
border: 1px solid grey;
|
||||
box-shadow: 0px 0px 2px dimgrey;
|
||||
}
|
||||
|
||||
.princ
|
||||
{
|
||||
|
||||
background: white;
|
||||
border-radius: 7px;
|
||||
border: 1px solid grey;
|
||||
box-shadow: 0px 0px 2px dimgrey;
|
||||
margin-left:0.5%;
|
||||
margin-right: 1%;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.jeux
|
||||
{
|
||||
margin: 1%;
|
||||
padding: 1%;
|
||||
background: white;
|
||||
border-radius: 7px;
|
||||
border: 1px solid grey;
|
||||
box-shadow: 0px 0px 2px dimgrey;
|
||||
}
|
||||
|
||||
.comboSearch
|
||||
{
|
||||
float: left;
|
||||
margin: 1%;
|
||||
width : 15%;
|
||||
}
|
||||
|
||||
|
||||
.mesFiltres
|
||||
{
|
||||
width : 20%;
|
||||
border: 1px solid black;
|
||||
margin: 2%;
|
||||
}
|
||||
|
||||
.icon_del
|
||||
{
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* ---------------------------- switch checkbox ---------------------------------*/
|
||||
|
||||
.ios7-switch {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
tap-highlight-color: transparent;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.ios7-switch input {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ios7-switch input + span { /* le fond */
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 1.65em;
|
||||
height: 1em;
|
||||
background: white;
|
||||
box-shadow: inset 0 0 0 0.0625em #e9e9e9;
|
||||
border-radius: 0.5em;
|
||||
vertical-align: -0.15em;
|
||||
transition: all 0.40s cubic-bezier(.17,.67,.43,.98);
|
||||
}
|
||||
|
||||
.ios7-switch:active input + span,
|
||||
.ios7-switch input + span:active {
|
||||
box-shadow: inset 0 0 0 0.73em #e9e9e9;
|
||||
|
||||
}
|
||||
|
||||
.ios7-switch input + span:after { /* le cercle */
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: '';
|
||||
width: 0.875em;
|
||||
height: 0.875em;
|
||||
border-radius: 0.4375em;
|
||||
top: 0.0625em;
|
||||
left: 0.0625em;
|
||||
background: white;
|
||||
box-shadow: inset 0 0 0 0.03em rgba(0,0,0,0.1),
|
||||
0 0 0.05em rgba(0,0,0,0.05),
|
||||
0 0.1em 0.2em rgba(0,0,0,0.2);
|
||||
transition: all 0.25s ease-out;
|
||||
}
|
||||
|
||||
.ios7-switch:active input + span:after,
|
||||
.ios7-switch input + span:active:after {
|
||||
width: 1.15em;
|
||||
}
|
||||
|
||||
.ios7-switch input:checked + span {
|
||||
box-shadow: inset 0 0 0 0.73em #4cd964;
|
||||
}
|
||||
|
||||
.ios7-switch input:checked + span:after {
|
||||
left: 0.7125em;
|
||||
}
|
||||
|
||||
.ios7-switch:active input:checked + span:after,
|
||||
.ios7-switch input:checked + span:active:after {
|
||||
left: 0.4375em;
|
||||
}
|
||||
|
||||
/* accessibility styles */
|
||||
.ios7-switch input:focus + span:after {
|
||||
box-shadow: inset 0 0 0 0.03em rgba(0,0,0,0.15),
|
||||
0 0 0.05em rgba(0,0,0,0.08),
|
||||
0 0.1em 0.2em rgba(0,0,0,0.3);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ios7-switch input:focus + span {
|
||||
box-shadow: inset 0 0 0 0.0625em #dadada;
|
||||
}
|
||||
|
||||
.ios7-switch input:focus:checked + span {
|
||||
box-shadow: inset 0 0 0 0.73em #33be4b;
|
||||
}
|
||||
|
||||
/* reset accessibility style on hover */
|
||||
.ios7-switch:hover input:focus + span:after {
|
||||
box-shadow: inset 0 0 0 0.03em rgba(0,0,0,0.1),
|
||||
0 0 0.05em rgba(0,0,0,0.05),
|
||||
0 0.1em 0.2em rgba(0,0,0,0.2);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ios7-switch:hover input:focus + span {
|
||||
box-shadow: inset 0 0 0 0.0625em #e9e9e9;
|
||||
}
|
||||
|
||||
.ios7-switch:hover input:focus:checked + span {
|
||||
box-shadow: inset 0 0 0 0.73em #4cd964;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*Chosen width fix*/
|
||||
/* Fix width bug */
|
||||
.chosen-container, .chosen-drop, .chosen-drop .chosen-search, .chosen-drop {
|
||||
width: 220px !important;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Input Box has to be slightly smaller, don't know why and I don't care. */
|
||||
.chosen-search input {
|
||||
width: 210px !important;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Override width of the whole thing */
|
||||
.chosen-container { width:220px !important; }
|
||||
|
||||
|
||||
/*For image picker rezise*/
|
||||
.thumbnails li img{
|
||||
width: 100px;
|
||||
}
|
||||
Reference in New Issue
Block a user