Commit 1dc4cb21 authored by Thibault VASSEUR's avatar Thibault VASSEUR
Browse files

Nouveau style du site

parent 9b728b85
......@@ -10,60 +10,84 @@ body
}
nav
{
margin: auto;
padding-top: 5px;
width: 90%;
height: 50px;
width: 100%;
height: 40px;
font-size: 18px;
font-family: Arial;
background: -webkit-linear-gradient(#B20404, #DC0404, #B20404);
background: -o-linear-gradient(#B20404, #DC0404, #B20404);
background: -moz-linear-gradient(#B20404, #DC0404, #B20404);
background: linear-gradient(#B20404, #DC0404, #B20404);
color: #66757F;
background-color: #FFFFFF;
border-style: solid;
border-color: black;
border-bottom-width: 2px;
border-color: #66757F;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
-moz-box-shadow: 0px 2px 10px 5px #444444;
-webkit-box-shadow: 0px 2px 10px 5px #444444;
-o-box-shadow: 0px 2px 10px 5px #444444;
box-shadow: 0px 2px 10px 5px #444444;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
#who
#inter
{
width: 62.5%;
margin: auto;
background-color: black;
}
#link
{
display: inline-block;
margin-left: 2%;
width: 30%;
font-size: 14px;
color: white;
font-family: Montserrat;
width: 35%;
padding: auto;
float: left;
text-align: center;
vertical-align: text-bottom;
padding-bottom: 7px;
}
#link a
{
text-decoration: none;
display: inline-block;
float: left;
padding: 8px 16px;
font-size: 14px;
color: #66757F;
background-color: white;
font-family: Arial;
transition: color 0.1s;
}
#link a:hover
{
color: #0084B4;
transition: color 0.1s;
}
#logo
{
display: inline-block;
width: 36%;
margin: auto;
width: 30%;
padding: auto;
padding-top: 3px;
float: left;
text-align: center;
}
#heure
#conn
{
display: inline-block;
margin-right: 2%;
width: 30%;
width: 35%;
float: left;
padding: auto;
text-align: right;
}
#conn a
{
text-decoration: none;
display: inline-block;
float: right;
padding: 8px 16px;
font-size: 14px;
color: white;
font-family: Montserrat;
text-align: center;
vertical-align: text-bottom;
padding-bottom: 7px;
color: #66757F;
background-color: white;
font-family: Arial;
transition: color 0.1s;
}
#conn a:hover
{
color: #0084B4;
transition: color 0.1s;
}
#notification
{
......@@ -95,7 +119,7 @@ article
margin: auto;
margin-top: 10px;
padding-top: 20px;
width: 70%;
width: 62.5%;
}
article p
{
......@@ -104,67 +128,52 @@ article p
}
#post
{
width: 70%;
width: 56%;
display: inline-block;
float: left;
}
#actu
{
width: 28%;
width: 20%;
margin-left: 2%;
display: inline-block;
float: left;
text-align: center;
}
#user
{
width: 20%;
display: inline-block;
float: left;
margin-right: 2%;
text-align: center;
}
#titrearticle
{
border-style: solid;
border-width: 2px;
border-color: #B20404;
color: white;
border-width: 1px;
border-bottom-width: 0px;
border-color: #B9D4E5;
color: #66757F;
font-size: 13px;
width: 100%;
background-color: #B20404;
background-color: #FFFFFF;
font-family: PT Sans;
-moz-box-shadow: 0px 2px 10px 5px #444444;
-webkit-box-shadow: 0px 2px 10px 5px #444444;
-o-box-shadow: 0px 2px 10px 5px #444444;
box-shadow: 0px 2px 10px 5px #444444;
background: -webkit-linear-gradient(left, #C0DEED, #FFFFFF, #C0DEED);
background: -o-linear-gradient(right, #C0DEED, #FFFFFF, #C0DEED);
background: -moz-linear-gradient(right, #C0DEED, #FFFFFF, #C0DEED);
background: linear-gradient(to right, #C0DEED, #FFFFFF, #C0DEED);
}
#article
{
border-style: solid;
border-width: 2px;
border-color: #B20404;
color: black;
border-width: 1px;
border-color: #B9D4E5;
color: #66757F;
font-size: 13px;
width: 100%;
background-color: white;
border-bottom-right-radius: 30px;
-moz-box-shadow: 0px 2px 10px 5px #444444;
-webkit-box-shadow: 0px 2px 10px 5px #444444;
-o-box-shadow: 0px 2px 10px 5px #444444;
box-shadow: 0px 2px 10px 5px #444444;
}
footer
{
width: 100%;
height: 30px;
background: -webkit-linear-gradient(#B20404, #DC0404, #B20404);
background: -o-linear-gradient(#B20404, #DC0404, #B20404);
background: -moz-linear-gradient(#B20404, #DC0404, #B20404);
background: linear-gradient(#B20404, #DC0404, #B20404);
border-style: solid;
border-color: black;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 2px;
-moz-box-shadow: 0px 2px 10px 5px #444444;
-webkit-box-shadow: 0px 2px 10px 5px #444444;
-o-box-shadow: 0px 2px 10px 5px #444444;
box-shadow: 0px 2px 10px 5px #444444;
text-align: center;
font-family: Montserrat;
background-color: #FFFFFF;
margin-bottom: 5px;
}
/*tchat*/
#tchat
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment