Pflichtenheftitems & Textblöcke: Selektion bei Popupmenü durch Markierung links anzeigen
[kivitendo-erp.git] / css / requirement_spec.css
1 /* ------------------------------------------------------------ */
2 /* General page layout */
3 /* ------------------------------------------------------------ */
4
5 input.rs_input_field, select.rs_input_field,
6 table.rs_input_field input, table.rs_input_field select {
7   width: 300px;
8 }
9
10 #column-container {
11   width: 100%;
12   padding-left: 0;
13   padding-right: 0;
14   margin-left: 0;
15   margin-right: 0;
16 }
17
18 #tree-column {
19   float: left;
20   width: 25%;
21 }
22
23 #content-column {
24   float: right;
25   width: 74%;
26   padding-left: 10px;
27 }
28
29 .section-empty-description {
30   color: #bbb;
31 }
32
33 /* ------------------------------------------------------------ */
34 /* Special things that apply to the tree */
35 /* ------------------------------------------------------------ */
36
37 #tree li.flagged > a > ins {
38  background-image: url("../image/flag-red.png") !important;
39  background-position: 0;
40 }
41
42 /* ------------------------------------------------------------ */
43 /* Special things that apply to the context menu */
44 /* ------------------------------------------------------------ */
45
46 .context-menu-item.icon-flag { background-image: url("../image/flag-red.png"); }
47
48
49 /* ------------------------------------------------------------ */
50 /* Sections & function blocks */
51 /* ------------------------------------------------------------ */
52
53 .section {
54   border-left: 0;
55   margin-left: 0;
56 }
57
58 .section-description-heading {
59   font-weight: bold;
60 }
61
62 .section-description {
63   color: #000;
64   background: rgb(235, 235, 235);
65   border: 1px solid #ccc;
66   margin-bottom: 15px;
67 }
68
69 .function-block {
70   border-bottom: 1px solid #bbb;
71   border-left: 0;
72   margin-left: 0;
73 }
74
75 .function-block-form {
76   background: rgb(235, 235, 235);
77   border: 1px solid rgb(0, 100, 0);
78 }
79
80 .function-block-number {
81   font-weight: bold;
82 }
83
84 .function-block-form > div {
85   padding: 5px;
86 }
87
88 .sub-function-block {
89   background-color: #fff;
90   border-bottom: 1px solid #ccc;
91   border-left: 0;
92   margin-left: 0;
93 }
94
95 .sub-function-block-container {
96   margin: 10px 0px 10px 20px;
97   border: 1px solid #ccc;
98 }
99
100 .sub-function-block-header {
101   padding: 5px;
102   font-weight: bold;
103   color: #fff;
104   background: #ccc;
105 }
106
107 /* Flagged sections, function blocks, text blocks */
108
109 .section.flagged .section-description,
110 .function-block.flagged,
111 .sub-function-block.flagged {
112   background-color: #feece3;
113 }
114
115 .section.flagged .section-description > .section-description-heading,
116 .function-block.flagged > .function-block-content > div > .function-block-number,
117 .sub-function-block.flagged > .sub-function-block-content > div > .function-block-number {
118   background-color: #fe5f14;
119   color: #fff;
120 }
121
122 /* Selected sections, function blocks, text blocks */
123
124 .section.selected, .function-block.selected, .sub-function-block.selected {
125   margin-left: -3px;
126   border-left: 3px solid #cbb120;
127 }
128
129 /* ------------------------------------------------------------ */
130 /* Text blocks */
131 /* ------------------------------------------------------------ */
132
133 .requirement-spec-text-block {
134   border-left: 0;
135   margin-left: 3px;
136   margin-top: 10px;
137 }
138
139 .requirement-spec-text-block > h2 {
140   margin-top: 0px;
141 }
142
143 .requirement-spec-text-block.flagged {
144   background-color: #feece3;
145   /* border: 1px solid #fe5f14; */
146 }
147
148 .requirement-spec-text-block.flagged > h2 {
149   background-color: #fe5f14;
150   color: #fff;
151 }
152
153 .requirement-spec-text-block.selected {
154   border-left: 3px solid #cbb120;
155   margin-left: 0;
156 }