Subversion Repositories cheapmusic

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
103 - 1 
@CHARSET "UTF-8";
2 
 
3 
.chat-container {
4 
    border: 2px solid #dedede;
5 
    background: rgb(211, 225, 236);
6 
    border-radius: 5px;
7 
    padding: 10px;
8 
    margin: 10px 0;
9 
}
10 
 
11 
.chat-container::after {
12 
  content: "";
13 
  clear: both;
14 
  display: table;
15 
}
16 
 
17 
.clearfix { *zoom: 1; }
18 
.clearfix:before, .clearfix:after {
19 
    content: "";
20 
    display: table;
21 
}
22 
.clearfix:after { clear: both; }
23 
 
24 
#live-chat {
25 
  font-size: 12px;
26 
  right: 24px;
27 
  width: 100%;
28 
}
29 
 
30 
#live-chat header {
31 
  background: #293239;
32 
  border-radius: 5px 5px 0 0;
33 
  color: #fff;
34 
  cursor: pointer;
35 
  padding: 16px 24px;
36 
}
37 
 
38 
#live-chat h4:before {
39 
  background: #1a8a34;
40 
  border-radius: 50%;
41 
  content: "";
42 
  display: inline-block;
43 
  height: 8px;
44 
  margin: 0 8px 0 0;
45 
  width: 8px;
46 
}
47 
 
48 
#live-chat h4 {
49 
  font-size: 12px;
50 
  color: rgb(199, 0, 57);
51 
}
52 
 
53 
#live-chat h5 {
54 
  font-size: 10px;
55 
  color: rgb(199, 0, 57);
56 
}
57 
 
58 
#live-chat form {
59 
  padding: 24px;
60 
}
61 
 
62 
#live-chat input[type="text"] {
63 
  border: 1px solid #ccc;
64 
  border-radius: 3px;
65 
  padding: 8px;
66 
  outline: none;
67 
  width: 234px;
68 
}
69 
 
70 
.description{
71 
 font-size: 12px;
72 
  font-weight: bold;
73 
}
74 
 
75 
.chat-message-counter {
76 
  background: #e62727;
77 
  border: 1px solid #fff;
78 
  border-radius: 50%;
79 
  display: none;
80 
  font-size: 12px;
81 
  font-weight: bold;
82 
  height: 28px;
83 
  left: 0;
84 
  line-height: 28px;
85 
  margin: -15px 0 0 -15px;
86 
  position: absolute;
87 
  text-align: center;
88 
  top: 0;
89 
  width: 28px;
90 
}
91 
 
92 
.chat {
93 
  background: #fff;
94 
}
95 
 
96 
.chat-history {
97 
  height: 900px;
98 
  padding: 8px 24px;
99 
  overflow-y: scroll;
100 
}
101 
 
102 
.chat-message {
103 
    border: 2px solid #dedede;
104 
    background-color: #f4f7fa;
105 
    border-radius: 5px;
106 
    padding: 10px;
107 
    margin: 10px 0;
108 
}
109 
 
110 
.chat-time {
111 
  font-size: 12px;
112 
  color: #6c757d;
113 
  float: right;
114 
}
115 
 
116 
.chat-name {
117 
	font-size: 12px;
118 
	float: right;
119 
}
120 
 
121 
.chat-text { font-size: 14px;}
122 
.chat-desc {font-size: 16px;white-space: pre;}
123 
.chat-desc-small {font-size: 14px;white-space: pre;}
124 
 
125 
textarea {
126 
  margin-top: 20px;
127 
  margin-left: 0px;
128 
  width: 100%;
129 
  height: 100px;
130 
  -moz-border-bottom-colors: none;
131 
  -moz-border-left-colors: none;
132 
  -moz-border-right-colors: none;
133 
  -moz-border-top-colors: none;
134 
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
135 
  border-color: -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color;
136 
  border-image: none;
137 
  border-radius: 6px 6px 6px 6px;
138 
  border-style: none solid solid none;
139 
  border-width: medium 1px 1px medium;
140 
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
141 
  color: #555555;
142 
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
143 
  font-size: 1em;
144 
  line-height: 1.4em;
145 
  padding: 5px 8px;
146 
  transition: background-color 0.2s ease 0s;
147 
}
148 
 
149 
textarea:focus {
150 
    background: none repeat scroll 0 0 #FFFFFF;
151 
    outline-width: 0;
152 
}