kivitendo/css/requirement_spec-ORIGINAL.css @ 351e2e80
| d95096a6 | Hans P. Schlaepfer | /* ------------------------------------------------------------ */
|
|
/* 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;
|
|||
}
|