/*
CSS Document
White
Design par Olivier R.
*/
@import url("common.css");
body {
background: #FFFFFF url(img/lines.png);
font: normal 16px Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
color: #505050;
/*text-rendering: optimizeLegibility;*/
}
.mainflow {
width: 500px;
margin: 0 auto 0 auto;
}
.logo {
position: absolute;
background-color: #FFFFFF;
border: 3px solid #F0F0F0;
border-radius: 50px;
padding: 4px 4px 0 4px;
}
/* MAIN ====================================================================== */
#main .inbox {
width: 500px;
margin: 10px auto 10px auto;
padding: 0 10px 10px 10px;
background: #FFFFFF;
border: 2px solid #F0F0F0;
border-radius: 20px;
}
#main h1 {
margin: 5px 0 2px 0;
color: hsl(210, 50%, 50%);
font: bold 30px Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
#main h2 {
margin: 5px 0 2px 0;
color: hsl(0, 50%, 50%);
font: bold 16px Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
#main h3 {
margin: 5px 0 2px 0;
color: hsl(210, 50%, 50%);
font: bold 14px Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
#main .colonne {
float: left;
width: 240px;
}
#main .colsep {
float: left;
width: 20px;
}
.colonne p {
font-size: 12px;
}
/*.box {
border-left: 2px solid #8BC5EF;
border-bottom: 2px solid #8BC5EF;
border-radius: 5px;
padding: 0 0 2px 10px;
}*/
input#verb {
display: inline-block;
width: 230px;
margin-left: 5px;
padding: 5px 10px;
border: 2px solid hsl(0, 0%, 80%);
border-radius: 3px;
height: 24px;
background: transparent;
font: normal 20px Tahoma, "Ubuntu Condensed";
color: hsl(0, 0%, 30%);
}
input[placeholder]#verb {
color: hsl(0, 0%, 70%);
}
a#conjugate {
display: inline-block;
padding: 7px 10px;
font-size: 20px;
background-color: hsl(0, 30%, 30%);
color: hsl(0, 30%, 60%);
border-radius: 3px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}
a#conjugate:hover {
background-color: hsl(0, 60%, 40%);
color: hsl(0, 60%, 70%);
box-shadow: 0 0 2px hsl(0, 60%, 50%);
}
#options {
margin: 10px 5px 0 5px;
font-size: 16px;
text-align: center;
}
#smallnote {
float: right;
width: 190px;
margin: 15px 0 0 0;
padding: 0 5px;
font-size: 8.5px;
color: hsl(0, 0%, 60%);
text-align: center;
}