kivitendo/css/less/jquery-ui_overrides.less @ 351e2e80
| a891045c | Hans P. Schlaepfer | /* ------------------------------------------------------------- */
|
||
/* JQUERY-UI OVERRIDES (jquery-ui_overrides.less) */
|
||||
/* ------------------------------------------------------------- */
|
||||
| fb33dc99 | Hans Peter Schlaepfer | // ----------------------------------------------------------------------------
|
||
//
|
||||
// jQuery UI CUSTOM
|
||||
//
|
||||
// ----------------------------------------------------------------------------
|
||||
// DESCRIPTION:
|
||||
| a891045c | Hans P. Schlaepfer | // Overrides of jQuery UI LESS or CSS stuff
|
||
| fb33dc99 | Hans Peter Schlaepfer | //
|
||
// Contents:
|
||||
// - UI WIDGETS IN GENERAL
|
||||
// - TAB WIDGET
|
||||
// - DIV-Container with Tabs & Panels
|
||||
// - LIST WITH TABS (UL)
|
||||
// - SINGLE TAB (LI)
|
||||
// - LINKS
|
||||
// - STATES (Active, Default, Hover)
|
||||
// - UI-TABS-NAV (Class)
|
||||
// - UI-TABS-COLLAPSIBLE
|
||||
// - DIV (UI-TABS-PANEL)
|
||||
// - UI-TABS-PANEL (CLASS)
|
||||
// UI-AUTOCOMPLETE
|
||||
// ----------------------------------------------------------------------------
|
||||
// --------------------------------------
|
||||
// UI WIDGETS IN GENERAL
|
||||
// --------------------------------------
|
||||
| a891045c | Hans P. Schlaepfer | |||
| fb33dc99 | Hans Peter Schlaepfer | |||
// --------------------------------------
|
||||
// TAB WIDGET
|
||||
// --------------------------------------
|
||||
// Container with Tabs & Panels (DIV)
|
||||
.tabwidget {
|
||||
| a891045c | Hans P. Schlaepfer | width: 100%;
|
||
overflow: hidden;
|
||||
position: relative;
|
||||
zoom: 1;
|
||||
padding: 0 !important;
|
||||
border: 0;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | color: @tabs-default-color;
|
||
//background: @tabs-bg;
|
||||
background: transparent;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | // LIST WITH TABS (UL)
|
||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | > ul {
|
||
| a891045c | Hans P. Schlaepfer | display: block;
|
||
list-style: none;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
padding: 0.2em 0.2em 0 0;
|
||||
margin: 0;
|
||||
font-size: @font-size-base; // hps
|
||||
font-weight: bold;
|
||||
line-height: 1.3;
|
||||
text-decoration: none;
|
||||
// -----------------------
|
||||
| fb33dc99 | Hans Peter Schlaepfer | // SINGLE TAB (LI)
|
||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | li {
|
||
| a891045c | Hans P. Schlaepfer | position: relative;
|
||
top: 1px;
|
||||
float: left;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | list-style: none;
|
||
| a891045c | Hans P. Schlaepfer | |||
margin: 1px 0.2em 0 0;
|
||||
padding: 0;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | white-space: nowrap;
|
||
| a891045c | Hans P. Schlaepfer | |||
border-bottom: 0 !important;
|
||||
border-top-right-radius: @tabs-border-radius;
|
||||
border-top-left-radius: @tabs-border-radius;
|
||||
border: 1px solid #cccccc;
|
||||
background-color: @tabs-default-bg ;
|
||||
color: @tabs-default-color;
|
||||
font-size: @font-size-smaller ;
|
||||
font-weight: bold;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
&.ui-tabs-selected {
|
||||
| a891045c | Hans P. Schlaepfer | margin-bottom: 0;
|
||
padding-bottom: 1px;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | a { cursor: pointer; }
|
||
| fb33dc99 | Hans Peter Schlaepfer | }
|
||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | // LINKS
|
||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | a {
|
||
| a891045c | Hans P. Schlaepfer | float: left;
|
||
padding: 0.2em 0.7em;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | text-decoration: none;
|
||
| a891045c | Hans P. Schlaepfer | cursor: pointer;
|
||
| fb33dc99 | Hans Peter Schlaepfer | }
|
||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | // STATES (Active, Default, Hover)
|
||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | // Outline: 0 ; in anchor to avoid dotted frame after click
|
||
| a891045c | Hans P. Schlaepfer | &.ui-state-default{
|
||
margin: 0 0 0 0.6em;
|
||||
background: @tabs-default-bg;
|
||||
color: @tabs-default-color;
|
||||
border: 1px @tabs-border-color solid;
|
||||
font-weight: normal;
|
||||
a,
|
||||
a:link { color: @tabs-default-color; }
|
||||
}
|
||||
| fb33dc99 | Hans Peter Schlaepfer | &.ui-state-hover{
|
||
| a891045c | Hans P. Schlaepfer | color: @tabs-default-hover-color;
|
||
background-color: @tabs-default-hover-bg;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | a,
|
||
| a891045c | Hans P. Schlaepfer | a:hover {}
|
||
| fb33dc99 | Hans Peter Schlaepfer | }
|
||
&.ui-state-active {
|
||||
| a891045c | Hans P. Schlaepfer | color: @tabs-active-color;
|
||
background-color: @tabs-active-bg;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
a,
|
||||
a:link,
|
||||
a:visited {
|
||||
| a891045c | Hans P. Schlaepfer | color: @tabs-active-color;
|
||
outline: 0 ;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | }
|
||
&.ui-state-hover {
|
||||
| a891045c | Hans P. Schlaepfer | color: @tabs-active-hover-color;
|
||
| fb33dc99 | Hans Peter Schlaepfer | a,
|
||
| a891045c | Hans P. Schlaepfer | a:hover {}
|
||
| fb33dc99 | Hans Peter Schlaepfer | }
|
||
| a891045c | Hans P. Schlaepfer | } // /&.ui-state-active
|
||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | &.ui-state-disabled a {
|
||
cursor: text;
|
||||
outline: 0 ;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | }
|
||
&.ui-state-processing a { cursor: text; }
|
||||
&.ui-state-loading a { outline: 0 ; }
|
||||
}
|
||||
// /li
|
||||
// UL
|
||||
&.ui-widget-header {
|
||||
//background: transparent;
|
||||
//border: 0px;
|
||||
//color: #fe5f14;
|
||||
}
|
||||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | // UI-TABS-NAV (Class)
|
||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | // UL
|
||
&.ui-tabs-nav {
|
||||
position: fixed;
|
||||
top: 100px;
|
||||
width: 100%;
|
||||
z-index: 1029;
|
||||
| a891045c | Hans P. Schlaepfer | |||
margin: 0 0.4em 0.6em 0;
|
||||
padding: 0.4em 0.2em 0 0.7em;
|
||||
background-color: @tabs-bg;
|
||||
border-bottom: 1px @tabs-border-color solid !important;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
li {
|
||||
margin: 1px 0.2em 0 0;
|
||||
a { padding: 0.2em 0.7em; }
|
||||
&.ui-tabs-active {
|
||||
| a891045c | Hans P. Schlaepfer | border-bottom: 1px @tabs-active-bg solid !important ;
|
||
| fb33dc99 | Hans Peter Schlaepfer | margin-bottom: -1px;
|
||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
} // /.ui-tabs-nav
|
||||
}
|
||||
// /ul
|
||||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | // UI-TABS-COLLAPSIBLE
|
||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | &.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
|
||
cursor: pointer;
|
||||
}
|
||||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | // DIV (UI-Tabs-Panel)
|
||
| a891045c | Hans P. Schlaepfer | // -----------------------
|
||
| fb33dc99 | Hans Peter Schlaepfer | // Single Panel, selected via Tabs
|
||
| a891045c | Hans P. Schlaepfer | // Some of the Panels do not have a class PENDENT: loesen!!!
|
||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | //--------------------------
|
||
// UI-Tabs-Panel (DIV WITHOUT CLASS)
|
||||
// --------------------------
|
||||
| fb33dc99 | Hans Peter Schlaepfer | & > div {
|
||
display: none;
|
||||
//border-top: 1px solid #999 !important;
|
||||
//border-left: 1px solid #999 !important;
|
||||
//border-right: 1px solid #999 !important;
|
||||
padding-top: 1.8em !important;
|
||||
border-bottom: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 400px;
|
||||
overflow: hidden ;
|
||||
//--------------------------
|
||||
| a891045c | Hans P. Schlaepfer | // UI-Tabs-Panel (DIV WITH CLASS)
|
||
| fb33dc99 | Hans Peter Schlaepfer | // --------------------------
|
||
&.ui-tabs-panel{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
| a891045c | Hans P. Schlaepfer | //background-color: @tabs-panel-bg;
|
||
//background-color: transparent;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | display: block;
|
||
// further tabwidget within a tabwidget (documents tab etc.)
|
||||
& > .tabwidget{
|
||||
position: relative ;
|
||||
| a891045c | Hans P. Schlaepfer | & > .ui-tabs-nav{
|
||
position: relative ;
|
||||
top: auto;
|
||||
//background: none;
|
||||
//background-color: @tabs-bg;
|
||||
background-color: transparent;
|
||||
}
|
||||
& > .ui-tabs-panel {
|
||||
| fb33dc99 | Hans Peter Schlaepfer | background-color: @tabs-bg ;
|
||
| a891045c | Hans P. Schlaepfer | background-color: transparent ;
|
||
| fb33dc99 | Hans Peter Schlaepfer | position: relative ;
|
||
top: auto;
|
||||
padding-top: 0 !important ;
|
||||
}
|
||||
| a891045c | Hans P. Schlaepfer | //.ui-tabs-nav{ }
|
||
| fb33dc99 | Hans Peter Schlaepfer | }
|
||
| a891045c | Hans P. Schlaepfer | &.ui-widget-content { border: 0 ;}
|
||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | } // .ui-tabs-panel
|
||
| fb33dc99 | Hans Peter Schlaepfer | } // /div (.ui-tabs-panel)
|
||
| a891045c | Hans P. Schlaepfer | } // /.tabwidget
|
||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | // --------------------------------------
|
||
// UI-DIALOG
|
||||
// --------------------------------------
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | //.ui-dialog {
|
||
// border: 1px solid #333333;
|
||||
// color: #333333;
|
||||
// border-radius: @controlpanel-radius;
|
||||
//
|
||||
// .ui-dialog-titlebar {
|
||||
// button.ui-dialog-titlebar-close {
|
||||
// background: #bbb !important;
|
||||
// }
|
||||
// }
|
||||
// .ui-widget-header {
|
||||
// button.ui-dialog-titlebar-close {
|
||||
// right: 0.3em;
|
||||
// top: 0;
|
||||
// width: 21px;
|
||||
// margin: 5px 0 0 0;
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | // --------------------------------------
|
||
// AUTOCOMPLETE
|
||||
// --------------------------------------
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | //.ui-autocomplete {
|
||
// z-index: 9000 ;
|
||||
//
|
||||
// li{
|
||||
// a{
|
||||
// display: block ;
|
||||
// font-size: 80% ;
|
||||
// padding-top: 0.4em !important;
|
||||
// padding-bottom: 0.4em !important;
|
||||
// &:hover{
|
||||
// background-color: #C9C9C9;
|
||||
// border: none ;
|
||||
// color: #000 ;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
// -------------------
|
||||
// Date_Picker
|
||||
// Select Date in Popover
|
||||
| a891045c | Hans P. Schlaepfer | // PENDENT: Ausrichtung vertikal in Zelle & wo eingesetzt
|
||
//input.datepicker{
|
||||
//margin: -0.3em 0 0 0 !important;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | //padding: 0 !important;
|
||
| a891045c | Hans P. Schlaepfer | //}
|
||
| fb33dc99 | Hans Peter Schlaepfer | |||
// --------------------------------------
|
||||
| a891045c | Hans P. Schlaepfer | // DATEPICKER
|
||
| fb33dc99 | Hans Peter Schlaepfer | // --------------------------------------
|
||
| a891045c | Hans P. Schlaepfer | // Forward / Backward Arrows
|
||
//.ui-widget-header {
|
||||
// .ui-icon {
|
||||
// background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
|
||||
// }
|
||||
// .ui-state-hover{
|
||||
// .ui-icon{
|
||||
// background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||||
// background: #ffffff;
|
||||
// }
|
||||
// }
|
||||
//// select.ui-datepicker-month,
|
||||
//// select.ui-datepicker-year {
|
||||
//// width: 48%;
|
||||
//// }
|
||||
//}
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||
| a891045c | Hans P. Schlaepfer | // Calendar symbol
|
||
//img.ui-datepicker-trigger{
|
||||
// vertical-align: middle;
|
||||
// margin-left: 0.2em ;
|
||||
//}
|
||||
// Calender (Table)
|
||||
/*
|
||||
.ui-datepicker-calendar {
|
||||
.ui-state-highlight{
|
||||
color: #ffffff ;
|
||||
background-color: @gray-standard;
|
||||
border: 1px @gray-standard solid
|
||||
| fb33dc99 | Hans Peter Schlaepfer | }
|
||
| a891045c | Hans P. Schlaepfer | // Days
|
||
td a {
|
||||
&.ui-state-default {
|
||||
color: @brand-dark;
|
||||
}
|
||||
&.ui-state-hover {
|
||||
color: #ffffff ;
|
||||
background-color: #000000;
|
||||
border: #000000 ;
|
||||
}
|
||||
&.ui-state-active {
|
||||
border: 1px solid @brand-dark;
|
||||
background-color: @brand-dark;
|
||||
color: @brand-verylight;
|
||||
| fb33dc99 | Hans Peter Schlaepfer | }
|
||
}
|
||||
| a891045c | Hans P. Schlaepfer | } // /.ui-datepicker-calendar
|
||
*/
|
||||
//.ui-state-hover,
|
||||
//.ui-widget-content .ui-state-hover,
|
||||
//.ui-widget-header .ui-state-hover,
|
||||
//.ui-state-focus,
|
||||
//.ui-widget-content .ui-state-focus,
|
||||
//.ui-widget-header .ui-state-focus {
|
||||
// border: 1px solid #000000;
|
||||
// background: #ffffff;
|
||||
// color: #000000;
|
||||
//}
|
||||
//
|
||||
//.ui-state-default,
|
||||
//.ui-state-hover,
|
||||
//.ui-state-focus,
|
||||
//.ui-state-active {
|
||||
// .ui-icon {
|
||||
// background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
|
||||
// }
|
||||
//}
|
||||
| fb33dc99 | Hans Peter Schlaepfer | |||