|
| 1 | + |
| 2 | +@CH: rgba(255, 255, 255, .5);// 颜色 激活 |
| 3 | +@CV: rgba(255, 255, 255, .4);// 颜色 选中 |
| 4 | + |
| 5 | +@layoutLeftWidth: 100px; // 宽度 左侧分类列表 |
| 6 | + |
| 7 | +@colorSelection:#fff; // 颜色 选择 前景 |
| 8 | +@colorSelectionBG:#338fff; // 颜色 选择 背景 |
| 9 | + |
| 10 | +@colorText: #535353; // 颜色 文字 |
| 11 | +@colorPrimary: #F3F3F3; // 颜色 主 |
| 12 | +@colorSecondary: #F3F3F3; // 颜色 次 |
| 13 | +@colorBorder: #E5E5E5; // 颜色 边框 |
| 14 | +@colorShadow:rgba(0, 0, 0, .5); // 颜色 阴影 |
| 15 | +@colorHover: @CH; // 颜色 激活 |
| 16 | +@colorActive: @CV; // 颜色 选中 |
| 17 | + |
| 18 | +@colorIconText: #535353; // 颜色 图标-文字 |
| 19 | +@colorIconBorder: transparent; // 颜色 图标-边框 |
| 20 | +@colorIconHover: @CH; // 颜色 图标-激活 |
| 21 | +@colorIconActive: @CV; // 颜色 图标-选中 |
| 22 | + |
| 23 | +@colorMenuText: #535353; // 颜色 菜单-文字 |
| 24 | +@colorMenuBG: #fff; // 颜色 菜单-背景 |
| 25 | +@colorMenuBorder: #EAEAEA; // 颜色 菜单-边框 |
| 26 | +@colorMenuShadow:rgba(0, 0, 0, 0); // 颜色 菜单-阴影 |
| 27 | +@colorMenuHover: rgb(236, 235, 235); // 颜色 菜单-激活 |
| 28 | + |
| 29 | +@colorTipText: #535353; // 颜色 提示-文字 |
| 30 | +@colorTipBG: #fff; // 颜色 提示-背景 |
| 31 | +@colorTipBorder: #E5E5E5; // 颜色 提示-边框 |
| 32 | + |
| 33 | + |
| 34 | +.container, |
| 35 | +.list-tab-item, |
| 36 | +.list-icon-item, |
| 37 | +.dropdown-menu, |
| 38 | +.dropdown-menu li > a, |
| 39 | +.itemTip { |
| 40 | + border-radius: 5px; |
| 41 | +} |
| 42 | + |
| 43 | +.dropdown-menu { |
| 44 | + padding: 5px; |
| 45 | +} |
| 46 | + |
| 47 | +.itemTip { |
| 48 | + border-width: 1px; |
| 49 | +} |
| 50 | + |
| 51 | +.top, |
| 52 | +.left, |
| 53 | +.right { |
| 54 | + background-color: rgba(243,243,243,.93) !important; |
| 55 | +} |
| 56 | + |
| 57 | +.btn { |
| 58 | + background-color: #F7F7F7; |
| 59 | + |
| 60 | + &-primary { |
| 61 | + background-color: #FFF; |
| 62 | + } |
| 63 | + &:hover { |
| 64 | + background-color: #FDFDFD; |
| 65 | + } |
| 66 | + &:active { |
| 67 | + background-color: #F5F5F5; |
| 68 | + } |
| 69 | +} |
| 70 | + |
| 71 | + |
| 72 | + |
| 73 | +.container > div.top { |
| 74 | + position: fixed; |
| 75 | + right: 5px; |
| 76 | + width: 45px; |
| 77 | + height: 26px; |
| 78 | + background-color: transparent !important; |
| 79 | + z-index: 1; |
| 80 | + |
| 81 | + > h1 { |
| 82 | + height: inherit; |
| 83 | + color: transparent; |
| 84 | + cursor: move; |
| 85 | + } |
| 86 | + > ul{ |
| 87 | + |
| 88 | + > li:not(.menu) { |
| 89 | + display: none; |
| 90 | + } |
| 91 | + } |
| 92 | + |
| 93 | +} |
| 94 | + |
| 95 | +.container > .left, |
| 96 | +.container > .right, |
| 97 | +.container > .search { |
| 98 | + height: calc(100vh - 12px); |
| 99 | +} |
| 100 | + |
| 101 | + |
| 102 | + |
0 commit comments