system-phone 3.0.49-57 → 3.0.49-59

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