Plein de (tentatives) de nouveautées ! Un chat, la tant attendue connection avec mega, de meilleurs messages d'erreur, des jolis icones pour les téléchargements.
This commit is contained in:
Mysaa
+219
-70
@@ -1,75 +1,224 @@
|
||||
/** General **/
|
||||
body ,a{
|
||||
background-color:#222;
|
||||
color:rgb(100,200,40);
|
||||
text-align:center;
|
||||
}
|
||||
body::selection , br::selection{
|
||||
background-color: rgb(100,200,40);
|
||||
color: #222;
|
||||
}
|
||||
article{
|
||||
margin:20px;
|
||||
padding:5px;
|
||||
border:3px #999 outset;
|
||||
}
|
||||
header{
|
||||
background-color:#222;
|
||||
color:rgb(100,200,40);
|
||||
margin:0px;
|
||||
padding:10px;
|
||||
border-bottom:3px rgb(100,200,40) solid;
|
||||
text-align:center;
|
||||
}
|
||||
header a{
|
||||
color:rgb(100,200,40);
|
||||
}
|
||||
#bande{
|
||||
display:block;
|
||||
padding-bottom:5px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
/* General */
|
||||
|
||||
|
||||
a {
|
||||
background-color: #222;
|
||||
color: rgb(100, 200, 40);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav{
|
||||
text-align:center;
|
||||
body{
|
||||
background-color: #222;
|
||||
color: rgb(100, 200, 40);
|
||||
text-align: center;
|
||||
}
|
||||
nav a{
|
||||
color:rgb(100,200,40);
|
||||
padding-left:70px;
|
||||
padding-right:70px;
|
||||
background-color:#222;
|
||||
font-size:4ex;
|
||||
border:3px rgb(100,200,40) outset;border:3px rgb(100,200,40) outset;
|
||||
border-collapse:collapse;
|
||||
text-decoration:none;
|
||||
}
|
||||
footer{
|
||||
border-top:10px rgb(100,200,40) double;
|
||||
background-color:#222;
|
||||
text-align:center;
|
||||
height:500px
|
||||
}
|
||||
#copyright{
|
||||
float:left;
|
||||
color:rgb(100,200,40);
|
||||
}
|
||||
#me_contacter{
|
||||
float:right;
|
||||
color:rgb(100,200,40);
|
||||
}
|
||||
a#haut_de_page{
|
||||
background-color:rgb(100,200,40);
|
||||
color:#222;
|
||||
position:relative;
|
||||
top:10px;
|
||||
padding:10px;
|
||||
}
|
||||
/** Login **/
|
||||
|
||||
#loginForm{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-bottom:100px;
|
||||
margin-top:20px;
|
||||
body::selection, br::selection {
|
||||
background-color: rgb(100, 200, 40);
|
||||
color: #222;
|
||||
}
|
||||
|
||||
article {
|
||||
margin: 20px;
|
||||
padding: 5px;
|
||||
border: 3px #999 outset;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #222;
|
||||
color: rgb(100, 200, 40);
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
border-bottom: 3px rgb(100, 200, 40) solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header a {
|
||||
color: rgb(100, 200, 40);
|
||||
}
|
||||
|
||||
nav {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#navLinks a {
|
||||
color: rgb(100, 200, 40);
|
||||
padding-left: 70px;
|
||||
padding-right: 70px;
|
||||
background-color: #222;
|
||||
font-size: 4ex;
|
||||
border: 3px rgb(100, 200, 40) outset;
|
||||
border-collapse: collapse;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
footer {
|
||||
border-top: 10px rgb(100, 200, 40) double;
|
||||
background-color: #222;
|
||||
text-align: center;
|
||||
height: 250px
|
||||
}
|
||||
|
||||
#bienvenue {
|
||||
border-bottom: 3px rgb(100, 200, 40) solid;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#bande {
|
||||
display: block;
|
||||
padding-bottom: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
float: left;
|
||||
color: rgb(100, 200, 40);
|
||||
}
|
||||
|
||||
#me_contacter {
|
||||
float: right;
|
||||
color: rgb(100, 200, 40);
|
||||
}
|
||||
|
||||
a #haut_de_page {
|
||||
background-color: rgb(100, 200, 40);
|
||||
color: #222;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
/* 404 */
|
||||
#universe_text{
|
||||
word-wrap: break-word;
|
||||
}
|
||||
#add_universe{
|
||||
text-align: center;
|
||||
margin : 50px auto;
|
||||
border: 5px solid rgb(100, 200, 40);
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
|
||||
/* Login & Register */
|
||||
|
||||
|
||||
#loginForm {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 100px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
#headDisconnectForm {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#disconnectText, #passwordChangedText {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 100px;
|
||||
margin-top: 20px;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
#headLoginForm {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#headRegisterForm {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#registerForm, #changePasswordForm{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 100px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* Projet/Versions */
|
||||
|
||||
|
||||
.project_option_img {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.disabeled{
|
||||
opacity : 0.2;
|
||||
}
|
||||
|
||||
.project_option {
|
||||
|
||||
}
|
||||
|
||||
.versionTable {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 50px;
|
||||
margin-top: 0px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td, th {
|
||||
background-color: #222;
|
||||
color: rgb(100, 200, 40);
|
||||
text-align: center;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
|
||||
/* Disposition with width */
|
||||
|
||||
|
||||
.nav2x2{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.navV{
|
||||
display:none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1050px){ /* Cacher bandeau */
|
||||
#bande{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 705px){ /* Cacher login/register */
|
||||
#headLoginForm , #headRegisterForm{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1180px){ /* Afficher nav2x2 */
|
||||
.nav2x2{
|
||||
display:inline;
|
||||
}
|
||||
#navLinks a {
|
||||
display: inline-block;
|
||||
width : 250px;
|
||||
font-size: 3ex;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 615px){ /* Afficher navV */
|
||||
.navV{
|
||||
display:inline;
|
||||
}
|
||||
#navLinks a {
|
||||
display: inline-block;
|
||||
width:200px;
|
||||
font-size: 2ex;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user