lost_the_game/dev/style.css

156 lines
2.0 KiB
CSS

html,body{
margin: 0px;
padding: 0px
}
.hidden{
display: none;
}
.screen{
width: calc(100vw - 2px);
height: calc(100vh - 2px);
border-color: #00FF00;
border-width: 1px;
border-style: solid;
background-color: black;
color: white;
font-family: monospace;
overflow: hidden;
}
#messege{
height: 426px;
text-transform: uppercase;
font-size: 16px;
word-break: break-all;
}
button{
padding: 10px 25px;
color: black;
background-color: #00FF00;
border-width: 1px;
border-style: none;
border-bottom-style: solid;
border-radius: 0px;
border-color: #00FF00;
font-family: monospace;
display: block;
margin: 30px auto;
}
button:hover{
color: white;
background-color: black;
}
#title{
text-align: center;
}
.green{
color: #00FF00;
}
.error{
background-color: red;
color: white;
}
.win{
background-color: white;
color: #00FF00;
}
.win :hover{
background-color: white;
color: #00FF00;
}
.score-wrapper{
padding: 5px;
}
.score-wrapper h3{
margin: 0px;
}
.score-wrapper .left{
float: left;
width: 50%;
margin: 0px;
}
.score-wrapper .right{
float: right;
width: 50%;
margin: 0px;
}
.response-wrapper{
padding-bottom: 8px;
}
hr{
border-color: #00ff00;
margin: 6px 0px;
width: 100vw;
}
table{
width: 100%;
font-size: 14px;
}
th{
text-align: left;
padding: 0px 4px;
}
td{
padding: 0px 4px;
overflow: hidden;
}
.column-titles{
margin-bottom: 2px;
}
#play-wrapper{
padding:0px 2px;
margin: 0px;
}
.column{
padding: 0px 1px;
overflow: hidden;
margin: 0px;
}
.address-choice{
margin: 0px;
padding: 0px;
}
.address-choice span{
overflow: hidden;
display: inline-block;
}
.entry:hover{
color: black;
background-color: #00ff00;
cursor: pointer;
}
.lockoutMark{
display: inline;
font-size: 16px;
}
.ip{
color: rgb(209, 255, 191);
}