Revision cd670dfa
Von Hans Peter Schlaepfer vor etwa 5 Jahren hinzugefügt
- ID cd670dfafdb3560614634765e2a377946ff1809b
- Vorgänger ff33b093
| css/less/custom.less | ||
|---|---|---|
| 1 |
/* ------------------------------------------------------------- */ |
|
| 2 |
/* CUSTOM LESS STUFF (custom.less) */ |
|
| 3 |
/* ------------------------------------------------------------- */ |
|
| 4 |
|
|
| 1 | 5 |
// ---------------------------------------------------------------------------- |
| 2 | 6 |
// |
| 3 | 7 |
// CUSTOM LESS STUFF (ONLY FOR OVERRIDES OF THE STANDARD-KIVITENDO-STUFF) |
| ... | ... | |
| 31 | 35 |
// This is just an exemple |
| 32 | 36 |
// Do run "lessc style.less ../style.css" in your terminal session with cursor on the folder /css/less |
| 33 | 37 |
|
| 34 |
/* Custom overrides */ |
|
| 35 |
|
|
| 36 |
/* |
|
| 37 |
table.tbl-horizontal {
|
|
| 38 |
display: table ; |
|
| 39 |
background-color: #ccc; |
|
| 40 |
border-bottom: 12px #ccc solid ; |
|
| 41 |
border-top-left-radius: 0 ; |
|
| 42 |
border-top-right-radius: 0 ; |
|
| 43 |
border-bottom-left-radius: 6px ; |
|
| 44 |
border-bottom-right-radius: 6px ; |
|
| 45 |
|
|
| 46 |
& > caption{
|
|
| 47 |
color: #ffffff !important; |
|
| 48 |
background-color: @gray-mediumdark; |
|
| 49 |
padding-left: 0.8em; |
|
| 50 |
border-top-left-radius: 6px ; |
|
| 51 |
border-top-right-radius: 6px ; |
|
| 52 |
//margin: -24px -12px 0.6em -12px ; |
|
| 53 |
& > a, & > a:link, & > a:visited { decoration: none; color: #fff !important; }
|
|
| 54 |
} |
|
| 55 |
th{ padding-left: 0.3em; }
|
|
| 56 |
td{ padding-right: 0.3em; }
|
|
| 57 |
tbody { border-top: 8px #ccc solid; }
|
|
| 58 |
&.checkered {
|
|
| 59 |
tbody { border-top: none ; }
|
|
| 60 |
border-bottom: none; |
|
| 61 |
} |
|
| 62 |
tbody > tr > td:first-child, |
|
| 63 |
tbody > tr > th:first-child, |
|
| 64 |
thead > tr > th:first-child{
|
|
| 65 |
padding-left: 1.0em ; |
|
| 66 |
} |
|
| 67 |
tbody > tr:first-child {
|
|
| 68 |
& > th { padding-top: 0.5em ; }
|
|
| 69 |
& > td { padding-top: 0.5em ; }
|
|
| 70 |
} |
|
| 71 |
th.caption{
|
|
| 72 |
color: #fff !important; |
|
| 73 |
background-color: @gray-mediumdark; |
|
| 74 |
padding: 0.4em 0 0.3em 0.8em; |
|
| 75 |
border-top: 6px solid #ccc; |
|
| 76 |
border-bottom: 8px solid #ccc; |
|
| 77 |
margin-bottom: 0.6em ; |
|
| 78 |
//margin: -24px -12px 0.6em -18px ; |
|
| 79 |
} |
|
| 80 |
} |
|
| 81 |
|
|
| 82 |
.col{
|
|
| 83 |
padding-bottom: 0.4em ; |
|
| 84 |
|
|
| 85 |
& > table.tbl-horizontal {
|
|
| 86 |
margin-right: 0 !important; |
|
| 87 |
//border-top-left-radius: 0 ; |
|
| 88 |
//border-top-right-radius: 0 ; |
|
| 89 |
border-radius: 0 ; |
|
| 90 |
padding-bottom: 0 ; |
|
| 91 |
|
|
| 92 |
caption{
|
|
| 93 |
border-top-left-radius: 0 ; |
|
| 94 |
border-top-right-radius: 0 ; |
|
| 95 |
} |
|
| 96 |
} |
|
| 97 |
& > table.tbl-horizontal:first-child{
|
|
| 98 |
border-top-left-radius: 0 ; |
|
| 99 |
border-top-right-radius: 0 ; |
|
| 100 |
border-bottom-left-radius: 0 ; |
|
| 101 |
border-bottom-right-radius: 0 ; |
|
| 102 |
margin-bottom: 0 ; |
|
| 103 |
caption{
|
|
| 104 |
border-top-left-radius: 6px ; |
|
| 105 |
border-top-right-radius: 6px ; |
|
| 106 |
} |
|
| 107 |
} |
|
| 108 |
& > table.tbl-horizontal:last-child{
|
|
| 109 |
border-bottom-left-radius: 6px ; |
|
| 110 |
border-bottom-right-radius: 6px ; |
|
| 111 |
margin-bottom: 0 ; |
|
| 112 |
} |
|
| 113 |
} |
|
| 114 |
|
|
| 115 |
.cke_editable{
|
|
| 116 |
margin-left: 0.0em !important; |
|
| 117 |
} |
|
| 118 |
*/ |
|
| 38 |
// Custom overrides |
|
| 39 |
|
|
| 40 |
|
|
| 41 |
// -------------------------------------- |
|
| 42 |
// DISABLE CAPTIONS IN HORIZONTAL TABLES |
|
| 43 |
// -------------------------------------- |
|
| 44 |
|
|
| 45 |
//table.tbl-horizontal {
|
|
| 46 |
// caption, |
|
| 47 |
// th.caption, |
|
| 48 |
// td.caption{
|
|
| 49 |
// display: none ; // instead of: table-caption |
|
| 50 |
// } |
|
| 51 |
//} |
|
| 52 |
// instead of caption in toggled wrapper |
|
| 53 |
//div.wrapper.bordered {
|
|
| 54 |
// &::before{
|
|
| 55 |
// content: "Detail Information"; |
|
| 56 |
// z-index: 9000 ; |
|
| 57 |
// } |
|
| 58 |
// .tbl-horizontal{ display: none ; }
|
|
| 59 |
// padding: 0.6em 0 0.2em 2.0em; |
|
| 60 |
// .toggles { margin-top: -3px; }
|
|
| 61 |
// .toggles.max {
|
|
| 62 |
// width: 100%; |
|
| 63 |
// z-index: 9001 ; |
|
| 64 |
// margin-top: -17px; |
|
| 65 |
// text-align: right; |
|
| 66 |
// display: block; |
|
| 67 |
// margin-right: 10px; |
|
| 68 |
// a.toggle.max{
|
|
| 69 |
// width: 100%; |
|
| 70 |
// background-position: right center; |
|
| 71 |
// } |
|
| 72 |
// } |
|
| 73 |
//} |
|
| 74 |
// /DISABLE CAPTIONS IN HORIZONTAL TABLES |
|
| 75 |
|
|
| 76 |
|
|
| 77 |
|
|
| 78 |
|
|
| 79 |
//table.tbl-horizontal {
|
|
| 80 |
// display: table ; |
|
| 81 |
// background-color: #ccc; |
|
| 82 |
// border-bottom: 12px #ccc solid ; |
|
| 83 |
// border-top-left-radius: 0 ; |
|
| 84 |
// border-top-right-radius: 0 ; |
|
| 85 |
// border-bottom-left-radius: @controlpanel-radius ; |
|
| 86 |
// border-bottom-right-radius: @controlpanel-radius ; |
|
| 87 |
// |
|
| 88 |
// & > caption{
|
|
| 89 |
// color: #ffffff !important; |
|
| 90 |
// background-color: @gray-dark; |
|
| 91 |
// padding-left: 0.8em; |
|
| 92 |
// border-top-left-radius: @controlpanel-radius ; |
|
| 93 |
// border-top-right-radius: @controlpanel-radius ; |
|
| 94 |
// //margin: -24px -12px 0.6em -12px ; |
|
| 95 |
// & > a, & > a:link, & > a:visited { decoration: none; color: #fff !important; }
|
|
| 96 |
// } |
|
| 97 |
// th{ padding-left: 0.3em; }
|
|
| 98 |
// td{ padding-right: 0.3em; }
|
|
| 99 |
// tbody { border-top: 8px #ccc solid; }
|
|
| 100 |
// &.checkered {
|
|
| 101 |
// tbody { border-top: none ; }
|
|
| 102 |
// border-bottom: none; |
|
| 103 |
// } |
|
| 104 |
// tbody > tr > td:first-child, |
|
| 105 |
// tbody > tr > th:first-child, |
|
| 106 |
// thead > tr > th:first-child{
|
|
| 107 |
// padding-left: 1.0em ; |
|
| 108 |
// } |
|
| 109 |
// tbody > tr:first-child {
|
|
| 110 |
// & > th { padding-top: 0.5em ; }
|
|
| 111 |
// & > td { padding-top: 0.5em ; }
|
|
| 112 |
// } |
|
| 113 |
// th.caption{
|
|
| 114 |
// color: #fff !important; |
|
| 115 |
// background-color: @gray-dark; |
|
| 116 |
// padding: 0.4em 0 0.3em 0.8em; |
|
| 117 |
// border-top: 6px solid #ccc; |
|
| 118 |
// border-bottom: 8px solid #ccc; |
|
| 119 |
// margin-bottom: 0.6em ; |
|
| 120 |
// //margin: -24px -12px 0.6em -18px ; |
|
| 121 |
// } |
|
| 122 |
//} |
|
| 123 |
// |
|
| 124 |
//.col{
|
|
| 125 |
// padding-bottom: 0.4em ; |
|
| 126 |
// |
|
| 127 |
// & > table.tbl-horizontal {
|
|
| 128 |
// margin-right: 0 !important; |
|
| 129 |
// //border-top-left-radius: 0 ; |
|
| 130 |
// //border-top-right-radius: 0 ; |
|
| 131 |
// border-radius: 0 ; |
|
| 132 |
// padding-bottom: 0 ; |
|
| 133 |
// |
|
| 134 |
// caption{
|
|
| 135 |
// border-top-left-radius: 0 ; |
|
| 136 |
// border-top-right-radius: 0 ; |
|
| 137 |
// } |
|
| 138 |
// } |
|
| 139 |
// & > table.tbl-horizontal:first-child{
|
|
| 140 |
// border-top-left-radius: 0 ; |
|
| 141 |
// border-top-right-radius: 0 ; |
|
| 142 |
// border-bottom-left-radius: 0 ; |
|
| 143 |
// border-bottom-right-radius: 0 ; |
|
| 144 |
// margin-bottom: 0 ; |
|
| 145 |
// caption{
|
|
| 146 |
// border-top-left-radius: @controlpanel-radius ; |
|
| 147 |
// border-top-right-radius: @controlpanel-radius ; |
|
| 148 |
// } |
|
| 149 |
// } |
|
| 150 |
// & > table.tbl-horizontal:last-child{
|
|
| 151 |
// border-bottom-left-radius: @controlpanel-radius ; |
|
| 152 |
// border-bottom-right-radius: @controlpanel-radius ; |
|
| 153 |
// margin-bottom: 0 ; |
|
| 154 |
// } |
|
| 155 |
//} |
|
| 156 |
// |
|
| 157 |
//.cke_editable{
|
|
| 158 |
// margin-left: 0.0em !important; |
|
| 159 |
//} |
|
| 160 |
|
|
| 119 | 161 |
|
| 120 | 162 |
|
Auch abrufbar als: Unified diff
Erweiterung und Optimierung less und css fuer Design 4.0