projekt kivitendo

/* ------------------------------------------------------------ */

/* General page layout */

/* ------------------------------------------------------------ */

input.rs_input_field,

select.rs_input_field,

table.rs_input_field input[type=text],

table.rs_input_field input[type=password],

table.rs_input_field select {

  width: 300px;

}

#column-container {

  //width: 100%;

  padding-left: 0;

  padding-right: 0;

  margin-left: 0;

  margin-right: 0;

  overflow: hidden ;

  //border: 1px red solid ; // TEST

}

#tree-column {

  float: left;

  width: 25%;

  //border: 1px green solid ; // TEST

}

#content-column {

  float: left;

  width: 70%;

  padding-left: 3.0em;

  //border: 1px blue solid ; // TEST

}

.section-empty-description {

  color: #bbb;

}

/* ------------------------------------------------------------ */

/* Special things that apply to the tree */

/* ------------------------------------------------------------ */

#tree li.flagged > a > ins {

 background-image: url("../image/flag-red.png") !important;

 background-position: 0;

}

/* ------------------------------------------------------------ */

/* Special things that apply to the context menu */

/* ------------------------------------------------------------ */

.context-menu-item.icon-flag   { background-image: url("../image/flag-red.png"); }

.context-menu-item.icon-close  { background-image: url("../image/document-close.png"); }

.context-menu-item.icon-save   { background-image: url("../image/document-save.png"); }

.context-menu-item.icon-revert { background-image: url("../image/edit-undo.png"); }

.context-menu-item.icon-pdf    { background-image: url("../image/application-pdf.png"); }

.context-menu-item.icon-html   { background-image: url("../image/text-html.png"); }

.context-menu-item.icon-add-picture { background-image: url("../image/add-picture.png"); }

.context-menu-item.icon-download    { background-image: url("../image/download.png"); }

.context-menu-item.icon-renumber    { background-image: url("../image/format-list-ordered.png"); }

/* ------------------------------------------------------------ */

/* Sections & function blocks */

/* ------------------------------------------------------------ */

.section {

  border-left: 0;

  margin-left: 0;

}

.section-header{

  display: block ;

  overflow: hidden;

  width: 70% ;

}

.section-description-heading {

  font-weight: normal;

}

.section-description {

  color: #000;

  background: rgb(235, 235, 235);

  //border: 1px solid #ccc;

  margin-bottom: 15px;

}

.function-block {

  border-top: 1px solid #bbb;

  //border-left: 0;

  margin: 0.6em 0 2.2em 0 ;

  padding: 0.8em 0 1.0em 0 ;

  overflow: hidden;

  display: block;

  //background-color: yellow ;

}

.function-block-content{

  overflow: hidden ;

}

.function-block-form {

  background: rgb(235, 235, 235);

  border: 1px solid rgb(0, 100, 0);

}

.function-block-header {

  clear: both;

  overflow: hidden;

}

.function-block-number {

  font-weight: bold;

  min-width: 6.0em ;

  display: block;

  float: left;

}

.function-block-desc {

  font-weight: normal;

  float: left;

  width: 70%;

  //clear: both;

  padding-bottom: 1.0em ;

}

.function-block-desc p {

  margin: 0 0 0.6em 0;

  padding: 0 ;

}

.function-block-properties {

  display: block ;

  margin: 0 0 0 6.1em;

  padding: 0 ;

  float: left;

  overflow: hidden;

  clear: both;

}

.function-block-form > div {

  padding: 0.4em;

}

.sub-function-block {

  //background-color: #fff;

  border-top: 1px solid #ccc;

  margin: 1.0em 0 0.4em 0;

  padding: 1.8em 0 1.6em 0 ;

}

.sub-function-block-container {

  margin: 1.0em 0 1.6em 6.0em;

  padding: 1.6em 0.6em 0.6em 0;

  //border: 1px solid #ccc;

}

.sub-function-block-header {

  //padding: 0.2em;

  font-weight: normal;

  font-size: 120% ;

  color: #666;

  //background: #ccc;

  margin-top: 1.0em ;

}

/* Flagged sections, function blocks, text blocks */

.section.flagged .section-description,

.function-block.flagged,

.sub-function-block.flagged {

  background-color: #feece3;

}

.section.flagged .section-description > .section-description-heading,

.function-block.flagged > .function-block-content > div > .function-block-number,

.sub-function-block.flagged > .sub-function-block-content > div > .function-block-number {

  background-color: #fe5f14;

  color: #fff;

}

/* Selected sections, function blocks, text blocks */

.section.selected,

.function-block.selected,

.sub-function-block.selected {

  margin-left: -3px;

  border-left: 3px solid #cbb120;

}

/* ------------------------------------------------------------ */

/* Text blocks */

/* ------------------------------------------------------------ */

.requirement-spec-text-block {

  border-left: 0;

  margin-left: 3px;

  margin-top: 10px;

}

.requirement-spec-text-block > h2 {

  margin-top: 0px;

}

.requirement-spec-text-block.flagged {

  background-color: #feece3;

  /* border: 1px solid #fe5f14; */

}

.requirement-spec-text-block.flagged > h2 {

  background-color: #fe5f14;

  color: #fff;

}

.requirement-spec-text-block.selected {

  border-left: 3px solid #cbb120;

  margin-left: 0;

}

.requirement-spec-text-block-picture-thumbnail {

  border-radius: 5px;

  border: 2px solid #ebebeb;

  float: left;

  margin-right: 20px;

  padding: 5px;

  text-align: center;

  width: 130px;

}

.requirement-spec-text-block-picture-thumbnail-img-container {

  height: 64px;

  margin: auto;

  padding: auto;

  width: 64px;

}

.requirement-spec-text-block-picture-thumbnail.selected {

  border: 2px solid #cbb120;

}

/* ------------------------------------------------------------ */

/* Time/cost estimation */

/* ------------------------------------------------------------ */

#time_cost_estimate p {

  margin-top: 0;

  margin-bottom: 0;

}