webdis-chat/style.css at master · bbfsdev/webdis-chat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
.show{display: block;}
.hide{display: none;}
.toR{float: right;}
.toL{float: left;}

.itemQ{border-bottom: 1px solid #555; padding: 5px 10px;min-height: 30px;word-break: break-word;}
.itemQ:nth-child(odd){background-color: #ffeed2;}
.nameQ{color: #d0563c;}
.timeQ{padding: 0 5px; font-style: italic; font-size: smaller;}

.fixedTop{position: fixed;top: 0; left: 0; right: 0; background-color: #FFF;}
.contForFixedTop{ margin-top: 45px; }
.contForFixedTopMinimal{ margin-top: 140px; }

.btns{margin: 5px 0;}
.btns .btn{margin: 0 5px;}
.btnSmall{cursor: pointer;background-color: #ccc; border-radius: 5px; display: inline-block; padding: 2px 10px; color: #444;box-shadow: inset 0 0 5px rgba(0,0,0,0.6);min-width: 50px;text-align: center; margin: 0 5px;}
.btnSmall:hover{}
.btnSmall:active{background-color: #999;}

.btn{min-width: 50px;}
.btnRed{background-color: #ff3a56;}
.btnRed:active{background-color: #cf1a36;}
.btnGreen{background-color: #6fff36;}
.btnGreen:active{background-color: #4fcf16;}
.btnOrange{background-color: #ffb527;}
.btnOrange:active{background-color: #cf9507;}
.btnBlue{background-color: #6699FF;}
.btnBlue:active{background-color: #66CCFF;}

.tabSwitcher{margin: 0;}
.tabSwitcher li{display: inline-block;border: 1px;box-shadow: none; border-radius: 5px 5px 0 0; }
.tabSwitcher li.sel{background-color: #FFF; border: 1px solid #444;border-bottom: 0 none; }
.tabs{position: relative;}
.tab{position: absolute;top: 0; left: 0; width: 100%;display: none;}
.tab.sel{display: block;}

#askForm{display: none;}
#askForm input, #askForm textarea {display: block; max-width: 300px; width: 100%; margin: 5px 0 0;border: 1px solid #555;}

#langSwitch{text-align: center; font-size: 14px;}
#langSwitch label{white-space: nowrap;}
#langSwitch input{display: inline-block; margin-left: 10px;}

/*Admin page*/
.sidebar{width: 39%; float: right;}
.content{width: 60%;}

#inputForAutoApproveBtn.ui-state-active { background: #6fff36; }
#inputForAutoApproveBtn { background: #ff3a56; }

/* User list new message blink */
.noNewMessage {}
.newMessage { font-weight: 900; }