Revision c2091a1c
Von Moritz Bunkus vor fast 8 Jahren hinzugefügt
| css/kivitendo/dhtmlsuite/menu-bar.css | ||
|---|---|---|
| 16 | 16 |
************************************************************************************************************/ |
| 17 | 17 |
|
| 18 | 18 |
.DHTMLSuite_menuBar_top{ /* The bar that is parent of the menu strip */
|
| 19 |
height:26px; |
|
| 20 |
width:100%; |
|
| 21 |
background-repeat:repeat-x; |
|
| 22 |
font-family: sans-serif, Verdana, Arial, Helvetica; |
|
| 23 |
font-size:12px; |
|
| 24 |
z-index:100000; |
|
| 25 |
padding-left:10px; |
|
| 19 |
position: fixed; |
|
| 20 |
height: 26px; |
|
| 21 |
width: 100%; |
|
| 22 |
z-index: 100; |
|
| 23 |
padding-left: 10px; |
|
| 24 |
background-color: white; |
|
| 26 | 25 |
} |
| 27 | 26 |
|
| 28 | 27 |
.DHTMLSuite_menuBar_sub{
|
| 29 |
position:absolute; |
|
| 30 |
background-color:#FFF; |
|
| 31 |
border:1px solid #D1D1D1; |
|
| 32 |
background-repeat:repeat-y; |
|
| 33 |
background-position: left center; |
|
| 34 |
display:inline; |
|
| 28 |
position: fixed; |
|
| 29 |
background-color: #FFF; |
|
| 30 |
border: 1px solid #000; |
|
| 31 |
display: inline; |
|
| 35 | 32 |
} |
| 36 |
|
|
| css/kivitendo/dhtmlsuite/menu-item.css | ||
|---|---|---|
| 20 | 20 |
|
| 21 | 21 |
.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
|
| 22 | 22 |
color:#FE5F14; |
| 23 |
background-color:#D1D1D1;
|
|
| 23 |
background-color:whitesmoke;
|
|
| 24 | 24 |
cursor:pointer; |
| 25 | 25 |
} |
| 26 | 26 |
|
| ... | ... | |
| 30 | 30 |
|
| 31 | 31 |
.DHTMLSuite_menuItem_top_click{ /* Top level menu item - Mouse click state */
|
| 32 | 32 |
color:#FE5F14; |
| 33 |
background-color:#D1D1D1;
|
|
| 33 |
background-color:whitesmoke;
|
|
| 34 | 34 |
cursor:pointer; |
| 35 | 35 |
z-index:20000; |
| 36 | 36 |
} |
| ... | ... | |
| 119 | 119 |
|
| 120 | 120 |
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{ /* Mouse over effect */
|
| 121 | 121 |
color:#FE5F14; |
| 122 |
background-color:#D1D1D1;
|
|
| 122 |
background-color:whitesmoke;
|
|
| 123 | 123 |
} |
| 124 | 124 |
|
| 125 | 125 |
.DHTMLSuite_menuItem_sub_click{ /* Mouse click effect */
|
| 126 | 126 |
color:#FE5F14; |
| 127 |
background-color:#D1D1D1;
|
|
| 127 |
background-color:whitesmoke;
|
|
| 128 | 128 |
} |
| 129 | 129 |
|
| 130 | 130 |
.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{ /* divs for the text,icon and arrow of a menu item */
|
| ... | ... | |
| 152 | 152 |
margin-left:24px; /* left margin because we don't want the separator to cover the gradient */ |
| 153 | 153 |
padding-right:3px; /* space at the right of the separator */ |
| 154 | 154 |
color:#FE5F14; |
| 155 |
background-color:#D1D1D1;
|
|
| 155 |
background-color:whitesmoke;
|
|
| 156 | 156 |
} |
| 157 | 157 |
|
| 158 | 158 |
.DHTMLSuite_menuItem_textContent |
| css/kivitendo/frame_header/header.css | ||
|---|---|---|
| 11 | 11 |
padding: 0; |
| 12 | 12 |
border: 0; |
| 13 | 13 |
overflow: hidden; |
| 14 |
min-height: 20px;
|
|
| 14 |
height: 20px; |
|
| 15 | 15 |
width: 100%; |
| 16 | 16 |
border-spacing: 0; |
| 17 | 17 |
font-size: 12px; |
| 18 |
position: fixed; |
|
| 19 |
top: 0; |
|
| 20 |
z-index: 40; |
|
| 21 |
background-color: white; |
|
| 22 |
} |
|
| 23 |
|
|
| 24 |
#frame-header + div {
|
|
| 25 |
padding-top: 20px; |
|
| 18 | 26 |
} |
| 19 | 27 |
|
| 20 | 28 |
#frame-header .frame-header-left {
|
| css/kivitendo/main.css | ||
|---|---|---|
| 89 | 89 |
} |
| 90 | 90 |
a:hover {
|
| 91 | 91 |
color: #FE5F14; |
| 92 |
background-color: #D1D1D1;
|
|
| 92 |
background-color: whitesmoke;
|
|
| 93 | 93 |
} |
| 94 | 94 |
a.selected:hover {
|
| 95 | 95 |
color:#EBEBEB; |
| ... | ... | |
| 528 | 528 |
background-color: #006400; |
| 529 | 529 |
color: #FFFFFF; |
| 530 | 530 |
} |
| 531 |
|
|
| 532 |
/* actionbar styling */ |
|
| 533 |
div.layout-actionbar {
|
|
| 534 |
background-color: white; |
|
| 535 |
} |
|
| 536 |
|
|
| 537 |
div.layout-actionbar div.layout-actionbar-submit, |
|
| 538 |
div.layout-actionbar div.layout-actionbar-scriptbutton, |
|
| 539 |
div.layout-actionbar div.layout-actionbar-submit:focus, |
|
| 540 |
div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
|
|
| 541 |
border-color: darkgray; |
|
| 542 |
background-color: whitesmoke; |
|
| 543 |
} |
|
| 544 |
|
|
| 545 |
div.layout-actionbar div.layout-actionbar-submit:hover, |
|
| 546 |
div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
|
|
| 547 |
color: #FE5F14; |
|
| 548 |
border-color: gray !important; |
|
| 549 |
} |
|
| 550 |
|
|
| 551 |
div.layout-actionbar div.layout-actionbar-action-disabled, |
|
| 552 |
div.layout-actionbar div.layout-actionbar-action-disabled:hover {
|
|
| 553 |
color: gray; |
|
| 554 |
background-color: whitesmoke; |
|
| 555 |
border-color: lightgray; |
|
| 556 |
} |
|
| 557 |
|
|
| 558 |
div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
|
|
| 559 |
border-color: darkgray; |
|
| 560 |
background-color: whitesmoke; |
|
| 561 |
} |
|
| 562 |
|
|
| 563 |
div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover {
|
|
| 564 |
color: #FE5F14; |
|
| 565 |
} |
|
| 566 |
|
|
| 567 |
div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
|
|
| 568 |
border-color: black transparent; |
|
| 569 |
} |
|
| 570 |
|
|
| 571 |
div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover:after {
|
|
| 572 |
color: #FE5F14; |
|
| 573 |
border-color: #FE5F14 transparent; |
|
| 574 |
} |
|
| css/kivitendo/menu.css | ||
|---|---|---|
| 4 | 4 |
whiteMenu Hover background color #FFFFE0 |
| 5 | 5 |
DarkGreensubenu pointer |
| 6 | 6 |
*/ |
| 7 |
/* #main_menu_div { */
|
|
| 8 |
/* background-color: #d0cfc9 */ |
|
| 9 |
/* } */ |
|
| 10 |
|
|
| 11 |
#main_menu_div ~ div.layout-actionbar {
|
|
| 12 |
top: 45px; |
|
| 13 |
} |
|
| 14 |
|
|
| 15 |
#main_menu_div ~ #content {
|
|
| 16 |
padding-top: 25px; |
|
| 17 |
} |
|
| 18 |
#main_menu_div ~ div.layout-actionbar ~ #content {
|
|
| 19 |
padding-top: 54px; |
|
| 20 |
} |
|
| 21 |
|
|
| 7 | 22 |
body.menuv3 {
|
| 8 | 23 |
behavior: url("css/csshover.htc");
|
| 9 | 24 |
/*font-size: 14pt;*/ |
| ... | ... | |
| 13 | 28 |
color: #000000; |
| 14 | 29 |
} |
| 15 | 30 |
#menuv3 {
|
| 16 |
/*font-size: 85%;*/ |
|
| 17 |
width: 99.8%; |
|
| 18 |
float: left; |
|
| 19 |
/*border: 3px solid;*/ |
|
| 20 | 31 |
background-color: #FFFFFF; |
| 21 | 32 |
color: #000000; |
| 33 |
width: 100%; |
|
| 34 |
position: fixed; |
|
| 35 |
z-index: 30; |
|
| 22 | 36 |
} |
| 37 |
|
|
| 38 |
#menuv3 ~ div.layout-actionbar {
|
|
| 39 |
top: 40px; |
|
| 40 |
} |
|
| 41 |
|
|
| 42 |
#menuv3 ~ #content {
|
|
| 43 |
padding-top: 35px; |
|
| 44 |
} |
|
| 45 |
|
|
| 46 |
#menuv3 ~ div.layout-actionbar ~ #content {
|
|
| 47 |
padding-top: 64px; |
|
| 48 |
} |
|
| 49 |
|
|
| 23 | 50 |
#menuv3 a, #menuv3 h2, #menuv3 div.x {
|
| 24 | 51 |
font-size: 80%; |
| 25 | 52 |
line-height: 120%; |
| ... | ... | |
| 80 | 107 |
position: relative; |
| 81 | 108 |
float: none; |
| 82 | 109 |
border: 0; |
| 110 |
border-width:0 0 1px 0; |
|
| 83 | 111 |
} |
| 84 | 112 |
li.sub {
|
| 85 | 113 |
position: relativ; |
| ... | ... | |
| 106 | 134 |
#menuv3 ul ul {
|
| 107 | 135 |
position: absolute; |
| 108 | 136 |
z-index: 500; |
| 109 |
top: auto; |
|
| 110 | 137 |
display: none; |
| 111 | 138 |
} |
| 112 | 139 |
#menuv3 ul ul ul {
|
| ... | ... | |
| 126 | 153 |
} |
| 127 | 154 |
div#menuv3 li:hover {
|
| 128 | 155 |
cursor: pointer; |
| 129 |
z-index: 100; |
|
| 130 | 156 |
} |
| 131 | 157 |
div#menuv3 li:hover ul ul, div#menuv3 li li:hover ul ul, div#menuv3 li li li:hover ul ul, div#menuv3 li li li li:hover ul ul {
|
| 132 | 158 |
display: none; |
Auch abrufbar als: Unified diff
ActionBar: CSS: Styling für kivitendo-Stylesheet