Dodanie selectów do wyboru paneli.
[redakcja.git] / project / static / css / master.css
1 body {
2     margin: 0;
3     font: 14px Helvetica, Verdana, sans-serif;
4     overflow: hidden;
5 }
6
7 #breadcrumbs {
8     padding: 2px 10px;
9     background-color: #CDCDCD;
10     border-bottom: 1px solid #858585;
11 }
12
13 ul {
14     margin: 20px;
15     padding: 0;
16 }
17
18 li {
19     margin: 0;
20     padding: 0;
21     list-style: none;
22 }
23
24 a {
25     text-decoration: none;
26 }
27
28 a:hover {
29     text-decoration: underline;
30 }
31
32 li a {
33     display: block;
34     padding: 5px 20px;
35     width: 480px;
36 }
37
38 li a:hover {
39     background-color: #BCD6E9;
40 }
41
42 #tabs {
43     border-bottom: 1px solid #858585;
44     background-color: #B7B7B7;
45 }
46
47 #tabs a {
48     display: block;
49     border-right: 1px solid #858585;
50     float: left;
51     padding: 5px 10px;
52 }
53
54 #tabs a.active {
55     background-color: #909090;
56 }
57
58 .theme-begin {
59     display: none;
60 }
61
62 label {
63     display: block;
64 }
65
66 #text_id {
67     width: 480px;
68     height: 480px;
69 }
70
71 #file-text {
72     padding: 5px 10px;
73     overflow-x: hidden;
74     overflow-y: scroll;
75 }
76
77 /* ========== */
78 /* = Panels = */
79 /* ========== */
80 .panel-wrap {
81     position: relative;
82     overflow: hidden;
83 }
84
85 #left-panel-wrap {
86     float: left;
87     width: 8px;
88 }
89
90
91 /* Toolbars with select box to change panel contents*/
92 .panel-toolbar {
93     height: 20px;
94     padding: 0 0 2px 0;
95     border-top: 1px solid #AAA;
96     border-bottom: 1px solid #AAA;
97     font-size: 12px;
98     line-height: 20px;
99     background-color: #DDD;
100     white-space: nowrap;
101     overflow: hidden;
102 }
103
104 .panel-toolbar label {
105     display: block;
106     float: left;
107     margin: 0 10px 0 2px;
108 }
109
110 /* Slider between panels */
111 #slider {
112     border-left: 1px solid #999;
113     border-right: 1px solid #999;
114     background-color: #DDD;
115     width: 8px;
116     height: 100%;
117     float: left;
118 }
119
120 #slider:hover {
121     background-color: #999;
122     cursor: col-resize;
123 }