photofloat/web/css/000-controls.css

97 lines
1.4 KiB
CSS
Raw Normal View History

2011-05-06 13:55:47 +02:00
body {
margin: 0;
padding: 0;
background-color: #222222;
font-family: "LM Roman", "Georgia", "Palatino Linotype", "Palatino", "Times New Roman", "Times", serif;
color: #FFFFFF;
}
a {
color: #88EE44;
text-decoration: none;
}
a:hover {
color: #DDDDDD;
}
#title {
position: absolute;
top: 0;
padding: 0.4em;
font-weight: bold;
font-size: 1.2em;
}
#loading {
display: none;
}
#album-view {
position: absolute;
top: 2.5em;
padding: 1em;
}
#thumbs {
line-height: 0;
}
#thumbs img {
border: 0;
margin: 0;
padding: 0;
}
#subalbums {
2011-05-07 00:55:02 +02:00
padding-top: 1.5em;
2011-05-06 13:55:47 +02:00
}
.album-button {
float: left;
display: block;
2011-05-07 00:55:02 +02:00
width: 150px;
height: 60px;
2011-05-06 13:55:47 +02:00
text-align: center;
font-style: italic;
2011-05-07 00:55:02 +02:00
font-size: 12px;
background-repeat: no-repeat;
background-position: top;
padding-top: 150px;
2011-05-07 01:11:03 +02:00
background-image: url(../img/image-placeholder.png);
2011-05-06 13:55:47 +02:00
}
#next, #back {
position: absolute;
width: auto;
font-size: 2.5em;
line-height: 0;
top: 40%;
2011-05-06 13:55:47 +02:00
}
#back {
left: .5em;
2011-05-06 13:55:47 +02:00
}
#next {
right: .5em;
2011-05-06 13:55:47 +02:00
}
#photo {
border: 0;
}
#photo-view {
position: absolute;
bottom: 150px;
top: 2.5em;
overflow: hidden;
margin-bottom: 0.5em;
left: 0;
right: 0;
text-align: center;
2011-05-06 13:55:47 +02:00
}
.photo-view-container {
position: absolute;
height: 150px;
width: 100%;
bottom: 0;
top: auto !important;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding: 0 !important;
2011-05-06 14:50:45 +02:00
text-align: center;
2011-05-06 13:55:47 +02:00
}