safecheck-client 3.0.34-3 → 3.0.34-4

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 (292) hide show
  1. package/.babelrc +5 -5
  2. package/.editorconfig +9 -9
  3. package/android.html +18 -18
  4. package/config/dev.env.js +6 -6
  5. package/config/index.js +38 -38
  6. package/config/prod.env.js +3 -3
  7. package/config/test.env.js +6 -6
  8. package/docs/AppBase.md +22 -22
  9. package/docs/Busy.md +14 -14
  10. package/docs/CriteriaPaged.md +47 -47
  11. package/docs/DataGrid.md +54 -54
  12. package/docs/DataModel.md +22 -22
  13. package/docs/Dynamic.md +42 -42
  14. package/docs/FormPrint.md +18 -18
  15. package/docs/GetParams.md +11 -11
  16. package/docs/GridTree.md +47 -47
  17. package/docs/HttpBusy.md +13 -13
  18. package/docs/HttpStore.md +29 -29
  19. package/docs/MessageBox.md +28 -28
  20. package/docs/PagedList.md +29 -29
  21. package/docs/Pager.md +21 -21
  22. package/docs/PrintFile.md +38 -38
  23. package/docs/Project.md +23 -23
  24. package/docs/Route.md +105 -105
  25. package/docs/SafetyCheck/AdjustPlan.md +13 -13
  26. package/docs/SafetyCheck/CheckerPlan.md +12 -12
  27. package/docs/Task.md +46 -46
  28. package/docs/TreeList.md +28 -28
  29. package/docs/TreeMixin.md +18 -18
  30. package/docs/all.md +10 -10
  31. package/docs/list.md +42 -42
  32. package/docs/partial.md +75 -75
  33. package/docs/selector.md +82 -82
  34. package/docs/tree.md +40 -40
  35. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/Snippets.md +28 -28
  36. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue-strap/345/217/230/346/233/264/350/256/260/345/275/225.md +7 -7
  37. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue/345/217/230/346/233/264/350/256/260/345/275/225.md +13 -13
  38. package/docs//345/274/200/345/217/221/346/226/207/346/241/243//345/274/200/345/217/221/347/216/257/345/242/203/350/256/276/347/275/256.md +77 -77
  39. package/docs//347/225/214/351/235/242/345/210/266/344/275/234/350/247/204/350/214/203.md +54 -54
  40. package/examples/AddressList/App.vue +13 -13
  41. package/examples/AddressList/index.html +11 -11
  42. package/examples/DispatchList/App.vue +10 -10
  43. package/examples/DispatchList/BaseTree.vue +13 -13
  44. package/examples/DispatchList/Init.vue +22 -22
  45. package/examples/DispatchList/Test.vue +20 -20
  46. package/examples/DispatchList/index.html +11 -11
  47. package/examples/DispatchList/main.js +18 -18
  48. package/home.html +16 -16
  49. package/package.json +1 -1
  50. package/publish.bat +7 -7
  51. package/release.bat +5 -5
  52. package/src/Widget.vue +13 -13
  53. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  54. package/src/android-bootstrap/less/.csscomb.json +304 -304
  55. package/src/android-bootstrap/less/.csslintrc +19 -19
  56. package/src/android-bootstrap/less/alerts.less +73 -73
  57. package/src/android-bootstrap/less/badges.less +66 -66
  58. package/src/android-bootstrap/less/bootstrap.less +56 -56
  59. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  60. package/src/android-bootstrap/less/button-groups.less +247 -247
  61. package/src/android-bootstrap/less/buttons.less +173 -173
  62. package/src/android-bootstrap/less/carousel.less +269 -269
  63. package/src/android-bootstrap/less/close.less +34 -34
  64. package/src/android-bootstrap/less/code.less +69 -69
  65. package/src/android-bootstrap/less/component-animations.less +33 -33
  66. package/src/android-bootstrap/less/grid.less +84 -84
  67. package/src/android-bootstrap/less/input-groups.less +167 -167
  68. package/src/android-bootstrap/less/jumbotron.less +52 -52
  69. package/src/android-bootstrap/less/labels.less +64 -64
  70. package/src/android-bootstrap/less/list-group.less +141 -141
  71. package/src/android-bootstrap/less/media.less +66 -66
  72. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  73. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  74. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  75. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  76. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  77. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  78. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  79. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  80. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  81. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  82. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  83. package/src/android-bootstrap/less/mixins/image.less +33 -33
  84. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  85. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  86. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  87. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  88. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  89. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  90. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  91. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  92. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  93. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  94. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  95. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  96. package/src/android-bootstrap/less/mixins/size.less +10 -10
  97. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  98. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  99. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  100. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  101. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  102. package/src/android-bootstrap/less/mixins.less +40 -40
  103. package/src/android-bootstrap/less/modals.less +151 -151
  104. package/src/android-bootstrap/less/navbar.less +660 -660
  105. package/src/android-bootstrap/less/navs.less +290 -290
  106. package/src/android-bootstrap/less/normalize.less +424 -424
  107. package/src/android-bootstrap/less/pager.less +76 -76
  108. package/src/android-bootstrap/less/pagination.less +89 -89
  109. package/src/android-bootstrap/less/panels.less +274 -274
  110. package/src/android-bootstrap/less/popovers.less +131 -131
  111. package/src/android-bootstrap/less/print.less +101 -101
  112. package/src/android-bootstrap/less/progress-bars.less +87 -87
  113. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  114. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  115. package/src/android-bootstrap/less/scaffolding.less +161 -161
  116. package/src/android-bootstrap/less/tables.less +262 -262
  117. package/src/android-bootstrap/less/theme.less +291 -291
  118. package/src/android-bootstrap/less/thumbnails.less +36 -36
  119. package/src/android-bootstrap/less/tooltip.less +102 -102
  120. package/src/android-bootstrap/less/type.less +303 -303
  121. package/src/android-bootstrap/less/utilities.less +55 -55
  122. package/src/android-bootstrap/less/variables.less +896 -896
  123. package/src/android-bootstrap/less/wells.less +29 -29
  124. package/src/androidTest.js +20 -20
  125. package/src/bootstrap/less/.csscomb.json +304 -304
  126. package/src/bootstrap/less/.csslintrc +19 -19
  127. package/src/bootstrap/less/alerts.less +73 -73
  128. package/src/bootstrap/less/badges.less +66 -66
  129. package/src/bootstrap/less/breadcrumbs.less +26 -26
  130. package/src/bootstrap/less/button-groups.less +247 -247
  131. package/src/bootstrap/less/buttons.less +172 -172
  132. package/src/bootstrap/less/carousel.less +269 -269
  133. package/src/bootstrap/less/close.less +34 -34
  134. package/src/bootstrap/less/code.less +69 -69
  135. package/src/bootstrap/less/component-animations.less +33 -33
  136. package/src/bootstrap/less/dropdowns.less +216 -216
  137. package/src/bootstrap/less/forms.less +626 -626
  138. package/src/bootstrap/less/grid.less +84 -84
  139. package/src/bootstrap/less/input-groups.less +167 -167
  140. package/src/bootstrap/less/jumbotron.less +52 -52
  141. package/src/bootstrap/less/labels.less +64 -64
  142. package/src/bootstrap/less/list-group.less +141 -141
  143. package/src/bootstrap/less/media.less +66 -66
  144. package/src/bootstrap/less/mixins/alerts.less +14 -14
  145. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  146. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  147. package/src/bootstrap/less/mixins/buttons.less +69 -69
  148. package/src/bootstrap/less/mixins/center-block.less +7 -7
  149. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  150. package/src/bootstrap/less/mixins/forms.less +90 -90
  151. package/src/bootstrap/less/mixins/gradients.less +59 -59
  152. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  153. package/src/bootstrap/less/mixins/grid.less +122 -122
  154. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  155. package/src/bootstrap/less/mixins/image.less +33 -33
  156. package/src/bootstrap/less/mixins/labels.less +12 -12
  157. package/src/bootstrap/less/mixins/list-group.less +30 -30
  158. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  159. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  160. package/src/bootstrap/less/mixins/opacity.less +8 -8
  161. package/src/bootstrap/less/mixins/pagination.less +24 -24
  162. package/src/bootstrap/less/mixins/panels.less +24 -24
  163. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  164. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  165. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  166. package/src/bootstrap/less/mixins/resize.less +6 -6
  167. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  168. package/src/bootstrap/less/mixins/size.less +10 -10
  169. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  170. package/src/bootstrap/less/mixins/table-row.less +44 -44
  171. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  172. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  173. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  174. package/src/bootstrap/less/mixins.less +40 -40
  175. package/src/bootstrap/less/modals.less +151 -151
  176. package/src/bootstrap/less/navbar.less +660 -660
  177. package/src/bootstrap/less/normalize.less +424 -424
  178. package/src/bootstrap/less/pager.less +76 -76
  179. package/src/bootstrap/less/pagination.less +89 -89
  180. package/src/bootstrap/less/panels.less +275 -275
  181. package/src/bootstrap/less/popovers.less +131 -131
  182. package/src/bootstrap/less/print.less +101 -101
  183. package/src/bootstrap/less/progress-bars.less +87 -87
  184. package/src/bootstrap/less/responsive-embed.less +35 -35
  185. package/src/bootstrap/less/responsive-utilities.less +194 -194
  186. package/src/bootstrap/less/scaffolding.less +161 -161
  187. package/src/bootstrap/less/theme.less +291 -291
  188. package/src/bootstrap/less/thumbnails.less +36 -36
  189. package/src/bootstrap/less/tooltip.less +102 -102
  190. package/src/bootstrap/less/type.less +303 -303
  191. package/src/bootstrap/less/utilities.less +55 -55
  192. package/src/bootstrap/less/wells.less +29 -29
  193. package/src/components/FileUpload.vue +696 -696
  194. package/src/components/Hello.vue +39 -39
  195. package/src/components/LeftTree.vue +27 -27
  196. package/src/components/android/AddGas.vue +147 -147
  197. package/src/components/android/AddressList.vue +61 -61
  198. package/src/components/android/AreaPlan.vue +572 -572
  199. package/src/components/android/AttendanceTally.vue +116 -116
  200. package/src/components/android/Blank.vue +10 -10
  201. package/src/components/android/CheckUnplanPage.vue +56 -56
  202. package/src/components/android/Checker.vue +12 -12
  203. package/src/components/android/CheckerAnnual.vue +81 -81
  204. package/src/components/android/CheckerAvarta.vue +82 -82
  205. package/src/components/android/CheckerMonthly.vue +84 -84
  206. package/src/components/android/EquipmentInspection.vue +348 -348
  207. package/src/components/android/FootprintMap.vue +120 -120
  208. package/src/components/android/HiddentroubleInvestigation.vue +192 -192
  209. package/src/components/android/LcheckUnplan.vue +108 -108
  210. package/src/components/android/MasterMain.vue +77 -77
  211. package/src/components/android/Menu.vue +132 -132
  212. package/src/components/android/NavBottom.vue +157 -157
  213. package/src/components/android/PaperAlarm.vue +85 -85
  214. package/src/components/android/PaperDeviceNoncivil.vue +214 -214
  215. package/src/components/android/PlumberAnnual.vue +83 -83
  216. package/src/components/android/PlumberAnnualDetail.vue +65 -65
  217. package/src/components/android/PlumberMonthly.vue +84 -84
  218. package/src/components/android/PostMap.vue +83 -83
  219. package/src/components/android/QueryCheckHistory.vue +122 -122
  220. package/src/components/android/QueryCheckHistoryItem.vue +62 -62
  221. package/src/components/android/RepairMain.vue +60 -60
  222. package/src/components/android/Repairman.vue +12 -12
  223. package/src/components/android/SafePlanItem.vue +509 -509
  224. package/src/components/android/SafecheckOrderV.vue +2809 -2809
  225. package/src/components/android/StationMaster.vue +12 -12
  226. package/src/components/android/SwitchValve.vue +323 -323
  227. package/src/components/checkerphonestate/Checker.vue +32 -32
  228. package/src/components/checkerphonestate/CheckerState.vue +97 -97
  229. package/src/components/defects/AddDefectModal.vue +120 -120
  230. package/src/components/defects/AddDevice.vue +95 -95
  231. package/src/components/defects/DefectModal.vue +101 -101
  232. package/src/components/defects/DevicesAndItem.vue +39 -39
  233. package/src/components/defects/DevicesSeting.vue +106 -106
  234. package/src/components/issueplan/IssuePlanMain.vue +23 -23
  235. package/src/components/metterfiles/AddUserfiles.vue +246 -246
  236. package/src/components/metterfiles/MetterFiles.vue +104 -104
  237. package/src/components/notice/NoticeForm.vue +100 -100
  238. package/src/components/notice/NoticeIssue.vue +20 -20
  239. package/src/components/notice/NoticeQuery.vue +76 -76
  240. package/src/components/paper/PicViewer.vue +18 -18
  241. package/src/components/paper/RepairVerifyForm.vue +76 -76
  242. package/src/components/phonestate/DailyTraffic.vue +57 -57
  243. package/src/components/phonestate/LastKnownState.vue +74 -74
  244. package/src/components/phonestate/MonthlyTraffic.vue +66 -66
  245. package/src/components/phonestate/MonthlyTrafficRouter.vue +15 -15
  246. package/src/components/phonestate/PostMap.vue +82 -82
  247. package/src/components/querycheckpaper/PaperItem.vue +59 -59
  248. package/src/components/safecheckNew/android/SafecheckOrderV.vue +2731 -2731
  249. package/src/components/task/RepairAnnual.vue +79 -79
  250. package/src/components/task/RepairAnnualDetail.vue +49 -49
  251. package/src/components/task/RepairMonthly.vue +91 -91
  252. package/src/components/task/TaskAnnual.vue +77 -77
  253. package/src/components/task/TaskAnnualDetail.vue +47 -47
  254. package/src/components/task/TaskMonthly.vue +89 -89
  255. package/src/components/userfile/MeterFile.vue +145 -145
  256. package/src/components/userfile/MeterModify.vue +46 -46
  257. package/src/components/userfile/UserfileChange.vue +277 -277
  258. package/src/components/userfileaudit/MeterAuditFile.vue +129 -129
  259. package/src/filiale/baiyin/pc/checkUserList.vue +771 -771
  260. package/src/filiale/baiyin/pc.js +21 -21
  261. package/src/filiale/rongchuang/android/SafecheckOrderV.vue +2696 -2696
  262. package/src/filiale/siyang/pc/NewCheckpaper.vue +1938 -1938
  263. package/src/filiale/siyang/pc/checkUserList.vue +786 -786
  264. package/src/filiale/siyang/pc.js +16 -16
  265. package/src/filiale/weinan/android/SafecheckDevices.vue +1295 -1295
  266. package/src/filiale/weinan/pc/DefectListNew.vue +617 -617
  267. package/src/filiale/weinan/pc/DefectMainNew.vue +63 -63
  268. package/src/filiale/weinan/pc.js +46 -46
  269. package/src/filiale/wuan/android/SafecheckOrderV.vue +2240 -2240
  270. package/src/filiale/wuan/android/SafecheckUserInfo.vue +592 -592
  271. package/src/filiale/yangchunboneng/android/CurrentCreate.vue +1200 -1195
  272. package/src/filiale/yangchunboneng/android/DailyworkloadQuery.vue +480 -477
  273. package/src/filiale/yangchunboneng/android/safeHistoryLook.vue +481 -478
  274. package/src/filiale/yangchunboneng/pc/CheckBookUser.vue +269 -269
  275. package/src/filiale/yangchunboneng/pc/DefectPaperNew.vue +1128 -1128
  276. package/src/filiale/yangchunboneng/pc/PaperDefectMain.vue +972 -972
  277. package/src/filiale/yangchunboneng/pc/PaperList.vue +773 -773
  278. package/src/filiale/yuansheng/android/SwitchValve.vue +322 -322
  279. package/src/filiale/yuansheng/android.js +17 -17
  280. package/src/main.js +33 -33
  281. package/src/plugins/LoadData.js +10 -10
  282. package/src/plugins/LoadParams.js +24 -24
  283. package/src/stores/wxconfig.js +10 -10
  284. package/src/utils/getNowDate.js +33 -33
  285. package/test/e2e/custom-assertions/elementCount.js +26 -26
  286. package/test/e2e/nightwatch.conf.js +40 -40
  287. package/test/e2e/runner.js +30 -30
  288. package/test/e2e/specs/test.js +13 -13
  289. package/test/unit/.eslintrc +5 -5
  290. package/test/unit/TestUtil.js +62 -62
  291. package/test/unit/context.html +20 -20
  292. package/test/unit/index.js +13 -13
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;