base.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. /**
  2. * 描述:重置页面元素并基础样式
  3. * 作用范围: 全局
  4. */
  5. html,body {
  6. font-family: "微软雅黑", "Microsoft YaHei";
  7. color:#404040;
  8. min-width:1200px ;
  9. }
  10. body,p,pre,blockquote,
  11. h1,h2,h3,h4,h5,h6,
  12. dl,dt,dd,ul,ol,li,
  13. form,select,input,textarea,button,
  14. table,caption,tr,th,td {
  15. margin:0;
  16. padding:0;
  17. }
  18. ol,ul {
  19. list-style:none;
  20. }
  21. table {
  22. border-collapse: collapse;
  23. border-spacing: 0;
  24. }
  25. img {
  26. max-width: 100%;
  27. border:0 none;
  28. }
  29. a {
  30. color: #2d7200;
  31. text-decoration:none;
  32. }
  33. a:hover{
  34. color: #8f9fe2;
  35. border-bottom: 1px solid;
  36. }
  37. input,button,textarea,select,option {
  38. font-family:inherit;
  39. font-size:100%;
  40. outline: 0;
  41. }
  42. textarea {
  43. overflow: auto;
  44. resize: none;
  45. }
  46. button::-moz-focus-inner,
  47. input::-moz-focus-inner {
  48. border: 0;
  49. padding: 0;
  50. }
  51. /* 布局样式 */
  52. .cf,.nav,.container-span {
  53. *zoom: 1;
  54. }
  55. .cf:before, .cf:after,
  56. .nav:before, .nav:after,
  57. .container-span:before,
  58. .container-span:after {
  59. display: table;
  60. content: "";
  61. }
  62. .cf .msg-time,
  63. .cf .msg-status{
  64. padding-left: 5%;
  65. }
  66. .cf .msg{
  67. /* background-color:#FFFFFF; */
  68. margin-left: 50px;
  69. text-align:right;
  70. width: 60%;
  71. }
  72. .cf .msg .msg-content{
  73. border: 1px solid #e0e0e0;
  74. padding: 5px;
  75. text-align:left;
  76. border-radius: 5px;
  77. height: 150px;
  78. }
  79. .cf:after,.nav:after,
  80. .container-span:after {
  81. clear: both;
  82. }
  83. .fl{
  84. float: left!important;
  85. }
  86. .fr{
  87. float: right!important;
  88. }
  89. .wrapper {
  90. margin-left: auto;
  91. margin-right: auto;
  92. width: 1000px;
  93. }
  94. .hidden {
  95. display: none;
  96. }
  97. .block {
  98. display: block!important;
  99. }
  100. .fixed{
  101. position: fixed!important;
  102. }
  103. .container-span [class^="span"] {
  104. margin: 0 1% 20px;
  105. }
  106. .container-span .span1,
  107. .container-span .span2,
  108. .container-span .span3,
  109. .container-span .span4 {
  110. float: left;
  111. }
  112. .container-span .span1 {
  113. width: 23%;
  114. }
  115. .container-span .span2 {
  116. width: 48%;
  117. }
  118. .container-span .span4 {
  119. width: 98%;
  120. }
  121. /* 排版样式 */
  122. .text-center{
  123. text-align: center!important;
  124. }
  125. .text-right{
  126. text-align: right!important;
  127. }
  128. .text-left{
  129. text-align: left!important;
  130. }
  131. /* 导航列表 */
  132. .nav li {
  133. float: left;
  134. }
  135. .nav li a,
  136. .nav li a:hover,
  137. .nav-list li a,
  138. .nav-list li a:hover {
  139. display: block;
  140. text-decoration: none;
  141. outline: none;
  142. border-bottom: 0 none;
  143. }
  144. .ajax-get,.ajax-post{
  145. cursor: pointer;
  146. }