Files
gutachten_t3/packages/gutachten/Resources/Public/Stylesheets/layout.css
T

920 lines
16 KiB
CSS

@charset "UTF-8";
:root {
--schwarz: #212121;
--rot: #ff2848;
--weiss: #ffffff;
--hellgrau: #efefef;
--grau: #ddd;
--border: #ccc;
--grid: #c6daeb;
--blau: #67abf1;
--hellblau: #99c9f7;
--active: #212121;
--testing: #888888;
--konzept: #67abf1;
--endfassung: #01A739;
}
.dijitChecked,
.dgrid .dgrid-selected {
background-color: var(--hellblau) !important;
}
body,
html {
font-family: sans-serif;
width: 100%;
height: 100%;
margin: 0;
font-size: .95rem;
background: var(--weiss);
color: var(--schwarz);
}
#stack_container_main {
width: 100%;
height: 100%;
margin: 0;
}
.spinner-size {
font-size: 400px;
color: var(--grau);
}
#ueberschrift {
line-height: 21px;
padding-bottom: 2px;
}
.lparent {
display: flex;
justify-content: flex-start;
gap: 10px;
align-items: center;
}
.lparent>div {
display: inline-block;
padding: 0.5rem;
}
/******************************************************
search
******************************************************/
.dijitTextBox .dijitInputField .dijitPlaceHolder,
.dijitTextBox .dijitInputInner,
.dijitValidationTextBox .dijitValidationContainer {
padding: 4px;
border-radius: 5px;
color: var(--schwarz);
}
.filter-box,
.search-box {
width: 180px;
margin-left: 10px;
border-radius: 5px;
background-color: var(--weiss);
}
.filter-box .dijitPlaceHolder,
.search-box .dijitPlaceHolder {
display: block;
width: 92%;
text-align: left;
cursor: text;
background-image: url("../Images/lupe-black.png");
background-repeat: no-repeat;
background-position: right center;
background-size: 19px auto;
}
#widget_SearchBox1 {
padding-left: 10px;
}
/******************************************************
link
******************************************************/
a,
a:link {
text-decoration: none;
color: var(--blau);
}
a:visited {
text-decoration: none;
color: var(--grid);
}
a:hover {
text-decoration: underline;
color: var(--rot);
}
a:active {
text-decoration: underline;
color: var(--rot);
}
/******************************************************
color
******************************************************/
.on {
color: var(--active);
}
.off {
color: var(--grau);
}
:focus {
outline: 0;
}
.red,
.error {
color: var(--rot) !important;
}
.ok {
color: var(--endfassung) !important;
}
.bg_error {
background-color: var(--rot) !important;
padding: 5px 30px;
color: var(--weiss);
}
.bg_ok {
background-color: var(--endfassung) !important;
padding: 5px 30px;
color: var(--weiss);
}
.dijitTabContent .fa,
.dijitTabContent .far {
position: relative;
top: -3px;
margin-right: 10px;
}
.bold {
font-weight: bold;
}
.blau {
color: var(--blau);
}
.rot,
.rot2 {
color: var(--rot);
}
.test {
color: var(--testing);
}
.grau {
color: var(--grau);
}
.konzept {
color: var(--konzept);
}
.endfassung,
.gruen {
color: var(--endfassung);
}
.active {
color: var(--active);
}
.nuhhelp {
color: var(--blau);
}
.pointer {
cursor: pointer;
}
.center_icon {
margin: 1px 5px 0;
padding: 0;
}
.stammdaten_cellsize_select .dijitMenuItemLabel {
padding: 5px !important;
}
.logo {
display: block;
width: 180px;
height: 32px;
background-image: url("../Icons/ext-icon.png");
background-repeat: no-repeat;
background-size: auto 32px;
text-align: right;
line-height: 34px;
font-weight: bold;
color: var(--blau);
}
.help {
position: relative;
top: -5px;
left: 5px;
color: var(--weiss);
font-size: 1em;
}
.help_on {
visibility: visible;
}
.help_off {
visibility: hidden;
}
.right {
text-align: right;
}
.bg-schwarz {
background-color: var(--schwarz) !important;
}
.dgrid-row-odd .bg-grau {
background-color: #f0f7fe !important;
}
.dgrid-row-even .bg-grau {
background-color: #ddebfc !important;
}
.bg-grau {
background-color: var(--grau) !important;
}
.center-box {
margin: auto !important;
}
/******************************************************
general layout
******************************************************/
.dijitDialogPaneActionBar,
.right {
text-align: right;
}
.subheader {
line-height: 80px !important;
height: 80px !important;
font-weight: bold;
font-size: 2em;
text-align: center;
padding: 5px;
color: #999;
}
.dijitToolbar {
padding: 3px;
background: #eee;
margin-bottom: 10px;
}
#menu_projekte {
border-bottom: 1px solid var(--schwarz);
height: 62px;
line-height: 62px;
}
#cp_upload_response {
height: 90px;
line-height: 24px;
padding: 10px 50px;
}
#cp_base_top {
text-align: center;
}
#bc_projekte_aktive {
padding-top: 20px;
}
#cp_auftraggeber_top,
#cp_projekte_allgemein_top {
margin: 20px 0 1px;
}
#cp_projekte_aktive_title {
text-align: center;
height: 62px;
line-height: 62px;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 2rem;
background: var(--blau);
color: var(--weiss);
border-bottom: 1px solid var(--blau);
}
#cp_base_top_title {
background-color: transparent;
font-weight: bold;
text-align: center;
line-height: 74px;
height: 74px;
overflow: hidden;
font-size: 1.8em;
}
.center-layout {
overflow: hidden;
padding: 50px;
}
.margin-50-lr {
margin-left: 50px;
margin-right: 50px;
}
.margin-50-t {
margin-top: 50px;
}
.mr-5 {
margin-right: 5px;
}
#cp_base_left,
#cp_base_right {
width: 200px;
cursor: pointer;
}
.leftmenu_text {
margin-top: 5px;
overflow: hidden;
white-space: nowrap;
width: 246px;
display: block;
float: right;
}
#methoden_filter_popup_dropdown {
width: 130px;
}
/* grid */
.center {
text-align: center !important;
}
.deckblatt-adresse {
height: 85px;
width: 450px;
}
.width-30 {
width: 30px;
}
.width-icon {
cursor: pointer;
width: 50px;
text-align: center !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.width-50 {
width: 50px;
}
.width-60 {
width: 60px;
}
.width-80 {
width: 80px;
}
.width-110 {
width: 110px;
}
.width-130 {
width: 130px;
}
.width-150 {
width: 150px;
}
.width-300 {
width: 300px;
}
.width-500 {
width: 500px;
}
.width-600 {
width: 600px;
}
.stammdaten_cellsize,
.stammdaten_cellsize_select {
width: 300px !important;
}
.stammdaten_cellsize_select .dijitButtonContents {
width: 280px !important;
}
.no-border-r {
border-right: 0;
}
.select_orientierung {
padding: 2px;
font-size: 86%;
}
.margin-right-10 {
margin-right: 10px;
}
.no-padding-tb {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.no-padding-lr {
padding-left: 0 !important;
padding-right: 0 !important;
}
.margin-1rem {
margin: 1rem;
}
/******************************************************
DIJIT
******************************************************/
.dijitButton,
.dijitComboButton,
.dijitDropDownButton,
.dijitToggleButton {
margin: 0;
vertical-align: middle;
}
.dijitDialog {
overflow: hidden;
padding: 25px;
}
.dijitButtonNode {
margin: 1px;
cursor: pointer;
border: 0;
}
.dijitToolbar .dijitButton,
.dijitToolbar .dijitComboButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitToggleButton {
margin: 2px;
}
.title {
font-size: 1.1em;
font-weight: bold;
padding: 10px;
margin: 10px;
color: var(--blau);
}
.nothing-selected {
font-size: 1.2em;
font-weight: bold;
margin: 5rem;
text-align: center;
color: var(--rot);
}
.dijitDialogTitle {
font-size: 1.8em;
font-weight: bold;
padding: 10px;
text-align: center;
margin: 0;
display: block;
color: var(--blau);
}
.dijitMenuTable {
min-width: 120px !important;
max-width: 200px !important;
top: 0 !important;
cursor: pointer;
}
#menu_projekte_active_popup {
width: 178px;
}
/******************************************************
MENUBAR
******************************************************/
.dijitButton .dijitButtonText,
.dijitMenuItemSelected,
.dijitMenuPassive .dijitMenuItemHover {
color: var(--schwarz);
cursor: pointer;
background-color: var(--blau);
border-radius: 5px;
padding: 0.5rem 1rem;
}
#cp_orientierung_typen .dijitMenuItem {
font-size: 86% !important;
}
#topmenu {
height: 60px;
line-height: 60px;
overflow: hidden;
margin: 0;
padding: 5px 15px;
border-bottom: 1px solid var(--schwarz);
background-image: url("./images/gutachten-logo2.png");
background-position: 10px center;
background-size: auto 70%;
background-repeat: no-repeat;
}
.topmenu-selected {
background-color: var(--blau);
border-radius: 5px;
margin: auto 5px;
}
/******************************************************
TAB
******************************************************/
#tab_projekte_aktive_center_tablist {
background: var(--weiss);
}
/******************************************************
TABS
******************************************************/
.border-black {
border: 1px solid var(--schwarz) !important;
}
.border-t-40 {
border-top: 32px solid var(--schwarz) !important;
}
#methoden_filter_popup_dropdown {
border: 1px var(--grid) solid;
background: #eee;
}
.dijitMenuBar .diijtMenuItemLabel,
.dijitMenuBar .dijitMenuItem,
.dijitTab .tabLabel {
height: 1.5rem;
line-height: 1.5rem;
padding: 0.5rem 1rem;
cursor: pointer;
}
.dijitTabContainerLeft-tabs {
border: 0;
float: left;
width: 280px;
border-top: 32px solid var(--schwarz) !important;
border-right: 1px solid var(--schwarz);
}
.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
z-index: 0;
overflow: hidden;
border: 0;
}
/******************************************************
FORM
******************************************************/
.dijitSelectLabel {
width: 15em;
vertical-align: middle;
padding: 0.3rem;
}
.dijitTextBox {
border: solid black 1px;
vertical-align: middle;
border-radius: 3px;
padding: 0 3px;
}
/******************************************************
GRIDS SPEZIELL
******************************************************/
#bc_projekte_aktive_top,
#cp_projekte_aktive_left,
#cp_projekte_aktive_menu {
width: 300px;
}
.left-140 {
width: 140px;
text-align: left;
}
.grid-button {
text-align: center;
width: 50px;
}
#cp_p_basis_center {
height: 238px;
}
#auftraggeber_menu {
height: 32px;
line-height: 34px;
}
#auftraggeber_menu_titel {
width: 240px;
}
#auftraggeber_menu_titel:hover {
background: transparent;
}
#cp_objects_left {
width: 260px;
padding: 0;
border: 0;
}
#cp_orientierung_typen_colums {
width: 40%;
}
#menu_allgemeine,
#menu_methoden,
#menu_objects,
#menu_orient_typen {
height: 47px;
line-height: 47px;
padding-left: 10px;
background-color: var(--hellblau);
border-top: 1px solid var(--schwarz);
border-left: 1px solid var(--schwarz);
}
table,
td,
th {
border-collapse: separate;
}
.dijitComboBox .dijitArrowButtonInner,
.dijitSelect .dijitArrowButtonInner {
background-image: url("../JavaScript/node_modules/dijit/themes/salam/form/images/commonFormArrows.png");
background-position: -35px 53%;
background-repeat: no-repeat;
margin: 0;
width: 16px;
}
.dijitSelect .dijitButtonContents {
padding: 2px;
}
/******************************************************
general from light
******************************************************/
#dialog_base {
background-color: var(--weiss)FFF;
}
.dijitToolbarSeparator {
width: 1px;
border-left: 1px solid var(--schwarz);
}
/******************************************************
WIDGETS DIJIT
******************************************************/
.dijitDialogUnderlay {
background: #369;
opacity: .5;
}
.dijitDialog {
background: var(--weiss);
border: 1px solid #DDDDDD;
}
.dijitSelectMenu {
background-color: var(--weiss);
}
.dijitButtonHover,
.dijitDialogPaneActionBar .dijitButtonNode:hover,
.dijitTabHover {
background: var(--grid);
cursor: pointer;
}
#cp_base_top_title {
background-color: transparent;
color: var(--blau);
}
/******************************************************
Dialog
******************************************************/
.dijitDialogUnderlay {
background: var(--grid);
}
/******************************************************
Tooltip
******************************************************/
/* Tooltip and TooltipDialog */
.dijitTooltip,
.dijitTooltipDialog {
/* the outermost dom node, holding the connector and container */
background: transparent;
/* make the area on the sides of the arrow transparent */
}
.dijitTooltipBelow {
/* leave room for arrow above content */
padding-top: 13px;
padding-left: 3px;
padding-right: 3px;
}
.dijitTooltipAbove {
/* leave room for arrow below content */
padding-bottom: 13px;
padding-left: 3px;
padding-right: 3px;
}
.dijitTooltipContainer {
/* the part with the text */
background-color: #fff;
background-image: -moz-linear-gradient(bottom, rgba(240, 240, 240, 0.1) 0px, var(--weiss)fff 10px);
background-image: -webkit-linear-gradient(bottom, rgba(240, 240, 240, 0.1) 0px, var(--weiss)fff 10px);
background-image: -o-linear-gradient(bottom, rgba(240, 240, 240, 0.1) 0px, var(--weiss)fff 10px);
background-image: linear-gradient(bottom, rgba(240, 240, 240, 0.1) 0px, var(--weiss)fff 10px);
background-position: bottom;
border: 1px solid #a6a6a6;
padding: 6px 8px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
font-size: 1em;
line-height: 1.5em;
color: var(--schwarz);
}
.dijitTooltipConnector {
/* the arrow piece */
border: 0;
z-index: 2;
background-image: url("images/tooltip.png");
background-repeat: no-repeat;
width: 16px;
height: 14px;
}
.dj_ie6 .dijitTooltipConnector {
background-image: url("images/tooltip8bit.png");
}
.dijitTooltipBelow .dijitTooltipConnector {
/* the arrow piece for tooltips below an element */
top: 0;
left: 3px;
background-position: -31px 0;
width: 16px;
height: 14px;
}
.dijitTooltipAbove .dijitTooltipConnector {
/* the arrow piece for tooltips above an element */
bottom: 0;
left: 3px;
background-position: -15px 0;
width: 16px;
height: 14px;
}
.dj_ie6 .dijitTooltipAbove .dijitTooltipConnector,
.dj_ie7 .dijitTooltipAbove .dijitTooltipConnector {
bottom: -1px;
}
.dijitTooltipABRight .dijitTooltipConnector {
/* above or below tooltip, but the arrow appears on the right,
and the right edges of target and tooltip are aligned rather than the left.
Override above rules for .dijitTooltipBelow, .dijitTooltipAbove */
left: auto;
right: 3px;
}
.dijitTooltipLeft {
padding-right: 14px;
}
.dijitTooltipLeft .dijitTooltipConnector {
/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
right: 0;
background-position: 0 0;
width: 16px;
height: 14px;
}
.dijitTooltipRight {
padding-left: 14px;
}
.dijitTooltipRight .dijitTooltipConnector {
/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
left: 0;
background-position: -48px 0;
width: 16px;
height: 14px;
}
/******************************************************
PURE
******************************************************/
.nutzwert-table {
/* Remove spacing between table cells (from Normalize.css) */
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
color: var(--main-color);
background-color: var(--weiss);
border: 1px solid var(--schwarz);
margin: 1rem;
}
.nutzwert-td {
border-left: 1px solid var(--schwarz);
border-bottom: 1px solid var(--schwarz);
color: var(--schwarz) !important;
margin: 0;
overflow: visible;
padding: 1rem 3rem;
}
.download_button {
width: 220px;
text-align: left;
}
#menu_textart_dropdown tr {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#menu_textart_dropdown td {
padding: 5px !important;
}