lab-development-imb/web/12/demos/03_styles_Lieblingsbuecher.css

66 lines
993 B
CSS

body {
margin: 0;
padding: 0;
}
#logo-container {
background-color: cadetblue;
width: 10%;
height: 10%;
position: absolute;
top: 0%;
left: 0%;
/* z-index: 1; */
}
#logo-container img {
display: block;
height: 100%;
margin: auto;
/* z-index: 1; */
}
#navbar-container {
background-color: rgb(155, 207, 209);
width: 90%;
height: 10%;
position: absolute;
top: 0%;
left: 10%;
}
#navbar-container a,
#navbar-container a:visited {
display: flex;
float: left;
width: 20%;
height: 100%;
justify-content: center;
align-items: center;
text-decoration: none;
color: rgb(4, 60, 116);
}
#navbar-container a:hover {
background-color: rgb(225, 236, 236);
}
.content-container {
background-color: rgb(229, 228, 222);
width: 100%;
height: 100%;
position: absolute;
top: 10%;
left: 0%;
text-align: center;
}
.buch-element {
display: block;
float: left;
background-color: rgb(210, 194, 168);
height: 150px;
width: 18%;
padding: 1.5em 0;
margin: 10px 1% 10px 1%;
}