safecheck-client 3.0.33-97 → 3.0.33-99

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