Woooh, plein de nouveaux fichiers. Ajout des discussions avec des jolies classes.
This commit is contained in:
Mysaa
@@ -0,0 +1,4 @@
|
||||
*::-moz-selection {
|
||||
background-color: rgb(100, 200, 40);
|
||||
color: #222;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
*::selection {
|
||||
background-color: rgb(100, 200, 40);
|
||||
color: #222;
|
||||
}
|
||||
+215
-116
@@ -1,208 +1,307 @@
|
||||
/* General */
|
||||
|
||||
#postMessageForm textarea,#editMessageForm textarea{
|
||||
background-color:#292828;
|
||||
resize: none;
|
||||
width:95%;
|
||||
color:#5dd528;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fullscreen{
|
||||
position:fixed;
|
||||
top:0;
|
||||
right:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
vertical-align:middle;
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.opaque{
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.absent {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.screen-vertical-centered{
|
||||
text-align:center;
|
||||
margin-top: 50vh;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.screen-horizontal-centered{
|
||||
display:inline;
|
||||
opacity:1;
|
||||
font-size:42px;
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
/* This is the dangerous one in WebKit, as it breaks things wherever */
|
||||
word-break: break-all;
|
||||
/* Instead use this non-standard one: */
|
||||
word-break: break-word;
|
||||
/* Adds a hyphen where the word breaks, if supported (No Blink) */
|
||||
-ms-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
.bigText{
|
||||
position: absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
background-color: #DDD;
|
||||
color: rgb(155,55,215);
|
||||
height : 100%;
|
||||
width : 100%;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: #222;
|
||||
color: rgb(100, 200, 40);
|
||||
text-align: center;
|
||||
color: rgb(100, 200, 40);
|
||||
}
|
||||
|
||||
body{
|
||||
body {
|
||||
background-color: #222;
|
||||
color: rgb(100, 200, 40);
|
||||
text-align: center;
|
||||
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;
|
||||
text-align: center;
|
||||
}
|
||||
.articlePic{
|
||||
text-align: left;
|
||||
border: px rgb(100, 200, 40) outset;
|
||||
margin: 20px;
|
||||
}
|
||||
.articleTitle{
|
||||
float: center;
|
||||
text-decoration:underline;
|
||||
}
|
||||
.articleText{
|
||||
text-align: left;
|
||||
margin: 25px 125px;
|
||||
}
|
||||
|
||||
article {
|
||||
margin: 20px;
|
||||
padding: 5px;
|
||||
border: 3px #999 outset;
|
||||
h1 {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #222;
|
||||
color: rgb(100, 200, 40);
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
border-bottom: 3px rgb(100, 200, 40) solid;
|
||||
text-align: center;
|
||||
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;
|
||||
color: rgb(100, 200, 40);
|
||||
}
|
||||
|
||||
#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;
|
||||
color: rgb(100, 200, 40);
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
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
|
||||
border-top: 10px rgb(100, 200, 40) double;
|
||||
text-align: center;
|
||||
height: 250px
|
||||
}
|
||||
|
||||
#bienvenue {
|
||||
border-bottom: 3px rgb(100, 200, 40) solid;
|
||||
font-size: 20px;
|
||||
border-bottom: 3px rgb(100, 200, 40) solid;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#bande {
|
||||
display: block;
|
||||
padding-bottom: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
padding-bottom: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
float: left;
|
||||
color: rgb(100, 200, 40);
|
||||
float: left;
|
||||
color: rgb(100, 200, 40);
|
||||
}
|
||||
|
||||
#me_contacter {
|
||||
float: right;
|
||||
color: rgb(100, 200, 40);
|
||||
#nous_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;
|
||||
background-color: rgb(100, 200, 40);
|
||||
color: #222;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
/* 404 */
|
||||
#universe_text{
|
||||
#universe_text {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
#add_universe{
|
||||
|
||||
#add_universe {
|
||||
text-align: center;
|
||||
margin : 50px auto;
|
||||
margin: 15px 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;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 100px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
#headDisconnectForm {
|
||||
display: inline;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#disconnectText, #passwordChangedText {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 100px;
|
||||
margin-top: 20px;
|
||||
font-size: 30px;
|
||||
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;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#headLittleLoginForm {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#headRegisterForm {
|
||||
display: inline;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#registerForm, #changePasswordForm{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 100px;
|
||||
margin-top: 20px;
|
||||
#registerForm, #changePasswordForm {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 100px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* Projet/Versions */
|
||||
|
||||
|
||||
.project_option_img {
|
||||
display: inline;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.disabeled{
|
||||
opacity : 0.2;
|
||||
.disabeled {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.project_option {
|
||||
|
||||
color:#222;
|
||||
}
|
||||
|
||||
.versionTable {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 50px;
|
||||
margin-top: 0px;
|
||||
border-collapse: collapse;
|
||||
display: inline;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td, th {
|
||||
background-color: #222;
|
||||
color: rgb(100, 200, 40);
|
||||
text-align: center;
|
||||
border: 1px solid black;
|
||||
color: rgb(100, 200, 40);
|
||||
text-align: center;
|
||||
border: 1px solid black;
|
||||
}
|
||||
/* Forum */
|
||||
#createNewDiscForm{
|
||||
display: none;
|
||||
}
|
||||
section.message {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 10px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: 1px solid rgb(100, 200, 40);
|
||||
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
/* This is the dangerous one in WebKit, as it breaks things wherever */
|
||||
word-break: break-all;
|
||||
/* Instead use this non-standard one: */
|
||||
word-break: break-word;
|
||||
/* Adds a hyphen where the word breaks, if supported (No Blink) */
|
||||
-ms-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
section.message div {
|
||||
padding-left: auto;
|
||||
padding-right: auto;
|
||||
padding-top: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Disposition with width */
|
||||
|
||||
|
||||
.nav2x2{
|
||||
display:none;
|
||||
.nav2x2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navV{
|
||||
display:none;
|
||||
.navV {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1050px){ /* Cacher bandeau */
|
||||
#bande{
|
||||
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: 705px) { /* Cacher login/register */
|
||||
#headLoginForm {
|
||||
display: none;
|
||||
}
|
||||
#headLittleLoginForm {
|
||||
display: inline
|
||||
}
|
||||
#headLittleLoginForm {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1180px){ /* Afficher nav2x2 */
|
||||
.nav2x2{
|
||||
display:inline;
|
||||
@media screen and (max-width: 1180px) { /* Afficher nav2x2 */
|
||||
.nav2x2 {
|
||||
display: inline;
|
||||
}
|
||||
#navLinks a {
|
||||
display: inline-block;
|
||||
width : 250px;
|
||||
width: 250px;
|
||||
font-size: 3ex;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
@@ -210,13 +309,13 @@ td, th {
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 615px){ /* Afficher navV */
|
||||
.navV{
|
||||
display:inline;
|
||||
@media screen and (max-width: 615px) { /* Afficher navV */
|
||||
.navV {
|
||||
display: inline;
|
||||
}
|
||||
#navLinks a {
|
||||
display: inline-block;
|
||||
width:200px;
|
||||
width: 200px;
|
||||
font-size: 2ex;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
|
||||
Reference in New Issue
Block a user