63 lines
1019 B
CSS
63 lines
1019 B
CSS
.popup {
|
|
position: fixed;
|
|
z-index:99;
|
|
min-width: 380px;
|
|
max-width:540px;
|
|
resize: both;
|
|
overflow-y:scroll;
|
|
overflow-x:visible;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
iframe {
|
|
opacity: 0;
|
|
position: fixed;
|
|
left: 100%;
|
|
}
|
|
|
|
#album {
|
|
background: black;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#album h1, #album h2 {
|
|
color: white;
|
|
margin: 0;
|
|
}
|
|
|
|
#album h1 {
|
|
font-size: 2rem;
|
|
}
|
|
#album h2 {
|
|
font-size: 1.5rem;
|
|
font-weight: normal;
|
|
}
|
|
#album img {
|
|
max-width: 256px;
|
|
}
|
|
|
|
input[type="range"] {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
input[type="range"]::-moz-range-track {
|
|
background: #aaa;
|
|
height: 12px;
|
|
}
|
|
|
|
input[type="range"]::-moz-range-thumb {
|
|
height: 15px;
|
|
width: 15px;
|
|
transform: unset;
|
|
background: transparent;
|
|
border: 3px solid lightgray;
|
|
border-bottom-color: darkgrey;
|
|
box-shadow: 1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #a9a9a9,-1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,-1px 1px 0 #fff,1px -1px #a9a9a9;
|
|
}
|