210 lines
3.0 KiB
CSS
Executable File
210 lines
3.0 KiB
CSS
Executable File
html{
|
|
}
|
|
|
|
#play_mode{
|
|
display:none;
|
|
}
|
|
|
|
li.message{
|
|
border-bottom:1px solid #eee;
|
|
}
|
|
|
|
li.message p{
|
|
margin-top: 5px;
|
|
font-size:12px;
|
|
}
|
|
|
|
.uk-form-label img{
|
|
width: 200px;
|
|
}
|
|
|
|
img#playerCount{
|
|
height:2em;
|
|
background-size: 32em 2em;
|
|
position:relative;top:7px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
img#playerCount_tens{
|
|
height:2em;
|
|
background-size: 32em 2em;
|
|
background-repeat: no-repeat;
|
|
position:relative;left:7px;top:7px;
|
|
}
|
|
img.hidden{
|
|
display:none;
|
|
}
|
|
|
|
img.count-1{
|
|
background: url(/img/numerals.png) 0 0;
|
|
}
|
|
img.count-2{
|
|
background: url(/img/numerals.png) -52px 0;
|
|
}
|
|
img.count-3{
|
|
background: url(/img/numerals.png) -100px 0;
|
|
}
|
|
img.count-4{
|
|
background: url(/img/numerals.png) -144px 0;
|
|
}
|
|
img.count-5{
|
|
background: url(/img/numerals.png) -190px 0;
|
|
}
|
|
img.count-6{
|
|
background: url(/img/numerals.png) -240px -1px;
|
|
}
|
|
img.count-7{
|
|
background: url(/img/numerals.png) -290px -1px;
|
|
}
|
|
img.count-8{
|
|
background: url(/img/numerals.png) -344px 0;
|
|
}
|
|
img.count-9{
|
|
background: url(/img/numerals.png) -390px -2px;
|
|
}
|
|
img.count-0{
|
|
background: url(/img/numerals.png) -426px 0;
|
|
}
|
|
|
|
span.self{
|
|
color: purple;
|
|
}
|
|
|
|
div#chat{
|
|
flex-direction: column;
|
|
padding: 15px;
|
|
right: 0px;
|
|
height: 90vh;
|
|
border-left: 1px solid #e5e5e5;
|
|
}
|
|
|
|
#draw_mode{
|
|
flex-direction: column;
|
|
align-items: center;
|
|
overflow-y: auto;
|
|
height: calc(90vh - 100px);
|
|
/* background: url(/img/card-bg.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
background-size: contain;*/
|
|
border-top: 2px solid #bbb;
|
|
padding-top: 2em;
|
|
}
|
|
|
|
.card-template{
|
|
flex-direction: column;
|
|
width: min-content;
|
|
min-width: 500px;
|
|
|
|
}
|
|
|
|
.card-title{
|
|
|
|
}
|
|
|
|
div.card-picture{
|
|
flex-grow: 1;
|
|
}
|
|
|
|
img.card-picture{
|
|
max-height: 200px;
|
|
}
|
|
|
|
div.card-content{
|
|
flex-grow: 3;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.new-card{
|
|
display:none;
|
|
}
|
|
|
|
.new-card input{
|
|
font-size:32.3px;
|
|
line-height:1.5;
|
|
text-align:center;
|
|
}
|
|
|
|
.card-content{
|
|
font-size: 24px;
|
|
text-align:left;
|
|
margin: 2em;
|
|
}
|
|
|
|
.card-content-box{
|
|
|
|
font-size: 24px;
|
|
height: 200px;
|
|
font-family:parent;
|
|
padding:1em;
|
|
margin-top:1em;
|
|
width: 400px;
|
|
}
|
|
|
|
#submitCard{
|
|
background: #393;
|
|
}
|
|
#submitCard:hover{
|
|
background: #3c3;
|
|
}
|
|
|
|
#newCard{
|
|
background: #e5e5e5;
|
|
color:#5e5e5e;
|
|
}
|
|
|
|
#newCard:hover{
|
|
background:#f9f9f9;
|
|
}
|
|
|
|
|
|
.image-tools{
|
|
top:110%;
|
|
}
|
|
|
|
.image-tooltip{
|
|
background:#333;
|
|
}
|
|
|
|
.image-tools a.uk-icon{
|
|
margin: 1em;
|
|
}
|
|
|
|
.search-result{
|
|
margin: 10px;
|
|
}
|
|
|
|
.uk-modal-dialog{
|
|
width: 800px;
|
|
height: 75vh;
|
|
overflow-y: auto;
|
|
padding-bottom:2em;
|
|
}
|
|
|
|
@media screen and (max-width: 479px) {
|
|
div.card-content-box{
|
|
|
|
max-width: 50vw;
|
|
|
|
}
|
|
|
|
|
|
/*
|
|
div#draw_mode{
|
|
align-items: flex-start;
|
|
}
|
|
div#chat{
|
|
top:130px;
|
|
width:100% !important;
|
|
height: calc(90vh - 100px);
|
|
}
|
|
#chat h3{
|
|
background:white;
|
|
margin-bottom:0px;
|
|
}
|
|
#chat div.uk-text-center{
|
|
text-align:left !important;
|
|
}
|
|
*/
|
|
}
|