css/mystyle.css at master · codekingdroid/css · 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
#test{
    color: #050035;
}

#header{
background: linear-gradient(122deg, rgba(37,11,209,1) 0%, rgba(0,116,196,1) 25%, rgba(0,119,197,1) 43%, rgba(0,228,255,1) 100%);
}

/* welcome message */
.serverMessage {
    background: linear-gradient(122deg, rgba(37,11,209,1) 0%, rgba(0,116,196,1) 25%, rgba(0,119,197,1) 43%, rgba(0,228,255,1) 100%) !important;
}

.welcome {

    color: #ffffff;
}

/* settings icon */
.hamburger-header:after {

    color: white;
}

/* room tabs */
#tabs .nav-tabs>li.active a {
     background: linear-gradient(122deg, rgba(37,11,209,1) 0%, rgba(0,116,196,1) 25%, rgba(0,119,197,1) 43%, rgba(0,228,255,1) 100%) !important;
}

/* searchbar */
.search-bar {
    background: #001a2e !important;
}

#tabs .nav-tabs {

    background-color: white;
    box-shadow: inset 35px 30px 13px -27px rgba(0,95,196,1);
}


/* message container */

#tabs .tab-pane {
    height: 98%!important;
    bottom: 0!important;
    padding: 10px!important;
    background-color: rgba(0, 0, 0, 0.607) !important;
    border-radius: 10px !important;
    margin: 5px !important;
}
/* contsiner for the  room containers*/
#tabs > .tab-content {
    border-radius: 0px 10px 10px 10px !important;
    height: calc(100% - 20px)!important;

}

/* user name */
.userItem {
    color: white!important;
    font-weight: 100 !important;
}

/* message time stamp */
.message .timeStamp, .messageWindowPrivate .timeStamp {
    font-style: italic;
    color: rgb(190, 190, 190) !important;
}

/* user's message box image icon */
div.message img.userItem {

    border-radius: 10px;
    box-shadow: 0px 0px 10px 2px grey;
}

/* message input area */
.emojionearea {
    background: #fff!important;
    border-radius: 10px!important;
    border: none!important;
    box-shadow: 0px 0px 15px 1px grey;

}

/* rooms table , rows */
#tableRoomBody2 td {

    background: white !important;
}

@media only screen and (max-width: 768px){
.table-bordered>tbody>tr>td {
    padding: 10px 10px!important;
}
}

/* gen */
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {

    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

#roomsContainer2 {

    padding: 10px 10px !important;
    /* background: #001a2e !important; */
}

/* message font */
div.message div.content {

    color: #001a2e !important;
}