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