style.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. html {
  2. font-size: 100%;
  3. -webkit-text-size-adjust: 100%;
  4. -ms-text-size-adjust: 100%;
  5. }
  6. a:focus {
  7. outline: thin dotted #333;
  8. outline: 5px auto -webkit-focus-ring-color;
  9. outline-offset: -2px;
  10. }
  11. a:hover, a:active {
  12. outline: 0;
  13. }
  14. img {
  15. vertical-align: middle;
  16. border: 0;
  17. -ms-interpolation-mode: bicubic;
  18. }
  19. button::-moz-focus-inner, input::-moz-focus-inner {
  20. padding: 0;
  21. border: 0;
  22. }
  23. textarea {
  24. overflow: auto;
  25. vertical-align: top;
  26. }
  27. body {
  28. margin: 0;
  29. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  30. font-size: 13px;
  31. line-height: 18px;
  32. color: #333333;
  33. background-color: #ffffff;
  34. }
  35. .container {
  36. margin-right: auto;
  37. margin-left: auto;
  38. *zoom: 1;
  39. }
  40. .container:before, .container:after {
  41. display: table;
  42. content: "";
  43. }
  44. .container:after {
  45. clear: both;
  46. }
  47. .container-fluid:before, .container-fluid:after {
  48. display: table;
  49. content: "";
  50. }
  51. .container-fluid:after {
  52. clear: both;
  53. }
  54. p {
  55. margin: 0 0 9px;
  56. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  57. font-size: 13px;
  58. line-height: 22px;
  59. }
  60. h1, h2, h3, h4, h5, h6 {
  61. margin: 0;
  62. font-family: inherit;
  63. font-weight: bold;
  64. color: inherit;
  65. text-rendering: optimizelegibility;
  66. }
  67. h1 {
  68. font-size: 30px;
  69. line-height: 36px;
  70. }
  71. h2 {
  72. font-size: 24px;
  73. line-height: 36px;
  74. }
  75. h3 {
  76. font-size: 18px;
  77. line-height: 27px;
  78. }
  79. .page-header {
  80. padding-bottom: 17px;
  81. margin: 18px 0;
  82. border-bottom: 1px solid #eeeeee;
  83. }
  84. .page-header h1 {
  85. line-height: 1;
  86. }
  87. dl {
  88. margin-bottom: 18px;
  89. }
  90. hr {
  91. margin: 18px 0;
  92. border: 0;
  93. border-top: 1px solid #eeeeee;
  94. border-bottom: 1px solid #ffffff;
  95. }
  96. strong {
  97. font-weight: bold;
  98. }
  99. blockquote small:before {
  100. content: '\2014 \00A0';
  101. }
  102. code, pre {
  103. padding: 0 3px 2px;
  104. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  105. font-size: 12px;
  106. color: #333333;
  107. -webkit-border-radius: 3px;
  108. -moz-border-radius: 3px;
  109. border-radius: 20px;
  110. }
  111. pre {
  112. display: block;
  113. padding: 8.5px;
  114. margin: 0 0 9px;
  115. font-size: 12px;
  116. line-height: 20px;
  117. word-break: break-all;
  118. word-wrap: break-word;
  119. white-space: pre;
  120. white-space: pre-wrap;
  121. background-color: #f5f5f5;
  122. border: 1px solid #ccc;
  123. border: 1px solid rgba(0, 0, 0, 0.15);
  124. -webkit-border-radius: 4px;
  125. -moz-border-radius: 4px;
  126. border-radius: 4px;
  127. }
  128. h3 {
  129. margin-bottom: 10px;
  130. }
  131. .nav-tabs {
  132. margin-bottom: 0;
  133. }
  134. h3 > #demo-name {
  135. margin-right: 10px;
  136. }
  137. h3 > a {
  138. font-weight: normal;
  139. text-decoration: none;
  140. }
  141. /*less中设置*/
  142. @media (max-width: 979px) {
  143. .navbar-fixed-top {
  144. margin-bottom: 0;
  145. }
  146. }
  147. .page-header {
  148. padding: 5px 10px;
  149. border: 1px solid #d6e3f1;
  150. }
  151. .footer {
  152. margin-top: 20px;
  153. text-align: center;
  154. }
  155. @media (min-width: 1200px) {
  156. .container,
  157. .navbar-fixed-top .container,
  158. .navbar-fixed-bottom .container {
  159. width: 960px;
  160. }
  161. }
  162. @media (min-width: 976px) {
  163. }
  164. p {
  165. text-indent: 2em;
  166. }
  167. .navbar .nav .active > a,
  168. .navbar .nav .active > a:hover {
  169. background-image: -moz-linear-gradient(top, #519ad6, #2167ad);
  170. background-image: -ms-linear-gradient(top, #519ad6, #2167ad);
  171. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#519ad6), to(#2167ad));
  172. background-image: -webkit-linear-gradient(top, #519ad6, #2167ad);
  173. background-image: -o-linear-gradient(top, #519ad6, #2167ad);
  174. background-image: linear-gradient(top, #519ad6, #2167ad);
  175. filter: progid:dximagetransform.microsoft.gradient(startColorstr='#519ad6', endColorstr='#2167ad', GradientType=0);
  176. background-color: #2167ad;
  177. }
  178. /*图片居中*/
  179. div.pageImage {
  180. text-align: center;
  181. }
  182. img {
  183. margin:auto;
  184. }
  185. .title_a{
  186. color:#000;
  187. text-decoration: none;
  188. }
  189. .title_a:hover{
  190. color:#23adda;
  191. }