public/css/lobby.css
/* General CSS
----------- */
body {
background-image: url("/images/background.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
/* General Element CSS
------------------- */
h1 {
font-size: 2.5em;
}
h2 {
font-size: 2.0em;
}
h3 {
font-size: 1.7em;
margin-top: 0px;
margin-bottom: 0px;
}
.lobbyGeneralFontSize {
font-size: 1.3em;
}
.lobbyBottomFiller {
padding-bottom: 0.4em;
}
.question-area {
max-height:300px;
overflow:auto;
}
.maximumWidth {
width: 100%;
}
.chat-area {
width:100%;
height:200px;
position:relative;
overflow-y: scroll;
overflow-x:hidden;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.explanation-area {
padding-top: 15px;
max-height: 300px;
overflow: auto;
}
.marginTop {
margin-top: 1em;
}
.marginBottom {
margin-bottom: 1em;
}
.chatWhiteSpace {
white-space: pre-wrap;
}
.users-active-list {
max-height:250px;
overflow-y:auto;
}
.damagelog {
background-color:rgba(242, 84, 84, 0.4);
background:rgba(242, 84, 84, 0.4);
}
.progress-bar {
font-size: 1.0em;
}
.create-group {
float: right;
margin-top: 0.5em;
}
.overflow {
overflow: auto;
}
/* Image CSS
--------- */
.fullImage {
width: 100%;
}
/* Button CSS
---------- */
.btn {
font-size: 1.3em;
}