admin.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. /* Typography - Choose your font and size (base.css default is 16px) */
  2. body
  3. {
  4. font-size:80%;
  5. line-height:1.5em;
  6. font-family:Helvetica,Arial,sans-serif;
  7. background: #202020;
  8. }
  9. /*IE*/
  10. html>body{font-size:13px}
  11. pre,code
  12. {
  13. font-family:"DejaVu Sans Mono","Bitstream Vera Sans Mono",Monaco,"Courier New",monospace;
  14. }
  15. a img, img { border: none; }
  16. a {color: #2A90BF;text-decoration: none;}
  17. a:hover {
  18. color: #BE4925;
  19. text-decoration: underline;
  20. text-decoration: none;
  21. }
  22. #main {
  23. margin: 0 0 0 150px;
  24. background: #ddd;
  25. }
  26. #content {
  27. background: #fff;
  28. padding: 2em;
  29. margin: 1em 1em 2em 1em;
  30. margin: 0;
  31. }
  32. #sidebar { width: 150px; float: left; }
  33. #sidebar h2 {
  34. color: #777;
  35. border: none;
  36. font-size: 20px;
  37. line-height: 50px;
  38. text-align: center;
  39. }
  40. #sidebar ul {
  41. margin: 2em 0;
  42. padding: 0;
  43. list-style: none;
  44. }
  45. #sidebar ul li {margin: 0;padding: 0;}
  46. #sidebar ul li a {
  47. display: block;
  48. line-height: 2.5em;
  49. padding: 0 1em;
  50. border-bottom: 1px solid #333;
  51. color: #fff;
  52. font-size: 14px;
  53. font-weight: bold;
  54. text-shadow:0 1px 2px #000000;
  55. }
  56. /*
  57. #sidebar ul li a.selected,
  58. #sidebar ul li a:hover {
  59. background: #ddd;
  60. color: #000;
  61. text-shadow:0 1px 2px #eee;
  62. }
  63. */
  64. #sidebar ul li a.selected,
  65. #sidebar ul li a:hover {
  66. background: #111;
  67. text-shadow:0 1px 1px #777;
  68. }
  69. /* Sub levels */
  70. #sidebar ul li ul { padding: 0; margin: 0; }
  71. #sidebar ul li li a { color: #ccc; padding: 0 1em 0 3em; }
  72. table thead a { color: #333;white-space:nowrap;}
  73. table tbody tr:hover {background: #f1f1f1;}
  74. /*
  75. * Header
  76. */
  77. #header {
  78. background: #eee;
  79. height: 30px;
  80. line-height: 30px;
  81. margin: 0;
  82. border-bottom: 0px solid #ddd;
  83. }
  84. /*
  85. * Footer
  86. */
  87. #footer {
  88. background: #eee;
  89. height: 30px;
  90. line-height: 30px;
  91. margin: 0;
  92. border-top: 1px solid #ddd;
  93. color: #777;
  94. }
  95. /*
  96. * Horizontal menu UL
  97. */
  98. ul.horizontal_menu,
  99. ul.horizontal_menu li {
  100. margin: 0;
  101. padding: 0;
  102. list-style: none;
  103. }
  104. ul.horizontal_menu li { float: left; padding: 0 1em; }
  105. ul.horizontal_menu li.right {float: right;}
  106. .box {
  107. padding: 1em;
  108. margin: 1em 0;
  109. background: #eee;
  110. border: 1px solid #fff;
  111. -moz-box-shadow: 0px 1px 4px #bbb;
  112. -webkit-box-shadow: 0px 1px 4px #bbb;
  113. box-shadow: 0px 1px 4px #bbb;
  114. background: #F7F7F7; /* old browsers */
  115. background: -moz-linear-gradient(top, #F7F7F7 0%, #EAEAEA 100%); /* firefox */
  116. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#EAEAEA)); /* webkit */
  117. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#EAEAEA',GradientType=0 ); /* ie */
  118. }
  119. /* Create New link */
  120. .create_new { float: right; }
  121. .create_new a.button {
  122. border-top: 1px solid #6ee653;
  123. background: #57c246;
  124. background: -webkit-gradient(linear, left top, left bottom, from(#57c246), to(#0c9427));
  125. background: -moz-linear-gradient(top, #57c246,#0c9427);
  126. padding: 7px 15px;
  127. -webkit-border-radius: 6px;
  128. -moz-border-radius: 6px;
  129. border-radius: 6px;
  130. -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  131. -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  132. box-shadow: rgba(0,0,0,1) 0 1px 0;
  133. text-shadow: rgba(0,0,0,.4) 0 1px 0;
  134. color: white;
  135. text-decoration: none;
  136. vertical-align: middle;
  137. font-weight: bold;
  138. }
  139. .create_new a.button:hover {
  140. background: #57c246;
  141. background: -webkit-gradient(linear, left top, left bottom, from(#0c9427), to(#57c246));
  142. background: -moz-linear-gradient(top, #0c9427, #57c246);
  143. color: #ffffff;
  144. }
  145. .create_new a.button:active {
  146. border-top-color: #1b435e;
  147. background: #264d07;
  148. }
  149. /* Pagination links */
  150. .pagination a { padding: 5px 10px; border: 1px solid #ddd; background: #f8f8f8; border-radius: 4px; }
  151. .pagination a.current { color: #aaa; }
  152. /* Messages Boxes use the great Silk icons from http://famfamfam.com/ */
  153. .message, .warning, .error, .success
  154. {
  155. margin: 1em auto;
  156. display: block;
  157. padding: .8em 50px;
  158. border: 1px solid #fff;
  159. }
  160. .message
  161. {
  162. background: #F8FAFC url(../images/message.png) 20px center no-repeat;
  163. border-color: #B5D4FE;
  164. }
  165. .warning
  166. {
  167. background: #fff6bf url(../images/warning.png) 20px center no-repeat;
  168. border-color: #ffd324;
  169. }
  170. .error
  171. {
  172. background: #fde6e9 url(../images/error.png) 20px center no-repeat;
  173. border-color: #fb939f;
  174. }
  175. .success
  176. {
  177. background: #EBFCE1 url(../images/success.png) 20px center no-repeat;
  178. border-color: #B9DAA6;
  179. }