interrupt pricng tabular for faketabular
[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[type=text], table.rs_input_field input[type=password], 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 .context-menu-item.icon-close  { background-image: url("../image/document-close.png"); }
48 .context-menu-item.icon-save   { background-image: url("../image/document-save.png"); }
49 .context-menu-item.icon-revert { background-image: url("../image/edit-undo.png"); }
50 .context-menu-item.icon-pdf    { background-image: url("../image/application-pdf.png"); }
51 .context-menu-item.icon-html   { background-image: url("../image/text-html.png"); }
52 .context-menu-item.icon-add-picture { background-image: url("../image/add-picture.png"); }
53 .context-menu-item.icon-download    { background-image: url("../image/download.png"); }
54 .context-menu-item.icon-renumber    { background-image: url("../image/format-list-ordered.png"); }
55
56 /* ------------------------------------------------------------ */
57 /* Sections & function blocks */
58 /* ------------------------------------------------------------ */
59
60 .section {
61   border-left: 0;
62   margin-left: 0;
63 }
64
65 .section-description-heading {
66   font-weight: bold;
67 }
68
69 .section-description {
70   color: #000;
71   background: rgb(235, 235, 235);
72   border: 1px solid #ccc;
73   margin-bottom: 15px;
74 }
75
76 .function-block {
77   border-bottom: 1px solid #bbb;
78   border-left: 0;
79   margin-left: 0;
80 }
81
82 .function-block-form {
83   background: rgb(235, 235, 235);
84   border: 1px solid rgb(0, 100, 0);
85 }
86
87 .function-block-number {
88   font-weight: bold;
89 }
90
91 .function-block-form > div {
92   padding: 5px;
93 }
94
95 .sub-function-block {
96   background-color: #fff;
97   border-bottom: 1px solid #ccc;
98   border-left: 0;
99   margin-left: 0;
100 }
101
102 .sub-function-block-container {
103   margin: 10px 0px 10px 20px;
104   border: 1px solid #ccc;
105 }
106
107 .sub-function-block-header {
108   padding: 5px;
109   font-weight: bold;
110   color: #fff;
111   background: #ccc;
112 }
113
114 /* Flagged sections, function blocks, text blocks */
115
116 .section.flagged .section-description,
117 .function-block.flagged,
118 .sub-function-block.flagged {
119   background-color: #feece3;
120 }
121
122 .section.flagged .section-description > .section-description-heading,
123 .function-block.flagged > .function-block-content > div > .function-block-number,
124 .sub-function-block.flagged > .sub-function-block-content > div > .function-block-number {
125   background-color: #fe5f14;
126   color: #fff;
127 }
128
129 /* Selected sections, function blocks, text blocks */
130
131 .section.selected, .function-block.selected, .sub-function-block.selected {
132   margin-left: -3px;
133   border-left: 3px solid #cbb120;
134 }
135
136 /* ------------------------------------------------------------ */
137 /* Text blocks */
138 /* ------------------------------------------------------------ */
139
140 .requirement-spec-text-block {
141   border-left: 0;
142   margin-left: 3px;
143   margin-top: 10px;
144 }
145
146 .requirement-spec-text-block > h2 {
147   margin-top: 0px;
148 }
149
150 .requirement-spec-text-block.flagged {
151   background-color: #feece3;
152   /* border: 1px solid #fe5f14; */
153 }
154
155 .requirement-spec-text-block.flagged > h2 {
156   background-color: #fe5f14;
157   color: #fff;
158 }
159
160 .requirement-spec-text-block.selected {
161   border-left: 3px solid #cbb120;
162   margin-left: 0;
163 }
164
165 .requirement-spec-text-block-picture-thumbnail {
166   border-radius: 5px;
167   border: 2px solid #ebebeb;
168   float: left;
169   margin-right: 20px;
170   padding: 5px;
171   text-align: center;
172   width: 130px;
173 }
174
175 .requirement-spec-text-block-picture-thumbnail-img-container {
176   height: 64px;
177   margin: auto;
178   padding: auto;
179   width: 64px;
180 }
181
182 .requirement-spec-text-block-picture-thumbnail.selected {
183   border: 2px solid #cbb120;
184 }
185
186 /* ------------------------------------------------------------ */
187 /* Time/cost estimation */
188 /* ------------------------------------------------------------ */
189
190 #time_cost_estimate p {
191   margin-top: 0;
192   margin-bottom: 0;
193 }