photofloat/web/css/000-controls.css
Jason A. Donenfeld 68a1f42e34 Final tweeks.
2011-05-07 07:42:34 -04:00

164 lines
2.7 KiB
CSS

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.15em;
}
#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 {
padding-top: 1.5em;
}
.album-button {
float: left;
display: block;
width: 150px;
height: 60px;
text-align: center;
font-style: italic;
font-size: 12px;
background-repeat: no-repeat;
background-position: top;
padding-top: 150px;
background-image: url(../img/image-placeholder.png);
}
#next, #back {
position: absolute;
width: auto;
font-size: 2.5em;
line-height: 0;
top: 40%;
font-weight: bold;
}
#back {
left: .5em;
}
#next {
right: .5em;
}
#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;
}
#photo-box {
display: inline;
}
#photo-links {
background-color: #000000;
font-weight: bold;
height: 10px;
font-size: 10px;
line-height: 7px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
display: none;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}
#metadata {
background-color: #000000;
width: 340px;
font-size: 12px;
line-height: 12px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
display: none;
margin: 0 auto;
margin-top: 1px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
overflow: auto;
}
#metadata table {
margin: auto auto;
text-align: left;
}
#metadata tr {
height: 14px;
}
#photo-bar {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}
.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;
text-align: center;
}
#error {
display: none;
text-align: center;
padding-top: 20%;
font-size: 4em;
font-weight: bold;
font-style: italic;
}