ldview/resources/public/css/screen.css

65 lines
955 B
CSS
Raw Normal View History

* {
margin: 0;
padding: 0;
2013-09-28 12:34:07 +02:00
font-size: 0;
}
body {
background-color: #222;
}
#entries {
2013-09-28 12:34:07 +02:00
margin: auto;
text-align: center;
margin: 0 20px;
border-left: 1px solid #333;
2013-09-28 12:34:07 +02:00
}
2013-09-28 14:02:17 +02:00
div.entry {
float: left;
display: block;
2013-09-28 12:34:07 +02:00
white-space: nowrap;
width:200px;
height: 200px;
vertical-align: top;
2013-09-28 14:02:17 +02:00
position: relative;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}
div.entry:hover {
opacity: 0.5;
cursor: pointer;
2013-09-28 14:02:17 +02:00
}
div.entry img {
vertical-align: top;
}
.open-entry img {
padding-bottom: 100px;
}
.open-entry div.shadow {
display: block;
2013-09-28 14:02:17 +02:00
position: absolute;
top: 0;
left: 0;
background-color: black;
opacity: 0.4;
width: 200px;
height: 200px;
}
.open-entry div.details {
display: block;
2013-09-28 14:02:17 +02:00
position: absolute;
top: 200px;
height: 100px;
background-color: black;
left: -200px; /* TODO: Make dynamic */
width: 800px; /* TODO: Make dynamic */
2013-09-28 10:40:54 +02:00
}
.shadow, .details {
display: none;
}