110 lines
1.9 KiB
CSS
110 lines
1.9 KiB
CSS
html, body {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
#masterContainer, div[id*="listZone"], .block {
|
|
display: block;
|
|
padding: 1em;
|
|
}
|
|
|
|
#masterContainer {
|
|
background-image: url("../backgrounds/bg1.jpg");
|
|
background-repeat: repeat;
|
|
width: 710px;
|
|
height: auto;
|
|
}
|
|
|
|
#controls {
|
|
position: fixed;
|
|
top: 0;
|
|
background: rgba(255,255,255, 1);
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
#udArrows {
|
|
position: fixed;
|
|
bottom: 0;
|
|
margin-left: 40%;
|
|
}
|
|
|
|
#udArrows button {
|
|
font-size: 1.4em;
|
|
background-color: rgba(79, 186, 70, 1);
|
|
color: rgba(255,255,255,1);
|
|
}
|
|
|
|
#udArrows button:hover {
|
|
background-color: rgba(255,255,255,1);
|
|
color: rgba(0,0,0,1);
|
|
cursor: pointer;
|
|
border-style: none;
|
|
}
|
|
|
|
#searchBar, #errorZone {
|
|
width: 630px;
|
|
background: rgb(255,255,255);
|
|
color: rgba(9,107,120, 0.85);
|
|
border-color: rgba(9,107,120, 0.85);
|
|
text-align: center;
|
|
}
|
|
|
|
#searchBar {
|
|
border-style: solid;
|
|
padding: 0.5em;
|
|
font-size: 2em;
|
|
}
|
|
|
|
#errorZone {
|
|
color: red;
|
|
border-style: dotted;
|
|
margin: 6em 0em 0em 2em;
|
|
padding: 0.5em 0em 0.5em 0em;
|
|
}
|
|
|
|
#listZone {
|
|
background-color: rgba(9,107,120, 0.85);
|
|
float: left;
|
|
width: 630px;
|
|
height: auto;
|
|
margin: 1.5em;
|
|
}
|
|
|
|
.block {
|
|
display: block;
|
|
background-color: rgba(158, 181, 219, 0.53);
|
|
color: rgba(255,255,255,1);
|
|
float: left;
|
|
width: 125px;
|
|
height: 125px;
|
|
clear: right;
|
|
overflow: hidden;
|
|
margin: 1.5em;
|
|
}
|
|
.block:hover {
|
|
cursor: pointer;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
color: rgba(64,64,64, 0.84);
|
|
}
|
|
|
|
.block-focused {
|
|
background-color: rgba(53, 103, 14, 0.8);
|
|
}
|
|
|
|
.thumbImg {
|
|
clear: left;
|
|
width: 64px;
|
|
height: 64px;
|
|
}
|
|
|
|
.closeImg {
|
|
background-color: rgba(79, 186, 70, 1);
|
|
width: 16px;
|
|
height: 16px;
|
|
float: right;
|
|
padding: .5em;
|
|
}
|
|
|
|
.closeImg:hover {
|
|
background-color: rgba(255, 0, 0, 1);
|
|
}
|