bootstrap-theme.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397
  1. /*!
  2. * Bootstrap v3.0.3 (http://getbootstrap.com)
  3. * Copyright 2013 Twitter, Inc.
  4. * Licensed under http://www.apache.org/licenses/LICENSE-2.0
  5. */
  6. .btn-default,
  7. .btn-primary,
  8. .btn-success,
  9. .btn-info,
  10. .btn-warning,
  11. .btn-danger {
  12. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  13. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  14. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  15. }
  16. .btn-default:active,
  17. .btn-primary:active,
  18. .btn-success:active,
  19. .btn-info:active,
  20. .btn-warning:active,
  21. .btn-danger:active,
  22. .btn-default.active,
  23. .btn-primary.active,
  24. .btn-success.active,
  25. .btn-info.active,
  26. .btn-warning.active,
  27. .btn-danger.active {
  28. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  29. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  30. }
  31. .btn:active,
  32. .btn.active {
  33. background-image: none;
  34. }
  35. .btn-default {
  36. text-shadow: 0 1px 0 #fff;
  37. background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  38. background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  39. background-repeat: repeat-x;
  40. border-color: #dbdbdb;
  41. border-color: #ccc;
  42. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  43. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  44. }
  45. .btn-default:hover,
  46. .btn-default:focus {
  47. background-color: #e0e0e0;
  48. background-position: 0 -15px;
  49. }
  50. .btn-default:active,
  51. .btn-default.active {
  52. background-color: #e0e0e0;
  53. border-color: #dbdbdb;
  54. }
  55. .btn-primary {
  56. background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  57. background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
  58. background-repeat: repeat-x;
  59. border-color: #2b669a;
  60. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
  61. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  62. }
  63. .btn-primary:hover,
  64. .btn-primary:focus {
  65. background-color: #2d6ca2;
  66. background-position: 0 -15px;
  67. }
  68. .btn-primary:active,
  69. .btn-primary.active {
  70. background-color: #2d6ca2;
  71. border-color: #2b669a;
  72. }
  73. .btn-success {
  74. background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  75. background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  76. background-repeat: repeat-x;
  77. border-color: #3e8f3e;
  78. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  79. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  80. }
  81. .btn-success:hover,
  82. .btn-success:focus {
  83. background-color: #419641;
  84. background-position: 0 -15px;
  85. }
  86. .btn-success:active,
  87. .btn-success.active {
  88. background-color: #419641;
  89. border-color: #3e8f3e;
  90. }
  91. .btn-warning {
  92. background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  93. background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  94. background-repeat: repeat-x;
  95. border-color: #e38d13;
  96. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  97. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  98. }
  99. .btn-warning:hover,
  100. .btn-warning:focus {
  101. background-color: #eb9316;
  102. background-position: 0 -15px;
  103. }
  104. .btn-warning:active,
  105. .btn-warning.active {
  106. background-color: #eb9316;
  107. border-color: #e38d13;
  108. }
  109. .btn-danger {
  110. background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  111. background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  112. background-repeat: repeat-x;
  113. border-color: #b92c28;
  114. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  115. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  116. }
  117. .btn-danger:hover,
  118. .btn-danger:focus {
  119. background-color: #c12e2a;
  120. background-position: 0 -15px;
  121. }
  122. .btn-danger:active,
  123. .btn-danger.active {
  124. background-color: #c12e2a;
  125. border-color: #b92c28;
  126. }
  127. .btn-info {
  128. background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  129. background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  130. background-repeat: repeat-x;
  131. border-color: #28a4c9;
  132. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  133. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  134. }
  135. .btn-info:hover,
  136. .btn-info:focus {
  137. background-color: #2aabd2;
  138. background-position: 0 -15px;
  139. }
  140. .btn-info:active,
  141. .btn-info.active {
  142. background-color: #2aabd2;
  143. border-color: #28a4c9;
  144. }
  145. .thumbnail,
  146. .img-thumbnail {
  147. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  148. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  149. }
  150. .dropdown-menu > li > a:hover,
  151. .dropdown-menu > li > a:focus {
  152. background-color: #e8e8e8;
  153. background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  154. background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  155. background-repeat: repeat-x;
  156. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  157. }
  158. .dropdown-menu > .active > a,
  159. .dropdown-menu > .active > a:hover,
  160. .dropdown-menu > .active > a:focus {
  161. background-color: #357ebd;
  162. background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  163. background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  164. background-repeat: repeat-x;
  165. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  166. }
  167. .navbar-default {
  168. background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  169. background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  170. background-repeat: repeat-x;
  171. border-radius: 4px;
  172. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  173. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  174. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  175. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  176. }
  177. .navbar-default .navbar-nav > .active > a {
  178. background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  179. background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
  180. background-repeat: repeat-x;
  181. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
  182. -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  183. box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  184. }
  185. .navbar-brand,
  186. .navbar-nav > li > a {
  187. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  188. }
  189. .navbar-inverse {
  190. background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  191. background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
  192. background-repeat: repeat-x;
  193. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  194. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  195. }
  196. .navbar-inverse .navbar-nav > .active > a {
  197. background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%);
  198. background-image: linear-gradient(to bottom, #222222 0%, #282828 100%);
  199. background-repeat: repeat-x;
  200. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
  201. -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  202. box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  203. }
  204. .navbar-inverse .navbar-brand,
  205. .navbar-inverse .navbar-nav > li > a {
  206. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  207. }
  208. .navbar-static-top,
  209. .navbar-fixed-top,
  210. .navbar-fixed-bottom {
  211. border-radius: 0;
  212. }
  213. .alert {
  214. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  215. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  216. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  217. }
  218. .alert-success {
  219. background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  220. background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  221. background-repeat: repeat-x;
  222. border-color: #b2dba1;
  223. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  224. }
  225. .alert-info {
  226. background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  227. background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  228. background-repeat: repeat-x;
  229. border-color: #9acfea;
  230. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  231. }
  232. .alert-warning {
  233. background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  234. background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  235. background-repeat: repeat-x;
  236. border-color: #f5e79e;
  237. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  238. }
  239. .alert-danger {
  240. background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  241. background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  242. background-repeat: repeat-x;
  243. border-color: #dca7a7;
  244. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  245. }
  246. .progress {
  247. background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  248. background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  249. background-repeat: repeat-x;
  250. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  251. }
  252. .progress-bar {
  253. background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
  254. background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  255. background-repeat: repeat-x;
  256. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
  257. }
  258. .progress-bar-success {
  259. background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  260. background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  261. background-repeat: repeat-x;
  262. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  263. }
  264. .progress-bar-info {
  265. background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  266. background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  267. background-repeat: repeat-x;
  268. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  269. }
  270. .progress-bar-warning {
  271. background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  272. background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  273. background-repeat: repeat-x;
  274. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  275. }
  276. .progress-bar-danger {
  277. background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  278. background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  279. background-repeat: repeat-x;
  280. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  281. }
  282. .list-group {
  283. border-radius: 4px;
  284. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  285. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  286. }
  287. .list-group-item.active,
  288. .list-group-item.active:hover,
  289. .list-group-item.active:focus {
  290. text-shadow: 0 -1px 0 #3071a9;
  291. background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
  292. background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
  293. background-repeat: repeat-x;
  294. border-color: #3278b3;
  295. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
  296. }
  297. .panel {
  298. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  299. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  300. }
  301. .panel-default > .panel-heading {
  302. background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  303. background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  304. background-repeat: repeat-x;
  305. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  306. }
  307. .panel-primary > .panel-heading {
  308. background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  309. background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  310. background-repeat: repeat-x;
  311. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  312. }
  313. .panel-success > .panel-heading {
  314. background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  315. background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  316. background-repeat: repeat-x;
  317. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  318. }
  319. .panel-info > .panel-heading {
  320. background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  321. background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  322. background-repeat: repeat-x;
  323. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  324. }
  325. .panel-warning > .panel-heading {
  326. background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  327. background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  328. background-repeat: repeat-x;
  329. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  330. }
  331. .panel-danger > .panel-heading {
  332. background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  333. background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  334. background-repeat: repeat-x;
  335. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  336. }
  337. .well {
  338. background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  339. background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  340. background-repeat: repeat-x;
  341. border-color: #dcdcdc;
  342. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  343. -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  344. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  345. }