|  | @@ -1,802 +0,0 @@
 | 
	
		
			
			| 1 |  | -/** File: default.css
 | 
	
		
			
			| 2 |  | - * Candy - Chats are not dead yet.
 | 
	
		
			
			| 3 |  | - *
 | 
	
		
			
			| 4 |  | - * Legal: See the LICENSE file at the top-level directory of this distribution and at https://github.com/candy-chat/candy/blob/master/LICENSE
 | 
	
		
			
			| 5 |  | - */
 | 
	
		
			
			| 6 |  | -html, body {
 | 
	
		
			
			| 7 |  | -	margin: 0;
 | 
	
		
			
			| 8 |  | -	padding: 0;
 | 
	
		
			
			| 9 |  | -	font-family: 'Helvetica Neue', Helvetica, sans-serif;
 | 
	
		
			
			| 10 |  | -}
 | 
	
		
			
			| 11 |  | -
 | 
	
		
			
			| 12 |  | -#candy {
 | 
	
		
			
			| 13 |  | -	top: 0;
 | 
	
		
			
			| 14 |  | -	bottom: 0;
 | 
	
		
			
			| 15 |  | -	right: 0;
 | 
	
		
			
			| 16 |  | -	left: 0;
 | 
	
		
			
			| 17 |  | -	background-color: #444;
 | 
	
		
			
			| 18 |  | -	color: #333;
 | 
	
		
			
			| 19 |  | -	overflow: hidden;
 | 
	
		
			
			| 20 |  | -}
 | 
	
		
			
			| 21 |  | -
 | 
	
		
			
			| 22 |  | -a {
 | 
	
		
			
			| 23 |  | -	color: #333;
 | 
	
		
			
			| 24 |  | -	text-decoration: none;
 | 
	
		
			
			| 25 |  | -}
 | 
	
		
			
			| 26 |  | -
 | 
	
		
			
			| 27 |  | -ul {
 | 
	
		
			
			| 28 |  | -	list-style: none;
 | 
	
		
			
			| 29 |  | -	padding: 0;
 | 
	
		
			
			| 30 |  | -	margin: 0;
 | 
	
		
			
			| 31 |  | -}
 | 
	
		
			
			| 32 |  | -
 | 
	
		
			
			| 33 |  | -#chat-tabs {
 | 
	
		
			
			| 34 |  | -	list-style: none;
 | 
	
		
			
			| 35 |  | -	margin: 0 200px 0 0;
 | 
	
		
			
			| 36 |  | -	padding: 0;
 | 
	
		
			
			| 37 |  | -	overflow: auto;
 | 
	
		
			
			| 38 |  | -	overflow-y: hidden;
 | 
	
		
			
			| 39 |  | -}
 | 
	
		
			
			| 40 |  | -
 | 
	
		
			
			| 41 |  | -#chat-tabs li {
 | 
	
		
			
			| 42 |  | -	margin: 0;
 | 
	
		
			
			| 43 |  | -	float: left;
 | 
	
		
			
			| 44 |  | -	position: relative;
 | 
	
		
			
			| 45 |  | -	white-space: nowrap;
 | 
	
		
			
			| 46 |  | -	margin: 3px 0 0 3px;
 | 
	
		
			
			| 47 |  | -}
 | 
	
		
			
			| 48 |  | -
 | 
	
		
			
			| 49 |  | -#chat-tabs a {
 | 
	
		
			
			| 50 |  | -	padding: 4px 50px 4px 10px;
 | 
	
		
			
			| 51 |  | -	display: inline-block;
 | 
	
		
			
			| 52 |  | -	color: #ccc;
 | 
	
		
			
			| 53 |  | -	height: 20px;
 | 
	
		
			
			| 54 |  | -	background-color: #666;
 | 
	
		
			
			| 55 |  | -	border-radius: 3px 3px 0 0;
 | 
	
		
			
			| 56 |  | -}
 | 
	
		
			
			| 57 |  | -
 | 
	
		
			
			| 58 |  | -#chat-tabs .active a {
 | 
	
		
			
			| 59 |  | -	background-color: #eee;
 | 
	
		
			
			| 60 |  | -	color: black;
 | 
	
		
			
			| 61 |  | -}
 | 
	
		
			
			| 62 |  | -
 | 
	
		
			
			| 63 |  | -#chat-tabs .transition {
 | 
	
		
			
			| 64 |  | -	position: absolute;
 | 
	
		
			
			| 65 |  | -	top: 0;
 | 
	
		
			
			| 66 |  | -	right: 0;
 | 
	
		
			
			| 67 |  | -	padding: 0;
 | 
	
		
			
			| 68 |  | -	width: 30px;
 | 
	
		
			
			| 69 |  | -	height: 30px;
 | 
	
		
			
			| 70 |  | -	background: url(img/tab-transitions.png) repeat-y left;
 | 
	
		
			
			| 71 |  | -	border-radius: 0 3px 0 0;
 | 
	
		
			
			| 72 |  | -}
 | 
	
		
			
			| 73 |  | -
 | 
	
		
			
			| 74 |  | -#chat-tabs a.close {
 | 
	
		
			
			| 75 |  | -	background-color: transparent;
 | 
	
		
			
			| 76 |  | -	position: absolute;
 | 
	
		
			
			| 77 |  | -	right: -2px;
 | 
	
		
			
			| 78 |  | -	top: -3px;
 | 
	
		
			
			| 79 |  | -	height: auto;
 | 
	
		
			
			| 80 |  | -	padding: 5px;
 | 
	
		
			
			| 81 |  | -	margin: 0 5px 0 2px;
 | 
	
		
			
			| 82 |  | -	color: #999;
 | 
	
		
			
			| 83 |  | -}
 | 
	
		
			
			| 84 |  | -
 | 
	
		
			
			| 85 |  | -#chat-tabs .active .transition {
 | 
	
		
			
			| 86 |  | -	background: url(img/tab-transitions.png) repeat-y -50px;
 | 
	
		
			
			| 87 |  | -}
 | 
	
		
			
			| 88 |  | -
 | 
	
		
			
			| 89 |  | -#chat-tabs .close:hover {
 | 
	
		
			
			| 90 |  | -	color: black;
 | 
	
		
			
			| 91 |  | -}
 | 
	
		
			
			| 92 |  | -
 | 
	
		
			
			| 93 |  | -#chat-tabs .unread {
 | 
	
		
			
			| 94 |  | -	color: white;
 | 
	
		
			
			| 95 |  | -	background-color: #9b1414;
 | 
	
		
			
			| 96 |  | -	padding: 2px 4px;
 | 
	
		
			
			| 97 |  | -	font-weight: bold;
 | 
	
		
			
			| 98 |  | -	font-size: 10px;
 | 
	
		
			
			| 99 |  | -	position: absolute;
 | 
	
		
			
			| 100 |  | -	top: 5px;
 | 
	
		
			
			| 101 |  | -	right: 22px;
 | 
	
		
			
			| 102 |  | -	border-radius: 3px;
 | 
	
		
			
			| 103 |  | -}
 | 
	
		
			
			| 104 |  | -
 | 
	
		
			
			| 105 |  | -#chat-tabs .offline .label {
 | 
	
		
			
			| 106 |  | -	text-decoration: line-through;
 | 
	
		
			
			| 107 |  | -}
 | 
	
		
			
			| 108 |  | -
 | 
	
		
			
			| 109 |  | -#chat-toolbar {
 | 
	
		
			
			| 110 |  | -	position: fixed;
 | 
	
		
			
			| 111 |  | -	bottom: 0;
 | 
	
		
			
			| 112 |  | -	right: 0;
 | 
	
		
			
			| 113 |  | -	font-size: 11px;
 | 
	
		
			
			| 114 |  | -	color: #666;
 | 
	
		
			
			| 115 |  | -	width: 200px;
 | 
	
		
			
			| 116 |  | -	height: 24px;
 | 
	
		
			
			| 117 |  | -	padding-top: 7px;
 | 
	
		
			
			| 118 |  | -	background-color: #444;
 | 
	
		
			
			| 119 |  | -	display: none;
 | 
	
		
			
			| 120 |  | -	border-top: 1px solid black;
 | 
	
		
			
			| 121 |  | -	box-shadow: 0 1px 0 0 #555 inset;
 | 
	
		
			
			| 122 |  | -}
 | 
	
		
			
			| 123 |  | -
 | 
	
		
			
			| 124 |  | -#chat-toolbar li {
 | 
	
		
			
			| 125 |  | -	width: 16px;
 | 
	
		
			
			| 126 |  | -	height: 16px;
 | 
	
		
			
			| 127 |  | -	margin-left: 5px;
 | 
	
		
			
			| 128 |  | -	float: left;
 | 
	
		
			
			| 129 |  | -	display: inline-block;
 | 
	
		
			
			| 130 |  | -	cursor: pointer;
 | 
	
		
			
			| 131 |  | -	background-position: top left;
 | 
	
		
			
			| 132 |  | -	background-repeat: no-repeat;
 | 
	
		
			
			| 133 |  | -}
 | 
	
		
			
			| 134 |  | -
 | 
	
		
			
			| 135 |  | -#chat-toolbar #emoticons-icon {
 | 
	
		
			
			| 136 |  | -	background-image: url(img/action/emoticons.png);
 | 
	
		
			
			| 137 |  | -}
 | 
	
		
			
			| 138 |  | -
 | 
	
		
			
			| 139 |  | -#chat-toolbar .context {
 | 
	
		
			
			| 140 |  | -	background-image: url(img/action/settings.png);
 | 
	
		
			
			| 141 |  | -	display: none;
 | 
	
		
			
			| 142 |  | -}
 | 
	
		
			
			| 143 |  | -
 | 
	
		
			
			| 144 |  | -.role-moderator #chat-toolbar .context, .affiliation-owner #chat-toolbar .context {
 | 
	
		
			
			| 145 |  | -	display: inline-block;
 | 
	
		
			
			| 146 |  | -}
 | 
	
		
			
			| 147 |  | -
 | 
	
		
			
			| 148 |  | -#chat-sound-control {
 | 
	
		
			
			| 149 |  | -	background-image: url(img/action/sound-off.png);
 | 
	
		
			
			| 150 |  | -}
 | 
	
		
			
			| 151 |  | -
 | 
	
		
			
			| 152 |  | -#chat-sound-control.checked {
 | 
	
		
			
			| 153 |  | -	background-image: url(img/action/sound-on.png);
 | 
	
		
			
			| 154 |  | -}
 | 
	
		
			
			| 155 |  | -
 | 
	
		
			
			| 156 |  | -#chat-autoscroll-control {
 | 
	
		
			
			| 157 |  | -	background-image: url(img/action/autoscroll-off.png);
 | 
	
		
			
			| 158 |  | -}
 | 
	
		
			
			| 159 |  | -
 | 
	
		
			
			| 160 |  | -#chat-autoscroll-control.checked {
 | 
	
		
			
			| 161 |  | -	background-image: url(img/action/autoscroll-on.png);
 | 
	
		
			
			| 162 |  | -}
 | 
	
		
			
			| 163 |  | -
 | 
	
		
			
			| 164 |  | -#chat-statusmessage-control {
 | 
	
		
			
			| 165 |  | -	background-image: url(img/action/statusmessage-off.png);
 | 
	
		
			
			| 166 |  | -}
 | 
	
		
			
			| 167 |  | -
 | 
	
		
			
			| 168 |  | -#chat-statusmessage-control.checked {
 | 
	
		
			
			| 169 |  | -	background-image: url(img/action/statusmessage-on.png);
 | 
	
		
			
			| 170 |  | -}
 | 
	
		
			
			| 171 |  | -
 | 
	
		
			
			| 172 |  | -#chat-toolbar .usercount {
 | 
	
		
			
			| 173 |  | -	background-image: url(img/action/usercount.png);
 | 
	
		
			
			| 174 |  | -	cursor: default;
 | 
	
		
			
			| 175 |  | -	padding-left: 20px;
 | 
	
		
			
			| 176 |  | -	width: auto;
 | 
	
		
			
			| 177 |  | -	margin-right: 5px;
 | 
	
		
			
			| 178 |  | -	float: right;
 | 
	
		
			
			| 179 |  | -}
 | 
	
		
			
			| 180 |  | -
 | 
	
		
			
			| 181 |  | -.usercount span {
 | 
	
		
			
			| 182 |  | -	display: inline-block;
 | 
	
		
			
			| 183 |  | -	padding: 1px 3px;
 | 
	
		
			
			| 184 |  | -	background-color: #666;
 | 
	
		
			
			| 185 |  | -	font-weight: bold;
 | 
	
		
			
			| 186 |  | -	border-radius: 3px;
 | 
	
		
			
			| 187 |  | -	color: #ccc;
 | 
	
		
			
			| 188 |  | -}
 | 
	
		
			
			| 189 |  | -
 | 
	
		
			
			| 190 |  | -.room-pane {
 | 
	
		
			
			| 191 |  | -	display: none;
 | 
	
		
			
			| 192 |  | -}
 | 
	
		
			
			| 193 |  | -
 | 
	
		
			
			| 194 |  | -.roster-pane {
 | 
	
		
			
			| 195 |  | -	position: absolute;
 | 
	
		
			
			| 196 |  | -	overflow: auto;
 | 
	
		
			
			| 197 |  | -	top: 0;
 | 
	
		
			
			| 198 |  | -	right: 0;
 | 
	
		
			
			| 199 |  | -	bottom: 0;
 | 
	
		
			
			| 200 |  | -	width: 200px;
 | 
	
		
			
			| 201 |  | -	margin: 30px 0 31px 0;
 | 
	
		
			
			| 202 |  | -	background-color: #333;
 | 
	
		
			
			| 203 |  | -	border-top: 1px solid black;
 | 
	
		
			
			| 204 |  | -	box-shadow: inset 0 1px 0 0 #555;
 | 
	
		
			
			| 205 |  | -}
 | 
	
		
			
			| 206 |  | -
 | 
	
		
			
			| 207 |  | -.roster-pane .user {
 | 
	
		
			
			| 208 |  | -	cursor: pointer;
 | 
	
		
			
			| 209 |  | -	padding: 7px 10px;
 | 
	
		
			
			| 210 |  | -	font-size: 12px;
 | 
	
		
			
			| 211 |  | -	opacity: 0;
 | 
	
		
			
			| 212 |  | -	display: none;
 | 
	
		
			
			| 213 |  | -	color: #ccc;
 | 
	
		
			
			| 214 |  | -	clear: both;
 | 
	
		
			
			| 215 |  | -	height: 14px;
 | 
	
		
			
			| 216 |  | -	border-bottom: 1px solid black;
 | 
	
		
			
			| 217 |  | -	box-shadow: 0 1px 0 0 #555;
 | 
	
		
			
			| 218 |  | -}
 | 
	
		
			
			| 219 |  | -
 | 
	
		
			
			| 220 |  | -.roster-pane .user:hover {
 | 
	
		
			
			| 221 |  | -	background-color: #222;
 | 
	
		
			
			| 222 |  | -}
 | 
	
		
			
			| 223 |  | -
 | 
	
		
			
			| 224 |  | -.roster-pane .user.status-ignored {
 | 
	
		
			
			| 225 |  | -	cursor: default;
 | 
	
		
			
			| 226 |  | -}
 | 
	
		
			
			| 227 |  | -
 | 
	
		
			
			| 228 |  | -.roster-pane .user.me {
 | 
	
		
			
			| 229 |  | -	font-weight: bold;
 | 
	
		
			
			| 230 |  | -	cursor: default;
 | 
	
		
			
			| 231 |  | -}
 | 
	
		
			
			| 232 |  | -
 | 
	
		
			
			| 233 |  | -.roster-pane .user.me:hover {
 | 
	
		
			
			| 234 |  | -	background-color: transparent;
 | 
	
		
			
			| 235 |  | -}
 | 
	
		
			
			| 236 |  | -
 | 
	
		
			
			| 237 |  | -.roster-pane .label {
 | 
	
		
			
			| 238 |  | -	float: left;
 | 
	
		
			
			| 239 |  | -	width: 110px;
 | 
	
		
			
			| 240 |  | -	overflow: hidden;
 | 
	
		
			
			| 241 |  | -	white-space: nowrap;
 | 
	
		
			
			| 242 |  | -	text-shadow: 1px 1px black;
 | 
	
		
			
			| 243 |  | -}
 | 
	
		
			
			| 244 |  | -
 | 
	
		
			
			| 245 |  | -.roster-pane li {
 | 
	
		
			
			| 246 |  | -	width: 16px;
 | 
	
		
			
			| 247 |  | -	height: 16px;
 | 
	
		
			
			| 248 |  | -	float: right;
 | 
	
		
			
			| 249 |  | -	display: block;
 | 
	
		
			
			| 250 |  | -	margin-left: 3px;
 | 
	
		
			
			| 251 |  | -	background-repeat: no-repeat;
 | 
	
		
			
			| 252 |  | -	background-position: center;
 | 
	
		
			
			| 253 |  | -}
 | 
	
		
			
			| 254 |  | -
 | 
	
		
			
			| 255 |  | -.roster-pane li.role {
 | 
	
		
			
			| 256 |  | -	cursor: default;
 | 
	
		
			
			| 257 |  | -	display: none;
 | 
	
		
			
			| 258 |  | -}
 | 
	
		
			
			| 259 |  | -
 | 
	
		
			
			| 260 |  | -.roster-pane li.role-moderator {
 | 
	
		
			
			| 261 |  | -	background-image: url(img/roster/role-moderator.png);
 | 
	
		
			
			| 262 |  | -	display: block;
 | 
	
		
			
			| 263 |  | -}
 | 
	
		
			
			| 264 |  | -
 | 
	
		
			
			| 265 |  | -.roster-pane li.affiliation-owner {
 | 
	
		
			
			| 266 |  | -	background-image: url(img/roster/affiliation-owner.png);
 | 
	
		
			
			| 267 |  | -	display: block;
 | 
	
		
			
			| 268 |  | -}
 | 
	
		
			
			| 269 |  | -
 | 
	
		
			
			| 270 |  | -.roster-pane li.ignore {
 | 
	
		
			
			| 271 |  | -	background-image: url(img/roster/ignore.png);
 | 
	
		
			
			| 272 |  | -	display: none;
 | 
	
		
			
			| 273 |  | -}
 | 
	
		
			
			| 274 |  | -
 | 
	
		
			
			| 275 |  | -.roster-pane .status-ignored li.ignore {
 | 
	
		
			
			| 276 |  | -	display: block;
 | 
	
		
			
			| 277 |  | -}
 | 
	
		
			
			| 278 |  | -
 | 
	
		
			
			| 279 |  | -.roster-pane li.context {
 | 
	
		
			
			| 280 |  | -	color: #999;
 | 
	
		
			
			| 281 |  | -	text-align: center;
 | 
	
		
			
			| 282 |  | -	cursor: pointer;
 | 
	
		
			
			| 283 |  | -}
 | 
	
		
			
			| 284 |  | -
 | 
	
		
			
			| 285 |  | -.roster-pane li.context:hover {
 | 
	
		
			
			| 286 |  | -	background-color: #666;
 | 
	
		
			
			| 287 |  | -	border-radius: 4px;
 | 
	
		
			
			| 288 |  | -}
 | 
	
		
			
			| 289 |  | -
 | 
	
		
			
			| 290 |  | -.roster-pane .me li.context {
 | 
	
		
			
			| 291 |  | -	display: none;
 | 
	
		
			
			| 292 |  | -}
 | 
	
		
			
			| 293 |  | -
 | 
	
		
			
			| 294 |  | -.message-pane-wrapper {
 | 
	
		
			
			| 295 |  | -	clear: both;
 | 
	
		
			
			| 296 |  | -	overflow: auto;
 | 
	
		
			
			| 297 |  | -	position: absolute;
 | 
	
		
			
			| 298 |  | -	top: 0;
 | 
	
		
			
			| 299 |  | -	right: 0;
 | 
	
		
			
			| 300 |  | -	bottom: 0;
 | 
	
		
			
			| 301 |  | -	left: 0;
 | 
	
		
			
			| 302 |  | -	height: auto;
 | 
	
		
			
			| 303 |  | -	width: auto;
 | 
	
		
			
			| 304 |  | -	margin: 30px 200px 31px 0;
 | 
	
		
			
			| 305 |  | -	background-color: #eee;
 | 
	
		
			
			| 306 |  | -	font-size: 13px;
 | 
	
		
			
			| 307 |  | -	padding: 0 5px;
 | 
	
		
			
			| 308 |  | -}
 | 
	
		
			
			| 309 |  | -
 | 
	
		
			
			| 310 |  | -.message-pane {
 | 
	
		
			
			| 311 |  | -	padding-top: 1px;
 | 
	
		
			
			| 312 |  | -}
 | 
	
		
			
			| 313 |  | -
 | 
	
		
			
			| 314 |  | -.message-pane li {
 | 
	
		
			
			| 315 |  | -	cursor: default;
 | 
	
		
			
			| 316 |  | -	border-bottom: 1px solid #ccc;
 | 
	
		
			
			| 317 |  | -	box-shadow: 0 1px 0 0 white;
 | 
	
		
			
			| 318 |  | -}
 | 
	
		
			
			| 319 |  | -
 | 
	
		
			
			| 320 |  | -.message-pane small {
 | 
	
		
			
			| 321 |  | -	display: none;
 | 
	
		
			
			| 322 |  | -	color: #a00;
 | 
	
		
			
			| 323 |  | -	font-size: 10px;
 | 
	
		
			
			| 324 |  | -	position: absolute;
 | 
	
		
			
			| 325 |  | -	background-color: #f7f7f7;
 | 
	
		
			
			| 326 |  | -	text-align: center;
 | 
	
		
			
			| 327 |  | -	line-height: 20px;
 | 
	
		
			
			| 328 |  | -	margin: 4px 0;
 | 
	
		
			
			| 329 |  | -	padding: 0 5px;
 | 
	
		
			
			| 330 |  | -	right: 5px;
 | 
	
		
			
			| 331 |  | -}
 | 
	
		
			
			| 332 |  | -
 | 
	
		
			
			| 333 |  | -.message-pane li:hover {
 | 
	
		
			
			| 334 |  | -	background-color: #f7f7f7;
 | 
	
		
			
			| 335 |  | -}
 | 
	
		
			
			| 336 |  | -
 | 
	
		
			
			| 337 |  | -.message-pane li:hover small {
 | 
	
		
			
			| 338 |  | -	display: block;
 | 
	
		
			
			| 339 |  | -}
 | 
	
		
			
			| 340 |  | -
 | 
	
		
			
			| 341 |  | -.message-pane li>div {
 | 
	
		
			
			| 342 |  | -	overflow: auto;
 | 
	
		
			
			| 343 |  | -	padding: 2px 0 2px 130px;
 | 
	
		
			
			| 344 |  | -	line-height: 24px;
 | 
	
		
			
			| 345 |  | -	white-space: -o-pre-wrap; /* Opera */
 | 
	
		
			
			| 346 |  | -	word-wrap: break-word; /* Internet Explorer 5.5+ */
 | 
	
		
			
			| 347 |  | -}
 | 
	
		
			
			| 348 |  | -
 | 
	
		
			
			| 349 |  | -.message-pane li>div p {
 | 
	
		
			
			| 350 |  | -	margin: 0;
 | 
	
		
			
			| 351 |  | -}
 | 
	
		
			
			| 352 |  | -
 | 
	
		
			
			| 353 |  | -.message-pane .label {
 | 
	
		
			
			| 354 |  | -	font-weight: bold;
 | 
	
		
			
			| 355 |  | -	white-space: nowrap;
 | 
	
		
			
			| 356 |  | -	display: block;
 | 
	
		
			
			| 357 |  | -	margin-left: -130px;
 | 
	
		
			
			| 358 |  | -	width: 110px;
 | 
	
		
			
			| 359 |  | -	float: left;
 | 
	
		
			
			| 360 |  | -	overflow: hidden;
 | 
	
		
			
			| 361 |  | -	text-align: right;
 | 
	
		
			
			| 362 |  | -	color: black;
 | 
	
		
			
			| 363 |  | -}
 | 
	
		
			
			| 364 |  | -
 | 
	
		
			
			| 365 |  | -.message-pane .label:hover,
 | 
	
		
			
			| 366 |  | -.message-pane .label:focus {
 | 
	
		
			
			| 367 |  | -	color: inherit;
 | 
	
		
			
			| 368 |  | -}
 | 
	
		
			
			| 369 |  | -
 | 
	
		
			
			| 370 |  | -.message-pane .spacer {
 | 
	
		
			
			| 371 |  | -	color: #aaa;
 | 
	
		
			
			| 372 |  | -	font-weight: bold;
 | 
	
		
			
			| 373 |  | -	margin-left: -14px;
 | 
	
		
			
			| 374 |  | -	float: left;
 | 
	
		
			
			| 375 |  | -}
 | 
	
		
			
			| 376 |  | -
 | 
	
		
			
			| 377 |  | -.message-pane .subject, .message-pane .subject .label {
 | 
	
		
			
			| 378 |  | -	color: #a00;
 | 
	
		
			
			| 379 |  | -	font-weight: bold;
 | 
	
		
			
			| 380 |  | -}
 | 
	
		
			
			| 381 |  | -
 | 
	
		
			
			| 382 |  | -.message-pane .adminmessage {
 | 
	
		
			
			| 383 |  | -	color: #a00;
 | 
	
		
			
			| 384 |  | -	font-weight: bold;
 | 
	
		
			
			| 385 |  | -}
 | 
	
		
			
			| 386 |  | -
 | 
	
		
			
			| 387 |  | -.message-pane .infomessage {
 | 
	
		
			
			| 388 |  | -	color: #888;
 | 
	
		
			
			| 389 |  | -	font-style: italic;
 | 
	
		
			
			| 390 |  | -}
 | 
	
		
			
			| 391 |  | -
 | 
	
		
			
			| 392 |  | -.message-pane div>a {
 | 
	
		
			
			| 393 |  | -	color: #a00;
 | 
	
		
			
			| 394 |  | -}
 | 
	
		
			
			| 395 |  | -
 | 
	
		
			
			| 396 |  | -.message-pane a:hover {
 | 
	
		
			
			| 397 |  | -	text-decoration: underline;
 | 
	
		
			
			| 398 |  | -}
 | 
	
		
			
			| 399 |  | -
 | 
	
		
			
			| 400 |  | -.message-pane .emoticon {
 | 
	
		
			
			| 401 |  | -	vertical-align: text-bottom;
 | 
	
		
			
			| 402 |  | -	height: 15px;
 | 
	
		
			
			| 403 |  | -	width: 15px;
 | 
	
		
			
			| 404 |  | -}
 | 
	
		
			
			| 405 |  | -
 | 
	
		
			
			| 406 |  | -.message-form-wrapper {
 | 
	
		
			
			| 407 |  | -	position: fixed;
 | 
	
		
			
			| 408 |  | -	bottom: 0;
 | 
	
		
			
			| 409 |  | -	left: 0;
 | 
	
		
			
			| 410 |  | -	right: 0;
 | 
	
		
			
			| 411 |  | -	width: auto;
 | 
	
		
			
			| 412 |  | -	margin-right: 200px;
 | 
	
		
			
			| 413 |  | -	border-top: 1px solid #ccc;
 | 
	
		
			
			| 414 |  | -	background-color: white;
 | 
	
		
			
			| 415 |  | -	height: 31px;
 | 
	
		
			
			| 416 |  | -}
 | 
	
		
			
			| 417 |  | -
 | 
	
		
			
			| 418 |  | -.message-form {
 | 
	
		
			
			| 419 |  | -	position: fixed;
 | 
	
		
			
			| 420 |  | -	bottom: 0;
 | 
	
		
			
			| 421 |  | -	left: 0;
 | 
	
		
			
			| 422 |  | -	right: 0;
 | 
	
		
			
			| 423 |  | -	margin-right: 320px;
 | 
	
		
			
			| 424 |  | -	padding: 0;
 | 
	
		
			
			| 425 |  | -}
 | 
	
		
			
			| 426 |  | -
 | 
	
		
			
			| 427 |  | -.message-form input {
 | 
	
		
			
			| 428 |  | -	border: 0 none;
 | 
	
		
			
			| 429 |  | -	padding: 5px 10px;
 | 
	
		
			
			| 430 |  | -	font-size: 14px;
 | 
	
		
			
			| 431 |  | -	width: 100%;
 | 
	
		
			
			| 432 |  | -	display: block;
 | 
	
		
			
			| 433 |  | -	outline-width: 0;
 | 
	
		
			
			| 434 |  | -	background-color: white;
 | 
	
		
			
			| 435 |  | -}
 | 
	
		
			
			| 436 |  | -
 | 
	
		
			
			| 437 |  | -.message-form input.submit {
 | 
	
		
			
			| 438 |  | -	cursor: pointer;
 | 
	
		
			
			| 439 |  | -	background-color: #ccc;
 | 
	
		
			
			| 440 |  | -	color: #666;
 | 
	
		
			
			| 441 |  | -	position: fixed;
 | 
	
		
			
			| 442 |  | -	bottom: 0;
 | 
	
		
			
			| 443 |  | -	right: 0;
 | 
	
		
			
			| 444 |  | -	margin: 3px 203px 3px 3px;
 | 
	
		
			
			| 445 |  | -	padding: 0 10px;
 | 
	
		
			
			| 446 |  | -	width: auto;
 | 
	
		
			
			| 447 |  | -	font-size: 12px;
 | 
	
		
			
			| 448 |  | -	line-height: 12px;
 | 
	
		
			
			| 449 |  | -	height: 25px;
 | 
	
		
			
			| 450 |  | -	font-weight: bold;
 | 
	
		
			
			| 451 |  | -	border-radius: 3px;
 | 
	
		
			
			| 452 |  | -}
 | 
	
		
			
			| 453 |  | -
 | 
	
		
			
			| 454 |  | -#tooltip {
 | 
	
		
			
			| 455 |  | -	position: absolute;
 | 
	
		
			
			| 456 |  | -	z-index: 10;
 | 
	
		
			
			| 457 |  | -	display: none;
 | 
	
		
			
			| 458 |  | -	margin: 13px -18px -3px -2px;
 | 
	
		
			
			| 459 |  | -	color: #333;
 | 
	
		
			
			| 460 |  | -	font-size: 11px;
 | 
	
		
			
			| 461 |  | -	padding: 5px 0;
 | 
	
		
			
			| 462 |  | -}
 | 
	
		
			
			| 463 |  | -
 | 
	
		
			
			| 464 |  | -#tooltip div {
 | 
	
		
			
			| 465 |  | -	background-color: #f7f7f7;
 | 
	
		
			
			| 466 |  | -	padding: 2px 5px;
 | 
	
		
			
			| 467 |  | -	zoom: 1;
 | 
	
		
			
			| 468 |  | -	box-shadow: 0 1px 2px rgba(0, 0, 0, .75);
 | 
	
		
			
			| 469 |  | -}
 | 
	
		
			
			| 470 |  | -
 | 
	
		
			
			| 471 |  | -.arrow {
 | 
	
		
			
			| 472 |  | -	background: url(img/tooltip-arrows.gif) no-repeat left bottom;
 | 
	
		
			
			| 473 |  | -	height: 5px;
 | 
	
		
			
			| 474 |  | -	display: block;
 | 
	
		
			
			| 475 |  | -	position: relative;
 | 
	
		
			
			| 476 |  | -	z-index: 11;
 | 
	
		
			
			| 477 |  | -}
 | 
	
		
			
			| 478 |  | -
 | 
	
		
			
			| 479 |  | -.right-bottom .arrow-bottom {
 | 
	
		
			
			| 480 |  | -	background-position: right bottom;
 | 
	
		
			
			| 481 |  | -}
 | 
	
		
			
			| 482 |  | -
 | 
	
		
			
			| 483 |  | -.arrow-top {
 | 
	
		
			
			| 484 |  | -	display: none;
 | 
	
		
			
			| 485 |  | -	background-position: left top;
 | 
	
		
			
			| 486 |  | -}
 | 
	
		
			
			| 487 |  | -
 | 
	
		
			
			| 488 |  | -.right-top .arrow-top {
 | 
	
		
			
			| 489 |  | -	display: block;
 | 
	
		
			
			| 490 |  | -	background-position: right top;
 | 
	
		
			
			| 491 |  | -}
 | 
	
		
			
			| 492 |  | -
 | 
	
		
			
			| 493 |  | -.left-top .arrow-top {
 | 
	
		
			
			| 494 |  | -	display: block;
 | 
	
		
			
			| 495 |  | -}
 | 
	
		
			
			| 496 |  | -
 | 
	
		
			
			| 497 |  | -
 | 
	
		
			
			| 498 |  | -.left-top .arrow-bottom,
 | 
	
		
			
			| 499 |  | -.right-top .arrow-bottom {
 | 
	
		
			
			| 500 |  | -	display: none;
 | 
	
		
			
			| 501 |  | -}
 | 
	
		
			
			| 502 |  | -
 | 
	
		
			
			| 503 |  | -#context-menu {
 | 
	
		
			
			| 504 |  | -	position: absolute;
 | 
	
		
			
			| 505 |  | -	z-index: 10;
 | 
	
		
			
			| 506 |  | -	display: none;
 | 
	
		
			
			| 507 |  | -	padding: 5px 10px;
 | 
	
		
			
			| 508 |  | -	margin: 13px -28px -3px -12px;
 | 
	
		
			
			| 509 |  | -}
 | 
	
		
			
			| 510 |  | -
 | 
	
		
			
			| 511 |  | -#context-menu ul {
 | 
	
		
			
			| 512 |  | -	background-color: #f7f7f7;
 | 
	
		
			
			| 513 |  | -	color: #333;
 | 
	
		
			
			| 514 |  | -	font-size: 12px;
 | 
	
		
			
			| 515 |  | -	padding: 2px;
 | 
	
		
			
			| 516 |  | -	zoom: 1;
 | 
	
		
			
			| 517 |  | -	box-shadow: 0 1px 2px rgba(0, 0, 0, .75);
 | 
	
		
			
			| 518 |  | -}
 | 
	
		
			
			| 519 |  | -
 | 
	
		
			
			| 520 |  | -#context-menu li {
 | 
	
		
			
			| 521 |  | -	padding: 3px 5px 3px 20px;
 | 
	
		
			
			| 522 |  | -	line-height: 12px;
 | 
	
		
			
			| 523 |  | -	cursor: pointer;
 | 
	
		
			
			| 524 |  | -	margin-bottom: 2px;
 | 
	
		
			
			| 525 |  | -	background: 1px no-repeat;
 | 
	
		
			
			| 526 |  | -	white-space: nowrap;
 | 
	
		
			
			| 527 |  | -}
 | 
	
		
			
			| 528 |  | -
 | 
	
		
			
			| 529 |  | -#context-menu li:hover {
 | 
	
		
			
			| 530 |  | -	background-color: #ccc;
 | 
	
		
			
			| 531 |  | -}
 | 
	
		
			
			| 532 |  | -
 | 
	
		
			
			| 533 |  | -#context-menu li:last-child {
 | 
	
		
			
			| 534 |  | -	margin-bottom: 0;
 | 
	
		
			
			| 535 |  | -}
 | 
	
		
			
			| 536 |  | -
 | 
	
		
			
			| 537 |  | -#context-menu .private {
 | 
	
		
			
			| 538 |  | -	background-image: url(img/action/private.png);
 | 
	
		
			
			| 539 |  | -}
 | 
	
		
			
			| 540 |  | -
 | 
	
		
			
			| 541 |  | -#context-menu .ignore {
 | 
	
		
			
			| 542 |  | -	background-image: url(img/action/ignore.png);
 | 
	
		
			
			| 543 |  | -}
 | 
	
		
			
			| 544 |  | -
 | 
	
		
			
			| 545 |  | -#context-menu .unignore {
 | 
	
		
			
			| 546 |  | -	background-image: url(img/action/unignore.png);
 | 
	
		
			
			| 547 |  | -}
 | 
	
		
			
			| 548 |  | -
 | 
	
		
			
			| 549 |  | -#context-menu .kick {
 | 
	
		
			
			| 550 |  | -	background-image: url(img/action/kick.png);
 | 
	
		
			
			| 551 |  | -}
 | 
	
		
			
			| 552 |  | -
 | 
	
		
			
			| 553 |  | -#context-menu .ban {
 | 
	
		
			
			| 554 |  | -	background-image: url(img/action/ban.png);
 | 
	
		
			
			| 555 |  | -}
 | 
	
		
			
			| 556 |  | -
 | 
	
		
			
			| 557 |  | -#context-menu .subject {
 | 
	
		
			
			| 558 |  | -	background-image: url(img/action/subject.png);
 | 
	
		
			
			| 559 |  | -}
 | 
	
		
			
			| 560 |  | -
 | 
	
		
			
			| 561 |  | -#context-menu .emoticons {
 | 
	
		
			
			| 562 |  | -	padding-left: 5px;
 | 
	
		
			
			| 563 |  | -	width: 85px;
 | 
	
		
			
			| 564 |  | -	white-space: normal;
 | 
	
		
			
			| 565 |  | -}
 | 
	
		
			
			| 566 |  | -
 | 
	
		
			
			| 567 |  | -#context-menu .emoticons:hover {
 | 
	
		
			
			| 568 |  | -	background-color: transparent;
 | 
	
		
			
			| 569 |  | -}
 | 
	
		
			
			| 570 |  | -
 | 
	
		
			
			| 571 |  | -#context-menu .emoticons img {
 | 
	
		
			
			| 572 |  | -	cursor: pointer;
 | 
	
		
			
			| 573 |  | -	margin: 3px;
 | 
	
		
			
			| 574 |  | -	height: 15px;
 | 
	
		
			
			| 575 |  | -	width: 15px;
 | 
	
		
			
			| 576 |  | -}
 | 
	
		
			
			| 577 |  | -
 | 
	
		
			
			| 578 |  | -#chat-modal.modal-common {
 | 
	
		
			
			| 579 |  | -	background: #eee;
 | 
	
		
			
			| 580 |  | -	width: 300px;
 | 
	
		
			
			| 581 |  | -	padding: 20px 5px;
 | 
	
		
			
			| 582 |  | -	color: #333;
 | 
	
		
			
			| 583 |  | -	font-size: 16px;
 | 
	
		
			
			| 584 |  | -	position: fixed;
 | 
	
		
			
			| 585 |  | -	left: 50%;
 | 
	
		
			
			| 586 |  | -	top: 50%;
 | 
	
		
			
			| 587 |  | -	margin-left: -160px;
 | 
	
		
			
			| 588 |  | -	margin-top: -45px;
 | 
	
		
			
			| 589 |  | -	text-align: center;
 | 
	
		
			
			| 590 |  | -	display: none;
 | 
	
		
			
			| 591 |  | -	z-index: 100;
 | 
	
		
			
			| 592 |  | -	border: 5px solid #888;
 | 
	
		
			
			| 593 |  | -	border-radius: 5px;
 | 
	
		
			
			| 594 |  | -	box-shadow: 0 0 5px black;
 | 
	
		
			
			| 595 |  | -}
 | 
	
		
			
			| 596 |  | -
 | 
	
		
			
			| 597 |  | -#chat-modal-overlay {
 | 
	
		
			
			| 598 |  | -	position: absolute;
 | 
	
		
			
			| 599 |  | -	left: 0;
 | 
	
		
			
			| 600 |  | -	top: 0;
 | 
	
		
			
			| 601 |  | -	right: 0;
 | 
	
		
			
			| 602 |  | -	bottom: 0;
 | 
	
		
			
			| 603 |  | -	z-index: 90;
 | 
	
		
			
			| 604 |  | -	background-image: url(img/overlay.png);
 | 
	
		
			
			| 605 |  | -}
 | 
	
		
			
			| 606 |  | -
 | 
	
		
			
			| 607 |  | -#chat-modal.modal-login {
 | 
	
		
			
			| 608 |  | -	display: block;
 | 
	
		
			
			| 609 |  | -	margin-top: -100px;
 | 
	
		
			
			| 610 |  | -}
 | 
	
		
			
			| 611 |  | -
 | 
	
		
			
			| 612 |  | -#chat-modal-spinner {
 | 
	
		
			
			| 613 |  | -	display: none;
 | 
	
		
			
			| 614 |  | -	margin-left: 15px;
 | 
	
		
			
			| 615 |  | -}
 | 
	
		
			
			| 616 |  | -
 | 
	
		
			
			| 617 |  | -#chat-modal form {
 | 
	
		
			
			| 618 |  | -	margin: 15px 0;
 | 
	
		
			
			| 619 |  | -}
 | 
	
		
			
			| 620 |  | -
 | 
	
		
			
			| 621 |  | -#chat-modal label, #chat-modal input, #chat-modal select {
 | 
	
		
			
			| 622 |  | -	display: block;
 | 
	
		
			
			| 623 |  | -	float: left;
 | 
	
		
			
			| 624 |  | -	line-height: 26px;
 | 
	
		
			
			| 625 |  | -	font-size: 16px;
 | 
	
		
			
			| 626 |  | -	margin: 5px 0;
 | 
	
		
			
			| 627 |  | -}
 | 
	
		
			
			| 628 |  | -
 | 
	
		
			
			| 629 |  | -#chat-modal input, #chat-modal select {
 | 
	
		
			
			| 630 |  | -	padding: 2px;
 | 
	
		
			
			| 631 |  | -	line-height: 16px;
 | 
	
		
			
			| 632 |  | -	width: 150px;
 | 
	
		
			
			| 633 |  | -}
 | 
	
		
			
			| 634 |  | -
 | 
	
		
			
			| 635 |  | -#chat-modal input[type='text'],
 | 
	
		
			
			| 636 |  | -#chat-modal input[type='password'] {
 | 
	
		
			
			| 637 |  | -	background-color: white;
 | 
	
		
			
			| 638 |  | -	border: 1px solid #ccc;
 | 
	
		
			
			| 639 |  | -	padding: 4px;
 | 
	
		
			
			| 640 |  | -	font-size: 14px;
 | 
	
		
			
			| 641 |  | -	color: #333;
 | 
	
		
			
			| 642 |  | -}
 | 
	
		
			
			| 643 |  | -
 | 
	
		
			
			| 644 |  | -#chat-modal.login-with-domains {
 | 
	
		
			
			| 645 |  | -	width: 650px;
 | 
	
		
			
			| 646 |  | -	margin-left: -330px;
 | 
	
		
			
			| 647 |  | -}
 | 
	
		
			
			| 648 |  | -
 | 
	
		
			
			| 649 |  | -#chat-modal span.at-symbol {
 | 
	
		
			
			| 650 |  | -	float: left;
 | 
	
		
			
			| 651 |  | -	padding: 6px;
 | 
	
		
			
			| 652 |  | -	font-size: 14px;
 | 
	
		
			
			| 653 |  | -}
 | 
	
		
			
			| 654 |  | -
 | 
	
		
			
			| 655 |  | -#chat-modal select[name=domain] {
 | 
	
		
			
			| 656 |  | -	width: 320px;
 | 
	
		
			
			| 657 |  | -}
 | 
	
		
			
			| 658 |  | -
 | 
	
		
			
			| 659 |  | -#chat-modal label {
 | 
	
		
			
			| 660 |  | -	 text-align: right;
 | 
	
		
			
			| 661 |  | -	 padding-right: 1em;
 | 
	
		
			
			| 662 |  | -	 clear: both;
 | 
	
		
			
			| 663 |  | -	 width: 100px;
 | 
	
		
			
			| 664 |  | -}
 | 
	
		
			
			| 665 |  | -
 | 
	
		
			
			| 666 |  | -#chat-modal input.button {
 | 
	
		
			
			| 667 |  | -	float: none;
 | 
	
		
			
			| 668 |  | -	display: block;
 | 
	
		
			
			| 669 |  | -	margin: 5px auto;
 | 
	
		
			
			| 670 |  | -	clear: both;
 | 
	
		
			
			| 671 |  | -	position: relative;
 | 
	
		
			
			| 672 |  | -	top: 10px;
 | 
	
		
			
			| 673 |  | -	width: 200px;
 | 
	
		
			
			| 674 |  | -}
 | 
	
		
			
			| 675 |  | -
 | 
	
		
			
			| 676 |  | -#chat-modal .close {
 | 
	
		
			
			| 677 |  | -	position: absolute;
 | 
	
		
			
			| 678 |  | -	right: 0;
 | 
	
		
			
			| 679 |  | -	display: none;
 | 
	
		
			
			| 680 |  | -	padding: 0 5px;
 | 
	
		
			
			| 681 |  | -	margin: -17px 3px 0 0;
 | 
	
		
			
			| 682 |  | -	color: #999;
 | 
	
		
			
			| 683 |  | -	border-radius: 3px;
 | 
	
		
			
			| 684 |  | -}
 | 
	
		
			
			| 685 |  | -
 | 
	
		
			
			| 686 |  | -#chat-modal .close:hover {
 | 
	
		
			
			| 687 |  | -	color: #333;
 | 
	
		
			
			| 688 |  | -	background-color: #aaa;
 | 
	
		
			
			| 689 |  | -}
 | 
	
		
			
			| 690 |  | -
 | 
	
		
			
			| 691 |  | -/**
 | 
	
		
			
			| 692 |  | - * Bootstrap Responsive Design styles
 | 
	
		
			
			| 693 |  | - * It add styles to every element so we need to override some to keep the look of Candy
 | 
	
		
			
			| 694 |  | - */
 | 
	
		
			
			| 695 |  | -*, :after, :before {
 | 
	
		
			
			| 696 |  | -	-webkit-box-sizing: content-box;
 | 
	
		
			
			| 697 |  | -	-moz-box-sizing: content-box;
 | 
	
		
			
			| 698 |  | -	box-sizing: content-box;
 | 
	
		
			
			| 699 |  | -}
 | 
	
		
			
			| 700 |  | -
 | 
	
		
			
			| 701 |  | -label {
 | 
	
		
			
			| 702 |  | -	font-weight: normal;
 | 
	
		
			
			| 703 |  | -}
 | 
	
		
			
			| 704 |  | -
 | 
	
		
			
			| 705 |  | -.label {
 | 
	
		
			
			| 706 |  | -	font-size: 100%;
 | 
	
		
			
			| 707 |  | -	font-weight: normal;
 | 
	
		
			
			| 708 |  | -	text-align: left;
 | 
	
		
			
			| 709 |  | -	line-height: inherit;
 | 
	
		
			
			| 710 |  | -	padding: 0;
 | 
	
		
			
			| 711 |  | -	color: inherit;
 | 
	
		
			
			| 712 |  | -}
 | 
	
		
			
			| 713 |  | -
 | 
	
		
			
			| 714 |  | -.close {
 | 
	
		
			
			| 715 |  | -	font-size: inherit;
 | 
	
		
			
			| 716 |  | -	line-height: inherit;
 | 
	
		
			
			| 717 |  | -	opacity: 1;
 | 
	
		
			
			| 718 |  | -	text-shadow: none;
 | 
	
		
			
			| 719 |  | -}
 | 
	
		
			
			| 720 |  | -
 | 
	
		
			
			| 721 |  | -#mobile-roster-icon {
 | 
	
		
			
			| 722 |  | -	display: none;
 | 
	
		
			
			| 723 |  | -}
 | 
	
		
			
			| 724 |  | -
 | 
	
		
			
			| 725 |  | -/*
 | 
	
		
			
			| 726 |  | - * Responsive specific styles for devices under 600px
 | 
	
		
			
			| 727 |  | - * Mainly changing the size of room, roster and message panes when opened / closed
 | 
	
		
			
			| 728 |  | - */
 | 
	
		
			
			| 729 |  | -@media (max-width: 599px) {
 | 
	
		
			
			| 730 |  | -	.room-pane .message-pane-wrapper {
 | 
	
		
			
			| 731 |  | -		margin-right: 50px;
 | 
	
		
			
			| 732 |  | -	}
 | 
	
		
			
			| 733 |  | -
 | 
	
		
			
			| 734 |  | -	.room-pane:not(.open) .roster-pane {
 | 
	
		
			
			| 735 |  | -		right: -150px;
 | 
	
		
			
			| 736 |  | -	}
 | 
	
		
			
			| 737 |  | -
 | 
	
		
			
			| 738 |  | -	.roster-pane {
 | 
	
		
			
			| 739 |  | -		z-index: 10;
 | 
	
		
			
			| 740 |  | -	}
 | 
	
		
			
			| 741 |  | -
 | 
	
		
			
			| 742 |  | -	.message-pane li>div {
 | 
	
		
			
			| 743 |  | -		padding-left: 10px;
 | 
	
		
			
			| 744 |  | -	}
 | 
	
		
			
			| 745 |  | -
 | 
	
		
			
			| 746 |  | -	.message-pane li>div.infomessage {
 | 
	
		
			
			| 747 |  | -		padding-left: 30px;
 | 
	
		
			
			| 748 |  | -	}
 | 
	
		
			
			| 749 |  | -
 | 
	
		
			
			| 750 |  | -	.message-pane .label {
 | 
	
		
			
			| 751 |  | -		width: auto;
 | 
	
		
			
			| 752 |  | -		margin-left: 0;
 | 
	
		
			
			| 753 |  | -	}
 | 
	
		
			
			| 754 |  | -
 | 
	
		
			
			| 755 |  | -	.message-pane .spacer {
 | 
	
		
			
			| 756 |  | -		margin: 0 5px;
 | 
	
		
			
			| 757 |  | -	}
 | 
	
		
			
			| 758 |  | -
 | 
	
		
			
			| 759 |  | -	.room-pane:not(.open) .message-form-wrapper {
 | 
	
		
			
			| 760 |  | -		margin-right: 50px;
 | 
	
		
			
			| 761 |  | -	}
 | 
	
		
			
			| 762 |  | -
 | 
	
		
			
			| 763 |  | -	.room-pane:not(.open) .message-form {
 | 
	
		
			
			| 764 |  | -		margin-right: 150px;
 | 
	
		
			
			| 765 |  | -	}
 | 
	
		
			
			| 766 |  | -
 | 
	
		
			
			| 767 |  | -	.room-pane:not(.open) .message-form input.submit {
 | 
	
		
			
			| 768 |  | -		margin-right: 53px;
 | 
	
		
			
			| 769 |  | -	}
 | 
	
		
			
			| 770 |  | -
 | 
	
		
			
			| 771 |  | -	#mobile-roster-icon {
 | 
	
		
			
			| 772 |  | -		position: fixed;
 | 
	
		
			
			| 773 |  | -		top: 0;
 | 
	
		
			
			| 774 |  | -		right: 0;
 | 
	
		
			
			| 775 |  | -	}
 | 
	
		
			
			| 776 |  | -
 | 
	
		
			
			| 777 |  | -/*
 | 
	
		
			
			| 778 |  | - * These are for the hamburger icon. The box-shadow adds the extra lines
 | 
	
		
			
			| 779 |  | - */
 | 
	
		
			
			| 780 |  | -	.box-shadow-icon {
 | 
	
		
			
			| 781 |  | -		position: relative;
 | 
	
		
			
			| 782 |  | -		display: block;
 | 
	
		
			
			| 783 |  | -		width: 50px;
 | 
	
		
			
			| 784 |  | -		height: 30px;
 | 
	
		
			
			| 785 |  | -		cursor: pointer;
 | 
	
		
			
			| 786 |  | -	}
 | 
	
		
			
			| 787 |  | -
 | 
	
		
			
			| 788 |  | -	.box-shadow-icon:before {
 | 
	
		
			
			| 789 |  | -		content: "";
 | 
	
		
			
			| 790 |  | -		position: absolute;
 | 
	
		
			
			| 791 |  | -		left: 15px;
 | 
	
		
			
			| 792 |  | -		top: 9px;
 | 
	
		
			
			| 793 |  | -		width: 20px;
 | 
	
		
			
			| 794 |  | -		height: 2px;
 | 
	
		
			
			| 795 |  | -		background: #aaa;
 | 
	
		
			
			| 796 |  | -		box-shadow: 0 5px 0 0 #aaa, 0 10px 0 0 #aaa;
 | 
	
		
			
			| 797 |  | -	}
 | 
	
		
			
			| 798 |  | -
 | 
	
		
			
			| 799 |  | -	.box-shadow-icon:hover {
 | 
	
		
			
			| 800 |  | -		background: #222;
 | 
	
		
			
			| 801 |  | -	}
 | 
	
		
			
			| 802 |  | -}
 |