system-phone 3.0.49-51 → 3.0.49-53

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