style.css
Manuál
*{
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
}
.header{
height: 20%;
position: relative;
background-color: darkgray;
color: deeppink;
text-align: center;
padding: 30px;
}
.maim{
padding: 30px;
text-align:center;
}
.footer{
text-align: center;
padding: 10px;
background-color: gray;
color:white;
}
.menu{
font-weight: 100%;
background-color: #f3f3f3;
border: 1px solid #e7e7e7;
position:sticky;
top:0;
}
.about{
background-color: gray;
padding: 15px;
}
.news{
background-color:goldenrod;
}
h1{
text-align: center;
font-size: 35px;
}
.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: #f9f9f9;
min-width: 250px;
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: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
input[type=text]{
border: #686868 1px;
border-radius: 5px;
}
@media (max-width:620px){
ul{
display: none;
}
li{
display: none;
}
}
@media only screen and (min-width:621px) {
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid #e7e7e7;
background-color: #f3f3f3;
}
li {
float: left;
}
li a {
display: block;
color: #666;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #ddd;
}
li a.active {
color: white;
background-color: #4CAF50;
}
.dropdown{
display: none;
}
}
.maim{
width: 60%;
float: right;
}
}
}
Neformátovaný
Přidáno: 22.12.2019
Expirace: Neuvedeno