STYL.css
Manuál
h1,h4,h5,h6,ul,a,aside{font-weight: normal;margin:0px;padding:0px;}
body{
font-family: 'Signika', sans-serif;
background-color:#D6DBE8;
}
main>nav{
height:45px;
box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.64);
width:100%;
position:fixed;
top:0px;
left:0px;
z-index:100;
background-color:white;
}
main>nav>ul{
list-style:none;
padding:0px;
float:right;
}
main>nav>ul>li{
float:left;
margin:10px;
}
main>nav>ul>li>a{
color:black;
text-decoration:none;
padding:5px;
font-size:1.25em;
}
main>nav>ul>li>a:hover{
padding:5px;
background-color:#2E4272;
border-radius:5px;
color:white;
}
aside{
position:fixed;
left:0px;
top:45px;
width:15%;
background-color:#2E4272;
float:left;
height:100%;
z-index:200;
}
aside ul{
list-style:none;
}
aside>ul>li{
padding-top:10px;
}
aside>ul>li>a{
color:white;
text-decoration:none;
padding-left:15px;
font-weight:700;
}
aside>ul>li>ul{
margin-top:10px;
text-align:right;
background-color:#7887AB;
padding-right:15px;
}
aside>ul>li>ul>a{
color:black;
text-decoration: none;
}
section{
position:absolute;
left:15%;
top:45px;
float:left;
padding:1.5%;
width:82%;
overflow:auto;
}
.stred{
text-align:center;
}
div.kategorie{
padding:15px 15px 5px 15px;
width:230px;
float:left;
margin:20px;
box-shadow:0px 0px 30px 0px rgba(50, 50, 50, 0.82);
background-color:white;
text-align: center;
}
div.kategorie:hover{
background-color:#7887AB;
color:white;
}
div.kategorie>img{
width:200px;
height:200px;
}
section>div{
width:900px;
margin:0 auto;
}
div.produkt{
height:100px;
width:100%;
}
div.produkt>img{
height:100%;
float:left;
}
div.produkt>p{
float:left;
vertical-align:middle;
height:100%;
}
section>table{
width:100%;
text-align: center;
}
section>table>tbody>tr:hover{
background-color: white;
}
section>table>tbody>tr:first-child:hover{
background-color: #D6DBE8;
width: 100%;
}
section ul{
padding-left: 40px;
}
aside > ul {
position: relative;
}
aside > ul > li:last-child {
position: absolute;
bottom: 0;
left: 0;
}
Neformátovaný
Přidáno: 3.8.2014
Expirace: Neuvedeno