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 .function-block {
  54   border-bottom: 1px solid #bbb;
  55 }
  56
  57 .section-description-heading {
  58   font-weight: bold;
  59 }
  60
  61 .section-description {
  62   color: #000;
  63   background: rgb(235, 235, 235);
  64   border: 1px solid #ccc;
  65   margin-bottom: 15px;
  66 }
  67
  68 .sub-function-block {
  69   border-bottom: 1px solid #ccc;
  70   background-color: #fff;
  71 }
  72
  73 .sub-function-block-container {
  74   margin: 10px 0px 10px 20px;
  75   border: 1px solid #ccc;
  76 }
  77
  78 .sub-function-block-header {
  79   padding: 5px;
  80   font-weight: bold;
  81   color: #fff;
  82   background: #ccc;
  83 }
  84
  85 .function-block-form {
  86   background: rgb(235, 235, 235);
  87   border: 1px solid rgb(0, 100, 0);
  88 }
  89
  90 .function-block-number {
  91   font-weight: bold;
  92 }
  93
  94 .function-block-form > div {
  95   padding: 5px;
  96 }
  97
  98 /* Flagged sections, function blocks, text blocks */
  99
 100 .section.flagged .section-description {
 101   background-color: #feece3;
 102   border: 1px solid #fe5f14;
 103 }
 104
 105 .section.flagged .section-description > .section-description-heading {
 106   background-color: #fe5f14;
 107   color: #fff;
 108 }
 109
 110
 111 .function-block.flagged {
 112   background-color: #feece3;
 113   border: 1px solid #fe5f14;
 114 }
 115
 116 .function-block.flagged > .function-block-content > div > .function-block-number {
 117   background-color: #fe5f14;
 118   color: #fff;
 119 }
 120
 121 .sub-function-block.flagged {
 122   background-color: #feece3;
 123   border: 1px solid #fe5f14;
 124 }
 125
 126 .sub-function-block.flagged > .sub-function-block-content > div > .function-block-number {
 127   background-color: #fe5f14;
 128   color: #fff;
 129 }
 130
 131 /* ------------------------------------------------------------ */
 132 /* Text blocks */
 133 /* ------------------------------------------------------------ */
 134
 135 .requirement-spec-text-block {
 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 }