- Sensownie działający mechanizm 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     overflow: hidden;
82 }
83
84 #left-panel-wrap {
85     float: left;
86     width: 8px;
87 }
88
89
90 /* Toolbars with select box to change panel contents*/
91 .panel-toolbar {
92     height: 20px;
93     padding: 0 0 2px 0;
94     border-top: 1px solid #AAA;
95     border-bottom: 1px solid #AAA;
96     font-size: 12px;
97     line-height: 20px;
98     background-color: #DDD;
99     white-space: nowrap;
100     overflow: hidden;
101 }
102
103 .panel-toolbar label {
104     display: block;
105     float: left;
106     margin: 0 10px 0 2px;
107 }
108
109 /* Slider between panels */
110 #slider {
111     border-left: 1px solid #999;
112     border-right: 1px solid #999;
113     background-color: #DDD;
114     width: 8px;
115     height: 100%;
116     float: left;
117 }
118
119 #slider:hover {
120     background-color: #999;
121     cursor: col-resize;
122 }
123
124 /* ================= */
125 /* = Gallery panel = */
126 /* ================= */
127 .images-wrap {
128     overflow-x: hidden;
129     overflow-y: scroll;
130 }
131