xref: /plugin/bez/style.css (revision f2c81100fea44d21a0a4b15304beb7e2baf91080)
1@font-face {
2    font-family: 'Awesome'; /*a name to be used later*/
3    src: url('fontawesome-webfont.woff'); /*URL to font*/
4}
5
6.bez_awesome {
7	font-family: Awesome;
8}
9
10#bds_issue_box {
11	position: relative;
12	background: #fff;
13	border: 1px solid #bbb;
14	border-radius: 0.4em;
15	margin-top: 0.2em;
16	padding: 0.5em 1em;
17}
18
19#bds_issue_box.pr2 {
20	border-color: #B0D2B6;
21	background-color: #EEF6F0;
22}
23table.bez .pr2, #bds_timeline dt.pr2 {
24	background-color: #EEF6F0;
25}
26#bds_issue_box.pr2 table, #bds_issue_box.pr2 td, #bds_issue_box.pr2 th,#bds_issue_box.pr2 h2, #bds_issue_box.pr2 h1#bez_issue_title {
27	border-color: #B0D2B6;
28}
29
30#bds_issue_box.pr1 {
31	background-color: #ffd;
32	border-color: #dd9;
33}
34table.bez .pr1 , #bds_timeline dt.pr1 {
35	background-color: #ffd;
36}
37#bds_issue_box.pr1 table, #bds_issue_box.pr1 td, #bds_issue_box.pr1 th,#bds_issue_box.pr1 h2, #bds_issue_box.pr1 h1#bez_issue_title {
38	border-color: #dd9;
39}
40
41#bds_issue_box.pr0 {
42	border-color: #F0AFAD;
43	background-color: #F8E8E8;
44}
45table.bez .pr0 , #bds_timeline dt.pr0 {
46	background-color: #F8E8E8;
47}
48
49
50#bds_issue_box.pr0 table, #bds_issue_box.pr0 td, #bds_issue_box.pr0 th,#bds_issue_box.pr0 h2, #bds_issue_box.pr0 h1#bez_issue_title {
51	border-color: #F0AFAD;
52}
53
54
55#bds_issue_box.prNone {
56	border-color: #a3c8ff;
57	background-color: #e7f1ff;
58}
59table.bez .prNone , #bds_timeline dt.prNone {
60	background-color: #e7f1ff;
61}
62
63
64#bds_issue_box.prNone table, #bds_issue_box.prNone td, #bds_issue_box.prNone th,#bds_issue_box.prNone h2, #bds_issue_box.prNone h1#bez_issue_title {
65	border-color: #a3c8ff;
66}
67
68#bds_issue_box h1 {
69	font-size: 1.3em;
70	margin-top: 1em;
71}
72
73#bds_issue_box h1:first-child {
74	margin: 0;
75}
76#bds_issue_box h1:first-child a:first-child {
77	font-size: 1.5em;
78	padding-right: 0.5em;
79}
80
81#bds_issue_box h1#bez_issue_title {
82	border-bottom: 1px solid #000;
83}
84
85.bez_timebox {
86	position: absolute;
87	top: 2px;
88	right: 5px;
89	font-size: 0.8em;
90}
91
92.bez_timebox span {
93	display: block;
94}
95
96#bds_issue_box table, .bds_block table {
97	border-collapse:collapse;
98
99	border:0;
100	border-top: 1px solid #bbb;
101	width: 100%;
102	margin-top: 1.5em;
103}
104
105#bds_issue_box table th, .bds_block th {
106}
107#bds_issue_box table th, #bds_issue_box table td, .bds_block th, .bds_block td {
108	border:0;
109	background: none;
110	border-bottom: 1px solid #bbb;
111	font-size: 0.8em;
112}
113
114#bds_issue_box h2 {
115	font-size: 1em;
116	border-bottom: 1px dotted #bbb;
117}
118
119.bds_block h1 {
120	font-size: 1.3em;
121	margin: 1em 0;
122	padding-bottom: 3px;
123	border-bottom: 1px solid #bbb;
124}
125
126.bds_block h1 span {
127	color:#999;
128}
129
130.bez_standard_block h2 {
131    border-bottom: 1px solid #D7D7D7;
132    box-shadow: 0.1em 0.4em 0.7em 0 #F2F2F2;
133    color: #999999;
134    font-size: 100%;
135    font-weight: normal;
136    margin-bottom: 0.5em;
137    padding: 0 0.2em;
138}
139
140.bez_standard_block h2 span {
141	display: block;
142	float: right;
143	font-size: 100%;
144	color: #999;
145	padding-right: 0.4em;
146}
147
148.task {
149	position: relative;
150}
151
152.task h2 {
153	font-size: 1.2em;
154	font-weight: bold;
155	color: black;
156	border: 0;
157    box-shadow: none;
158}
159.task h2 a {
160	font-size: 1.3em;
161}
162
163.task h3 {
164    border-bottom: 1px dotted #8bbcbc;
165    font-size: 90%;
166}
167
168.bds_block_content > div {
169	margin-bottom: 3em;
170}
171
172.task table {
173	clear:both;
174	margin-top: 3em;
175}
176
177.task table {
178	clear:both;
179	border-top-color: #8bbcbc;
180	margin-top: 3em;
181}
182
183div.task {
184	background: #e4f4f4;
185	border: 1px solid #8bbcbc;
186	border-radius: 0.4em;
187	margin-bottom: 10px;
188	padding: 0.5em 1em;
189}
190
191.task td, .task th{
192	border-bottom-color: #8bbcbc;
193}
194
195.task .bds_edit_button {
196	position:absolute;
197	bottom: 0.5em;
198	right: 6em;
199}
200.task .bds_send_button {
201	position:absolute;
202	bottom: 0.5em;
203	right: 0.5em;
204}
205bez_comment
206/*commets*/
207#bez_comments .bez_buttons {
208	bottom: -1.3em;
209}
210
211#bez_comments .comment {
212	position: relative;
213}
214
215/*causes*/
216#bez_causes .cause {
217	position: relative;
218	background: #ffeedc !important;
219	border-color: #ddb68d !important;
220}
221
222#bez_causes table {
223	border-color: #ddb68d !important;
224}
225
226#bez_causes table td {
227	border-color: #dd9447 !important;
228}
229
230#bez_causes h2 {
231	font-size: 1.2em;
232	font-weight: bold;
233	color: black;
234	border: 0;
235    box-shadow: none;
236}
237#bez_causes h2 a {
238	font-size: 1.3em;
239}
240
241#bez_causes h3 {
242    border-bottom: 1px dotted #8bbcbc;
243    font-size: 90%;
244}
245
246.bds_block_content > div {
247	margin-bottom: 3em;
248}
249
250#bez_causes table {
251	clear:both;
252	margin-top: 3em;
253}
254
255#bez_causes table {
256	clear:both;
257	border-top-color: #8bbcbc;
258	margin-top: 3em;
259}
260
261#bez_causes div.cause {
262	background: #e4f4f4;
263	border: 1px solid #8bbcbc;
264	border-radius: 0.4em;
265	margin-top: 0.2em;
266	padding: 0.5em 1em;
267}
268
269#bez_causes td, #bez_causes th{
270	border-bottom-color: #8bbcbc;
271}
272
273#bez_causes .bds_edit_button {
274	position:absolute;
275	bottom: 0.5em;
276	right: 6em;
277}
278#bez_causes .bds_send_button {
279	position:absolute;
280	bottom: 0.5em;
281	right: 0.5em;
282}
283
284/*end causes*/
285
286.bez_buttons {
287	text-align: right;
288}
289
290.bez_buttons a {
291	margin-right: 1em;
292	padding: 0.2em 0.5em;
293}
294
295.bez_buttons a:last-child {
296	margin-right: 0;
297}
298
299.bds_inline_button {
300    background: #fff;
301    border: 1px solid #DDDDDD;
302    border-radius: 1em;
303    box-shadow: none;
304	text-shadow: 0.1em 0.1em #DDDDDD;
305	cursor: pointer;
306    color: #808080 !important;
307    font-size: 70%;
308}
309
310.bds_inline_button:hover {
311    background: none repeat scroll 0 0 #F6F6F6;
312    box-shadow: 0.1em 0.1em 0.6em 0 #999999;
313    text-shadow: 0.1em 0.1em #FCFCFC;
314	color: #fff;
315	text-decoration:none !important;
316}
317.bez_delete_button {
318    color: #808080 !important;
319    font-size: 70%;
320	text-decoration:underline !important;
321}
322
323.bez_delete_button:hover {
324	text-decoration:none !important;
325}
326
327.bez_cancel_button {
328	margin-left: 2em;
329}
330
331.bds_last_edit {
332    color: #999999;
333	font-size: 80%;
334	margin-top: 0.8em;
335	padding-left: 2.5em;
336}
337
338.bds_block li {
339	color: #000 !important;
340}
341
342/*FORMS*/
343
344#bds_issue_box.bds_form {
345	width:95%;
346}
347
348.bds_block fieldset.bds_form {
349	display: table;
350	background: none repeat scroll 0 0 #F7F7F0;
351    border: 1px solid #D7D7D7;
352    border-radius: 0.4em;
353    /*box-shadow: 0.1em 0.1em 1em 0 #E7E7E7 inset;*/
354    margin-bottom: 1em;
355	padding: 0.5em;
356/*
357	width:100%;
358*/
359	text-align: left;
360}
361
362.bds_form .row {
363	display: table-row;
364}
365
366.bds_form label[for] {
367	display: table-cell;
368    padding: 0.4em;
369    text-align: right;
370    vertical-align: top;
371    width: 20%;
372}
373.bds_form span {
374	display: table-cell;
375    vertical-align: middle;
376    width: 80%;
377}
378
379.bds_form input {
380	padding: 0.25em 0.5em;
381}
382
383.bds_form textarea {
384	width: 100% !important;
385	height: 10em;
386	display: block;
387}
388
389
390.bds_form input[id=title] {
391	width: 30em;
392}
393
394.bds_form input[id=cost] {
395	width: 7em;
396}
397input.days {
398	width: 3em;
399}
400
401.root_cause {
402	margin-bottom:0.5em;
403}
404.root_cause span {
405	background: #ffeedc;
406	padding: 0.5em;
407}
408
409#bds_timeline h2 {
410    background: none repeat scroll 0 0 #F7F7F7;
411    border-bottom: 1px solid #D7D7D7;
412    border-radius: 0.1em;
413    box-shadow: 1px 1px 0.5em 0 #CCCCCC;
414    font-size: 105%;
415    margin: 2em 0 0.5em;
416    padding: 0.4em;
417}
418
419#bds_timeline dt {
420	font-weight: normal;
421}
422#bds_timeline dd {
423	font-weight: normal;
424	margin: 0 0 0.75em 4.2em;
425}
426
427#bds_timeline dt a {
428	padding: 0 4px 2px 22px;
429}
430
431#bds_timeline dt a .id {
432	font-weight: bold;
433}
434#bds_timeline dt a:hover {
435	text-decoration: none !important;
436	background-color: #eee;
437}
438
439#bds_timeline dt .id {
440	font-weight: normal;
441}
442
443#bds_timeline dt .time {
444    color: #999999;
445    font-size: 80%;
446}
447
448#bds_timeline dt .author {
449    color: #666666;
450}
451#bds_timeline dt > a {
452	background: url('images/changeset.png') no-repeat 1px 4px;
453}
454
455#bds_timeline .issue_closed > a {
456	background: url('images/closedticket.png') no-repeat 1px 4px;
457}
458
459#bds_timeline .issue_created > a {
460	background: url('images/newticket.png') no-repeat 1px 4px;
461}
462
463#bds_timeline .issue_rejected > a {
464	background: url('images/rejectedticket.png') no-repeat 1px 4px;
465}
466
467
468#bds_timeline .task_opened > a {
469	background: url('images/newtask.png') no-repeat 1px 4px;
470}
471
472#bds_timeline .task_done > a {
473	background: url('images/closedtask.png') no-repeat 1px 4px;
474}
475
476#bds_timeline .task_rejected > a {
477	background: url('images/rejectedtask.png') no-repeat 1px 4px;
478}
479
480#bds_timeline .cause > a {
481	background: url('images/newcause.png') no-repeat 1px 4px;
482}
483
484#bds_timeline h3 {
485	font-size: 1em;
486	border-bottom: 1px dotted #ddd;
487	margin-bottom: 0;
488}
489
490#entities_form label {
491	display: block;
492}
493
494#entities_form textarea {
495	display: block;
496	height: 40em;
497	width: 20em;
498	margin-bottom: 1em;
499}
500
501#entities_form input[type=reset] {
502	background: none;
503	border: none;
504	text-decoration: underline;
505}
506
507#entities_form input[type=reset]:hover {
508	text-decoration: none;
509}
510
511#bez_removal_confirm {
512	max-width: 15em;
513	background: #f7F7F0;
514	border: 1px solid #D7D7D7;
515	border-radius: 0.4em;
516	box-shadow: 0.1em 0.1em 1em 0px #E7E7E7 inset;
517	margin: 1em 0px;
518	padding: 0.5em;
519	width: 100%;
520	text-align: left;
521}
522
523#bez_report_issue_button {
524    background: url("images/addticket.png") no-repeat 4px 50% #fafafa;
525}
526
527#bez_info_issues {
528    background: url("images/newticket.png") no-repeat 4px 50% #fafafa;
529}
530
531#bez_info_tasks {
532    background: url("images/newtask.png") no-repeat 4px 50% #fafafa;
533}
534
535#bez_info_proposals {
536    background: url("images/newticket.png") no-repeat 4px 50% #fafafa;
537}
538
539.bez_start_button {
540	border: 1px solid #eee;
541	border-radius: 0.3em;
542	color: #222 !important;
543	padding: 0.7em 0.7em 0.6em 24px;
544	text-shadow: 0.1em 0.1em #FCFCFC;
545	cursor: pointer;
546}
547
548.bez_start_button:hover {
549	background-color: #fcfcfc;
550	border: 1px solid #bbb;
551	text-decoration: none !important;
552}
553
554#bez_info {
555	text-align: center;
556	margin-top: 15px;
557}
558
559#bez_info a {
560	margin-left: 2em;
561}
562
563#bez_info a:first-child {
564	margin-left: 0;
565}
566
567#bez_version {
568	position: relative;
569}
570#bez_version div {
571	position:absolute;
572	font-size: 90%;
573	top: -18px;
574	left: -18px;
575}
576
577#bez_8d_send_button {
578	font-size: 50%;
579	font-weight: normal;
580}
581
582h3.bez_8d {
583	font-size: inherit;
584	border-bottom: 1px solid #ccc;
585}
586
587.bez_sumarise {
588	border: 0;
589}
590
591.bez_sumarise tr:last-child th {
592	background-color: transparent;
593	border-left: 0;
594	border-right: 0;
595}
596
597.bez_sumarise tr:last-child td {
598	border-left: 0;
599	border-right: 0;
600}
601
602h1.bez_report span {
603	display:block;
604	font-size: 50%;
605	font-weight: normal;
606}
607
608.bez_filter_form {
609	background-color: #F7F7F0;
610    	border: 1px solid #D7D7D7;
611    	border-radius: 0.4em;
612    	margin-bottom: 1em;
613	text-align: left;
614	display:block;
615	line-height: 200%;
616}
617
618.bez_filter_form label {
619	margin: 0.8em;
620	white-space: nowrap;
621}
622
623.bez_filter_form div {
624	display: block;
625}
626
627/*NEW FORM */
628
629form.bez_form > fieldset {
630	display: table;
631	background: none repeat scroll 0 0 #F7F7F0;
632    border: 1px solid #D7D7D7;
633    border-radius: 0.4em;
634	text-align: left;
635	width: 98.5%;
636	margin-bottom: 1em !important;
637}
638
639form.bez_cause_form > fieldset {
640	background: #ffeedc !important;
641	border-color: #ddb68d !important;
642}
643
644form.bez_task_form > fieldset {
645	background: #e4f4f4 !important;
646	border-color: #8bbcbc !important;
647}
648
649.bez_form .row {
650	display: table-row;
651}
652
653.bez_form label[for] {
654	display: table-cell;
655    padding: 0.4em;
656    text-align: right;
657    vertical-align: top;
658    width: 200px;
659}
660.bez_form span {
661	display: table-cell;
662    vertical-align: middle;
663    width: 80%;
664}
665
666.bez_form input {
667	padding: 0.25em 0.5em;
668}
669
670.bez_form a {
671	margin-left: 1em;
672}
673
674.bez_form textarea {
675	width: 100% !important;
676	height: 10em;
677	display: block;
678}
679
680
681.bez_form input[id=title] {
682	width: 30em;
683}
684
685.bez_form input[id=cost] {
686	width: 7em;
687}
688input.days {
689	width: 3em;
690}
691
692.rr h3 {
693	font-size:inherit;
694	font-weight: normal;
695}
696
697.rr table {
698	table-layout:fixed;
699}
700
701.rr th {
702	width: 33%;
703}
704
705.bez_timepicker_wrapper {
706	overflow-y: auto;
707	height: 150px;
708	width: 6.5em;
709	background: #fff;
710	border: 1px solid #ddd;
711	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
712	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
713	box-shadow:0 5px 10px rgba(0,0,0,0.2);
714	outline: none;
715	z-index: 10001;
716	margin: 0;
717}
718
719.bez_timepicker_wrapper ul {
720	margin: 0;
721	padding: 0;
722}
723
724.bez_timepicker_wrapper li {
725	margin: 0;
726	padding: 0;
727	list-style: none;
728	padding: 3px 0 3px 5px;
729	cursor: pointer;
730	white-space: nowrap;
731	color: #000;
732	list-style: none;
733}
734
735.bez_timepicker_wrapper li:hover {
736	background: #1980EC;
737}
738
739.bez_timepicker_wrapper li.selected {
740	background: #1980EC;
741}
742
743/*comments*/
744
745.bez_comments .bez_comment {
746	margin-top: 10px;
747	width: 100%;
748	display: table;
749}
750
751.bez_comments .bez_avatar {
752	display: table-cell;
753	vertical-align: top;
754	width: 50px;
755}
756
757.bez_comments .bez_text_comment {
758	display: table-cell;
759}
760
761.bez_comments .bez_content {
762	box-sizing: border-box;
763	border-radius: 0 0 3px 3px;
764	border: 1px solid #ddd;
765	margin-top: -1px;
766	margin-left: 13px;
767	padding: 8px;
768}
769
770.bez_comments .bez_comment  .commcause_content h2 {
771	font-size: 15px;
772	font-weight: normal;
773	height:50px;
774	line-height:50px;
775
776	display: block;
777	position: relative;
778	color: #767676;
779	background: #F7F7F7;
780	box-sizing: border-box;
781	border-radius: 0 3px 0 0;
782	border: 1px solid #ddd;
783	border-left: 0;
784	padding-left: 5px;
785	margin-left: 14px;
786	margin-bottom:0;
787}
788
789.bez_comments .bez_arrow-tip-container {
790	display: block;
791	width:50px;
792	height:50px;
793	position:absolute;
794	overflow:hidden;
795}
796.bez_comments .bez_arrow-tip {
797	display:block;
798	width:50px;
799	height:50px;
800	transform:rotate(45deg) skew(20deg,20deg);
801}
802.bez_comments .bez_arrow-tip-grad {
803	display:block;
804	width:100%;
805	height:100%;
806	background: #F7F7F7;
807	border: 1px solid #ddd;
808}
809
810.bez_comments textarea {
811	display: block;
812	box-sizing: border-box;
813	width: 100%;
814	margin-bottom: 10px;
815	height: 200px;
816}
817
818.bez_toolbar {
819	display: inline-block;
820}
821
822.bez_comment.bez_my_comment .commcause_content h2 {
823	background: #f2f8fa;
824	border-color: #bfccd1;
825
826}
827
828.bez_comment.bez_my_comment .bez_arrow-tip-grad {
829	background: #f2f8fa;
830	border-color: #bfccd1;
831
832}
833
834.bez_comments.bez_my_comment .bez_content {
835	border-color: #bfccd1;
836}
837
838.bez_comments .bez_comment_buttons {
839	display: inline-block;
840	position: absolute;
841	right: 20px;
842}
843
844.bez_comments .bez_comment_buttons a {
845	color: #767676;
846	display: inline-block;
847	margin-left: 20px;
848}
849
850.bez_comments .bez_comment_buttons a:hover {
851	color: #2b73b7;
852	text-decoration: none;
853}
854
855#bez_issue_activity {
856	margin-top: 10px;
857	width: 100%;
858	font-size: 0.8em;
859}
860
861.bez_comments .bez_cause .bez_content {
862	border-color: #ddb68d;
863}
864
865.bez_comment.bez_cause .commcause_content h2 {
866	background-color: #ffeedc;
867	border-color: #ddb68d;
868}
869
870.bez_comment.bez_cause .bez_arrow-tip-grad {
871	background-color: #ffeedc;
872	border-color: #ddb68d;
873}
874
875.bez_comments.bez_cause .bez_content {
876	border-color: #ddb68d;
877}
878
879/*forms*/
880
881.bez_comments .bez_comment_form .commcause_content h2 {
882	display: flex;
883}
884
885.bez_comment_form .bez_toolbar {
886	margin-top: 1px;
887	line-height: 50px;
888	overflow: hidden;
889}
890
891.bez_tabs {
892	padding: 0;
893	margin: 0;
894	display: block;
895	white-space: nowrap;
896	margin-right: 10px;
897}
898
899
900.bez_tabs li {
901	margin: 0;
902	position: relative;
903	bottom: -1px;
904
905	display: inline-block;
906	padding: 8px 12px;
907	padding-bottom: 13px;
908	font-size: 14px;
909	line-height: 20px;
910	border: 1px solid #ddd;
911	border-bottom: 0;
912
913	background-color: #F0F0F0;
914
915}
916
917.bez_tabs li a {
918
919}
920
921.bez_tabs li.active {
922	background-color: #fff;
923}
924
925.bez_comments {
926	display: table-row;
927}
928
929.bez_comments .bez_left_col {
930	width: 100%;
931}
932
933.bez_comments .bez_left_col, .bez_comments .bez_right_col {
934	display: table-cell;
935	margin: 0;
936	padding: 0;
937}
938
939.bez_comments .bez_right_col {
940	padding-left: 10px;
941	min-width: 150px;
942}
943
944.bez_comments .bez_right_col h2 {
945	margin: 0;
946	padding: 0;
947
948    margin-bottom: 10px;
949    font-size: 12px;
950    line-height: 16px;
951    color: #767676;
952}
953.bez_comments .bez_right_col div.bez_box:first-child {
954	border-top: 0;
955	margin-top: 0;
956	padding-top: 0;
957}
958
959.bez_comments .bez_right_col div.bez_box {
960    margin-top: 15px;
961    border-top: 1px solid #eee;
962    padding-top: 15px;
963    font-size: 12px;
964    color: #767676;
965}
966
967.bez_subscribe_button {
968	display: block;
969	text-align: center;
970    text-decoration: none;
971    padding: 3px 10px;
972    font-size: 12px;
973    line-height: 20px;
974    font-weight: 600;
975    color: #333 !important;
976    white-space: nowrap;
977    vertical-align: middle;
978    cursor: pointer;
979    -webkit-user-select: none;
980    -moz-user-select: none;
981    -ms-user-select: none;
982    user-select: none;
983    background-color: #eee;
984    background-image: -webkit-linear-gradient(#fcfcfc, #eee);
985    background-image: linear-gradient(#fcfcfc, #eee);
986    border: 1px solid #d5d5d5;
987    border-radius: 3px;
988    -webkit-appearance: none;
989    -moz-appearance: none;
990    appearance: none;
991
992}
993
994.bez_subscribe_button:hover,
995.bez_subscribe_button:active {
996    background-color: #ddd;
997    background-image: -webkit-linear-gradient(#eee, #ddd);
998    background-image: linear-gradient(#eee, #ddd);
999    border-color: #ccc;
1000    text-decoration: none !important;
1001}
1002
1003.bez_second_lv_buttons {
1004	display: flex;
1005}
1006
1007.bez_second_lv_buttons .bez_subscribe_button {
1008	display: inline-block;
1009	margin-right: 10px;
1010}
1011
1012.bez_subscribe_box p {
1013    margin: 5px 0 0;
1014    color: #767676;
1015    line-height: 1.5;
1016
1017}
1018
1019#issue_participants {
1020	list-style: none;
1021	padding-left: 5px;
1022
1023}
1024#issue_participants li {
1025	margin-left: 0;
1026}
1027#issue_participants a {
1028	color: inherit;
1029}
1030
1031