7b9682027a50ca1f0cde97f03f67a293848f7246
[redakcja.git] / src / redakcja / static / css / toolbar.css
1 /*
2  * Toolbars
3  */
4
5 .toolbar {
6     border-bottom: 1px solid #777;
7     background-color: #C1C1C1;
8     margin: 0px;
9     padding: 0px;
10     z-index: 100;
11     height: 28px;
12     position: relative;
13 }
14
15 .toolbar > .group_selector {
16         position: absolute;
17
18     margin: 1px 5px 1px 0;
19     border: 1px solid #999;
20     padding: 1px;
21
22     top: 0px;
23     left: 0px;
24     bottom: 0px;
25     width: 180px;
26 }
27
28 .toolbar > .group_selector + button {
29         position: absolute;
30         width: 20px;
31         top: 0px;
32     left: 180px;
33     bottom: 0px;
34 }
35
36 .toolbar > .button_group_container {
37         position: absolute;
38         top: 0px;
39         left: 200px;
40         right: 20px;
41         bottom: 0px;
42
43         overflow: hidden;
44 }
45
46 .toolbar > .button_group_container + button {
47         position: absolute;
48         width: 20px;
49         top: 0px;
50     right: 0px;
51     bottom: 0px;
52 }
53
54 .toolbar ul.button_group {
55         margin: 0;
56         padding: 0;
57         width: 10000%;
58 }
59
60 .toolbar ul.button_group li {
61         display: inline-block;
62         margin: 0;
63         padding: 0;
64 }
65
66
67 .toolbar .button_group button {
68     display: block;
69     margin: 4px 0 2px 0;
70     padding: 2px 5px;
71     border: none;
72     background: none;
73     color: #424242;
74 }
75
76 .toolbar .button_group button img {
77         margin: 0;
78         padding: 0;
79         margin-bottom: -3px;
80 }
81
82 .toolbar .button_group button:hover,
83 .toolbar .button_group button:active {
84     background: #777;
85     color: #FFF;
86     -webkit-border-radius: 10px;
87     -moz-border-radius: 10px;
88 }