kivitendo/css/less/control_panels.less @ 2daecdf1
| 1b62523f | Hans P. Schlaepfer | /* ------------------------------------------------------------- */
|
||
/* CONTROL PANELS (control_panels.less) */
|
||||
/* ------------------------------------------------------------- */
|
||||
| 1352ae88 | Hans Peter Schlaepfer | // ----------------------------------------------------------------------------
|
||
//
|
||||
// CONTROL PANELS
|
||||
//
|
||||
// ----------------------------------------------------------------------------
|
||||
// DESCRIPTION: all kind boxes/tools for selecting, including and entering data
|
||||
//
|
||||
// CONTENTS:
|
||||
// - FORM-ADDITION
|
||||
// - SELECT ITEM
|
||||
// - FILTER-TOGGLE-PANEL
|
||||
// - INPUT-PANEL
|
||||
// - PAGINATE
|
||||
// - JUMP-TO
|
||||
// ----------------------------------------------------------------------------
|
||||
// --------------------------------------
|
||||
// CONTROL-PANEL
|
||||
// --------------------------------------
|
||||
// General Class for all control panels
|
||||
.control-panel {
|
||||
| 1b62523f | Hans P. Schlaepfer | border: @controlpanel-border !important;
|
||
background-color: @controlpanel-bg-color;
|
||||
background: @controlpanel-bg-style ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | border-radius: @controlpanel-radius;
|
||
| 1b62523f | Hans P. Schlaepfer | //color: red ;
|
||
| 1352ae88 | Hans Peter Schlaepfer | overflow: hidden ;
|
||
| 1b62523f | Hans P. Schlaepfer | |||
span.label{
|
||||
padding-right: 0.6em ;
|
||||
}
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
| 1b62523f | Hans P. Schlaepfer | |||
| 1352ae88 | Hans Peter Schlaepfer | // --------------------------------------
|
||
// FORM-ADDITION
|
||||
// --------------------------------------
|
||||
// Settings for including fields in a report
|
||||
.form-addition{
|
||||
| 1b62523f | Hans P. Schlaepfer | padding: @controlpanel-padding-bold !important ;
|
||
| 1352ae88 | Hans Peter Schlaepfer | margin: @controlpanel-margin !important ;
|
||
width: auto !important ;
|
||||
display: inline-block ;
|
||||
h3{
|
||||
| 1b62523f | Hans P. Schlaepfer | // color: @controlpanel-h3-color !important;
|
||
// font-size: @controlpanel-h3-size !important;
|
||||
// font-weight: @controlpanel-h3-weight !important;
|
||||
margin: 0.3em 0 0.1em 0 !important;
|
||||
padding: 0 ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
h4{
|
||||
| 1b62523f | Hans P. Schlaepfer | color: @controlpanel-h4-color !important;;
|
||
font-size: @controlpanel-h4-size;
|
||||
font-weight: @controlpanel-h4-weight;
|
||||
font-style: @controlpanel-h4-style;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
div.list{
|
||||
margin-top: 0.2em !important ;
|
||||
&.col{
|
||||
// min-width: 130px ;
|
||||
// max-width: 240px ;
|
||||
}
|
||||
}
|
||||
} // /.form-addition
|
||||
// --------------------------------------
|
||||
// SELECT ITEM
|
||||
// --------------------------------------
|
||||
| 1b62523f | Hans P. Schlaepfer | // Panel for selecting a hidden Record (e.g. Contacts, Delivery Address etc.)
|
||
| 1352ae88 | Hans Peter Schlaepfer | .select-item{
|
||
display: inline-block ;
|
||||
width: auto ;
|
||||
height: auto;
|
||||
padding: @controlpanel-select-item-padding ;
|
||||
margin: @controlpanel-margin ;
|
||||
color: @controlpanel-color ;
|
||||
font-size: @font-size-smaller ;
|
||||
| 1b62523f | Hans P. Schlaepfer | border: @controlpanel-border ;
|
||
border-radius: @controlpanel-radius ;
|
||||
background-color: @controlpanel-bg-color ;
|
||||
background: @_bg_style_button ; // PENDENT:
|
||||
| 1352ae88 | Hans Peter Schlaepfer | input,
|
||
select{
|
||||
margin-left: 0.6em ;
|
||||
}
|
||||
span.label{
|
||||
float: left ;
|
||||
color: @controlpanel-color ;
|
||||
}
|
||||
table{
|
||||
margin: 0 ;
|
||||
td, th{ color: @controlpanel-color ; }
|
||||
}
|
||||
// see /controller.pl?action=FinancialOverview
|
||||
// PENDENT: anders loesen oder einfacher benennen
|
||||
.floating-boxes {
|
||||
display: table ;
|
||||
margin: 0.4em 0 0.8em 0 ;
|
||||
.floating-box {
|
||||
display: table-cell ;
|
||||
float: left ;
|
||||
font-size: @font-size-smaller ;
|
||||
height: 1.9em ;
|
||||
vertical-align: middle;
|
||||
padding: 0 2.0em 0 0 ;
|
||||
.button, button{
|
||||
margin: 0 ;
|
||||
}
|
||||
label,
|
||||
span.label{
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
height: 160%;
|
||||
}
|
||||
input[type="checkbox"]{ margin: 0 0.4em 0 0 ; }
|
||||
select { margin: -0.3em 0 0 0; }
|
||||
}
|
||||
}
|
||||
| 1b62523f | Hans P. Schlaepfer | |||
| 1352ae88 | Hans Peter Schlaepfer | } // /.select-item
|
||
| 1b62523f | Hans P. Schlaepfer | |||
| 1352ae88 | Hans Peter Schlaepfer | // Select function within standard wrapper
|
||
.ui-tabs-panel > .select-item {
|
||||
| 1b62523f | Hans P. Schlaepfer | margin: @contentbox-margin;
|
||
vertical-align: top ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
.wrapper > .select-item {
|
||||
margin: 0.8em 0 1.0em 0 ;
|
||||
}
|
||||
| 1b62523f | Hans P. Schlaepfer | |||
| 1352ae88 | Hans Peter Schlaepfer | // --------------------------------------
|
||
// FILTER-TOGGLE-PANEL
|
||||
// --------------------------------------
|
||||
// for togglin a filter panel
|
||||
// see inlcude file /templates/webpages/common/filter-toggle.html
|
||||
| 1b62523f | Hans P. Schlaepfer | .toggle_panel.control-panel{
|
||
border: none !important;
|
||||
background: none !important;
|
||||
border-radius: 0 !important;
|
||||
overflow: visible !important;
|
||||
}
|
||||
| 1352ae88 | Hans Peter Schlaepfer | .toggle_panel{
|
||
& > a.button.toggle {
|
||||
| 1b62523f | Hans P. Schlaepfer | padding: 0.2em 0 0.2em 1.4em;
|
||
| 1352ae88 | Hans Peter Schlaepfer | &:hover {
|
||
| 1b62523f | Hans P. Schlaepfer | background-color: @controlpanel-bg-color !important;
|
||
text-decoration: underline ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
}
|
||||
span.summary {
|
||||
| 1b62523f | Hans P. Schlaepfer | font-size: @font-size-small;
|
||
| 1352ae88 | Hans Peter Schlaepfer | padding-left: 2.0em;
|
||
| 1b62523f | Hans P. Schlaepfer | color: @controlpanel-color;
|
||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
.toggle_panel_block {
|
||||
| 1b62523f | Hans P. Schlaepfer | display: block;
|
||
overflow: hidden;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | padding: @controlpanel-padding ;
|
||
| 1b62523f | Hans P. Schlaepfer | margin: 2em 1em 0em 0; ;
|
||
background-color: @controlpanel-bg-color;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | |||
| 1b62523f | Hans P. Schlaepfer | border: @controlpanel-border ;
|
||
| 1352ae88 | Hans Peter Schlaepfer | border-bottom-left-radius: @controlpanel-radius ;
|
||
border-bottom-right-radius: @controlpanel-radius ;
|
||||
border-top-right-radius: @controlpanel-radius ;
|
||||
margin-top: -1px ;
|
||||
.buttons{
|
||||
| 1b62523f | Hans P. Schlaepfer | clear: left ;
|
||
padding: 0 !important;
|
||||
margin: 0;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
}
|
||||
| 1b62523f | Hans P. Schlaepfer | // PENDENT: ggf. anpassen an Controlpanel-Farbtoene
|
||
| 1352ae88 | Hans Peter Schlaepfer | .tbl-horizontal {
|
||
| 16da593f | Cem Aydin | //th{ color: @base-superdark ; }
|
||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
}
|
||||
// --------------------------------------
|
||||
// INPUT-PANEL
|
||||
// --------------------------------------
|
||||
// Panel for entering data via jQuery-Scripts etc.
|
||||
#content .input-panel {
|
||||
| 1b62523f | Hans P. Schlaepfer | display: inline-block;
|
||
overflow: hidden ;
|
||||
padding: @controlpanel-padding-narrow ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | margin: @margin-from-wrapper ;
|
||
| 1b62523f | Hans P. Schlaepfer | background-color: @controlpanel-bg-color;
|
||
| 1352ae88 | Hans Peter Schlaepfer | border: @controlpanel-border ;
|
||
| 1b62523f | Hans P. Schlaepfer | border-radius: @controlpanel-radius ;
|
||
// border-bottom-left-radius: @controlpanel-radius ;
|
||||
// border-bottom-right-radius: @controlpanel-radius ;
|
||||
// border-top-right-radius: @controlpanel-radius ;
|
||||
// border-top-left-radius: @controlpanel-radius ;
|
||||
width: auto ;
|
||||
min-width: 30% ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | //max-width: 70% ;
|
||
& > h3 {
|
||||
margin-top: 0 ;
|
||||
}
|
||||
p {
|
||||
| 1b62523f | Hans P. Schlaepfer | font-size: @font-size-smaller ;
|
||
margin: 0 0 0.4em 0 ;
|
||||
}
|
||||
table.condensed {
|
||||
margin-bottom: 0.1em;
|
||||
caption { padding-top: 0.1em ; }
|
||||
td span.label {
|
||||
padding-right: 0.6em ;
|
||||
&.above{ margin-bottom: 0em ; }
|
||||
}
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
}
|
||||
| 1b62523f | Hans P. Schlaepfer | #content .ui-tabs-panel > .input-panel { margin-left: @margin-left-from-content }
|
||
| 1352ae88 | Hans Peter Schlaepfer | |||
// --------------------------------------
|
||||
// PAGINATE
|
||||
// --------------------------------------
|
||||
| 1b62523f | Hans P. Schlaepfer | .paginate {
|
||
| 1352ae88 | Hans Peter Schlaepfer | display: inline-block ;
|
||
width: auto ;
|
||||
| 1b62523f | Hans P. Schlaepfer | height: auto ;
|
||
padding: 0 ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | margin: @controlpanel-margin ;
|
||
| 1b62523f | Hans P. Schlaepfer | border: @controlpanel-border ;
|
||
| 1352ae88 | Hans Peter Schlaepfer | border-radius: @controlpanel-radius ;
|
||
| 1b62523f | Hans P. Schlaepfer | background-color: @controlpanel-bg-color ;
|
||
| 1352ae88 | Hans Peter Schlaepfer | color: @controlpanel-color ;
|
||
& > a,
|
||||
& > span {
|
||||
| 1b62523f | Hans P. Schlaepfer | padding: 0.4em 0.6em !important ;
|
||
margin-top: -1px ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
.paginate-prev {
|
||||
display: inline-block ;
|
||||
| 1b62523f | Hans P. Schlaepfer | &::before{ content: "◄" ; }
|
||
| 1352ae88 | Hans Peter Schlaepfer | &:hover{
|
||
| 1b62523f | Hans P. Schlaepfer | border-bottom-left-radius: @controlpanel-radius ;
|
||
border-top-left-radius: @controlpanel-radius ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
}
|
||||
.paginate-next {
|
||||
display: inline-block ;
|
||||
&::after{ content: "►"; }
|
||||
&:hover{
|
||||
| 1b62523f | Hans P. Schlaepfer | border-bottom-right-radius: @controlpanel-radius ;
|
||
border-top-right-radius: @controlpanel-radius ;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | }
|
||
}
|
||||
.paginate-page {
|
||||
display: inline-block ;
|
||||
padding: 0 ;
|
||||
}
|
||||
span.paginate-page {
|
||||
background-color: @controlpanel-active-bg;
|
||||
color: @controlpanel-active-text;
|
||||
}
|
||||
a:link, a:visited{ }
|
||||
a:hover,
|
||||
a:active{
|
||||
background-color: @controlpanel-bg-hover;
|
||||
color: @controlpanel-bg-hover-text;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
// --------------------------------------
|
||||
// JUMP-TO
|
||||
// --------------------------------------
|
||||
// for jumping e.g. to a address within a browser window
|
||||
// PENDENT: anders und allgemein loesen
|
||||
table.jump-to {
|
||||
&.right { float: right; }
|
||||
border: @controlpanel-border;
|
||||
| 1b62523f | Hans P. Schlaepfer | border-radius: @controlpanel-radius ;
|
||
background-color: @controlpanel-bg-color;
|
||||
| 1352ae88 | Hans Peter Schlaepfer | margin: 0.8em 2.0em 0 1.2em !important;
|
||
}
|
||||
// -------------------
|
||||
// FLOAT-CELLS TABLE
|
||||
// Table with left-floating cell
|
||||
div.float-cells-table{
|
||||
display: block ;
|
||||
width: 100% ;
|
||||
overflow: hidden;
|
||||
font-size: 80% ;
|
||||
div.caption{
|
||||
float: left;
|
||||
display: block;
|
||||
| eacc3cf6 | Cem Aydin | width: auto;
|
||
| 1352ae88 | Hans Peter Schlaepfer | padding: 0 2.0em 0 0;
|
||
margin: 0;
|
||||
}
|
||||
div.cells{
|
||||
float: left;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
background-color: #F66;
|
||||
div.cell{
|
||||
float: left;
|
||||
padding: 0 2.0em 0 0;
|
||||
border-right: 1px #fff solid;
|
||||
background-color: #FC6;
|
||||
}
|
||||
}
|
||||
}
|
||||
| 1b62523f | Hans P. Schlaepfer | |||
// --------------------------------------
|
||||
// DEZIDIERTE ELEMENTE
|
||||
// --------------------------------------
|
||||
.control-panel select#contact_cp_id {
|
||||
}
|