Style de base
This commit is contained in:
parent
fa2aa1a950
commit
23bcc2018e
|
@ -1,3 +1,4 @@
|
||||||
/.idea
|
/.idea
|
||||||
/.project
|
/.project
|
||||||
/repositories/config.json
|
/repositories/config.json
|
||||||
|
*.idea
|
|
@ -1,128 +0,0 @@
|
||||||
/*******************************/
|
|
||||||
/*** RECTIFICATIONS GLOBALES ***/
|
|
||||||
/*******************************/
|
|
||||||
*{ margin: 0; padding: 0; }
|
|
||||||
|
|
||||||
body{
|
|
||||||
/* position */
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
/* background */
|
|
||||||
background-color: #233342;
|
|
||||||
|
|
||||||
/* foreground */
|
|
||||||
font: 16px 'Open Sans';
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************/
|
|
||||||
/*** FORMULAIRES ***/
|
|
||||||
/*******************/
|
|
||||||
form{
|
|
||||||
/* position */
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
left: calc( 50% - 20em/2 );
|
|
||||||
width: 20em;
|
|
||||||
height: auto;
|
|
||||||
margin: 2em;
|
|
||||||
padding: 2em;
|
|
||||||
|
|
||||||
/* border */
|
|
||||||
border-radius: 5px;
|
|
||||||
box-shadow: inset 0 0 10px #0a0f14;
|
|
||||||
|
|
||||||
/* background */
|
|
||||||
background-color: #151f28;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/************************/
|
|
||||||
/*** CHAMPS DE SAISIE ***/
|
|
||||||
/************************/
|
|
||||||
input{
|
|
||||||
/* position */
|
|
||||||
display: inline-block;
|
|
||||||
padding: 1em 2em;
|
|
||||||
margin: 1em;
|
|
||||||
width: calc( 100% - 2*2em - 5px - 2*1em );
|
|
||||||
|
|
||||||
/* border */
|
|
||||||
border-radius: 3px 0 0 3px;
|
|
||||||
border: 0;
|
|
||||||
border-right: 5px solid #aaa;
|
|
||||||
|
|
||||||
/* background */
|
|
||||||
background-color: #ddd;
|
|
||||||
|
|
||||||
/* animation */
|
|
||||||
transition: all .2s ease-in-out;
|
|
||||||
-moz-transition: all .2s ease-in-out;
|
|
||||||
-webkit-transition: all .2s ease-in-out;
|
|
||||||
-ms-transition: all .2s ease-in-out;
|
|
||||||
-o-transition: all .2s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* @hover */
|
|
||||||
input:focus { background-color: #fff; }
|
|
||||||
input:nth-child(4n+0):focus{ border-right-color: #f45b2a; }
|
|
||||||
input:nth-child(4n+1):focus{ border-right-color: #1b84db; }
|
|
||||||
input:nth-child(4n+2):focus{ border-right-color: #f4b92a; }
|
|
||||||
input:nth-child(4n+3):focus{ border-right-color: #b62af4; }
|
|
||||||
|
|
||||||
|
|
||||||
/*****************************/
|
|
||||||
/*** BOUTONS DE VALIDATION ***/
|
|
||||||
/*****************************/
|
|
||||||
input[type=submit],
|
|
||||||
input[type=button]{
|
|
||||||
/* position */
|
|
||||||
width: auto;
|
|
||||||
float: right;
|
|
||||||
|
|
||||||
/* foreground */
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit]:hover,
|
|
||||||
input[type=button]:hover{
|
|
||||||
|
|
||||||
/* border */
|
|
||||||
border-right-color: #1b84db;
|
|
||||||
|
|
||||||
/* background */
|
|
||||||
background-color: #fff;
|
|
||||||
|
|
||||||
/* foreground */
|
|
||||||
color: #1b84db;
|
|
||||||
|
|
||||||
/* extra */
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/****************/
|
|
||||||
/*** MESSAGES ***/
|
|
||||||
/****************/
|
|
||||||
.error{
|
|
||||||
font-size: .8em;
|
|
||||||
padding: 1em 1em;
|
|
||||||
color: #f14973;
|
|
||||||
text-shadow: 1px 1px 0 #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success{
|
|
||||||
font-size: .8em;
|
|
||||||
padding: 1em 1em;
|
|
||||||
color: #49f16b;
|
|
||||||
text-shadow: 1px 1px 0 #000;
|
|
||||||
}
|
|
|
@ -35,7 +35,7 @@ function connected($user){ return ($user != null); }
|
||||||
<meta name='author' value='{xdrm} & SeekDaSky'/>
|
<meta name='author' value='{xdrm} & SeekDaSky'/>
|
||||||
|
|
||||||
|
|
||||||
<link rel='stylesheet' href='globalstylesheet.css'/>
|
<link rel='stylesheet' href='login.css'/>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue