SpriteCoder/style.css

140 lines
2.8 KiB
CSS

#toutSaufFooter
{
margin : 20px auto 0 auto;
box-shadow:0 0 10px 2px rgb(150,150,150);
border-radius : 15px;
border : 1px solid rgb(70,70,70);
overflow : hidden;
width : 1000px;
}
#titre
{
color : white;
font-size : 35px;
background: #AA0000;
padding-top: 20px;
padding-bottom: 20px;
}
#cadre
{
padding-bottom: 10px;
border : 4px solid #AA0000;
border-top : 0px;
border-bottom : 0px;
box-shadow: inset 0 0 5px 2px rgb(80,80,80);
padding : 30px;
}
#bas
{
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top, #AA0000 0%, #5a0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AA0000), color-stop(100%,#5a0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #AA0000 0%,#5a0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #AA0000 0%,#5a0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #AA0000 0%,#5a0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #AA0000 0%,#5a0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#5a0000',GradientType=0 ); /* IE6-9 */
padding-top : 15px;
}
#lecode
{
padding-left: auto;
padding-right: auto;
width : 100%;
}
#messageErreur
{
width : 600px;
height : 80px;
background-color: white;
border-radius: 5px;
margin: 0 auto 10px auto;
overflow : auto;
}
.errorBox
{
margin : 5px 10px 5px 10px;
}
textarea
{
border-radius : 10px;
width : 600px;
height : 200px;
margin-bottom: 10px;
box-shadow: inset 0 0 5px 2px rgb(100,50,50);
border : 1px solid #660000;
}
select
{
border-radius : 10px;
border : 1px solid rgb(80,80,80);
}
fieldset
{
margin : 10px 20px;
border-radius : 10px;
border : 1px solid rgb(170,0,0);
padding : 10px 20px 10px 20px;
}
legend
{
color : white;
background-color: #AA0000;
padding : 0px 20px 0px 20px;
border-radius: 10px;
}
input[type=submit]
{
background-color: /*rgb(204 , 54 , 54)*/#AA0000;
color:white;
padding : 7px;
margin : 3px;
border: 1px solid rgb(204 , 25 , 25);
box-shadow: inset 0px -10px 20px 0px rgb(141 , 14 , 14);
border-radius : 6px;
}
input[type=button]
{
background-color: /*rgb(204 , 54 , 54)*/#AA0000;
border-radius : 6px;
color:white;
padding : 3px 10px;
margin : 3px;
border: 1px solid rgb(204 , 25 , 25);
box-shadow: inset 0px -10px 20px 0px rgb(141 , 14 , 14);
}
input[type=submit]:hover
{
box-shadow: inset 0px 0px 0px 0px rgb(141 , 14 , 14);
}
input[type=button]:hover
{
box-shadow: inset 0px 0px 0px 0px rgb(141 , 14 , 14);
}
#PartieCPP, #PartieBAS, #PartieLUA, #BitPrizm, #outil, #tabSpr, #CouleurG75
{
max-height : 0px;
overflow : hidden;
-webkit-transition: max-height 0.6s ease-in-out;
-moz-transition: max-height 0.6s ease-in-out;
transition: max-height 0.6s ease-in-out;
}