gergelypolonkai-web-jekyll/content/symbolon/symbolon.css

98 lines
1.4 KiB
CSS

body {
margin: 0;
padding: 0;
position: relative;
}
#selector {
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
}
#selector > select {
border: 1px solid #999999;
padding: 10px;
border-radius: 10px;
}
#selector > button {
border: 1px solid #999999;
padding: 10px;
border-radius: 10px;
}
#selector > hr {
border: solid black;
border-width: 1px 0 0 0;
}
@media (max-width: 600px) {
#selector > select,button {
font-size: 100%;
font-weight: bold;
}
}
#cards {
width: 90%;
margin: 0 auto;
}
#cards > img {
cursor: pointer;
margin: 5px;
}
.lightbox {
position: absolute;
width: 80%;
height: 80vh;
left: 10vw;
top: 10vh;
border: 1px solid black;
border-radius: 20px;
padding: 5px;
background-color: white;
display: none;
}
.lightbox > .content {
height: 100%;
overflow-y: auto;
}
.lightbox > .close-button {
position: absolute;
right: 15px;
cursor: pointer;
font-size: 30px;
border: 1px solid black;
border-radius: 50%;
width: 38px;
height: 38px;
text-align: center;
vertical-align: middle;
display: table;
background-color: white;
}
#three-cards {
display: none;
}
.drawn {
float: left;
width: 33%;
}
.clear {
float: none;
clear: both;
}
.planet,.sign {
height: 30px;
margin-right: 5px;
}