This code snippet is for Styles for Project in CSS.
Tabletable
{
border - collapse: collapse;
width: 100 % ;
border: 1 px solid #4CAF50;
font-family:Tahoma;
font-size:12px;
}
th, td
{
text-align : left;
padding : 8px;
border: 1px solid # 4 CAF50;
}
tr: nth - child(even)
{
background - color: #f2f2f2
}
th
{
background - color: #4CAF50;
color:white;
}
tr:hover
{
background-color:greenyellow;
}
Pagelayoutheader
{
background - color: #4CAF50;
color:white;
text-align:center;
padding:5px;
height:25%;
}
nav {
line-height:30px;
background-color:# eeeeee;
height: 410 px;
width: 20 % ;
float: left;
padding: 5 px;
border: 1 px solid orange;
font - family: Tahoma;
font - size: 14 px;
}
section
{
width: 65 % ;
float: left;
padding: 10 px;
}
footer
{
background - color: #4CAF50;
color:white;
clear:both;
text-align:center;
padding:5px;
font-family:Verdana;
font-size:14px;
}
Login Pagebody
{
background - color: #FCFFFC;
color: #5a5656;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5em;
}
a
{
text-decoration: none;
}
h1
{
font-size: 1em;
}
h1, p
{
margin-bottom: 10px;
}
strong
{
font-weight: bold;
}
.uppercase
{
text-transform: uppercase;
}
# login
{
margin: 50 px auto;
width: 300 px;
}
form fieldset input[type = "text"], input[type = "password"]
{
background - color: #e5e5e5;
border: none;
border - radius: 3 px; - moz - border - radius: 3 px; - webkit - border - radius: 3 px;
color: #5a5656;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
height: 50px;
outline: none;
padding: 0px 10px;
width: 280px;
-webkit-appearance:none;
}
form fieldset input[type= "submit"]
{
background - color: #008dde;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: # f4f4f4;
cursor: pointer;
font - family: 'Open Sans', Arial, Helvetica, sans - serif;
height: 50 px;
text - transform: uppercase;
width: 300 px; - webkit - appearance: none;
}
form fieldset a
{
color: #5a5656;
font-size: 10px;
}
form fieldset a:hover
{
text-decoration: underline;
}
.btn-round
{
background-color: # 5 a5656;
border - radius: 50 % ; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;
color: #f4f4f4;
display: block;
font - size: 12 px;
height: 50 px;
line - height: 50 px;
margin: 30 px 125 px;
text - align: center;
text - transform: uppercase;
width: 50 px;
}