system-clients 3.2.98 → 3.2.99-temp

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (217) hide show
  1. package/.eslintrc.js +16 -16
  2. package/.gradle/7.4/checksums/checksums.lock +0 -0
  3. package/.gradle/7.4/dependencies-accessors/dependencies-accessors.lock +0 -0
  4. package/.gradle/7.4/dependencies-accessors/gc.properties +0 -0
  5. package/.gradle/7.4/executionHistory/executionHistory.bin +0 -0
  6. package/.gradle/7.4/executionHistory/executionHistory.lock +0 -0
  7. package/.gradle/7.4/fileChanges/last-build.bin +0 -0
  8. package/.gradle/7.4/fileHashes/fileHashes.bin +0 -0
  9. package/.gradle/7.4/fileHashes/fileHashes.lock +0 -0
  10. package/.gradle/7.4/gc.properties +0 -0
  11. package/.gradle/buildOutputCleanup/buildOutputCleanup.lock +0 -0
  12. package/.gradle/buildOutputCleanup/cache.properties +2 -0
  13. package/.gradle/buildOutputCleanup/outputFiles.bin +0 -0
  14. package/.gradle/file-system.probe +0 -0
  15. package/.gradle/vcs-1/gc.properties +0 -0
  16. package/SystemClient.iml +8 -8
  17. package/build/webpack.base.conf.js +85 -85
  18. package/build.gradle +6 -6
  19. package/examples/LoginPage/App.vue +21 -21
  20. package/examples/LoginPage/index.html +11 -11
  21. package/examples/LoginPage/main.js +15 -15
  22. package/index.html +21 -21
  23. package/package.json +105 -105
  24. package/src/components/Main.vue +961 -937
  25. package/src/components/TabButton.vue +201 -201
  26. package/src/components/Tabs.vue +67 -67
  27. package/src/components/Util.js +343 -343
  28. package/src/components/addressManage/AddressCascadingMenu.vue +145 -145
  29. package/src/components/common/ProgressBase.vue +83 -83
  30. package/src/components/equipment/EquipmentManage.vue +83 -83
  31. package/src/components/equipment/PcAdd.vue +115 -115
  32. package/src/components/equipment/PcList.vue +119 -119
  33. package/src/components/equipment/PcManage.vue +61 -61
  34. package/src/components/equipment/PhoneAdd.vue +118 -118
  35. package/src/components/equipment/PhoneList.vue +113 -113
  36. package/src/components/equipment/PhoneManage.vue +61 -61
  37. package/src/components/equipment/PosAdd.vue +323 -319
  38. package/src/components/equipment/PosList.vue +294 -292
  39. package/src/components/equipment/PosManage.vue +138 -138
  40. package/src/components/equipment/PosManageBoth.vue +125 -125
  41. package/src/components/equipment/PosParamAdd.vue +236 -236
  42. package/src/components/equipment/PosParamList.vue +121 -121
  43. package/src/components/equipment/PosParamManage.vue +51 -51
  44. package/src/components/materialManage/materialData.vue +44 -44
  45. package/src/components/materialManage/materialList.vue +255 -255
  46. package/src/components/parammanage/ParamManage.vue +42 -42
  47. package/src/components/parammanage/ParamPage.vue +337 -337
  48. package/src/components/parammanage/ParamPages.vue +222 -222
  49. package/src/components/parammanage/SinglePage.vue +235 -235
  50. package/src/components/parammanage/SinglePages.vue +167 -167
  51. package/src/components/server/AddChangeMsg.vue +66 -66
  52. package/src/components/server/ChangeDeclare.vue +45 -45
  53. package/src/components/server/ImageVieweTest.vue +56 -56
  54. package/src/components/server/ImageViewer.vue +350 -350
  55. package/src/components/server/LeftTree.vue +111 -111
  56. package/src/components/server/LoadData.vue +55 -55
  57. package/src/components/server/Login.vue +571 -548
  58. package/src/components/server/LoginPage.vue +235 -235
  59. package/src/components/server/LoginView.vue +128 -128
  60. package/src/components/server/Menu.vue +188 -188
  61. package/src/components/server/ModifyPw.vue +125 -126
  62. package/src/components/server/PcdBuildingSelect.vue +241 -243
  63. package/src/components/server/ResSelect.vue +175 -169
  64. package/src/components/server/ResSelectGroup.vue +211 -211
  65. package/src/components/server/RightTree.vue +348 -348
  66. package/src/components/server/RoleSelector.vue +89 -90
  67. package/src/components/server/TestResSelect.vue +58 -58
  68. package/src/components/server/TestResSelectGroup.vue +388 -388
  69. package/src/filiale/baole/Login.vue +568 -570
  70. package/src/filiale/baole/system.js +5 -5
  71. package/src/filiale/bayan/PosAdd.vue +374 -0
  72. package/src/filiale/bayan/PosList.vue +349 -0
  73. package/src/filiale/bayan/PosManage.vue +138 -0
  74. package/src/filiale/bayan/system.js +6 -0
  75. package/src/filiale/chengtou/Login.vue +537 -539
  76. package/src/filiale/chengtou/system.js +5 -5
  77. package/src/filiale/dongguan/Login.vue +900 -902
  78. package/src/filiale/dongguan/Main.vue +715 -717
  79. package/src/filiale/dongguan/system.js +6 -6
  80. package/src/filiale/furuike/Login.vue +583 -587
  81. package/src/filiale/furuike/Main.vue +827 -840
  82. package/src/filiale/furuike/system.js +7 -7
  83. package/src/filiale/gehua/Main.vue +807 -809
  84. package/src/filiale/gehua/system.js +6 -6
  85. package/src/filiale/konggang/Login.vue +470 -472
  86. package/src/filiale/konggang/system.js +7 -7
  87. package/src/filiale/qianneng/Login.vue +582 -584
  88. package/src/filiale/qianneng/Main.vue +816 -818
  89. package/src/filiale/qianneng/ModifyPw.vue +107 -108
  90. package/src/filiale/qianneng/system.js +11 -11
  91. package/src/filiale/rizhao/LeftTree.vue +111 -111
  92. package/src/filiale/rizhao/Login.vue +791 -793
  93. package/src/filiale/rizhao/Main.vue +611 -611
  94. package/src/filiale/rizhao/system.js +14 -14
  95. package/src/filiale/shiquan/Login.vue +564 -566
  96. package/src/filiale/shiquan/system.js +8 -8
  97. package/src/filiale/tianyi/Login.vue +571 -573
  98. package/src/filiale/tianyi/system.js +5 -5
  99. package/src/filiale/tongchuan/Login.vue +561 -563
  100. package/src/filiale/tongchuan/Main.vue +1019 -1021
  101. package/src/filiale/tongchuan/system.js +7 -7
  102. package/src/filiale/weinan/Main.vue +923 -924
  103. package/src/filiale/weinan/system.js +7 -7
  104. package/src/filiale/wenxi/Login.vue +535 -537
  105. package/src/filiale/wenxi/Main.vue +785 -787
  106. package/src/filiale/wenxi/system.js +10 -10
  107. package/src/filiale/wuhai/LeftTree.vue +141 -141
  108. package/src/filiale/wuhai/Main.vue +807 -810
  109. package/src/filiale/wuhai/system.js +10 -10
  110. package/src/filiale/yuchuan/Login.vue +889 -891
  111. package/src/filiale/yuchuan/Main.vue +864 -866
  112. package/src/filiale/yuchuan/system.js +10 -10
  113. package/src/filiale/zhoukou/Main.vue +807 -809
  114. package/src/filiale/zhoukou/system.js +6 -6
  115. package/src/plugins/EncryptUtil.js +53 -53
  116. package/src/plugins/GetLoginInfoService.js +581 -478
  117. package/src/plugins/HeatGetLoginInfoService.js +491 -491
  118. package/src/plugins/validation.js +15 -15
  119. package/src/stores/AppData.js +38 -38
  120. package/src/stores/HeatAppData.js +38 -38
  121. package/src/styles/fonts/glyphicons-halflings-regular.svg +288 -288
  122. package/src/styles/less/.csscomb.json +304 -304
  123. package/src/styles/less/.csslintrc +19 -19
  124. package/src/styles/less/alerts.less +73 -73
  125. package/src/styles/less/aofeng/animate.min.css +10 -10
  126. package/src/styles/less/aofeng/expandcss.less +569 -569
  127. package/src/styles/less/aofeng/login.less +367 -367
  128. package/src/styles/less/aofeng/standard.less +2507 -2507
  129. package/src/styles/less/aofeng/themeOne/BinaryTemplate.less +690 -690
  130. package/src/styles/less/aofeng/themeOne/loginStyle.less +1586 -1586
  131. package/src/styles/less/aofeng/themeOne/systemStyle.less +2650 -2650
  132. package/src/styles/less/aofeng/themeOne.less +17 -17
  133. package/src/styles/less/aofeng/themeTwo/newStyle1.less +415 -415
  134. package/src/styles/less/aofeng/themeTwo.less +3 -3
  135. package/src/styles/less/badges.less +66 -66
  136. package/src/styles/less/bootstrap.less +66 -66
  137. package/src/styles/less/breadcrumbs.less +26 -26
  138. package/src/styles/less/button-groups.less +247 -247
  139. package/src/styles/less/buttons.less +172 -172
  140. package/src/styles/less/carousel.less +269 -269
  141. package/src/styles/less/close.less +34 -34
  142. package/src/styles/less/code.less +69 -69
  143. package/src/styles/less/component-animations.less +33 -33
  144. package/src/styles/less/dropdowns.less +216 -216
  145. package/src/styles/less/fonts-list.less +25 -25
  146. package/src/styles/less/forms.less +626 -626
  147. package/src/styles/less/glyphicons.less +305 -305
  148. package/src/styles/less/grid.less +84 -84
  149. package/src/styles/less/input-groups.less +167 -167
  150. package/src/styles/less/jumbotron.less +52 -52
  151. package/src/styles/less/labels.less +64 -64
  152. package/src/styles/less/list-group.less +141 -141
  153. package/src/styles/less/manageStyle/manageChile.less +180 -180
  154. package/src/styles/less/manageStyle/manageStyle/manageChile.less +180 -180
  155. package/src/styles/less/manageStyle/manageStyle/manageStyle.less +1102 -1102
  156. package/src/styles/less/manageStyle/manageStyle/safeStyle.less +498 -498
  157. package/src/styles/less/manageStyle/manageStyle.less +1102 -1102
  158. package/src/styles/less/manageStyle/safeStyle.less +498 -498
  159. package/src/styles/less/media.less +66 -66
  160. package/src/styles/less/mixins/alerts.less +14 -14
  161. package/src/styles/less/mixins/background-variant.less +9 -9
  162. package/src/styles/less/mixins/border-radius.less +18 -18
  163. package/src/styles/less/mixins/buttons.less +69 -69
  164. package/src/styles/less/mixins/center-block.less +7 -7
  165. package/src/styles/less/mixins/clearfix.less +22 -22
  166. package/src/styles/less/mixins/forms.less +90 -90
  167. package/src/styles/less/mixins/gradients.less +59 -59
  168. package/src/styles/less/mixins/grid-framework.less +92 -92
  169. package/src/styles/less/mixins/grid.less +122 -122
  170. package/src/styles/less/mixins/hide-text.less +21 -21
  171. package/src/styles/less/mixins/image.less +33 -33
  172. package/src/styles/less/mixins/labels.less +12 -12
  173. package/src/styles/less/mixins/list-group.less +30 -30
  174. package/src/styles/less/mixins/nav-divider.less +10 -10
  175. package/src/styles/less/mixins/nav-vertical-align.less +9 -9
  176. package/src/styles/less/mixins/opacity.less +8 -8
  177. package/src/styles/less/mixins/pagination.less +24 -24
  178. package/src/styles/less/mixins/panels.less +24 -24
  179. package/src/styles/less/mixins/progress-bar.less +10 -10
  180. package/src/styles/less/mixins/reset-filter.less +8 -8
  181. package/src/styles/less/mixins/reset-text.less +18 -18
  182. package/src/styles/less/mixins/resize.less +6 -6
  183. package/src/styles/less/mixins/responsive-visibility.less +15 -15
  184. package/src/styles/less/mixins/size.less +10 -10
  185. package/src/styles/less/mixins/tab-focus.less +9 -9
  186. package/src/styles/less/mixins/table-row.less +44 -44
  187. package/src/styles/less/mixins/text-emphasis.less +9 -9
  188. package/src/styles/less/mixins/text-overflow.less +8 -8
  189. package/src/styles/less/mixins/vendor-prefixes.less +227 -227
  190. package/src/styles/less/mixins.less +40 -40
  191. package/src/styles/less/modals.less +151 -151
  192. package/src/styles/less/navbar.less +660 -660
  193. package/src/styles/less/navs.less +285 -285
  194. package/src/styles/less/normalize.less +424 -424
  195. package/src/styles/less/pager.less +76 -76
  196. package/src/styles/less/pagination.less +89 -89
  197. package/src/styles/less/panels.less +275 -275
  198. package/src/styles/less/popovers.less +131 -131
  199. package/src/styles/less/print.less +101 -101
  200. package/src/styles/less/progress-bars.less +87 -87
  201. package/src/styles/less/responsive-embed.less +35 -35
  202. package/src/styles/less/responsive-utilities.less +194 -194
  203. package/src/styles/less/scaffolding.less +161 -161
  204. package/src/styles/less/stand.less +207 -207
  205. package/src/styles/less/tables.less +312 -312
  206. package/src/styles/less/theme.less +291 -291
  207. package/src/styles/less/thumbnails.less +36 -36
  208. package/src/styles/less/tooltip.less +102 -102
  209. package/src/styles/less/type.less +316 -316
  210. package/src/styles/less/utilities.less +55 -55
  211. package/src/styles/less/variables.less +899 -899
  212. package/src/styles/less/wells.less +29 -29
  213. package/src/system.js +125 -121
  214. package/src/util/Daiban.json +12 -12
  215. package/yarn-error.log +6896 -6896
  216. package/src/filiale/ruihua/Login.vue +0 -549
  217. package/src/filiale/ruihua/system.js +0 -5
package/src/styles/less/variables.less CHANGED
@@ -1,899 +1,899 @@
1
- //
2
- // Variables
3
- // --------------------------------------------------
4
-
5
-
6
- //== Colors
7
- //
8
- //## Gray and brand colors for use across Bootstrap.
9
-
10
- @gray-base: #000;
11
- @gray-darker: lighten(@gray-base, 13.5%); // #222
12
- @gray-dark: lighten(@gray-base, 20%); // #333
13
- @gray: lighten(@gray-base, 33.5%); // #555
14
- @gray-light: lighten(@gray-base, 46.7%); // #777
15
- @gray-lighter: lighten(@gray-base, 93.5%); // #eee
16
-
17
- @brand-primary: #00A3F0; // 原本为darken(#428bca, 6.5%)得到的值为#337ab7
18
- @brand-success: #5cb85c;
19
- @brand-info: #5bc0de;
20
- @brand-warning: #f0ad4e;
21
- @brand-danger: #d9534f;
22
- @report-bg: #dfedfb;
23
- @report-success: #ffffff;
24
- @border: #adacac;
25
- @report-title: #80add9;
26
-
27
- //== Scaffolding
28
- //
29
- //## Settings for some of the most global styles.
30
-
31
- //** Background color for `<body>`.
32
- @body-bg: #fff;
33
- //** Global text color on `<body>`.
34
- @text-color: #304A66; // @gray-dark;
35
-
36
- //** Global textual link color.
37
- @link-color: @brand-primary;
38
- //** Link hover color set via `darken()` function.
39
- @link-hover-color: darken(@link-color, 15%);
40
- //** Link hover decoration.
41
- @link-hover-decoration: underline;
42
-
43
-
44
- //== Typography
45
- //
46
- //## Font, line-height, and color for body text, headings, and more.
47
-
48
- @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
49
- @font-family-serif: Georgia, "Times New Roman", Times, serif;
50
- //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
51
- @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
52
- @font-family-base: @font-family-sans-serif;
53
-
54
- @font-size-base: 14px;
55
- @font-size-large: ceil((@font-size-base * 1.25)); // ~18px
56
- @font-size-small: ceil((@font-size-base * 0.85)); // ~12px
57
-
58
- @font-size-h1: floor((@font-size-base * 2.6)); // ~36px
59
- @font-size-h2: floor((@font-size-base * 2.15)); // ~30px
60
- @font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
61
- @font-size-h4: ceil((@font-size-base * 1.06)); // ~18px
62
- @font-size-h5: @font-size-base;
63
- @font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
64
-
65
- //** Unit-less `line-height` for use in components like buttons.
66
- @line-height-base: 1.428571429; // 20/14
67
- //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
68
- @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
69
-
70
- //** By default, this inherits from the `<body>`.
71
- @headings-font-family: inherit;
72
- @headings-font-weight: 500;
73
- @headings-line-height: 1.1;
74
- @headings-color: inherit;
75
-
76
-
77
- //== Iconography
78
- //
79
- //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
80
-
81
- //** Load fonts from this directory.
82
- @icon-font-path: "../fonts/";
83
- //** File name for all font files.
84
- @icon-font-name: "glyphicons-halflings-regular";
85
- //** Element ID within SVG icon file.
86
- @icon-font-svg-id: "glyphicons_halflingsregular";
87
-
88
-
89
- //== Components
90
- //
91
- //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
92
-
93
- @padding-base-vertical: 6px;
94
- @padding-base-horizontal: 12px;
95
-
96
- @padding-large-vertical: 10px;
97
- @padding-large-horizontal: 16px;
98
-
99
- @padding-small-vertical: 5px;
100
- @padding-small-horizontal: 10px;
101
-
102
- @padding-xs-vertical: 1px;
103
- @padding-xs-horizontal: 5px;
104
-
105
- @line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
106
- @line-height-small: 1.5;
107
-
108
- @border-radius-base: 2px; // 原本为4px
109
- @border-radius-large: 3px; // 原本为6px
110
- @border-radius-small: 1px; // 原本为3px
111
-
112
- //** Global color for active items (e.g., navs or dropdowns).
113
- @component-active-color: #fff;
114
- //** Global background color for active items (e.g., navs or dropdowns).
115
- @component-active-bg: @brand-primary;
116
-
117
- //** Width of the `border` for generating carets that indicator dropdowns.
118
- @caret-width-base: 4px;
119
- //** Carets increase slightly in size for larger components.
120
- @caret-width-large: 5px;
121
-
122
-
123
- //== Tables
124
- //
125
- //## Customizes the `.table` component with basic values, each used across all table variations.
126
-
127
- //** Padding for `<th>`s and `<td>`s.
128
- @table-cell-padding: 8px;
129
- //** Padding for cells in `.table-condensed`.
130
- @table-condensed-cell-padding: 5px;
131
-
132
- //** Default background color used for all tables.
133
- @table-bg: transparent;
134
- //** Background color used for `.table-striped`.
135
- @table-bg-accent: #F2FAFE; // 原本是#f9f9f9
136
- //** Background color used for `.table-hover`.
137
- @table-bg-hover: #f5f5f5;
138
- @table-bg-active: @table-bg-hover;
139
-
140
- //** Border color for table and cell borders.
141
- @table-border-color: #F2F6FA; // 原本为#ddd
142
-
143
-
144
- //== Buttons
145
- //
146
- //## For each of Bootstrap's buttons, define text, background and border color.
147
-
148
- @btn-font-weight: normal;
149
-
150
- @btn-default-color: #333;
151
- @btn-default-bg: #fff;
152
- @btn-default-border: #ccc;
153
-
154
- @btn-primary-color: #fff;
155
- @btn-primary-bg: @brand-primary;
156
- @btn-primary-border: darken(@btn-primary-bg, 5%);
157
-
158
- @btn-success-color: #fff;
159
- @btn-success-bg: @brand-success;
160
- @btn-success-border: darken(@btn-success-bg, 5%);
161
-
162
- @btn-info-color: #fff;
163
- @btn-info-bg: @brand-info;
164
- @btn-info-border: darken(@btn-info-bg, 5%);
165
-
166
- @btn-warning-color: #fff;
167
- @btn-warning-bg: @brand-warning;
168
- @btn-warning-border: darken(@btn-warning-bg, 5%);
169
-
170
- @btn-danger-color: #fff;
171
- @btn-danger-bg: @brand-danger;
172
- @btn-danger-border: darken(@btn-danger-bg, 5%);
173
-
174
- @btn-link-disabled-color: @gray-light;
175
-
176
- // Allows for customizing button radius independently from global border radius
177
- @btn-border-radius-base: @border-radius-base;
178
- @btn-border-radius-large: @border-radius-large;
179
- @btn-border-radius-small: @border-radius-small;
180
-
181
-
182
- //== Forms
183
- //
184
- //##
185
-
186
- //** `<input>` background color
187
- @input-bg: #fff;
188
- //** `<input disabled>` background color
189
- @input-bg-disabled: @gray-lighter;
190
-
191
- //** Text color for `<input>`s
192
- @input-color: @gray;
193
- //** `<input>` border color
194
- @input-border: #ccc;
195
-
196
- // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
197
- //** Default `.form-control` border radius
198
- // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
199
- @input-border-radius: @border-radius-base;
200
- //** Large `.form-control` border radius
201
- @input-border-radius-large: @border-radius-large;
202
- //** Small `.form-control` border radius
203
- @input-border-radius-small: @border-radius-small;
204
-
205
- //** Border color for inputs on focus
206
- @input-border-focus: #66afe9;
207
-
208
- //** Placeholder text color
209
- @input-color-placeholder: #999;
210
-
211
- //** Default `.form-control` height
212
- @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
213
- //** Large `.form-control` height
214
- @input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
215
- //** Small `.form-control` height
216
- @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
217
-
218
- //** `.form-group` margin
219
- @form-group-margin-bottom: 10px;
220
-
221
- @legend-color: @gray-dark;
222
- @legend-border-color: #e5e5e5;
223
-
224
- //** Background color for textual input addons
225
- @input-group-addon-bg: @gray-lighter;
226
- //** Border color for textual input addons
227
- @input-group-addon-border-color: @input-border;
228
-
229
- //** Disabled cursor for form controls and buttons.
230
- @cursor-disabled: not-allowed;
231
-
232
-
233
- //== Dropdowns
234
- //
235
- //## Dropdown menu container and contents.
236
-
237
- //** Background for the dropdown menu.
238
- @dropdown-bg: #fff;
239
- //** Dropdown menu `border-color`.
240
- @dropdown-border: rgba(0,0,0,.15);
241
- //** Dropdown menu `border-color` **for IE8**.
242
- @dropdown-fallback-border: #ccc;
243
- //** Divider color for between dropdown items.
244
- @dropdown-divider-bg: #e5e5e5;
245
-
246
- //** Dropdown link text color.
247
- @dropdown-link-color: @gray-dark;
248
- //** Hover color for dropdown links.
249
- @dropdown-link-hover-color: darken(@gray-dark, 5%);
250
- //** Hover background for dropdown links.
251
- @dropdown-link-hover-bg: #f5f5f5;
252
-
253
- //** Active dropdown menu item text color.
254
- @dropdown-link-active-color: @component-active-color;
255
- //** Active dropdown menu item background color.
256
- @dropdown-link-active-bg: @component-active-bg;
257
-
258
- //** Disabled dropdown menu item background color.
259
- @dropdown-link-disabled-color: @gray-light;
260
-
261
- //** Text color for headers within dropdown menus.
262
- @dropdown-header-color: @gray-light;
263
-
264
- //** Deprecated `@dropdown-caret-color` as of v3.1.0
265
- @dropdown-caret-color: #000;
266
-
267
-
268
- //-- Z-index master list
269
- //
270
- // Warning: Avoid customizing these values. They're used for a bird's eye view
271
- // of components dependent on the z-axis and are designed to all work together.
272
- //
273
- // Note: These variables are not generated into the Customizer.
274
-
275
- @zindex-navbar: 1000;
276
- @zindex-dropdown: 1000;
277
- @zindex-popover: 1060;
278
- @zindex-tooltip: 1070;
279
- @zindex-navbar-fixed: 1030;
280
- @zindex-modal-background: 1040;
281
- @zindex-modal: 1050;
282
-
283
-
284
- //== Media queries breakpoints
285
- //
286
- //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
287
-
288
- // Extra small screen / phone
289
- //** Deprecated `@screen-xs` as of v3.0.1
290
- @screen-xs: 480px;
291
- //** Deprecated `@screen-xs-min` as of v3.2.0
292
- @screen-xs-min: @screen-xs;
293
- //** Deprecated `@screen-phone` as of v3.0.1
294
- @screen-phone: @screen-xs-min;
295
-
296
- // Small screen / tablet
297
- //** Deprecated `@screen-sm` as of v3.0.1
298
- @screen-sm: 768px;
299
- @screen-sm-min: @screen-sm;
300
- //** Deprecated `@screen-tablet` as of v3.0.1
301
- @screen-tablet: @screen-sm-min;
302
-
303
- // Medium screen / desktop
304
- //** Deprecated `@screen-md` as of v3.0.1
305
- @screen-md: 992px;
306
- @screen-md-min: @screen-md;
307
- //** Deprecated `@screen-desktop` as of v3.0.1
308
- @screen-desktop: @screen-md-min;
309
-
310
- // Large screen / wide desktop
311
- //** Deprecated `@screen-lg` as of v3.0.1
312
- @screen-lg: 1200px;
313
- @screen-lg-min: @screen-lg;
314
- //** Deprecated `@screen-lg-desktop` as of v3.0.1
315
- @screen-lg-desktop: @screen-lg-min;
316
-
317
- // So media queries don't overlap when required, provide a maximum
318
- @screen-xs-max: (@screen-sm-min - 1);
319
- @screen-sm-max: (@screen-md-min - 1);
320
- @screen-md-max: (@screen-lg-min - 1);
321
-
322
-
323
- //== Grid system
324
- //
325
- //## Define your custom responsive grid.
326
-
327
- //** Number of columns in the grid.
328
- @grid-columns: 12;
329
- //** Padding between columns. Gets divided in half for the left and right.
330
- @grid-gutter-width: 0px; //原本为30px;
331
- // Navbar collapse
332
- //** Point at which the navbar becomes uncollapsed.
333
- @grid-float-breakpoint: @screen-sm-min;
334
- //** Point at which the navbar begins collapsing.
335
- @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
336
-
337
-
338
- //== Container sizes
339
- //
340
- //## Define the maximum width of `.container` for different screen sizes.
341
-
342
- // Small screen / tablet
343
- @container-tablet: (720px + @grid-gutter-width);
344
- //** For `@screen-sm-min` and up.
345
- @container-sm: @container-tablet;
346
-
347
- // Medium screen / desktop
348
- @container-desktop: (940px + @grid-gutter-width);
349
- //** For `@screen-md-min` and up.
350
- @container-md: @container-desktop;
351
-
352
- // Large screen / wide desktop
353
- @container-large-desktop: (1140px + @grid-gutter-width);
354
- //** For `@screen-lg-min` and up.
355
- @container-lg: @container-large-desktop;
356
-
357
-
358
- //== Navbar
359
- //
360
- //##
361
-
362
- // Basics of a navbar
363
- @navbar-height: 50px;
364
- @navbar-margin-bottom: @line-height-computed;
365
- @navbar-border-radius: @border-radius-base;
366
- @navbar-padding-horizontal: floor((@grid-gutter-width / 2));
367
- @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
368
- @navbar-collapse-max-height: 340px;
369
-
370
- @navbar-default-color: #777;
371
- @navbar-default-bg: #f8f8f8;
372
- @navbar-default-border: darken(@navbar-default-bg, 6.5%);
373
-
374
- // Navbar links
375
- @navbar-default-link-color: #777;
376
- @navbar-default-link-hover-color: #333;
377
- @navbar-default-link-hover-bg: transparent;
378
- @navbar-default-link-active-color: #555;
379
- @navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
380
- @navbar-default-link-disabled-color: #ccc;
381
- @navbar-default-link-disabled-bg: transparent;
382
-
383
- // Navbar brand label
384
- @navbar-default-brand-color: @navbar-default-link-color;
385
- @navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
386
- @navbar-default-brand-hover-bg: transparent;
387
-
388
- // Navbar toggle
389
- @navbar-default-toggle-hover-bg: #ddd;
390
- @navbar-default-toggle-icon-bar-bg: #888;
391
- @navbar-default-toggle-border-color: #ddd;
392
-
393
-
394
- //=== Inverted navbar
395
- // Reset inverted navbar basics
396
- @navbar-inverse-color: lighten(@gray-light, 15%);
397
- @navbar-inverse-bg: #222;
398
- @navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
399
-
400
- // Inverted navbar links
401
- @navbar-inverse-link-color: lighten(@gray-light, 15%);
402
- @navbar-inverse-link-hover-color: #fff;
403
- @navbar-inverse-link-hover-bg: transparent;
404
- @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
405
- @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
406
- @navbar-inverse-link-disabled-color: #444;
407
- @navbar-inverse-link-disabled-bg: transparent;
408
-
409
- // Inverted navbar brand label
410
- @navbar-inverse-brand-color: @navbar-inverse-link-color;
411
- @navbar-inverse-brand-hover-color: #fff;
412
- @navbar-inverse-brand-hover-bg: transparent;
413
-
414
- // Inverted navbar toggle
415
- @navbar-inverse-toggle-hover-bg: #333;
416
- @navbar-inverse-toggle-icon-bar-bg: #fff;
417
- @navbar-inverse-toggle-border-color: #333;
418
-
419
-
420
- //== Navs
421
- //
422
- //##
423
-
424
- //=== Shared nav styles
425
- @nav-link-padding: 10px 15px;
426
- @nav-link-hover-bg: @gray-lighter;
427
-
428
- @nav-disabled-link-color: @gray-light;
429
- @nav-disabled-link-hover-color: @gray-light;
430
-
431
- //== Tabs
432
- @nav-tabs-border-color: #F2F6FA; // 原本为#ddd
433
-
434
- @nav-tabs-link-hover-border-color: @gray-lighter;
435
-
436
- @nav-tabs-active-link-hover-bg: @body-bg;
437
- @nav-tabs-active-link-hover-color: @gray;
438
- @nav-tabs-active-link-hover-border-color: #ddd;
439
-
440
- @nav-tabs-justified-link-border-color: #ddd;
441
- @nav-tabs-justified-active-link-border-color: @body-bg;
442
-
443
- //== Pills
444
- @nav-pills-border-radius: @border-radius-base;
445
- @nav-pills-active-link-hover-bg: @component-active-bg;
446
- @nav-pills-active-link-hover-color: @component-active-color;
447
-
448
-
449
- //== Pagination
450
- //
451
- //##
452
-
453
- @pagination-color: @link-color;
454
- @pagination-bg: #fff;
455
- @pagination-border: #fff; // 原本为#ddd
456
-
457
- @pagination-hover-color: @link-hover-color;
458
- @pagination-hover-bg: @gray-lighter;
459
- @pagination-hover-border: #ddd;
460
-
461
- @pagination-active-color: #fff;
462
- @pagination-active-bg: @brand-primary;
463
- @pagination-active-border: @brand-primary;
464
-
465
- @pagination-disabled-color: @gray-light;
466
- @pagination-disabled-bg: #fff;
467
- @pagination-disabled-border: #ddd;
468
-
469
-
470
- //== Pager
471
- //
472
- //##
473
-
474
- @pager-bg: @pagination-bg;
475
- @pager-border: @pagination-border;
476
- @pager-border-radius: 3px; // 原本为15px
477
-
478
- @pager-hover-bg: @pagination-hover-bg;
479
-
480
- @pager-active-bg: @pagination-active-bg;
481
- @pager-active-color: @pagination-active-color;
482
-
483
- @pager-disabled-color: @pagination-disabled-color;
484
-
485
-
486
- //== Jumbotron
487
- //
488
- //##
489
-
490
- @jumbotron-padding: 30px;
491
- @jumbotron-color: inherit;
492
- @jumbotron-bg: @gray-lighter;
493
- @jumbotron-heading-color: inherit;
494
- @jumbotron-font-size: ceil((@font-size-base * 1.5));
495
- @jumbotron-heading-font-size: ceil((@font-size-base * 4.5));
496
-
497
-
498
- //== Form states and alerts
499
- //
500
- //## Define colors for form feedback states and, by default, alerts.
501
-
502
- // @state-success-text: #3c763d;
503
- // @state-success-bg: #FCFEEE; // 原本是#dff0d8
504
- // @state-success-border: darken(spin(#E5DB86, -10), 5%); // 原本为@state-success-bg
505
- //
506
- // @state-info-text: #31708f;
507
- // @state-info-bg: #d9edf7;
508
- // @state-info-border: darken(spin(@state-info-bg, -10), 7%);
509
- //
510
- // @state-warning-text: #8a6d3b;
511
- // @state-warning-bg: #fcf8e3;
512
- // @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
513
- //
514
- // @state-danger-text: #a94442;
515
- // @state-danger-bg: #f2dede;
516
- // @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
517
-
518
- @state-success-text: #3c763d;
519
- @state-success-bg: #dff0d8;
520
- @state-success-border: darken(spin(@state-success-bg, -10), 5%);
521
-
522
- @state-info-text: #31708f;
523
- @state-info-bg: #F2F6FA; // 原本为 #d9edf7
524
- @state-info-border: #F2F6FA; // darken(spin(@state-info-bg, -10), 7%);
525
-
526
- @state-warning-text: #8a6d3b;
527
- @state-warning-bg: #fcf8e3;
528
- @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
529
-
530
- @state-danger-text: #a94442;
531
- @state-danger-bg: #f2dede;
532
- @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
533
-
534
-
535
- //== Tooltips
536
- //
537
- //##
538
-
539
- //** Tooltip max width
540
- @tooltip-max-width: 200px;
541
- //** Tooltip text color
542
- @tooltip-color: #000;// #fff;
543
- //** Tooltip background color
544
- @tooltip-bg: #000;
545
- @tooltip-opacity: .9;
546
-
547
- //** Tooltip arrow width
548
- @tooltip-arrow-width: 5px;
549
- //** Tooltip arrow color
550
- @tooltip-arrow-color: @tooltip-bg;
551
-
552
-
553
- //== Popovers
554
- //
555
- //##
556
-
557
- //** Popover body background color
558
- @popover-bg: #fff;
559
- //** Popover maximum width
560
- @popover-max-width: 400px;
561
- //** Popover border color
562
- @popover-border-color: rgba(0,0,0,.2);
563
- //** Popover fallback border color
564
- @popover-fallback-border-color: #ccc;
565
-
566
- //** Popover title background color
567
- @popover-title-bg: darken(@popover-bg, 3%);
568
-
569
- //** Popover arrow width
570
- @popover-arrow-width: 10px;
571
- //** Popover arrow color
572
- @popover-arrow-color: @popover-bg;
573
-
574
- //** Popover outer arrow width
575
- @popover-arrow-outer-width: (@popover-arrow-width + 1);
576
- //** Popover outer arrow color
577
- @popover-arrow-outer-color: fadein(@popover-border-color, 5%);
578
- //** Popover outer arrow fallback color
579
- @popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
580
-
581
-
582
- //== Labels
583
- //
584
- //##
585
-
586
- //** Default label background color
587
- @label-default-bg: @gray-light;
588
- //** Primary label background color
589
- @label-primary-bg: @brand-primary;
590
- //** Success label background color
591
- @label-success-bg: @brand-success;
592
- //** Info label background color
593
- @label-info-bg: @brand-info;
594
- //** Warning label background color
595
- @label-warning-bg: @brand-warning;
596
- //** Danger label background color
597
- @label-danger-bg: @brand-danger;
598
-
599
- //** Default label text color
600
- @label-color: #fff;
601
- //** Default text color of a linked label
602
- @label-link-hover-color: #fff;
603
-
604
-
605
- //== Modals
606
- //
607
- //##
608
-
609
- //** Padding applied to the modal body
610
- @modal-inner-padding: 15px;
611
-
612
- //** Padding applied to the modal title
613
- @modal-title-padding: 15px;
614
- //** Modal title line-height
615
- @modal-title-line-height: @line-height-base;
616
-
617
- //** Background color of modal content area
618
- @modal-content-bg: #fff;
619
- //** Modal content border color
620
- @modal-content-border-color: rgba(0,0,0,.2);
621
- //** Modal content border color **for IE8**
622
- @modal-content-fallback-border-color: #999;
623
-
624
- //** Modal backdrop background color
625
- @modal-backdrop-bg: #000;
626
- //** Modal backdrop opacity
627
- @modal-backdrop-opacity: .5;
628
- //** Modal header border color
629
- @modal-header-border-color: #e5e5e5;
630
- //** Modal footer border color
631
- @modal-footer-border-color: @modal-header-border-color;
632
-
633
- @modal-lg: 900px;
634
- @modal-md: 800px;
635
- @modal-sm: 300px;
636
-
637
-
638
- //== Alerts
639
- //
640
- //## Define alert colors, border radius, and padding.
641
-
642
- @alert-padding: 15px;
643
- @alert-border-radius: @border-radius-base;
644
- @alert-link-font-weight: bold;
645
-
646
- @alert-success-bg: @state-success-bg;
647
- @alert-success-text: @state-success-text;
648
- @alert-success-border: @state-success-border;
649
-
650
- // @alert-success-bg: #dff0d8;
651
- // @alert-success-text: #3c763d;
652
- // @alert-success-border: #d6e9c6;
653
-
654
- @alert-info-bg: @state-info-bg;
655
- @alert-info-text: @state-info-text;
656
- @alert-info-border: @state-info-border;
657
-
658
- @alert-warning-bg: @state-warning-bg;
659
- @alert-warning-text: @state-warning-text;
660
- @alert-warning-border: @state-warning-border;
661
-
662
- @alert-danger-bg: @state-danger-bg;
663
- @alert-danger-text: @state-danger-text;
664
- @alert-danger-border: @state-danger-border;
665
-
666
-
667
- //== Progress bars
668
- //
669
- //##
670
-
671
- //** Background color of the whole progress component
672
- @progress-bg: #f5f5f5;
673
- //** Progress bar text color
674
- @progress-bar-color: #fff;
675
- //** Variable for setting rounded corners on progress bar.
676
- @progress-border-radius: @border-radius-base;
677
-
678
- //** Default progress bar color
679
- @progress-bar-bg: @brand-primary;
680
- //** Success progress bar color
681
- @progress-bar-success-bg: @brand-success;
682
- //** Warning progress bar color
683
- @progress-bar-warning-bg: @brand-warning;
684
- //** Danger progress bar color
685
- @progress-bar-danger-bg: @brand-danger;
686
- //** Info progress bar color
687
- @progress-bar-info-bg: @brand-info;
688
-
689
-
690
- //== List group
691
- //
692
- //##
693
-
694
- //** Background color on `.list-group-item`
695
- // 修改前
696
- // @list-group-bg: #fff;
697
- // 修改后
698
- @list-group-bg: #4C637B;
699
- //** `.list-group-item` border color
700
- // @list-group-border: #697D93;
701
- @list-group-border: #4a7cae;
702
- //** List group border radius
703
- @list-group-border-radius: @border-radius-base;
704
-
705
- //** Background color of single list items on hover
706
- @list-group-hover-bg: #f5f5f5;
707
- //** Text color of active list items
708
- @list-group-active-color: @component-active-color;
709
- //** Background color of active list items
710
- @list-group-active-bg: @component-active-bg;
711
- //** Border color of active list elements
712
- @list-group-active-border: @list-group-active-bg;
713
- //** Text color for content within active list items
714
- @list-group-active-text-color: lighten(@list-group-active-bg, 40%);
715
-
716
- //** Text color of disabled list items
717
- @list-group-disabled-color: @gray-light;
718
- //** Background color of disabled list items
719
- @list-group-disabled-bg: @gray-lighter;
720
- //** Text color for content within disabled list items
721
- @list-group-disabled-text-color: @list-group-disabled-color;
722
-
723
- @list-group-link-color: #FCFCFC;
724
- @list-group-link-hover-color: @list-group-link-color;
725
- @list-group-link-heading-color: #FCFCFC;
726
-
727
-
728
- //== Panels
729
- //
730
- //##
731
-
732
- @panel-bg: #fff;
733
- @panel-body-padding: @panel-heading-padding;
734
- @panel-heading-padding: 8px;
735
- @panel-footer-padding: @panel-heading-padding;
736
- @panel-border-radius: @border-radius-base;
737
-
738
- //** Border color for elements within panels
739
- @panel-inner-border: #ddd;
740
- @panel-footer-bg: #f5f5f5;
741
-
742
- @panel-default-text: @gray-dark;
743
- @panel-default-border: #ddd;
744
- @panel-default-heading-bg: #f5f5f5;
745
-
746
- @panel-primary-text: #fff;
747
- @panel-primary-border: @brand-primary;
748
- @panel-primary-heading-bg: @brand-primary;
749
-
750
- @panel-success-text: @state-success-text;
751
- @panel-success-border: @state-success-border;
752
- @panel-success-heading-bg: @state-success-bg;
753
-
754
- @panel-info-text: @state-info-text;
755
- @panel-info-border: @state-info-border;
756
- @panel-info-heading-bg: @state-info-bg;
757
-
758
- @panel-warning-text: @state-warning-text;
759
- @panel-warning-border: @state-warning-border;
760
- @panel-warning-heading-bg: @state-warning-bg;
761
-
762
- @panel-danger-text: @state-danger-text;
763
- @panel-danger-border: @state-danger-border;
764
- @panel-danger-heading-bg: @state-danger-bg;
765
-
766
-
767
- //== Thumbnails
768
- //
769
- //##
770
-
771
- //** Padding around the thumbnail image
772
- @thumbnail-padding: 4px;
773
- //** Thumbnail background color
774
- @thumbnail-bg: @body-bg;
775
- //** Thumbnail border color
776
- @thumbnail-border: #ddd;
777
- //** Thumbnail border radius
778
- @thumbnail-border-radius: @border-radius-base;
779
-
780
- //** Custom text color for thumbnail captions
781
- @thumbnail-caption-color: @text-color;
782
- //** Padding around the thumbnail caption
783
- @thumbnail-caption-padding: 9px;
784
-
785
-
786
- //== Wells
787
- //
788
- //##
789
-
790
- @well-bg: #f5f5f5;
791
- @well-border: darken(@well-bg, 7%);
792
-
793
-
794
- //== Badges
795
- //
796
- //##
797
-
798
- @badge-color: #fff;
799
- //** Linked badge text color on hover
800
- @badge-link-hover-color: #fff;
801
- @badge-bg: @gray-light;
802
-
803
- //** Badge text color in active nav link
804
- @badge-active-color: @link-color;
805
- //** Badge background color in active nav link
806
- @badge-active-bg: #fff;
807
-
808
- @badge-font-weight: bold;
809
- @badge-line-height: 1;
810
- @badge-border-radius: 10px;
811
-
812
-
813
- //== Breadcrumbs
814
- //
815
- //##
816
-
817
- @breadcrumb-padding-vertical: 8px;
818
- @breadcrumb-padding-horizontal: 15px;
819
- //** Breadcrumb background color
820
- @breadcrumb-bg: #f5f5f5;
821
- //** Breadcrumb text color
822
- @breadcrumb-color: #ccc;
823
- //** Text color of current page in the breadcrumb
824
- @breadcrumb-active-color: @gray-light;
825
- //** Textual separator for between breadcrumb elements
826
- @breadcrumb-separator: "/";
827
-
828
-
829
- //== Carousel
830
- //
831
- //##
832
-
833
- @carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
834
-
835
- @carousel-control-color: #fff;
836
- @carousel-control-width: 15%;
837
- @carousel-control-opacity: .5;
838
- @carousel-control-font-size: 20px;
839
-
840
- @carousel-indicator-active-bg: #fff;
841
- @carousel-indicator-border-color: #fff;
842
-
843
- @carousel-caption-color: #fff;
844
-
845
-
846
- //== Close
847
- //
848
- //##
849
-
850
- @close-font-weight: bold;
851
- @close-color: #000;
852
- @close-text-shadow: 0 1px 0 #fff;
853
-
854
-
855
- //== Code
856
- //
857
- //##
858
-
859
- @code-color: #c7254e;
860
- @code-bg: #f9f2f4;
861
-
862
- @kbd-color: #fff;
863
- @kbd-bg: #333;
864
-
865
- @pre-bg: #f5f5f5;
866
- @pre-color: @gray-dark;
867
- @pre-border-color: #ccc;
868
- @pre-scrollable-max-height: 340px;
869
-
870
-
871
- //== Type
872
- //
873
- //##
874
-
875
- //** Horizontal offset for forms and lists.
876
- @component-offset-horizontal: 180px;
877
- //** Text muted color
878
- @text-muted: @gray-light;
879
- //** Abbreviations and acronyms border color
880
- @abbr-border-color: @gray-light;
881
- //** Headings small color
882
- @headings-small-color: @gray-light;
883
- //** Blockquote small color
884
- @blockquote-small-color: @gray-light;
885
- //** Blockquote font size
886
- @blockquote-font-size: (@font-size-base * 1.25);
887
- //** Blockquote border color
888
- @blockquote-border-color: @gray-lighter;
889
- //** Page header border color
890
- @page-header-border-color: @gray-lighter;
891
- //** Width of horizontal description list titles
892
- @dl-horizontal-offset: @component-offset-horizontal;
893
- //** Horizontal line color.
894
- @hr-border: @gray-lighter;
895
-
896
- // custom variables
897
- @global-color: #00A3F0;
898
- @btn-sm-margin-bottom: 0px;
899
- @btn-margin-bottom: 5px;
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+
6
+ //== Colors
7
+ //
8
+ //## Gray and brand colors for use across Bootstrap.
9
+
10
+ @gray-base: #000;
11
+ @gray-darker: lighten(@gray-base, 13.5%); // #222
12
+ @gray-dark: lighten(@gray-base, 20%); // #333
13
+ @gray: lighten(@gray-base, 33.5%); // #555
14
+ @gray-light: lighten(@gray-base, 46.7%); // #777
15
+ @gray-lighter: lighten(@gray-base, 93.5%); // #eee
16
+
17
+ @brand-primary: #00A3F0; // 原本为darken(#428bca, 6.5%)得到的值为#337ab7
18
+ @brand-success: #5cb85c;
19
+ @brand-info: #5bc0de;
20
+ @brand-warning: #f0ad4e;
21
+ @brand-danger: #d9534f;
22
+ @report-bg: #dfedfb;
23
+ @report-success: #ffffff;
24
+ @border: #adacac;
25
+ @report-title: #80add9;
26
+
27
+ //== Scaffolding
28
+ //
29
+ //## Settings for some of the most global styles.
30
+
31
+ //** Background color for `<body>`.
32
+ @body-bg: #fff;
33
+ //** Global text color on `<body>`.
34
+ @text-color: #304A66; // @gray-dark;
35
+
36
+ //** Global textual link color.
37
+ @link-color: @brand-primary;
38
+ //** Link hover color set via `darken()` function.
39
+ @link-hover-color: darken(@link-color, 15%);
40
+ //** Link hover decoration.
41
+ @link-hover-decoration: underline;
42
+
43
+
44
+ //== Typography
45
+ //
46
+ //## Font, line-height, and color for body text, headings, and more.
47
+
48
+ @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
49
+ @font-family-serif: Georgia, "Times New Roman", Times, serif;
50
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
51
+ @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
52
+ @font-family-base: @font-family-sans-serif;
53
+
54
+ @font-size-base: 14px;
55
+ @font-size-large: ceil((@font-size-base * 1.25)); // ~18px
56
+ @font-size-small: ceil((@font-size-base * 0.85)); // ~12px
57
+
58
+ @font-size-h1: floor((@font-size-base * 2.6)); // ~36px
59
+ @font-size-h2: floor((@font-size-base * 2.15)); // ~30px
60
+ @font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
61
+ @font-size-h4: ceil((@font-size-base * 1.06)); // ~18px
62
+ @font-size-h5: @font-size-base;
63
+ @font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
64
+
65
+ //** Unit-less `line-height` for use in components like buttons.
66
+ @line-height-base: 1.428571429; // 20/14
67
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
68
+ @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
69
+
70
+ //** By default, this inherits from the `<body>`.
71
+ @headings-font-family: inherit;
72
+ @headings-font-weight: 500;
73
+ @headings-line-height: 1.1;
74
+ @headings-color: inherit;
75
+
76
+
77
+ //== Iconography
78
+ //
79
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
80
+
81
+ //** Load fonts from this directory.
82
+ @icon-font-path: "../fonts/";
83
+ //** File name for all font files.
84
+ @icon-font-name: "glyphicons-halflings-regular";
85
+ //** Element ID within SVG icon file.
86
+ @icon-font-svg-id: "glyphicons_halflingsregular";
87
+
88
+
89
+ //== Components
90
+ //
91
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
92
+
93
+ @padding-base-vertical: 6px;
94
+ @padding-base-horizontal: 12px;
95
+
96
+ @padding-large-vertical: 10px;
97
+ @padding-large-horizontal: 16px;
98
+
99
+ @padding-small-vertical: 5px;
100
+ @padding-small-horizontal: 10px;
101
+
102
+ @padding-xs-vertical: 1px;
103
+ @padding-xs-horizontal: 5px;
104
+
105
+ @line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
106
+ @line-height-small: 1.5;
107
+
108
+ @border-radius-base: 2px; // 原本为4px
109
+ @border-radius-large: 3px; // 原本为6px
110
+ @border-radius-small: 1px; // 原本为3px
111
+
112
+ //** Global color for active items (e.g., navs or dropdowns).
113
+ @component-active-color: #fff;
114
+ //** Global background color for active items (e.g., navs or dropdowns).
115
+ @component-active-bg: @brand-primary;
116
+
117
+ //** Width of the `border` for generating carets that indicator dropdowns.
118
+ @caret-width-base: 4px;
119
+ //** Carets increase slightly in size for larger components.
120
+ @caret-width-large: 5px;
121
+
122
+
123
+ //== Tables
124
+ //
125
+ //## Customizes the `.table` component with basic values, each used across all table variations.
126
+
127
+ //** Padding for `<th>`s and `<td>`s.
128
+ @table-cell-padding: 8px;
129
+ //** Padding for cells in `.table-condensed`.
130
+ @table-condensed-cell-padding: 5px;
131
+
132
+ //** Default background color used for all tables.
133
+ @table-bg: transparent;
134
+ //** Background color used for `.table-striped`.
135
+ @table-bg-accent: #F2FAFE; // 原本是#f9f9f9
136
+ //** Background color used for `.table-hover`.
137
+ @table-bg-hover: #f5f5f5;
138
+ @table-bg-active: @table-bg-hover;
139
+
140
+ //** Border color for table and cell borders.
141
+ @table-border-color: #F2F6FA; // 原本为#ddd
142
+
143
+
144
+ //== Buttons
145
+ //
146
+ //## For each of Bootstrap's buttons, define text, background and border color.
147
+
148
+ @btn-font-weight: normal;
149
+
150
+ @btn-default-color: #333;
151
+ @btn-default-bg: #fff;
152
+ @btn-default-border: #ccc;
153
+
154
+ @btn-primary-color: #fff;
155
+ @btn-primary-bg: @brand-primary;
156
+ @btn-primary-border: darken(@btn-primary-bg, 5%);
157
+
158
+ @btn-success-color: #fff;
159
+ @btn-success-bg: @brand-success;
160
+ @btn-success-border: darken(@btn-success-bg, 5%);
161
+
162
+ @btn-info-color: #fff;
163
+ @btn-info-bg: @brand-info;
164
+ @btn-info-border: darken(@btn-info-bg, 5%);
165
+
166
+ @btn-warning-color: #fff;
167
+ @btn-warning-bg: @brand-warning;
168
+ @btn-warning-border: darken(@btn-warning-bg, 5%);
169
+
170
+ @btn-danger-color: #fff;
171
+ @btn-danger-bg: @brand-danger;
172
+ @btn-danger-border: darken(@btn-danger-bg, 5%);
173
+
174
+ @btn-link-disabled-color: @gray-light;
175
+
176
+ // Allows for customizing button radius independently from global border radius
177
+ @btn-border-radius-base: @border-radius-base;
178
+ @btn-border-radius-large: @border-radius-large;
179
+ @btn-border-radius-small: @border-radius-small;
180
+
181
+
182
+ //== Forms
183
+ //
184
+ //##
185
+
186
+ //** `<input>` background color
187
+ @input-bg: #fff;
188
+ //** `<input disabled>` background color
189
+ @input-bg-disabled: @gray-lighter;
190
+
191
+ //** Text color for `<input>`s
192
+ @input-color: @gray;
193
+ //** `<input>` border color
194
+ @input-border: #ccc;
195
+
196
+ // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
197
+ //** Default `.form-control` border radius
198
+ // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
199
+ @input-border-radius: @border-radius-base;
200
+ //** Large `.form-control` border radius
201
+ @input-border-radius-large: @border-radius-large;
202
+ //** Small `.form-control` border radius
203
+ @input-border-radius-small: @border-radius-small;
204
+
205
+ //** Border color for inputs on focus
206
+ @input-border-focus: #66afe9;
207
+
208
+ //** Placeholder text color
209
+ @input-color-placeholder: #999;
210
+
211
+ //** Default `.form-control` height
212
+ @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
213
+ //** Large `.form-control` height
214
+ @input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
215
+ //** Small `.form-control` height
216
+ @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
217
+
218
+ //** `.form-group` margin
219
+ @form-group-margin-bottom: 10px;
220
+
221
+ @legend-color: @gray-dark;
222
+ @legend-border-color: #e5e5e5;
223
+
224
+ //** Background color for textual input addons
225
+ @input-group-addon-bg: @gray-lighter;
226
+ //** Border color for textual input addons
227
+ @input-group-addon-border-color: @input-border;
228
+
229
+ //** Disabled cursor for form controls and buttons.
230
+ @cursor-disabled: not-allowed;
231
+
232
+
233
+ //== Dropdowns
234
+ //
235
+ //## Dropdown menu container and contents.
236
+
237
+ //** Background for the dropdown menu.
238
+ @dropdown-bg: #fff;
239
+ //** Dropdown menu `border-color`.
240
+ @dropdown-border: rgba(0,0,0,.15);
241
+ //** Dropdown menu `border-color` **for IE8**.
242
+ @dropdown-fallback-border: #ccc;
243
+ //** Divider color for between dropdown items.
244
+ @dropdown-divider-bg: #e5e5e5;
245
+
246
+ //** Dropdown link text color.
247
+ @dropdown-link-color: @gray-dark;
248
+ //** Hover color for dropdown links.
249
+ @dropdown-link-hover-color: darken(@gray-dark, 5%);
250
+ //** Hover background for dropdown links.
251
+ @dropdown-link-hover-bg: #f5f5f5;
252
+
253
+ //** Active dropdown menu item text color.
254
+ @dropdown-link-active-color: @component-active-color;
255
+ //** Active dropdown menu item background color.
256
+ @dropdown-link-active-bg: @component-active-bg;
257
+
258
+ //** Disabled dropdown menu item background color.
259
+ @dropdown-link-disabled-color: @gray-light;
260
+
261
+ //** Text color for headers within dropdown menus.
262
+ @dropdown-header-color: @gray-light;
263
+
264
+ //** Deprecated `@dropdown-caret-color` as of v3.1.0
265
+ @dropdown-caret-color: #000;
266
+
267
+
268
+ //-- Z-index master list
269
+ //
270
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
271
+ // of components dependent on the z-axis and are designed to all work together.
272
+ //
273
+ // Note: These variables are not generated into the Customizer.
274
+
275
+ @zindex-navbar: 1000;
276
+ @zindex-dropdown: 1000;
277
+ @zindex-popover: 1060;
278
+ @zindex-tooltip: 1070;
279
+ @zindex-navbar-fixed: 1030;
280
+ @zindex-modal-background: 1040;
281
+ @zindex-modal: 1050;
282
+
283
+
284
+ //== Media queries breakpoints
285
+ //
286
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
287
+
288
+ // Extra small screen / phone
289
+ //** Deprecated `@screen-xs` as of v3.0.1
290
+ @screen-xs: 480px;
291
+ //** Deprecated `@screen-xs-min` as of v3.2.0
292
+ @screen-xs-min: @screen-xs;
293
+ //** Deprecated `@screen-phone` as of v3.0.1
294
+ @screen-phone: @screen-xs-min;
295
+
296
+ // Small screen / tablet
297
+ //** Deprecated `@screen-sm` as of v3.0.1
298
+ @screen-sm: 768px;
299
+ @screen-sm-min: @screen-sm;
300
+ //** Deprecated `@screen-tablet` as of v3.0.1
301
+ @screen-tablet: @screen-sm-min;
302
+
303
+ // Medium screen / desktop
304
+ //** Deprecated `@screen-md` as of v3.0.1
305
+ @screen-md: 992px;
306
+ @screen-md-min: @screen-md;
307
+ //** Deprecated `@screen-desktop` as of v3.0.1
308
+ @screen-desktop: @screen-md-min;
309
+
310
+ // Large screen / wide desktop
311
+ //** Deprecated `@screen-lg` as of v3.0.1
312
+ @screen-lg: 1200px;
313
+ @screen-lg-min: @screen-lg;
314
+ //** Deprecated `@screen-lg-desktop` as of v3.0.1
315
+ @screen-lg-desktop: @screen-lg-min;
316
+
317
+ // So media queries don't overlap when required, provide a maximum
318
+ @screen-xs-max: (@screen-sm-min - 1);
319
+ @screen-sm-max: (@screen-md-min - 1);
320
+ @screen-md-max: (@screen-lg-min - 1);
321
+
322
+
323
+ //== Grid system
324
+ //
325
+ //## Define your custom responsive grid.
326
+
327
+ //** Number of columns in the grid.
328
+ @grid-columns: 12;
329
+ //** Padding between columns. Gets divided in half for the left and right.
330
+ @grid-gutter-width: 0px; //原本为30px;
331
+ // Navbar collapse
332
+ //** Point at which the navbar becomes uncollapsed.
333
+ @grid-float-breakpoint: @screen-sm-min;
334
+ //** Point at which the navbar begins collapsing.
335
+ @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
336
+
337
+
338
+ //== Container sizes
339
+ //
340
+ //## Define the maximum width of `.container` for different screen sizes.
341
+
342
+ // Small screen / tablet
343
+ @container-tablet: (720px + @grid-gutter-width);
344
+ //** For `@screen-sm-min` and up.
345
+ @container-sm: @container-tablet;
346
+
347
+ // Medium screen / desktop
348
+ @container-desktop: (940px + @grid-gutter-width);
349
+ //** For `@screen-md-min` and up.
350
+ @container-md: @container-desktop;
351
+
352
+ // Large screen / wide desktop
353
+ @container-large-desktop: (1140px + @grid-gutter-width);
354
+ //** For `@screen-lg-min` and up.
355
+ @container-lg: @container-large-desktop;
356
+
357
+
358
+ //== Navbar
359
+ //
360
+ //##
361
+
362
+ // Basics of a navbar
363
+ @navbar-height: 50px;
364
+ @navbar-margin-bottom: @line-height-computed;
365
+ @navbar-border-radius: @border-radius-base;
366
+ @navbar-padding-horizontal: floor((@grid-gutter-width / 2));
367
+ @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
368
+ @navbar-collapse-max-height: 340px;
369
+
370
+ @navbar-default-color: #777;
371
+ @navbar-default-bg: #f8f8f8;
372
+ @navbar-default-border: darken(@navbar-default-bg, 6.5%);
373
+
374
+ // Navbar links
375
+ @navbar-default-link-color: #777;
376
+ @navbar-default-link-hover-color: #333;
377
+ @navbar-default-link-hover-bg: transparent;
378
+ @navbar-default-link-active-color: #555;
379
+ @navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
380
+ @navbar-default-link-disabled-color: #ccc;
381
+ @navbar-default-link-disabled-bg: transparent;
382
+
383
+ // Navbar brand label
384
+ @navbar-default-brand-color: @navbar-default-link-color;
385
+ @navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
386
+ @navbar-default-brand-hover-bg: transparent;
387
+
388
+ // Navbar toggle
389
+ @navbar-default-toggle-hover-bg: #ddd;
390
+ @navbar-default-toggle-icon-bar-bg: #888;
391
+ @navbar-default-toggle-border-color: #ddd;
392
+
393
+
394
+ //=== Inverted navbar
395
+ // Reset inverted navbar basics
396
+ @navbar-inverse-color: lighten(@gray-light, 15%);
397
+ @navbar-inverse-bg: #222;
398
+ @navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
399
+
400
+ // Inverted navbar links
401
+ @navbar-inverse-link-color: lighten(@gray-light, 15%);
402
+ @navbar-inverse-link-hover-color: #fff;
403
+ @navbar-inverse-link-hover-bg: transparent;
404
+ @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
405
+ @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
406
+ @navbar-inverse-link-disabled-color: #444;
407
+ @navbar-inverse-link-disabled-bg: transparent;
408
+
409
+ // Inverted navbar brand label
410
+ @navbar-inverse-brand-color: @navbar-inverse-link-color;
411
+ @navbar-inverse-brand-hover-color: #fff;
412
+ @navbar-inverse-brand-hover-bg: transparent;
413
+
414
+ // Inverted navbar toggle
415
+ @navbar-inverse-toggle-hover-bg: #333;
416
+ @navbar-inverse-toggle-icon-bar-bg: #fff;
417
+ @navbar-inverse-toggle-border-color: #333;
418
+
419
+
420
+ //== Navs
421
+ //
422
+ //##
423
+
424
+ //=== Shared nav styles
425
+ @nav-link-padding: 10px 15px;
426
+ @nav-link-hover-bg: @gray-lighter;
427
+
428
+ @nav-disabled-link-color: @gray-light;
429
+ @nav-disabled-link-hover-color: @gray-light;
430
+
431
+ //== Tabs
432
+ @nav-tabs-border-color: #F2F6FA; // 原本为#ddd
433
+
434
+ @nav-tabs-link-hover-border-color: @gray-lighter;
435
+
436
+ @nav-tabs-active-link-hover-bg: @body-bg;
437
+ @nav-tabs-active-link-hover-color: @gray;
438
+ @nav-tabs-active-link-hover-border-color: #ddd;
439
+
440
+ @nav-tabs-justified-link-border-color: #ddd;
441
+ @nav-tabs-justified-active-link-border-color: @body-bg;
442
+
443
+ //== Pills
444
+ @nav-pills-border-radius: @border-radius-base;
445
+ @nav-pills-active-link-hover-bg: @component-active-bg;
446
+ @nav-pills-active-link-hover-color: @component-active-color;
447
+
448
+
449
+ //== Pagination
450
+ //
451
+ //##
452
+
453
+ @pagination-color: @link-color;
454
+ @pagination-bg: #fff;
455
+ @pagination-border: #fff; // 原本为#ddd
456
+
457
+ @pagination-hover-color: @link-hover-color;
458
+ @pagination-hover-bg: @gray-lighter;
459
+ @pagination-hover-border: #ddd;
460
+
461
+ @pagination-active-color: #fff;
462
+ @pagination-active-bg: @brand-primary;
463
+ @pagination-active-border: @brand-primary;
464
+
465
+ @pagination-disabled-color: @gray-light;
466
+ @pagination-disabled-bg: #fff;
467
+ @pagination-disabled-border: #ddd;
468
+
469
+
470
+ //== Pager
471
+ //
472
+ //##
473
+
474
+ @pager-bg: @pagination-bg;
475
+ @pager-border: @pagination-border;
476
+ @pager-border-radius: 3px; // 原本为15px
477
+
478
+ @pager-hover-bg: @pagination-hover-bg;
479
+
480
+ @pager-active-bg: @pagination-active-bg;
481
+ @pager-active-color: @pagination-active-color;
482
+
483
+ @pager-disabled-color: @pagination-disabled-color;
484
+
485
+
486
+ //== Jumbotron
487
+ //
488
+ //##
489
+
490
+ @jumbotron-padding: 30px;
491
+ @jumbotron-color: inherit;
492
+ @jumbotron-bg: @gray-lighter;
493
+ @jumbotron-heading-color: inherit;
494
+ @jumbotron-font-size: ceil((@font-size-base * 1.5));
495
+ @jumbotron-heading-font-size: ceil((@font-size-base * 4.5));
496
+
497
+
498
+ //== Form states and alerts
499
+ //
500
+ //## Define colors for form feedback states and, by default, alerts.
501
+
502
+ // @state-success-text: #3c763d;
503
+ // @state-success-bg: #FCFEEE; // 原本是#dff0d8
504
+ // @state-success-border: darken(spin(#E5DB86, -10), 5%); // 原本为@state-success-bg
505
+ //
506
+ // @state-info-text: #31708f;
507
+ // @state-info-bg: #d9edf7;
508
+ // @state-info-border: darken(spin(@state-info-bg, -10), 7%);
509
+ //
510
+ // @state-warning-text: #8a6d3b;
511
+ // @state-warning-bg: #fcf8e3;
512
+ // @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
513
+ //
514
+ // @state-danger-text: #a94442;
515
+ // @state-danger-bg: #f2dede;
516
+ // @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
517
+
518
+ @state-success-text: #3c763d;
519
+ @state-success-bg: #dff0d8;
520
+ @state-success-border: darken(spin(@state-success-bg, -10), 5%);
521
+
522
+ @state-info-text: #31708f;
523
+ @state-info-bg: #F2F6FA; // 原本为 #d9edf7
524
+ @state-info-border: #F2F6FA; // darken(spin(@state-info-bg, -10), 7%);
525
+
526
+ @state-warning-text: #8a6d3b;
527
+ @state-warning-bg: #fcf8e3;
528
+ @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
529
+
530
+ @state-danger-text: #a94442;
531
+ @state-danger-bg: #f2dede;
532
+ @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
533
+
534
+
535
+ //== Tooltips
536
+ //
537
+ //##
538
+
539
+ //** Tooltip max width
540
+ @tooltip-max-width: 200px;
541
+ //** Tooltip text color
542
+ @tooltip-color: #000;// #fff;
543
+ //** Tooltip background color
544
+ @tooltip-bg: #000;
545
+ @tooltip-opacity: .9;
546
+
547
+ //** Tooltip arrow width
548
+ @tooltip-arrow-width: 5px;
549
+ //** Tooltip arrow color
550
+ @tooltip-arrow-color: @tooltip-bg;
551
+
552
+
553
+ //== Popovers
554
+ //
555
+ //##
556
+
557
+ //** Popover body background color
558
+ @popover-bg: #fff;
559
+ //** Popover maximum width
560
+ @popover-max-width: 400px;
561
+ //** Popover border color
562
+ @popover-border-color: rgba(0,0,0,.2);
563
+ //** Popover fallback border color
564
+ @popover-fallback-border-color: #ccc;
565
+
566
+ //** Popover title background color
567
+ @popover-title-bg: darken(@popover-bg, 3%);
568
+
569
+ //** Popover arrow width
570
+ @popover-arrow-width: 10px;
571
+ //** Popover arrow color
572
+ @popover-arrow-color: @popover-bg;
573
+
574
+ //** Popover outer arrow width
575
+ @popover-arrow-outer-width: (@popover-arrow-width + 1);
576
+ //** Popover outer arrow color
577
+ @popover-arrow-outer-color: fadein(@popover-border-color, 5%);
578
+ //** Popover outer arrow fallback color
579
+ @popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
580
+
581
+
582
+ //== Labels
583
+ //
584
+ //##
585
+
586
+ //** Default label background color
587
+ @label-default-bg: @gray-light;
588
+ //** Primary label background color
589
+ @label-primary-bg: @brand-primary;
590
+ //** Success label background color
591
+ @label-success-bg: @brand-success;
592
+ //** Info label background color
593
+ @label-info-bg: @brand-info;
594
+ //** Warning label background color
595
+ @label-warning-bg: @brand-warning;
596
+ //** Danger label background color
597
+ @label-danger-bg: @brand-danger;
598
+
599
+ //** Default label text color
600
+ @label-color: #fff;
601
+ //** Default text color of a linked label
602
+ @label-link-hover-color: #fff;
603
+
604
+
605
+ //== Modals
606
+ //
607
+ //##
608
+
609
+ //** Padding applied to the modal body
610
+ @modal-inner-padding: 15px;
611
+
612
+ //** Padding applied to the modal title
613
+ @modal-title-padding: 15px;
614
+ //** Modal title line-height
615
+ @modal-title-line-height: @line-height-base;
616
+
617
+ //** Background color of modal content area
618
+ @modal-content-bg: #fff;
619
+ //** Modal content border color
620
+ @modal-content-border-color: rgba(0,0,0,.2);
621
+ //** Modal content border color **for IE8**
622
+ @modal-content-fallback-border-color: #999;
623
+
624
+ //** Modal backdrop background color
625
+ @modal-backdrop-bg: #000;
626
+ //** Modal backdrop opacity
627
+ @modal-backdrop-opacity: .5;
628
+ //** Modal header border color
629
+ @modal-header-border-color: #e5e5e5;
630
+ //** Modal footer border color
631
+ @modal-footer-border-color: @modal-header-border-color;
632
+
633
+ @modal-lg: 900px;
634
+ @modal-md: 800px;
635
+ @modal-sm: 300px;
636
+
637
+
638
+ //== Alerts
639
+ //
640
+ //## Define alert colors, border radius, and padding.
641
+
642
+ @alert-padding: 15px;
643
+ @alert-border-radius: @border-radius-base;
644
+ @alert-link-font-weight: bold;
645
+
646
+ @alert-success-bg: @state-success-bg;
647
+ @alert-success-text: @state-success-text;
648
+ @alert-success-border: @state-success-border;
649
+
650
+ // @alert-success-bg: #dff0d8;
651
+ // @alert-success-text: #3c763d;
652
+ // @alert-success-border: #d6e9c6;
653
+
654
+ @alert-info-bg: @state-info-bg;
655
+ @alert-info-text: @state-info-text;
656
+ @alert-info-border: @state-info-border;
657
+
658
+ @alert-warning-bg: @state-warning-bg;
659
+ @alert-warning-text: @state-warning-text;
660
+ @alert-warning-border: @state-warning-border;
661
+
662
+ @alert-danger-bg: @state-danger-bg;
663
+ @alert-danger-text: @state-danger-text;
664
+ @alert-danger-border: @state-danger-border;
665
+
666
+
667
+ //== Progress bars
668
+ //
669
+ //##
670
+
671
+ //** Background color of the whole progress component
672
+ @progress-bg: #f5f5f5;
673
+ //** Progress bar text color
674
+ @progress-bar-color: #fff;
675
+ //** Variable for setting rounded corners on progress bar.
676
+ @progress-border-radius: @border-radius-base;
677
+
678
+ //** Default progress bar color
679
+ @progress-bar-bg: @brand-primary;
680
+ //** Success progress bar color
681
+ @progress-bar-success-bg: @brand-success;
682
+ //** Warning progress bar color
683
+ @progress-bar-warning-bg: @brand-warning;
684
+ //** Danger progress bar color
685
+ @progress-bar-danger-bg: @brand-danger;
686
+ //** Info progress bar color
687
+ @progress-bar-info-bg: @brand-info;
688
+
689
+
690
+ //== List group
691
+ //
692
+ //##
693
+
694
+ //** Background color on `.list-group-item`
695
+ // 修改前
696
+ // @list-group-bg: #fff;
697
+ // 修改后
698
+ @list-group-bg: #4C637B;
699
+ //** `.list-group-item` border color
700
+ // @list-group-border: #697D93;
701
+ @list-group-border: #4a7cae;
702
+ //** List group border radius
703
+ @list-group-border-radius: @border-radius-base;
704
+
705
+ //** Background color of single list items on hover
706
+ @list-group-hover-bg: #f5f5f5;
707
+ //** Text color of active list items
708
+ @list-group-active-color: @component-active-color;
709
+ //** Background color of active list items
710
+ @list-group-active-bg: @component-active-bg;
711
+ //** Border color of active list elements
712
+ @list-group-active-border: @list-group-active-bg;
713
+ //** Text color for content within active list items
714
+ @list-group-active-text-color: lighten(@list-group-active-bg, 40%);
715
+
716
+ //** Text color of disabled list items
717
+ @list-group-disabled-color: @gray-light;
718
+ //** Background color of disabled list items
719
+ @list-group-disabled-bg: @gray-lighter;
720
+ //** Text color for content within disabled list items
721
+ @list-group-disabled-text-color: @list-group-disabled-color;
722
+
723
+ @list-group-link-color: #FCFCFC;
724
+ @list-group-link-hover-color: @list-group-link-color;
725
+ @list-group-link-heading-color: #FCFCFC;
726
+
727
+
728
+ //== Panels
729
+ //
730
+ //##
731
+
732
+ @panel-bg: #fff;
733
+ @panel-body-padding: @panel-heading-padding;
734
+ @panel-heading-padding: 8px;
735
+ @panel-footer-padding: @panel-heading-padding;
736
+ @panel-border-radius: @border-radius-base;
737
+
738
+ //** Border color for elements within panels
739
+ @panel-inner-border: #ddd;
740
+ @panel-footer-bg: #f5f5f5;
741
+
742
+ @panel-default-text: @gray-dark;
743
+ @panel-default-border: #ddd;
744
+ @panel-default-heading-bg: #f5f5f5;
745
+
746
+ @panel-primary-text: #fff;
747
+ @panel-primary-border: @brand-primary;
748
+ @panel-primary-heading-bg: @brand-primary;
749
+
750
+ @panel-success-text: @state-success-text;
751
+ @panel-success-border: @state-success-border;
752
+ @panel-success-heading-bg: @state-success-bg;
753
+
754
+ @panel-info-text: @state-info-text;
755
+ @panel-info-border: @state-info-border;
756
+ @panel-info-heading-bg: @state-info-bg;
757
+
758
+ @panel-warning-text: @state-warning-text;
759
+ @panel-warning-border: @state-warning-border;
760
+ @panel-warning-heading-bg: @state-warning-bg;
761
+
762
+ @panel-danger-text: @state-danger-text;
763
+ @panel-danger-border: @state-danger-border;
764
+ @panel-danger-heading-bg: @state-danger-bg;
765
+
766
+
767
+ //== Thumbnails
768
+ //
769
+ //##
770
+
771
+ //** Padding around the thumbnail image
772
+ @thumbnail-padding: 4px;
773
+ //** Thumbnail background color
774
+ @thumbnail-bg: @body-bg;
775
+ //** Thumbnail border color
776
+ @thumbnail-border: #ddd;
777
+ //** Thumbnail border radius
778
+ @thumbnail-border-radius: @border-radius-base;
779
+
780
+ //** Custom text color for thumbnail captions
781
+ @thumbnail-caption-color: @text-color;
782
+ //** Padding around the thumbnail caption
783
+ @thumbnail-caption-padding: 9px;
784
+
785
+
786
+ //== Wells
787
+ //
788
+ //##
789
+
790
+ @well-bg: #f5f5f5;
791
+ @well-border: darken(@well-bg, 7%);
792
+
793
+
794
+ //== Badges
795
+ //
796
+ //##
797
+
798
+ @badge-color: #fff;
799
+ //** Linked badge text color on hover
800
+ @badge-link-hover-color: #fff;
801
+ @badge-bg: @gray-light;
802
+
803
+ //** Badge text color in active nav link
804
+ @badge-active-color: @link-color;
805
+ //** Badge background color in active nav link
806
+ @badge-active-bg: #fff;
807
+
808
+ @badge-font-weight: bold;
809
+ @badge-line-height: 1;
810
+ @badge-border-radius: 10px;
811
+
812
+
813
+ //== Breadcrumbs
814
+ //
815
+ //##
816
+
817
+ @breadcrumb-padding-vertical: 8px;
818
+ @breadcrumb-padding-horizontal: 15px;
819
+ //** Breadcrumb background color
820
+ @breadcrumb-bg: #f5f5f5;
821
+ //** Breadcrumb text color
822
+ @breadcrumb-color: #ccc;
823
+ //** Text color of current page in the breadcrumb
824
+ @breadcrumb-active-color: @gray-light;
825
+ //** Textual separator for between breadcrumb elements
826
+ @breadcrumb-separator: "/";
827
+
828
+
829
+ //== Carousel
830
+ //
831
+ //##
832
+
833
+ @carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
834
+
835
+ @carousel-control-color: #fff;
836
+ @carousel-control-width: 15%;
837
+ @carousel-control-opacity: .5;
838
+ @carousel-control-font-size: 20px;
839
+
840
+ @carousel-indicator-active-bg: #fff;
841
+ @carousel-indicator-border-color: #fff;
842
+
843
+ @carousel-caption-color: #fff;
844
+
845
+
846
+ //== Close
847
+ //
848
+ //##
849
+
850
+ @close-font-weight: bold;
851
+ @close-color: #000;
852
+ @close-text-shadow: 0 1px 0 #fff;
853
+
854
+
855
+ //== Code
856
+ //
857
+ //##
858
+
859
+ @code-color: #c7254e;
860
+ @code-bg: #f9f2f4;
861
+
862
+ @kbd-color: #fff;
863
+ @kbd-bg: #333;
864
+
865
+ @pre-bg: #f5f5f5;
866
+ @pre-color: @gray-dark;
867
+ @pre-border-color: #ccc;
868
+ @pre-scrollable-max-height: 340px;
869
+
870
+
871
+ //== Type
872
+ //
873
+ //##
874
+
875
+ //** Horizontal offset for forms and lists.
876
+ @component-offset-horizontal: 180px;
877
+ //** Text muted color
878
+ @text-muted: @gray-light;
879
+ //** Abbreviations and acronyms border color
880
+ @abbr-border-color: @gray-light;
881
+ //** Headings small color
882
+ @headings-small-color: @gray-light;
883
+ //** Blockquote small color
884
+ @blockquote-small-color: @gray-light;
885
+ //** Blockquote font size
886
+ @blockquote-font-size: (@font-size-base * 1.25);
887
+ //** Blockquote border color
888
+ @blockquote-border-color: @gray-lighter;
889
+ //** Page header border color
890
+ @page-header-border-color: @gray-lighter;
891
+ //** Width of horizontal description list titles
892
+ @dl-horizontal-offset: @component-offset-horizontal;
893
+ //** Horizontal line color.
894
+ @hr-border: @gray-lighter;
895
+
896
+ // custom variables
897
+ @global-color: #00A3F0;
898
+ @btn-sm-margin-bottom: 0px;
899
+ @btn-margin-bottom: 5px;