Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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

Avatar
Autor: svanda777
Aktivity