Style de base
This commit is contained in:
xdrm-brackets
parent
fa2aa1a950
commit
23bcc2018e
|
|
@ -1,3 +1,4 @@
|
|||
/.idea
|
||||
/.project
|
||||
/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'/>
|
||||
|
||||
|
||||
<link rel='stylesheet' href='globalstylesheet.css'/>
|
||||
<link rel='stylesheet' href='login.css'/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue