Темный стиль:
Код: Выделить всё
body {
background-color: #595959;
}
.header
{
padding: 10px;
left: 0px;
right: 0px;
top: 0px;
background: #111111;
color: rgb(224, 255, 255);
text-align: center;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
font-size: 250%;
}
.menu
{
float:left;
padding: 1%;
margin: 1%;
width:16%;
background: #B1B0B0;
border: 1px solid black;
border-radius: 8px;
}
.menuItem
{
background: #B1B0B0;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
}
.content
{
float:right;
width:78%;
background: #595959;
color: rgb(255, 228, 181);
}
.footer
{
float:left;
padding: 1%;
width:98%;
background: #111111;
margin-top: 1%;
color: rgb(224, 255, 255);
text-align: center;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
font-size: 150%;
}
.buttonFlp
{
width:150px;
border-radius:20px;
background:#5D6C5D;
color: rgb(224, 255, 255);
font-size:12px;
cursor:pointer;
float:left;
padding: 1%;
margin: 1%;
}
.buttonFlp:hover
{
background:#495849;
}
.buttonFlp:focus
{
outline:none;
}
Код: Выделить всё
.header
{
padding: 10px;
left: 0px;
right: 0px;
top: 0px;
background: #227571;
text-align: center;
color:#fff;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
font-size: 250%;
}
.menu
{
float:left;
padding: 1%;
margin: 1%;
width:16%;
background: #20B2AA;
border: 1px solid black;
border-radius: 8px;
}
.menuItem
{
background: #20B2AA;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
}
.content
{
float:right;
width:78%;
font-weight: 600;
}
.footer
{
float:left;
padding: 1%;
width:98%;
background: #227571;
margin-top: 1%;
color:#fff;
text-align: center;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
font-size: 150%;
}
.buttonFlp
{
width:150px;
border-radius:20px;
background:#20B2AA;
color:#fff;
font-size:12px;
cursor:pointer;
float:left;
padding: 1%;
margin: 1%;
}
.buttonFlp:hover
{
background:#1A8983;
}
.buttonFlp:focus
{
outline:none;
}