bootstrap-reset.css 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374
  1. /*anchor*/
  2. a {
  3. color: #667fa0;
  4. }
  5. a:hover {
  6. color: #2A3542;
  7. }
  8. /*panel*/
  9. .panel {
  10. border: none;
  11. box-shadow: none;
  12. }
  13. .panel-heading {
  14. border-color:#eff2f7 ;
  15. font-size: 16px;
  16. font-weight: 300;
  17. }
  18. .panel-title {
  19. color: #2A3542;
  20. font-size: 14px;
  21. font-weight: 400;
  22. margin-bottom: 0;
  23. margin-top: 0;
  24. font-family: 'Open Sans', sans-serif;
  25. }
  26. /*label*/
  27. .label {
  28. padding: 0.5em 0.8em;
  29. }
  30. .label-default {
  31. background-color: #a1a1a1;
  32. }
  33. .label-primary {
  34. background-color: #59ace2;
  35. }
  36. .label-success {
  37. background-color: #A9D86E;
  38. }
  39. .label-info {
  40. background-color: #8175c7;
  41. }
  42. .label-warning {
  43. background-color: #FCB322;
  44. }
  45. .label-danger {
  46. background-color: #FF6C60;
  47. }
  48. .label-inverse {
  49. background-color: #344860;
  50. }
  51. /*text color*/
  52. .text-danger {
  53. color: #FF6C60;
  54. }
  55. .text-muted {
  56. color: #a1a1a1;
  57. }
  58. .text-primary {
  59. color: #59ace2;
  60. }
  61. .text-warning {
  62. color: #FCB322;
  63. }
  64. .text-success {
  65. color: #A9D86E;
  66. }
  67. .text-info {
  68. color: #8175c7;
  69. }
  70. /*modal*/
  71. .modal-content {
  72. box-shadow: none;
  73. border: none;
  74. }
  75. .modal-header {
  76. background: #00A8B3;
  77. color: #fff;
  78. border-radius: 5px 5px 0 0;
  79. -webkit-border-radius: 5px 5px 0 0;
  80. border-bottom: none;
  81. }
  82. .modal-header .close {
  83. margin-top: 0;
  84. }
  85. /*text input*/
  86. .form-control {
  87. border: 1px solid #e2e2e4;
  88. box-shadow: none;
  89. color: #c2c2c2;
  90. }
  91. .form-control:focus, #focusedInput {
  92. border: 1px solid #517397;
  93. box-shadow: none;
  94. }
  95. .form-horizontal .control-label {
  96. font-weight: 300;
  97. font-size: 14px;
  98. text-align: left;
  99. }
  100. input, textarea, select, button {
  101. outline: none !important;
  102. }
  103. /*list*/
  104. ul {
  105. padding-left: 0;
  106. }
  107. /*button*/
  108. .btn-default {
  109. background-color: #bec3c7;
  110. border-color: #bec3c7;
  111. color: #fff;
  112. }
  113. .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  114. background-color: #b0b5b9;
  115. border-color: #b0b5b9;
  116. color: #fff;
  117. }
  118. .btn-primary {
  119. background-color: #41cac0;
  120. border-color: #41cac0;
  121. color: #FFFFFF;
  122. }
  123. .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  124. background-color: #39b2a9;
  125. border-color: #39b2a9;
  126. color: #FFFFFF;
  127. }
  128. .btn-success {
  129. background-color: #78CD51;
  130. border-color: #78CD51;
  131. color: #FFFFFF;
  132. }
  133. .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  134. background-color: #6dbb4a;
  135. border-color: #6dbb4a;
  136. color: #FFFFFF;
  137. }
  138. .btn-info {
  139. background-color: #58c9f3;
  140. border-color: #58c9f3;
  141. color: #FFFFFF;
  142. }
  143. .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  144. background-color: #53bee6;
  145. border-color: #53BEE6;
  146. color: #FFFFFF;
  147. }
  148. .btn-warning {
  149. background-color: #f1c500;
  150. border-color: #f1c500;
  151. color: #FFFFFF;
  152. }
  153. .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  154. background-color: #e4ba00;
  155. border-color: #e4ba00;
  156. color: #FFFFFF;
  157. }
  158. .btn-danger {
  159. background-color: #ff6c60;
  160. border-color: #ff6c60;
  161. color: #FFFFFF;
  162. }
  163. .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  164. background-color: #ec6459;
  165. border-color: #ec6459;
  166. color: #FFFFFF;
  167. }
  168. .btn-white {
  169. box-shadow: none !important;
  170. }
  171. /*Rounded Button*/
  172. .btn-round {
  173. border-radius: 30px;
  174. -webkit-border-radius: 30px;
  175. }
  176. /*shadow button*/
  177. .btn-shadow.btn-default {
  178. box-shadow: 0 4px #9c9c9c;
  179. }
  180. .btn-shadow.btn-primary {
  181. box-shadow: 0 4px #29b392;
  182. }
  183. .btn-shadow.btn-success {
  184. box-shadow: 0 4px #61a642;
  185. }
  186. .btn-shadow.btn-info {
  187. box-shadow: 0 4px #1caadc;
  188. }
  189. .btn-shadow.btn-warning {
  190. box-shadow: 0 4px #cab03f;
  191. }
  192. .btn-shadow.btn-danger {
  193. box-shadow: 0 4px #d1595a;
  194. }
  195. /*dropdown shadow*/
  196. .btn-group.open .dropdown-toggle, .btn-white.active, .btn:active, .btn.active {
  197. box-shadow: none;
  198. }
  199. /*dropdown select bg*/
  200. .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  201. background-color: #495d74;
  202. color: #FFFFFF;
  203. text-decoration: none;
  204. }
  205. /*split dropdown btn*/
  206. .btn-white {
  207. background-clip: padding-box;
  208. background-color: #FFFFFF;
  209. border-color: rgba(150, 160, 180, 0.3);
  210. box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05) inset;
  211. }
  212. /*breadcrumbs*/
  213. .breadcrumb {
  214. background-color: #fff;
  215. }
  216. /*tab*/
  217. .nav-tabs > li > a {
  218. margin-right: 1px;
  219. }
  220. /*collapse*/
  221. .panel-default > .panel-heading {
  222. background-color: #FFFFFF;
  223. border-color: #DDDDDD;
  224. color: #797979;
  225. }
  226. /*nav inverse*/
  227. .navbar-inverse {
  228. background-color: #7087A3;
  229. border-color: #7087A3;
  230. }
  231. .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
  232. .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus{
  233. background-color: #585f7a;
  234. }
  235. .navbar-inverse .navbar-nav > li a:hover {
  236. color: #2A3542;
  237. }
  238. .navbar-inverse .navbar-nav > li > ul > li a:hover {
  239. color: #fff;
  240. }
  241. .navbar-inverse .navbar-brand {
  242. color: #FFFFFF;
  243. }
  244. .navbar-inverse .navbar-nav > li > a {
  245. color: #fff;
  246. }
  247. .navbar-inverse .navbar-nav > .dropdown > a .caret {
  248. border-bottom-color: #fff;
  249. border-top-color: #fff;
  250. }
  251. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  252. color: #000;
  253. }
  254. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  255. color: #fff;
  256. }
  257. /*nav justified*/
  258. .nav-justified {
  259. width: auto !important;
  260. }
  261. .nav-justified li:last-child > a:hover, .nav-justified li.active:last-child > a {
  262. border-radius: 0 4px 0 0 !important;
  263. -webkit-border-radius: 0 4px 0 0 !important;
  264. }
  265. /*list group*/
  266. .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  267. background-color: #00A8B3;
  268. border-color: #00A8B3;
  269. color: #FFFFFF;
  270. z-index: 2;
  271. }
  272. .list-group-item-heading {
  273. font-weight: 300;
  274. }
  275. /*progress*/
  276. .progress {
  277. box-shadow: none;
  278. background: #f0f2f7;
  279. }
  280. /*alert*/
  281. .alert-success, .alert-danger, .alert-info, .alert-warning {
  282. border: none;
  283. }
  284. /*table*/
  285. .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
  286. padding: 10px;
  287. }