112 lines
2.2 KiB
CSS
112 lines
2.2 KiB
CSS
#communication h2 {
|
|
font-size: 2em;
|
|
margin: 1em;
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
letter-spacing: 2px;
|
|
}
|
|
#communication .user_link {
|
|
font-weight: bold;
|
|
}
|
|
#communication .public_chats li {
|
|
list-style: inside disc;
|
|
}
|
|
#communication .player_chats {
|
|
overflow: hidden;
|
|
border: 1px solid #ccc;
|
|
margin-top: 2em;
|
|
}
|
|
#communication .player_chats .game {
|
|
display: block;
|
|
float: left;
|
|
width: 33.33%;
|
|
}
|
|
#communication .player_chats .game:nth-child(odd) {
|
|
background: #f0f0f0;
|
|
}
|
|
#communication .player_chats .game .title,
|
|
#communication .player_chats .game .chat {
|
|
display: block;
|
|
padding: 10px;
|
|
}
|
|
#communication .player_chats .game .title {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
#communication .player_chats .game .chat {
|
|
padding-top: 0;
|
|
height: 200px;
|
|
overflow: hidden;
|
|
}
|
|
#communication .player_chats .game:hover .chat {
|
|
overflow-y: auto;
|
|
}
|
|
#communication .player_chats .line,
|
|
#communication .threads .post {
|
|
opacity: 0.5;
|
|
}
|
|
#communication .player_chats .line.author,
|
|
#communication .threads .post.author {
|
|
opacity: 1;
|
|
}
|
|
|
|
#communication .thread {
|
|
padding: 20px;
|
|
overflow-y: auto;
|
|
max-height: 400px;
|
|
}
|
|
#communication .thread .title {
|
|
margin-bottom: 20px;
|
|
}
|
|
#communication .thread .title strong {
|
|
font-size: 1.2em;
|
|
display: block;
|
|
}
|
|
#communication .thread:nth-child(even) {
|
|
background: #f0f0f0;
|
|
}
|
|
#communication .post {
|
|
margin: 1em 0;
|
|
}
|
|
body.dark #communication .player_chats .game:nth-child(odd),
|
|
body.dark #communication .thread:nth-child(even) {
|
|
background: #202020;
|
|
}
|
|
body.dark #communication .player_chats,
|
|
body.dark #communication .player_chats .game .title {
|
|
border-color: #3d3d3d;
|
|
}
|
|
|
|
#permissions form {
|
|
text-align: center;
|
|
}
|
|
#permissions select {
|
|
height: 400px;
|
|
margin: 30px;
|
|
}
|
|
#permissions select option {
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
/* for public-chat */
|
|
#communication.public_chat {
|
|
position: relative;
|
|
}
|
|
.public_chat #auto_refresh {
|
|
position: absolute;
|
|
top: 30px;
|
|
right: 20px;
|
|
transition: 0.3s;
|
|
}
|
|
.public_chat #auto_refresh.active.hold {
|
|
opacity: 0.4;
|
|
}
|
|
#communication.public_chat .player_chats .line,
|
|
#communication.public_chat .threads .post {
|
|
opacity: 1;
|
|
}
|
|
#communication.public_chat .chat {
|
|
overflow-y: auto!important;
|
|
}
|