partkeepr.scss (5754B)
1 $theme-name: "partkeepr"; 2 3 $base-color: #c7c7c7; 4 5 $blue-gradient-top: #2aaad3; 6 $blue-gradient-bottom: #2067a3; 7 8 $blue-light-gradient-top: #eff1f3; 9 $blue-light-gradient-bottom: #b0bcc5; 10 11 $blue-border-top: #2373af; 12 $blue-border-bottom: #173a72; 13 14 $tabbar-strip-background-color: $base-color; 15 $tab-color-active: white; 16 17 $tabbar-strip-height: 3px; 18 19 $panel-header-background-gradient: color-stops(#535353, #363636); 20 $panel-border-color: #AAA; 21 $panel-header-color: #EEE; 22 $panel-header-font-family: tahoma,arial,verdana,sans-serif; 23 $panel-header-font-weight: bold; 24 25 $boundlist-background-color: lighten($base-color, 10%); 26 27 $button-default-border-radius: 5px; 28 $button-small-border-radius: 5px; 29 30 $button-default-background-color: #cbcbcb; 31 $button-default-border-color: #b9b9b9; 32 $button-default-border-width: 1px; 33 34 $button-default-background-gradient: color-stops(lighten($base-color,15), $base-color); 35 $button-default-background-gradient-over: color-stops(lighten($base-color,20), $base-color); 36 $button-default-background-gradient-pressed: color-stops($base-color, lighten($base-color,2)); 37 38 $button-toolbar-base-color: $base-color; 39 $button-toolbar-background-color: $base-color; 40 $button-toolbar-border-color: $button-default-border-color; 41 $button-toolbar-background-gradient: $button-default-background-gradient; 42 $button-toolbar-background-gradient-over: $button-default-background-gradient-over; 43 $button-toolbar-background-gradient-pressed: $button-default-background-gradient-pressed; 44 45 $toolbar-background-color: #dddddd; 46 $toolbar-background-gradient: color-stops(lighten($toolbar-background-color,5),$toolbar-background-color); 47 48 $fieldset-border-radius: 4px; 49 $fieldset-border: 1px solid #a0a0a0; 50 $fieldset-box-shadow: 0px 0px 2px white, inset 0px 0px 2px white; 51 52 $form-toolbar-field-height: 22px; 53 54 $form-checkbox-image: 'form/checkbox.png' !default; 55 $form-radio-image: 'form/radio.png' !default; 56 57 $font-family: tahoma,arial,verdana,sans-serif !default; 58 59 $grid-header-trigger-width: 17px; 60 61 $boundlist-item-over-background-color: #2070a6; 62 $boundlist-item-over-border-color: #247eb3; 63 64 $tab-base-color: #eaeaea; 65 $tab-color-active: #333333; 66 67 $tab-height: 23; 68 69 $tip-base-color: $base-color; 70 $tip-background-gradient: color-stops(lighten($base-color,15), $base-color);; 71 72 $tab-background-gradient-active: color-stops($blue-gradient-top, $blue-gradient-bottom); 73 74 $grid-header-over-border-color: darken(#d3d3d3, 10); 75 $grid-header-over-background-color: $blue-border-top; 76 $grid-header-over-background-gradient: color-stops($blue-light-gradient-top, $blue-light-gradient-bottom); 77 78 $grid-over-lighten: 40; 79 80 $grid-over-light-color: lighten(#d3d3d3, 10); 81 $grid-over-dark-color: lighten(#a2a2a2, 20); 82 83 $grid-row-cell-alt-background: lighten($grid-over-dark-color, 20); 84 85 $grid-row-cell-over-background-color: $grid-over-light-color; 86 $grid-row-cell-over-background-gradient: color-stops($grid-over-light-color, $grid-over-dark-color); 87 88 $grid-row-cell-selected-background-gradient: color-stops($blue-gradient-top, $blue-gradient-bottom); 89 $grid-row-cell-selected-background-color: $blue-gradient-top; 90 91 $panel-base-color: #DBDBDB; 92 93 94 $datepicker-selected-item-border-color: #2067a3; 95 $datepicker-selected-item-background-color: #2aaad3; 96 $datepicker-item-hover-background-color: #2aaad3; 97 $include-missing-images: true; 98 99 $datepicker-th-background-gradient: color-stops($blue-gradient-top, $blue-gradient-bottom); 100 $datepicker-th-color: white; 101 102 // TEST STUFF 103 104 $menu-item-active-background-color: $blue-light-gradient-top; 105 $menu-item-active-background-gradient: color-stops($blue-light-gradient-top, $blue-light-gradient-bottom); 106 //$menu-item-active-border-color: white; 107 108 //$menu-item-active-background-color: #CBCBCB; 109 //$menu-background-color: #CBCBCB; 110 111 @import 'ext4/default/all'; 112 113 .x-toolbar-mainmenu { 114 @include background-gradient($grid-over-light-color, color-stops($blue-gradient-top, $blue-gradient-bottom)); 115 } 116 117 .x-toolbar-mainmenu .x-btn-default-toolbar-small { 118 border: 0 !important; 119 background: none; 120 box-shadow: none; 121 } 122 123 .x-toolbar-mainmenu .x-btn-default-toolbar-small .x-btn-inner { 124 color: white; 125 font-weight: bold; 126 text-shadow: 0 0 1px #000; 127 } 128 129 .x-toolbar-mainmenu .x-btn-over { 130 //background-color: $blue-gradient-top; 131 @include background-gradient($blue-gradient-top, color-stops(lighten($blue-gradient-top,15), lighten($blue-gradient-bottom,15))); 132 } 133 134 .x-toolbar-mainmenu .x-btn-menu-active { 135 @include background-gradient($blue-gradient-top, color-stops(lighten($blue-gradient-top,15), lighten($blue-gradient-bottom,15))); 136 } 137 138 .x-toolbar-mainmenu .x-btn-default-toolbar-small .x-btn-arrow { 139 background-image: url(../themes/images/partkeepr/button/arrow-white.gif); 140 } 141 // This line changes the location of your images when creating UIs to be relative instead of within the ExtJS directory. 142 // You MUST set this to true/string value if you are creating new UIs + supporting legacy browsers. 143 // This only applies to new UIs. It does not apply to default component images (i.e. when changing $base-color) 144 // The value can either be true, in which case the image path will be "../images/" 145 // or a string, of where the path is 146 $relative-image-path-for-uis: true; // defaults to "../images/" when true 147 148 .x-btn-default-toolbar-small { 149 padding: 3px; 150 } 151 152 .x-panel-header-default .x-panel-header-text { 153 text-shadow: 1px 1px 0px black; 154 } 155 156 .x-accordion-hd { 157 text-shadow: clear; 158 } 159 160 .x-border-layout-ct { 161 /*background-color: #efefef;*/ 162 } 163 164 .x-panel-header-default { 165 box-shadow: none; 166 } 167 168 .x-panel-header-default-top { 169 box-shadow: none; 170 -webkit-box-shadow: none; 171 } 172 173 .x-panel-header-default-framed-top { 174 box-shadow: none; 175 -webkit-box-shadow: none; 176 } 177 178 .partkeepr-logo-align { 179 margin-right: 1px; 180 text-align: right; 181 } 182 183 .x-tab-default-icon-text-left em { 184 margin-left: -4px; 185 } 186