bootstrap-theme.css 16 KB

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