Revision 3fc38171
Von Andreas Rudin vor etwa 6 Jahren hinzugefügt
| css/less/requirement_spec.less | ||
|---|---|---|
| 9 | 9 |
padding-left: 0; |
| 10 | 10 |
padding-right: 0; |
| 11 | 11 |
margin-left: 0; |
| 12 |
margin-top: 0.2em ; |
|
| 12 | 13 |
margin-right: 0; |
| 13 | 14 |
overflow: hidden ; |
| 14 |
//border: 1px red solid ; // TEST |
|
| 15 | 15 |
|
| 16 | 16 |
#tree-column {
|
| 17 | 17 |
float: left; |
| 18 | 18 |
width: 25%; |
| 19 |
//border: 1px green solid ; // TEST |
|
| 19 |
padding: 0.3em 1.2em 2.0em 0.8em; |
|
| 20 |
border-right: 1px #000 solid; |
|
| 21 |
background-color: @gray-superlight; |
|
| 22 |
|
|
| 23 |
.jstree {
|
|
| 24 |
ul li {
|
|
| 25 |
line-height: 1.8em; |
|
| 26 |
font-size: 10pt; |
|
| 27 |
} |
|
| 28 |
} |
|
| 20 | 29 |
} |
| 21 |
|
|
| 22 | 30 |
#content-column {
|
| 23 | 31 |
float: left; |
| 24 |
width: 70%;
|
|
| 32 |
width: 58em;
|
|
| 25 | 33 |
padding-left: 3.0em; |
| 26 |
//border: 1px blue solid ; // TEST
|
|
| 34 |
background-color: @gray-superlight;
|
|
| 27 | 35 |
} |
| 28 |
|
|
| 29 | 36 |
} |
| 30 | 37 |
|
| 31 | 38 |
|
| 32 |
|
|
| 33 |
|
|
| 34 |
|
|
| 35 |
.section-empty-description {
|
|
| 36 |
color: #bbb; |
|
| 39 |
#requirement_spec_tabs{
|
|
| 40 |
#function-blocks-tab{
|
|
| 41 |
margin-top: 1.4em ; |
|
| 42 |
} |
|
| 37 | 43 |
} |
| 38 | 44 |
|
| 45 |
.section-empty-description { color: #bbb; }
|
|
| 46 |
|
|
| 39 | 47 |
/* ------------------------------------------------------------ */ |
| 40 | 48 |
/* Special things that apply to the tree */ |
| 41 | 49 |
/* ------------------------------------------------------------ */ |
| ... | ... | |
| 70 | 78 |
.section-header{
|
| 71 | 79 |
display: block ; |
| 72 | 80 |
overflow: hidden; |
| 73 |
width: 70% ;
|
|
| 81 |
width: 90% ;
|
|
| 74 | 82 |
|
| 75 |
.section-description-heading {
|
|
| 76 |
font-weight: normal; |
|
| 77 |
} |
|
| 83 |
.section-description-heading { font-weight: normal; }
|
|
| 78 | 84 |
|
| 79 | 85 |
.section-description {
|
| 80 | 86 |
color: #000; |
| 81 |
background: rgb(235, 235, 235); |
|
| 82 |
//border: 1px solid #ccc; |
|
| 83 | 87 |
margin-bottom: 15px; |
| 84 |
}
|
|
| 85 |
|
|
| 88 |
margin-left: 52px;
|
|
| 89 |
font-size: 90%; |
|
| 86 | 90 |
|
| 91 |
div{
|
|
| 92 |
font-size: 90%; |
|
| 93 |
span.label{ }
|
|
| 94 |
} |
|
| 95 |
} |
|
| 87 | 96 |
} |
| 88 | 97 |
// /.section-header |
| 89 | 98 |
|
| 90 | 99 |
|
| 91 |
.function-block {
|
|
| 92 |
border-top: 1px solid #bbb; |
|
| 93 |
//border-left: 0; |
|
| 94 |
margin: 0.6em 0 2.2em 0 ; |
|
| 95 |
padding: 0.8em 0 1.0em 0 ; |
|
| 96 |
overflow: hidden; |
|
| 97 |
display: block; |
|
| 98 |
//background-color: yellow ; |
|
| 99 |
|
|
| 100 |
.function-block-content{
|
|
| 101 |
overflow: hidden ; |
|
| 100 |
.function-block {
|
|
| 101 |
border-top: 1px solid #bbb; |
|
| 102 |
margin: 0.6em 0 0.6em 0 ; |
|
| 103 |
padding: 0.8em 0 1.0em 0 ; |
|
| 104 |
overflow: hidden; |
|
| 105 |
display: block; |
|
| 102 | 106 |
|
| 107 |
.function-block-content{
|
|
| 108 |
overflow: hidden ; |
|
| 103 | 109 |
|
| 104 |
.function-block-header {
|
|
| 105 |
clear: both;
|
|
| 106 |
overflow: hidden;
|
|
| 110 |
.function-block-header {
|
|
| 111 |
clear: both; |
|
| 112 |
overflow: hidden; |
|
| 107 | 113 |
|
| 108 |
.function-block-number {
|
|
| 114 |
.function-block-number {
|
|
| 109 | 115 |
font-weight: bold; |
| 110 |
min-width: 6.0em ;
|
|
| 116 |
width: 5.0em ;
|
|
| 111 | 117 |
display: block; |
| 112 | 118 |
float: left; |
| 113 | 119 |
} |
| ... | ... | |
| 115 | 121 |
.function-block-desc {
|
| 116 | 122 |
font-weight: normal; |
| 117 | 123 |
float: left; |
| 118 |
width: 70%; |
|
| 119 |
//clear: both; |
|
| 124 |
width: 80%; |
|
| 120 | 125 |
padding-bottom: 1.0em ; |
| 121 |
|
|
| 126 |
font-size: 90% ; |
|
| 122 | 127 |
p {
|
| 123 |
margin: 0 0 0.6em 0; |
|
| 124 |
padding: 0 ; |
|
| 128 |
margin: 0 0 0.6em 0; |
|
| 129 |
padding: 0 ; |
|
| 130 |
} |
|
| 125 | 131 |
} |
| 126 |
|
|
| 127 |
|
|
| 128 |
} |
|
| 129 |
|
|
| 130 |
|
|
| 131 |
|
|
| 132 |
} |
|
| 133 |
// /.function-block-header |
|
| 134 |
|
|
| 135 |
.function-block-properties {
|
|
| 136 |
display: block ; |
|
| 137 |
margin: 0 0 0 6.1em; |
|
| 138 |
padding: 0 ; |
|
| 139 |
float: left; |
|
| 140 |
overflow: hidden; |
|
| 141 |
clear: both; |
|
| 132 |
} // /.function-block-header |
|
| 133 |
|
|
| 134 |
|
|
| 135 |
.function-block-properties {
|
|
| 136 |
display: block ; |
|
| 137 |
margin: 0 0 0 6.1em; |
|
| 138 |
padding: 0 ; |
|
| 139 |
overflow: hidden; |
|
| 140 |
clear: both; |
|
| 141 |
font-size: 9pt; |
|
| 142 |
span.label { width: 110px ;}
|
|
| 143 |
span.value {
|
|
| 144 |
width: 200px; |
|
| 145 |
padding: 0 30px 0 0; |
|
| 146 |
margin: 0; |
|
| 142 | 147 |
} |
| 148 |
} |
|
| 149 |
} // /.function-block-content |
|
| 143 | 150 |
|
| 151 |
.sub-function-block-container {
|
|
| 152 |
margin: 1.8em 0 0 72px; |
|
| 144 | 153 |
|
| 145 |
} |
|
| 146 |
// /.function-block-content |
|
| 147 |
|
|
| 148 |
.sub-function-block {
|
|
| 149 |
//background-color: #fff; |
|
| 150 |
border-top: 1px solid #ccc; |
|
| 151 |
margin: 1.0em 0 0.4em 0; |
|
| 152 |
padding: 1.8em 0 1.6em 0 ; |
|
| 153 |
|
|
| 154 |
.sub-function-block-container {
|
|
| 155 |
margin: 1.0em 0 1.6em 6.0em; |
|
| 156 |
padding: 1.6em 0.6em 0.6em 0; |
|
| 157 |
//border: 1px solid #ccc; |
|
| 154 |
.sub-function-block-header{
|
|
| 155 |
border-top: 1px solid #ccc; |
|
| 156 |
padding: 0.4em 0 0.4em 0 ; |
|
| 157 |
font-size: 86% ; |
|
| 158 |
letter-spacing: 0.2em; |
|
| 158 | 159 |
} |
| 159 | 160 |
|
| 160 |
.sub-function-block-header {
|
|
| 161 |
//padding: 0.2em; |
|
| 162 |
font-weight: normal; |
|
| 163 |
font-size: 120% ; |
|
| 164 |
color: #666; |
|
| 165 |
//background: #ccc; |
|
| 166 |
margin-top: 1.0em ; |
|
| 167 |
} |
|
| 161 |
.sub-function-block {
|
|
| 162 |
border-top: 1px solid #ccc; |
|
| 163 |
margin: 0.2em 0 0.2em 0; |
|
| 164 |
padding: 0.2em 0 0.4em 0 ; |
|
| 165 |
|
|
| 166 |
.sub-function-block-content {
|
|
| 167 |
margin: 0.2em 0 0.2em 0; |
|
| 168 |
padding: 0.2em 0.6em 0.4em 0; |
|
| 169 |
|
|
| 170 |
.sub-function-block-header {
|
|
| 171 |
font-weight: normal; |
|
| 172 |
font-size: 120% ; |
|
| 173 |
color: @gray-mediumdark; |
|
| 174 |
margin-top: 1.0em ; |
|
| 175 |
} |
|
| 176 |
} |
|
| 177 |
}// /.sub-function-block |
|
| 178 |
} // /.sub-function-block-container |
|
| 179 |
} // /.function-block |
|
| 180 |
} // /.section |
|
| 168 | 181 |
|
| 169 |
} |
|
| 170 |
// /.sub-function-block |
|
| 171 |
} |
|
| 172 |
// /.function-block |
|
| 173 |
} |
|
| 174 |
// /.section |
|
| 175 | 182 |
|
| 176 | 183 |
|
| 177 | 184 |
|
| 178 | 185 |
|
| 179 | 186 |
.function-block-form {
|
| 180 |
background: rgb(235, 235, 235); |
|
| 181 |
border: 1px solid #666; |
|
| 182 |
|
|
| 183 |
&> div {
|
|
| 184 |
padding: 0.4em; |
|
| 185 |
} |
|
| 187 |
&> div { padding: 0.4em; }
|
|
| 186 | 188 |
|
| 187 | 189 |
input.rs_input_field, |
| 188 | 190 |
select.rs_input_field, |
| 189 | 191 |
table.rs_input_field input[type=text], |
| 190 | 192 |
table.rs_input_field input[type=password], |
| 191 |
table.rs_input_field select {
|
|
| 192 |
width: 300px; |
|
| 193 |
} |
|
| 194 |
|
|
| 193 |
table.rs_input_field select { }
|
|
| 195 | 194 |
} |
| 196 | 195 |
|
| 197 | 196 |
|
| ... | ... | |
| 202 | 201 |
.section.flagged .section-description, |
| 203 | 202 |
.function-block.flagged, |
| 204 | 203 |
.sub-function-block.flagged {
|
| 205 |
background-color: #feece3; |
|
| 204 |
//background-color: #feece3;
|
|
| 206 | 205 |
} |
| 207 | 206 |
|
| 208 | 207 |
.section.flagged .section-description > .section-description-heading, |
| 209 | 208 |
.function-block.flagged > .function-block-content > div > .function-block-number, |
| 210 | 209 |
.sub-function-block.flagged > .sub-function-block-content > div > .function-block-number {
|
| 211 |
background-color: #fe5f14; |
|
| 210 |
//background-color: #fe5f14;
|
|
| 212 | 211 |
color: #fff; |
| 213 | 212 |
} |
| 214 | 213 |
|
| ... | ... | |
| 231 | 230 |
margin-top: 10px; |
| 232 | 231 |
} |
| 233 | 232 |
|
| 234 |
.requirement-spec-text-block > h2 {
|
|
| 235 |
margin-top: 0px; |
|
| 236 |
} |
|
| 233 |
.requirement-spec-text-block > h2 { margin-top: 0px; }
|
|
| 237 | 234 |
|
| 238 | 235 |
.requirement-spec-text-block.flagged {
|
| 239 |
background-color: #feece3; |
|
| 236 |
//background-color: #feece3;
|
|
| 240 | 237 |
/* border: 1px solid #fe5f14; */ |
| 241 | 238 |
} |
| 242 | 239 |
|
| 243 | 240 |
.requirement-spec-text-block.flagged > h2 {
|
| 244 |
background-color: #fe5f14; |
|
| 241 |
//background-color: #fe5f14;
|
|
| 245 | 242 |
color: #fff; |
| 246 | 243 |
} |
| 247 | 244 |
|
| ... | ... | |
| 279 | 276 |
margin-top: 0; |
| 280 | 277 |
margin-bottom: 0; |
| 281 | 278 |
} |
| 279 |
|
|
| 280 |
|
|
| 281 |
.section{
|
|
| 282 |
.section-header {
|
|
| 283 |
.section-context-menu {
|
|
| 284 |
h3{
|
|
| 285 |
background-color: #000; |
|
| 286 |
color: #000 !important ; |
|
| 287 |
span.label { font-weight: normal;}
|
|
| 288 |
} |
|
| 289 |
div.section-description {
|
|
| 290 |
div{
|
|
| 291 |
span.label section-description-heading {}
|
|
| 292 |
} |
|
| 293 |
} |
|
| 294 |
span.label { }
|
|
| 295 |
} |
|
| 296 |
#section-list-empty{
|
|
| 297 |
border: 1px #0C42FF solid ; |
|
| 298 |
background-color: #BBCDFF ; |
|
| 299 |
padding: 0.6em ; |
|
| 300 |
} |
|
| 301 |
} |
|
| 302 |
} // /.section |
|
| 303 |
|
|
| 304 |
|
|
| 305 |
|
|
| 306 |
|
|
| 307 |
|
|
| 308 |
.function-block{
|
|
| 309 |
clear: both; |
|
| 310 |
float: none; |
|
| 311 |
display: block; |
|
| 312 |
border-top: 1px #000 solid; |
|
| 313 |
overflow: hidden; |
|
| 314 |
margin: 0 0 1.8em 0 ; |
|
| 315 |
width: 48em; |
|
| 316 |
|
|
| 317 |
.function-block-content{
|
|
| 318 |
|
|
| 319 |
.function-block-header{
|
|
| 320 |
.function-block-number{
|
|
| 321 |
font-weight: bold; |
|
| 322 |
display: inline-block; |
|
| 323 |
float: left; |
|
| 324 |
width: 8em ; |
|
| 325 |
} |
|
| 326 |
.function-block-desc{
|
|
| 327 |
display: inline-block; |
|
| 328 |
overflow: hidden; |
|
| 329 |
float: left; |
|
| 330 |
width: 39.8em; |
|
| 331 |
} |
|
| 332 |
} // /..function-block-header |
|
| 333 |
.function-block-properties{
|
|
| 334 |
display: block; |
|
| 335 |
clear: left; |
|
| 336 |
.label{ float: left;}
|
|
| 337 |
.value{float: left}
|
|
| 338 |
} // /..function-block-properties |
|
| 339 |
.sub-function-block-container{
|
|
| 340 |
display: block; |
|
| 341 |
margin-top: 1.0 em ; |
|
| 342 |
.sub-function-block-header{
|
|
| 343 |
|
|
| 344 |
} |
|
| 345 |
} // /..sub-function-block-container |
|
| 346 |
} // /..function-block-content |
|
| 347 |
} // /.function-block |
|
| 348 |
|
|
| 349 |
|
|
| 350 |
|
|
| 351 |
|
|
| 352 |
#requirement_spec_version{
|
|
| 353 |
padding: @contentbox-padding; |
|
| 354 |
} |
|
| 355 |
|
|
| 356 |
|
|
| 357 |
// -------------------------------------- |
|
| 358 |
// TABLES in Requirement Specs |
|
| 359 |
// -------------------------------------- |
|
| 360 |
|
|
| 361 |
div.function-block * table.tbl-horizontal td {
|
|
| 362 |
font-size: 66% !important ; |
|
| 363 |
} |
|
| 364 |
|
|
| 365 |
|
|
Auch abrufbar als: Unified diff
HP Aenderungen bis Oktober 2018