You are on page 1of 3

#upperstyle {

width:100%;
background:#6699cc;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0,
0.19);
}
#upperstyle ul {
text-align:left;
display:inline;
margin:0;
padding:0;
list-style:none;
}
#upperstyle ul li {

font:bold 12px/18px sans-serif;


display:inline-block;
position:relative;
padding:25px 20px;
background:#FFA500;
}
#upperstyle ul li a {
text-decoration:none;
padding:25px 20px;
color:black;

}
#upperstyle ul li:hover {
background:#4dd0e1;
color:black;

}
#upperstyle ul li ul {
padding:0;
position:absolute;
top:70px;
left:0;
width:250px;
display:none;
visibility:hidden;
}
#upperstyle ul li ul li {
background:#00acc1;
display:block;
}
#upperstyle ul li ul li:hover {
background:#4dd0e1;
}
#upperstyle ul li:hover ul {
display:block;
opacity:1;
visibility:visible;
}
#upperstyle ul ul ul li {
display:none;
}
#upperstyle ul ul li:hover li {
display:block;
}
#upperstyle ul ul ul {
left:100%;
top:0;
}

#header {
padding: 1px;
text-align: center;
background: gray;
color: black;
font-size: 13px;
margin:0;
}
#footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: gray;
color: black;
text-align: center;
font-size: 20px;
margin:0;
}
#layout {
float: left;
width: 30%;
height: 10px;
background: blue;
padding: 20px;
margin:0;
}
#nav {
float: left;
width: 25%;
height: 600px;
background: #B0E0E6;
padding: 20px;
margin:-5;
}
#nav ul {
list-style-type: none;
padding: 0;
margin:0;
}
#section:after {
content: "";
display: table;
clear: both;
background-color:#B0E0E6;
margin:0;
}
#article {
float: right;
padding: 20px;
width: 70%;
background-color: #B0E0E6;
height: 600px;
margin:0;
}
#box{
background-color:blue;
float:left;

}
#dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
}
#dropdown {
position: relative;
display: inline-block;
}

#dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

#dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

#dropdown-content a:hover {background-color: #ddd;}

#dropdown:hover .dropdown-content {display: block;}

#dropdown:hover .dropbtn {background-color: #3e8e41;}


#home{
width:100%;
}

You might also like