2 box-sizing: border-box;
3 background-color: #FFF;
5 font: normal normal normal medium/1.25 Sans-Serif;
6 font: normal normal normal normal medium/1.25 Sans-Serif;
16 border: 1px solid #08b;
27 #check_settings { display: none; }
28 #check_settings + label {
29 display: inline-block;
31 #check_settings + label:before {
37 #check_settings + label + #settings { display: none; }
38 #check_settings:checked + label + #settings {
41 min-width: 20%; max-width: 90%;
44 left: 50%; transform: translate(-50%);
45 background-color: #FFF;
47 border-radius: 1ex 1ex .5ex .5ex;
50 background-color: #08b;
55 border-bottom: 1px solid;
56 border-radius: 1ex 1ex 0 0;
58 #settings label[for=check_settings] {
61 background-color: #F88;
62 border-left: 1px solid;
63 border-radius: 0 1ex 0 0;
67 #settings label[for=check_settings]:before {
71 #settings input[type=radio] { display: none; }
72 #settings input[type=radio] + label + * { display: none; }
73 #settings input[type=radio]:checked + label + * { display: block; }
74 #settings input[type=radio] + label {
77 text-decoration: underline;
78 margin: -1px 1px; padding: 0 1ex;
79 border-top: 1px solid;
80 background-color: #EEE;
82 #settings input[type=radio] + label + * {
83 padding: 1ex 1ex .5ex 1ex;
86 form#channel input[name=message] {
87 display: inline-block;
90 width: calc(100% - 5ex - 1px);
92 form#channel button[value=submit] { display: none; }
93 #chat .message .date {
97 #chat .message .nick {
100 #chat .message .nick .indicator {