Added buttons to scroll toolbar buttons. Fixes #606.
[redakcja.git] / 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 }
74
75 .toolbar .button_group button img {
76         margin: 0;
77         padding: 0;     
78         margin-bottom: -3px;
79 }
80
81 .toolbar .button_group button:hover, 
82 .toolbar .button_group button:active {
83     background: #777;
84     color: #FFF;
85     -webkit-border-radius: 10px;
86     -moz-border-radius: 10px;
87 }