ソースを参照

Toolbar style changes.

j8
yanas 9年前
コミット
1526d4e239
2個のファイルの変更19行の追加21行の削除
  1. 19
    6
      css/main.css
  2. 0
    15
      css/videolayout_default.css

+ 19
- 6
css/main.css ファイルの表示

46
     display: inline-block;
46
     display: inline-block;
47
     position: relative;
47
     position: relative;
48
     color: #FFFFFF;
48
     color: #FFFFFF;
49
-    top: 0;
50
-    padding: 9px 0;
49
+    top:0px;
50
+    padding-top: 9px;
51
     width: 38px;
51
     width: 38px;
52
+    height: 28px;
52
     cursor: pointer;
53
     cursor: pointer;
53
     text-align: center;
54
     text-align: center;
54
     text-shadow: 0 1px 0 rgba(255,255,255,.3), 0 -1px 0 rgba(0,0,0,.6);
55
     text-shadow: 0 1px 0 rgba(255,255,255,.3), 0 -1px 0 rgba(0,0,0,.6);
94
 #numberOfParticipants {
95
 #numberOfParticipants {
95
     position: absolute;
96
     position: absolute;
96
     top: 0px;
97
     top: 0px;
97
-    right: -1;
98
+    right: -1px;
98
     color: white;
99
     color: white;
99
     width: 13px;
100
     width: 13px;
100
     height: 13px;
101
     height: 13px;
109
     color: #00ccff;
110
     color: #00ccff;
110
 }
111
 }
111
 
112
 
113
+#toolbar {
114
+    display:inline-block;
115
+    position:relative;
116
+    top:5px;
117
+    margin-left:auto;
118
+    margin-right:auto;
119
+    height:38px;
120
+    width:auto;
121
+    background-color: rgba(0,0,0,0.5);
122
+    border-radius: 1px;
123
+    pointer-events: auto;
124
+}
125
+
112
 #toolbar_button_record {
126
 #toolbar_button_record {
113
     -webkit-transition: all .5s ease-in-out;
127
     -webkit-transition: all .5s ease-in-out;
114
     -moz-transition: all .5s ease-in-out;
128
     -moz-transition: all .5s ease-in-out;
132
 
146
 
133
 a.button:hover,
147
 a.button:hover,
134
 a.bottomToolbarButton:hover {
148
 a.bottomToolbarButton:hover {
135
-    top: 0px;
136
     cursor: pointer;
149
     cursor: pointer;
137
     background: rgba(255, 255, 255, 0.1);
150
     background: rgba(255, 255, 255, 0.1);
138
     border-radius: 1px;
151
     border-radius: 1px;
146
 .header_button_separator {
159
 .header_button_separator {
147
     display: inline-block;
160
     display: inline-block;
148
     position:relative;
161
     position:relative;
149
-    top: 5;
162
+    top: 5px;
150
     width: 1px;
163
     width: 1px;
151
     height: 20px;
164
     height: 20px;
152
     background: #373737;
165
     background: #373737;
155
 .bottom_button_separator {
168
 .bottom_button_separator {
156
     display: inline-block;
169
     display: inline-block;
157
     position: relative;
170
     position: relative;
158
-    left: 5;
171
+    left: 5px;
159
     width: 20px;
172
     width: 20px;
160
     height: 1px;
173
     height: 1px;
161
     background: #373737;
174
     background: #373737;

+ 0
- 15
css/videolayout_default.css ファイルの表示

359
     pointer-events: none;
359
     pointer-events: none;
360
 }
360
 }
361
 
361
 
362
-#toolbar {
363
-    display:inline-block;
364
-    position:relative;
365
-    margin-top:5px;
366
-    margin-left:auto;
367
-    margin-right:auto;
368
-    padding-left:2px;
369
-    padding-right:2px;
370
-    height:38px;
371
-    width:auto;
372
-    background-color: rgba(0,0,0,0.5);
373
-    border-radius: 1px;
374
-    pointer-events: auto;
375
-}
376
-
377
 #subject {
362
 #subject {
378
     position: relative;
363
     position: relative;
379
     z-index: 3;
364
     z-index: 3;

読み込み中…
キャンセル
保存