ForumElektroniki/styles.css

body

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: ;
}

li
{
	float: center;
}
li a{
	display: block;
	color: black;
	text-align: center;
	padding: 0%;
	text-decoration: none;
	background-color: orange;
}
{
	margin: 0px;
}

.reset-settings
{
	clear: both;
}

#container
{
	width: auto;
	higher: auto;
}

.top
{
	text-align: center;
	float: left;
	padding-top: 0.9%;
    padding-bottom: 0.5%;
    padding-left: 0.4%;
    padding-right: 0.4%;
	width: 99.2%;
	background: linear-gradient(#0014ff, #00dcff);
}

#top-left
{
	width: 20%;
	float: left;
}

#top-center
{
	width: 60%;
	float: left;
}

#top-right
{
	width: 20%;
	float: left;
}

#logo
{
	width: 100%;
}

.menu-bar
{
	text-align: center;
	float: left;
	padding-top: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 0.4%;
    padding-right: 0.4%;
	width: 99.2%;
	background: #0095ff;;
}

#menu-bar-left
{
	width: 30%;
	float: left;
}

#menu-bar-center
{
	width: 60%;
	float: left;
}

#menu-bar-right
{
	width: 10%;
	float: left;
}

#login-button 
{
    padding: 2% 5.5%;
    border-radius: 7px;
}

.button {
    display: block;
    height: 20px;
    width: 40%;
    background: #FF8C00;
    border: 2px solid rgba(33, 68, 72, 0.59);
 
    color: rgba(0, 0, 0, 0.55);
    text-align: center;
    font: bold "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 100%;
  
    background-color: #FF8C00;
 
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
 
    -webkit-box-shadow: 0 8px 0 #995400;
    -moz-box-shadow: 0 8px 0 #995400;
    box-shadow: 0 8px 0 #995400;
 
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
}

.button:hover {
    background-color: #995400;
 
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
 
    -webkit-box-shadow: 0 8px 0 #995400;
    -moz-box-shadow: 0 8px 0 #995400;
    box-shadow: 0 8px 0 #995400;
 
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
}

.button:active
{
    background: #e67e00;
}
#content
{
	padding: 5% 15%;
}

#footer
{
	background: #0095ff;
    padding: 0.2%;
}