[IMP] Improved kanban view styles
[odoo/odoo.git] / addons / web_kanban / static / src / css / kanban.css
1 .openerp .oe_kanban_view .oe_column {
2     width: 100%;
3 }
4
5 .openerp .oe_vertical_text {
6     writing-mode:tb-rl;
7     -webkit-transform:rotate(90deg);
8     -moz-transform:rotate(90deg);
9     -o-transform: rotate(90deg);
10     -ms-transform: rotate(90deg);
11     transform: rotate(90deg);
12     display:block;
13     width:30px;
14     height:20px;
15     align:center;
16     font-size:24px;
17 }
18
19 .openerp .oe_kanban_view .ui-sortable-placeholder {
20     border: 1px dotted black;
21     visibility: visible !important;
22     height: 60px !important;
23 }
24
25 .openerp .oe_kanban_view .oe_column_heading {
26     color: #000000;
27     font-size: 1.5em;
28     font-weight: bold;
29 }
30 .openerp .oe_kanban_view .fold-columns-icon {
31     float: left;
32     padding: 2px 2px 0 0;
33 }
34 .openerp .oe_kanban_action_button {
35     height: 22px;
36     margin: 0;
37 }
38 .openerp .oe_kanban_action_a {
39     text-decoration: none;
40 }
41
42 .openerp .oe_kanban_box {
43     background: #FFF;
44     border: 2px solid #CCC;
45     border-radius: 4px;
46     margin-bottom: 5px;
47 }
48 .openerp .oe_kanban_box_header {
49     background: #EEE;
50     border-bottom: 1px solid #CCC;
51 }
52 .openerp .oe_kanban_title1 {
53     font-size: 130%;
54     font-weight: bold;
55     padding: 0 4px 0 4px;
56 }
57 .openerp .oe_kanban_title2 {
58     font-size: 120%;
59     font-weight: bold;
60     padding: 0 4px 0 4px;
61 }
62 .openerp .oe_kanban_title3 {
63     font-size: 110%;
64     font-weight: normal;
65     padding: 0 4px 0 4px;
66 }
67 .openerp .oe_kanban_small {
68     font-size: 80%;
69     font-weight: normal;
70 }
71 .openerp .oe_kanban_table {
72     width: 100%;
73     border: none;
74     border-collapse: collapse;
75     margin: 0;
76     padding: 0;
77 }
78 .openerp .oe_kanban_gravatar {
79      display: block;
80      border-radius: 2px;
81 }
82 .openerp .oe_kanban_box_content {
83     padding: 4px;
84 }
85 .openerp .oe_kanban_buttons_set {
86     border-top: 1px dotted;
87     white-space: nowrap;
88     padding-top: 2px;
89     position: relative;
90 }
91 .openerp .oe_kanban_buttons_set a {
92     padding: 2px;
93 }
94 .oe_kanban_color_picker {
95     position: absolute;
96     top: -10px;
97     border: 1px solid black;
98     -moz-box-shadow: 2px 2px 5px #666;
99     -webkit-box-shadow: 2px 2px 5px #666;
100     box-shadow: 2px 2px 5px #666;
101     z-index: 2;
102 }
103 .oe_kanban_color_picker a {
104     display: block;
105     width: 30px;
106     height: 30px;
107     border: 1px solid black;
108 }
109 .oe_kanban_color_picker a:hover {
110     border-color: white;
111 }
112 .openerp .oe_kanban_left {
113     float: left;
114 }
115 .openerp .oe_kanban_right {
116     float: right;
117 }
118 .openerp .oe_kanban_clear {
119     clear: both;
120 }
121 .openerp .oe_kanban_box_show_onclick {
122     display: none;
123 }
124 .openerp .oe_kanban_draghandle {
125     cursor: move;
126 }
127 .openerp .oe_kanban_color_border {
128     border-color: #CCCCCC;
129 }
130 .openerp .oe_kanban_color_border {
131     border-color: #CCCCCC;
132 }
133
134 /* Custom colors are also present in kanban.js */
135 /* Custom color#1 */
136 .openerp .oe_kanban_color_1 .oe_kanban_color_bglight {
137     background: #FFC7C7;
138 }
139 .openerp .oe_kanban_color_1 .oe_kanban_color_bgdark {
140     background: #FF8F8F;
141 }
142 .openerp .oe_kanban_color_1 .oe_kanban_color_border {
143     border-color: #D97979;
144 }
145
146 /* Custom color#2 */
147 .openerp .oe_kanban_color_2 .oe_kanban_color_bglight {
148     background: #FFF1C7;
149 }
150 .openerp .oe_kanban_color_2 .oe_kanban_color_bgdark {
151     background: #FFE38F;
152 }
153 .openerp .oe_kanban_color_2 .oe_kanban_color_border {
154     border-color: #D9C179;
155 }
156
157 /* Custom color#3 */
158 .openerp .oe_kanban_color_3 .oe_kanban_color_bglight {
159     background: #E3FFC7;
160 }
161 .openerp .oe_kanban_color_3 .oe_kanban_color_bgdark {
162     background: #C7FF8F;
163 }
164 .openerp .oe_kanban_color_3 .oe_kanban_color_border {
165     border-color: #A9D979;
166 }
167
168 /* Custom color#4 */
169 .openerp .oe_kanban_color_4 .oe_kanban_color_bglight {
170     background: #C7FFD5;
171 }
172 .openerp .oe_kanban_color_4 .oe_kanban_color_bgdark {
173     background: #8FFFAB;
174 }
175 .openerp .oe_kanban_color_4 .oe_kanban_color_border {
176     border-color: #79D991;
177 }
178
179 /* Custom color#5 */
180 .openerp .oe_kanban_color_5 .oe_kanban_color_bglight {
181     background: #C7FFFF;
182 }
183 .openerp .oe_kanban_color_5 .oe_kanban_color_bgdark {
184     background: #8FFFFF;
185 }
186 .openerp .oe_kanban_color_5 .oe_kanban_color_border {
187     border-color: #79D9D9;
188 }
189
190 /* Custom color#6 */
191 .openerp .oe_kanban_color_6 .oe_kanban_color_bglight {
192     background: #C7D5FF;
193 }
194 .openerp .oe_kanban_color_6 .oe_kanban_color_bgdark {
195     background: #8FABFF;
196 }
197 .openerp .oe_kanban_color_6 .oe_kanban_color_border {
198     border-color: #8FABFF;
199 }
200
201 /* Custom color#7 */
202 .openerp .oe_kanban_color_7 .oe_kanban_color_bglight {
203     background: #E3C7FF;
204 }
205 .openerp .oe_kanban_color_7 .oe_kanban_color_bgdark {
206     background: #C78FFF;
207 }
208 .openerp .oe_kanban_color_7 .oe_kanban_color_border {
209     border-color: #A979D9;
210 }
211
212 /* Custom color#8 */
213 .openerp .oe_kanban_color_8 .oe_kanban_color_bglight {
214     background: #FFC7F1;
215 }
216 .openerp .oe_kanban_color_8 .oe_kanban_color_bgdark {
217     background: #FF8FE3;
218 }
219 .openerp .oe_kanban_color_8 .oe_kanban_color_border {
220     border-color: #D979C1;
221 }
222
223 /* Alert color */
224 .openerp .oe_kanban_color_alert .oe_kanban_color_border {
225     border-color: #c00 !important;
226 }