safecheck-client 3.0.35-4 → 3.0.35-6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (267) 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/GetParams.md +11 -11
  15. package/docs/HttpBusy.md +13 -13
  16. package/docs/HttpStore.md +29 -29
  17. package/docs/MessageBox.md +28 -28
  18. package/docs/PagedList.md +29 -29
  19. package/docs/Pager.md +21 -21
  20. package/docs/Project.md +23 -23
  21. package/docs/Route.md +105 -105
  22. package/docs/SafetyCheck/AdjustPlan.md +13 -13
  23. package/docs/SafetyCheck/CheckerPlan.md +12 -12
  24. package/docs/Task.md +46 -46
  25. package/docs/TreeList.md +28 -28
  26. package/docs/TreeMixin.md +18 -18
  27. package/docs/all.md +10 -10
  28. package/docs/list.md +42 -42
  29. package/docs/partial.md +75 -75
  30. package/docs/selector.md +82 -82
  31. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/Snippets.md +28 -28
  32. 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
  33. 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
  34. 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
  35. package/docs//347/225/214/351/235/242/345/210/266/344/275/234/350/247/204/350/214/203.md +54 -54
  36. package/examples/AddressList/App.vue +13 -13
  37. package/examples/AddressList/index.html +11 -11
  38. package/examples/DispatchList/App.vue +10 -10
  39. package/examples/DispatchList/BaseTree.vue +13 -13
  40. package/examples/DispatchList/Init.vue +22 -22
  41. package/examples/DispatchList/Test.vue +20 -20
  42. package/examples/DispatchList/index.html +11 -11
  43. package/examples/DispatchList/main.js +18 -18
  44. package/home.html +16 -16
  45. package/package.json +1 -1
  46. package/publish.bat +7 -7
  47. package/release.bat +5 -5
  48. package/src/Widget.vue +13 -13
  49. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  50. package/src/android-bootstrap/less/.csscomb.json +304 -304
  51. package/src/android-bootstrap/less/.csslintrc +19 -19
  52. package/src/android-bootstrap/less/alerts.less +73 -73
  53. package/src/android-bootstrap/less/badges.less +66 -66
  54. package/src/android-bootstrap/less/bootstrap.less +56 -56
  55. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  56. package/src/android-bootstrap/less/button-groups.less +247 -247
  57. package/src/android-bootstrap/less/buttons.less +173 -173
  58. package/src/android-bootstrap/less/carousel.less +269 -269
  59. package/src/android-bootstrap/less/close.less +34 -34
  60. package/src/android-bootstrap/less/code.less +69 -69
  61. package/src/android-bootstrap/less/component-animations.less +33 -33
  62. package/src/android-bootstrap/less/grid.less +84 -84
  63. package/src/android-bootstrap/less/input-groups.less +167 -167
  64. package/src/android-bootstrap/less/jumbotron.less +52 -52
  65. package/src/android-bootstrap/less/labels.less +64 -64
  66. package/src/android-bootstrap/less/list-group.less +141 -141
  67. package/src/android-bootstrap/less/media.less +66 -66
  68. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  69. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  70. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  71. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  72. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  73. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  74. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  75. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  76. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  77. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  78. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  79. package/src/android-bootstrap/less/mixins/image.less +33 -33
  80. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  81. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  82. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  83. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  84. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  85. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  86. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  87. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  88. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  89. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  90. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  91. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  92. package/src/android-bootstrap/less/mixins/size.less +10 -10
  93. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  94. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  95. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  96. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  97. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  98. package/src/android-bootstrap/less/mixins.less +40 -40
  99. package/src/android-bootstrap/less/modals.less +151 -151
  100. package/src/android-bootstrap/less/navbar.less +660 -660
  101. package/src/android-bootstrap/less/navs.less +290 -290
  102. package/src/android-bootstrap/less/normalize.less +424 -424
  103. package/src/android-bootstrap/less/pager.less +76 -76
  104. package/src/android-bootstrap/less/pagination.less +89 -89
  105. package/src/android-bootstrap/less/panels.less +274 -274
  106. package/src/android-bootstrap/less/popovers.less +131 -131
  107. package/src/android-bootstrap/less/print.less +101 -101
  108. package/src/android-bootstrap/less/progress-bars.less +87 -87
  109. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  110. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  111. package/src/android-bootstrap/less/scaffolding.less +161 -161
  112. package/src/android-bootstrap/less/tables.less +262 -262
  113. package/src/android-bootstrap/less/theme.less +291 -291
  114. package/src/android-bootstrap/less/thumbnails.less +36 -36
  115. package/src/android-bootstrap/less/tooltip.less +102 -102
  116. package/src/android-bootstrap/less/type.less +303 -303
  117. package/src/android-bootstrap/less/utilities.less +55 -55
  118. package/src/android-bootstrap/less/variables.less +896 -896
  119. package/src/android-bootstrap/less/wells.less +29 -29
  120. package/src/androidTest.js +20 -20
  121. package/src/bootstrap/less/.csscomb.json +304 -304
  122. package/src/bootstrap/less/.csslintrc +19 -19
  123. package/src/bootstrap/less/alerts.less +73 -73
  124. package/src/bootstrap/less/badges.less +66 -66
  125. package/src/bootstrap/less/breadcrumbs.less +26 -26
  126. package/src/bootstrap/less/button-groups.less +247 -247
  127. package/src/bootstrap/less/buttons.less +172 -172
  128. package/src/bootstrap/less/carousel.less +269 -269
  129. package/src/bootstrap/less/close.less +34 -34
  130. package/src/bootstrap/less/code.less +69 -69
  131. package/src/bootstrap/less/component-animations.less +33 -33
  132. package/src/bootstrap/less/dropdowns.less +216 -216
  133. package/src/bootstrap/less/forms.less +626 -626
  134. package/src/bootstrap/less/grid.less +84 -84
  135. package/src/bootstrap/less/input-groups.less +167 -167
  136. package/src/bootstrap/less/jumbotron.less +52 -52
  137. package/src/bootstrap/less/labels.less +64 -64
  138. package/src/bootstrap/less/list-group.less +141 -141
  139. package/src/bootstrap/less/media.less +66 -66
  140. package/src/bootstrap/less/mixins/alerts.less +14 -14
  141. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  142. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  143. package/src/bootstrap/less/mixins/buttons.less +69 -69
  144. package/src/bootstrap/less/mixins/center-block.less +7 -7
  145. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  146. package/src/bootstrap/less/mixins/forms.less +90 -90
  147. package/src/bootstrap/less/mixins/gradients.less +59 -59
  148. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  149. package/src/bootstrap/less/mixins/grid.less +122 -122
  150. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  151. package/src/bootstrap/less/mixins/image.less +33 -33
  152. package/src/bootstrap/less/mixins/labels.less +12 -12
  153. package/src/bootstrap/less/mixins/list-group.less +30 -30
  154. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  155. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  156. package/src/bootstrap/less/mixins/opacity.less +8 -8
  157. package/src/bootstrap/less/mixins/pagination.less +24 -24
  158. package/src/bootstrap/less/mixins/panels.less +24 -24
  159. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  160. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  161. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  162. package/src/bootstrap/less/mixins/resize.less +6 -6
  163. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  164. package/src/bootstrap/less/mixins/size.less +10 -10
  165. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  166. package/src/bootstrap/less/mixins/table-row.less +44 -44
  167. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  168. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  169. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  170. package/src/bootstrap/less/mixins.less +40 -40
  171. package/src/bootstrap/less/modals.less +151 -151
  172. package/src/bootstrap/less/navbar.less +660 -660
  173. package/src/bootstrap/less/normalize.less +424 -424
  174. package/src/bootstrap/less/pager.less +76 -76
  175. package/src/bootstrap/less/pagination.less +89 -89
  176. package/src/bootstrap/less/panels.less +275 -275
  177. package/src/bootstrap/less/popovers.less +131 -131
  178. package/src/bootstrap/less/print.less +101 -101
  179. package/src/bootstrap/less/progress-bars.less +87 -87
  180. package/src/bootstrap/less/responsive-embed.less +35 -35
  181. package/src/bootstrap/less/responsive-utilities.less +194 -194
  182. package/src/bootstrap/less/scaffolding.less +161 -161
  183. package/src/bootstrap/less/theme.less +291 -291
  184. package/src/bootstrap/less/thumbnails.less +36 -36
  185. package/src/bootstrap/less/tooltip.less +102 -102
  186. package/src/bootstrap/less/type.less +303 -303
  187. package/src/bootstrap/less/utilities.less +55 -55
  188. package/src/bootstrap/less/wells.less +29 -29
  189. package/src/components/FileUpload.vue +696 -696
  190. package/src/components/Hello.vue +39 -39
  191. package/src/components/LeftTree.vue +27 -27
  192. package/src/components/NewDefectList/DefectListNew.vue +617 -617
  193. package/src/components/android/AddPlanItemYy.vue +451 -451
  194. package/src/components/android/AddressList.vue +61 -61
  195. package/src/components/android/AttendanceTally.vue +116 -116
  196. package/src/components/android/Blank.vue +10 -10
  197. package/src/components/android/CheckUnplanPage.vue +56 -56
  198. package/src/components/android/Checker.vue +12 -12
  199. package/src/components/android/CheckerAnnual.vue +81 -81
  200. package/src/components/android/CheckerAvarta.vue +82 -82
  201. package/src/components/android/EquipmentInspection.vue +348 -348
  202. package/src/components/android/FootprintMap.vue +120 -120
  203. package/src/components/android/HiddentroubleInvestigation.vue +192 -192
  204. package/src/components/android/MasterMain.vue +77 -77
  205. package/src/components/android/Menu.vue +132 -132
  206. package/src/components/android/NavBottom.vue +157 -157
  207. package/src/components/android/PaperAlarm.vue +85 -85
  208. package/src/components/android/PaperDeviceNoncivil.vue +214 -214
  209. package/src/components/android/PlumberAnnual.vue +83 -83
  210. package/src/components/android/PlumberAnnualDetail.vue +65 -65
  211. package/src/components/android/PlumberMonthly.vue +84 -84
  212. package/src/components/android/PostMap.vue +83 -83
  213. package/src/components/android/QueryCheckHistory.vue +122 -122
  214. package/src/components/android/QueryCheckHistoryItem.vue +62 -62
  215. package/src/components/android/RepairMain.vue +60 -60
  216. package/src/components/android/Repairman.vue +12 -12
  217. package/src/components/android/SafecheckOrderV.vue +2805 -2805
  218. package/src/components/android/StationMaster.vue +12 -12
  219. package/src/components/android/examples/SafeListExamples.vue +296 -296
  220. package/src/components/defects/DefectModal.vue +101 -101
  221. package/src/components/defects/DevicesAndItem.vue +39 -39
  222. package/src/components/issueplan/IssuePlanMain.vue +23 -23
  223. package/src/components/notice/NoticeForm.vue +100 -100
  224. package/src/components/notice/NoticeIssue.vue +20 -20
  225. package/src/components/paper/PicViewer.vue +18 -18
  226. package/src/components/phonestate/MonthlyTraffic.vue +66 -66
  227. package/src/components/phonestate/MonthlyTrafficRouter.vue +15 -15
  228. package/src/components/phonestate/PostMap.vue +82 -82
  229. package/src/components/querycheckpaper/PaperItem.vue +59 -59
  230. package/src/components/rongcheng/AspiratedAreaPlan.vue +574 -574
  231. package/src/components/rongcheng/PhoneUpUserinfo.vue +1236 -1236
  232. package/src/components/userfile/MeterFile.vue +145 -145
  233. package/src/components/userfile/MeterModify.vue +46 -46
  234. package/src/components/userfileaudit/MeterAuditFile.vue +129 -129
  235. package/src/filiale/bayan/android/AddPlanItem.vue +430 -430
  236. package/src/filiale/bayan/android/CheckPlanDown.vue +2 -2
  237. package/src/filiale/bayan/android/PhoneUpUserinfo.vue +1380 -1377
  238. package/src/filiale/bayan/android/SafecheckOrderV.vue +2922 -2866
  239. package/src/filiale/bayan/pc/PlanManage.vue +2 -0
  240. package/src/filiale/jiaxian/android/SafecheckOrderV.vue +2807 -2807
  241. package/src/filiale/qianneng/android/SafecheckOrderV.vue +2785 -2785
  242. package/src/filiale/shanxian/android/AddPlanItem.vue +447 -447
  243. package/src/filiale/shanxian/android/SafecheckOrderV.vue +2979 -2979
  244. package/src/filiale/shanxian/pc/checkUserList.vue +700 -700
  245. package/src/filiale/siyang/android/AddPlanItem.vue +450 -450
  246. package/src/filiale/siyang/pc/CheckSearchUser.vue +1035 -1035
  247. package/src/filiale/tongchuan/pc/PaperDefectMain.vue +1060 -1060
  248. package/src/filiale/weinan/pc/CheckBookSearchUserList.vue +735 -735
  249. package/src/filiale/weinan/pc/CheckDetail.vue +278 -278
  250. package/src/filiale/weinan/pc/checkUserList.vue +712 -712
  251. package/src/filiale/xilan/android/AddPlanItem.vue +461 -461
  252. package/src/filiale/xilan/android/CurrentCreate.vue +1067 -1067
  253. package/src/filiale/xilan/android.js +11 -11
  254. package/src/main.js +33 -33
  255. package/src/plugins/LoadData.js +10 -10
  256. package/src/plugins/LoadParams.js +24 -24
  257. package/src/safecheck-android.js +307 -307
  258. package/src/stores/wxconfig.js +10 -10
  259. package/src/utils/getNowDate.js +33 -33
  260. package/test/e2e/custom-assertions/elementCount.js +26 -26
  261. package/test/e2e/nightwatch.conf.js +40 -40
  262. package/test/e2e/runner.js +30 -30
  263. package/test/e2e/specs/test.js +13 -13
  264. package/test/unit/.eslintrc +5 -5
  265. package/test/unit/TestUtil.js +62 -62
  266. package/test/unit/context.html +20 -20
  267. package/test/unit/index.js +13 -13
@@ -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;