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 }