base.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. @CHARSET "UTF-8";
  2. body {
  3. background-color: #f8f8f8;
  4. font-family: "Microsoft Yahei";
  5. }
  6. #head {
  7. width: 100%;
  8. }
  9. #head p {
  10. line-height: 35px;
  11. height: 35px;
  12. text-align: center;
  13. font-size: 26px;
  14. font-weight: bold;
  15. font-family: "Microsoft Yahei";
  16. }
  17. .message {
  18. width: 100%;
  19. }
  20. .message p {
  21. line-height: 20px;
  22. height: 20px;
  23. text-align: left;
  24. font-size: 19px;
  25. font-weight: bold;
  26. font-family: "Microsoft Yahei";
  27. }
  28. #content {
  29. width: 100%;
  30. min-height: 600px;
  31. padding: 20px;
  32. }
  33. #left {
  34. width: 60%;
  35. float: left;
  36. min-height: 600px;
  37. }
  38. #right {
  39. margin-left: 1%;
  40. width: 37%;
  41. float: left;
  42. min-height: 600px;
  43. }
  44. #right form p {
  45. margin: 15px 0;
  46. }
  47. #right span {
  48. display: block;
  49. width: 100%;
  50. line-height: 30px;
  51. height: 30px;
  52. text-align: left;
  53. font-size: 17px;
  54. font-family: "Microsoft Yahei";
  55. }
  56. .button {
  57. border: 0;
  58. border-radius: 4px;
  59. outline: 0;
  60. cursor: pointer;
  61. }
  62. .button.small {
  63. padding: 7px 10px;
  64. font-size: .95em
  65. }
  66. .button.large {
  67. padding: 15px 25px;
  68. font-size: 1.1em
  69. }
  70. .button.primary {
  71. color: #FFF;
  72. background: #5f90b0
  73. }
  74. .button.primary:hover {
  75. background: #5589ab
  76. }
  77. .button.success {
  78. color: #FFF;
  79. background: #4daf7c
  80. }
  81. .button.success:hover {
  82. background: #48a474
  83. }
  84. .button.danger {
  85. color: #FFF;
  86. background: #e6623c
  87. }
  88. .button.danger:hover {
  89. background: #e4572e
  90. }
  91. .select {
  92. width: 30%;
  93. height: 2.3em;
  94. line-height: 2.3em;
  95. text-align: left;
  96. border: 1px solid #CCC;
  97. border-radius: 5px;
  98. font-size: .98em;
  99. }
  100. input {
  101. text-align: left;
  102. border: 1px solid #CCC;
  103. border-radius: 5px;
  104. font-size: .98em;
  105. }
  106. .input-text {
  107. width: 50%;
  108. height: 2.1em;
  109. line-height: 2.1em;
  110. padding-left: 5px;
  111. }
  112. .input-radio {
  113. /*height: 1.5em;
  114. line-height: 1.5em;*/
  115. }
  116. .input-file {
  117. width: 50%;
  118. height: 2.1em;
  119. line-height: 2.1em;
  120. position: relative;
  121. cursor: pointer;
  122. color: #888;
  123. background: #fafafa;
  124. border: 1px solid #ddd;
  125. border-radius: 2px;
  126. overflow: hidden;
  127. display: inline-block;
  128. *display: inline;
  129. *zoom: 1
  130. }
  131. .input-file input {
  132. position: absolute;
  133. font-size: 100px;
  134. right: 0;
  135. top: 0;
  136. opacity: 0;
  137. filter: alpha(opacity = 0);
  138. cursor: pointer
  139. }
  140. .input-file:hover {
  141. color: #444;
  142. background: #eee;
  143. border-color: #ccc;
  144. text-decoration: none
  145. }
  146. textarea {
  147. width: 50%;
  148. height: 40px;
  149. resize: vertical;
  150. border: 1px solid #CCC;
  151. /*border-radius:8px;*/
  152. padding: 4px;
  153. box-shadow: 2px 2px 5px #d3d6da;
  154. -moz-box-shadow: 2px 2px 5px #d3d6da;
  155. }