main.css 4.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  1. #container
  2. {
  3. width: 640px;
  4. margin-top: 45px;
  5. margin-left: auto;
  6. margin-right: auto;
  7. margin-bottom: 45px;
  8. padding: 10px;
  9. background-color: white;
  10. border: 0px solid #d5d5d5;
  11. border-radius: 7px;
  12. -moz-border-radius: 7px;
  13. -webkit-border-radius: 7px;
  14. -webkit-box-shadow: #666 0px 2px 3px;
  15. -moz-box-shadow: #666 0px 2px 3px;
  16. box-shadow: #666 0px 2px 3px;
  17. }
  18. #container h1
  19. {
  20. }
  21. #container h2
  22. {
  23. margin-top: 5px;
  24. margin-bottom: 5px;
  25. text-shadow: 1px 1px 2px #666;
  26. }
  27. #container h3
  28. {
  29. text-shadow: 1px 1px 1px #666;
  30. }
  31. #container h4
  32. {
  33. }
  34. #container a
  35. {
  36. text-decoration: none;
  37. color: #00d0de;
  38. }
  39. #container #top-tabs
  40. {
  41. float: left;
  42. list-style: none outside none;
  43. margin: -35px 16px 0 -6px;
  44. padding: 0;
  45. }
  46. #container #top-tabs li
  47. {
  48. float: left;
  49. margin-left: 0px;
  50. padding-top: 3px;
  51. padding-left: 5px;
  52. padding-right: 5px;
  53. padding-bottom: 3px;
  54. background-color: #e9e9e9;
  55. border-top: 1px solid #d5d5d5;
  56. border-left: 1px solid #d5d5d5;
  57. border-right: 1px solid #d5d5d5;
  58. border-radius: 5px 5px 0px 0px;
  59. -moz-border-radius: 5px 5px 0px 0px;
  60. -webkit-border-radius: 5px 5px 0px 0px;
  61. }
  62. #container #top-tabs li.active
  63. {
  64. background-color: white;
  65. }
  66. #container #top-tabs li a
  67. {
  68. text-decoration: none;
  69. color: black;
  70. }
  71. #top_bar
  72. {
  73. width: 220px;
  74. background-color: white;
  75. padding: 0px;
  76. margin-left: auto;
  77. margin-right: auto;
  78. border-radius: 0px 0px 4px 4px;
  79. -moz-border-radius: 0px 0px 4px 4px;
  80. -webkit-border-radius: 0px 0px 4px 4px;
  81. text-align: center;
  82. }
  83. #top_bar a
  84. {
  85. text-decoration: none;
  86. color: black;
  87. padding-left: 3px; padding-right: 3px;
  88. }
  89. /*#top_bar ul
  90. {
  91. text-align: center;
  92. margin-top: -5px;
  93. }
  94. #top_bar ul li
  95. {
  96. display: inline;
  97. float: left;
  98. list-style: none;
  99. padding-left: 6px;
  100. }
  101. #top_bar ul li a
  102. {
  103. text-decoration: none;
  104. color: black;
  105. }*/
  106. ul.inline
  107. {
  108. }
  109. ul.inline li
  110. {
  111. display: inline;
  112. }
  113. /* Messages flash */
  114. .message
  115. {
  116. -webkit-background-size: 40px 40px;
  117. -moz-background-size: 40px 40px;
  118. background-size: 40px 40px;
  119. background-image: -webkit-gradient(linear, left top, right bottom,
  120. color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
  121. color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
  122. color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
  123. to(transparent));
  124. background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  125. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  126. transparent 75%, transparent);
  127. background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  128. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  129. transparent 75%, transparent);
  130. background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  131. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  132. transparent 75%, transparent);
  133. background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  134. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  135. transparent 75%, transparent);
  136. background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  137. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  138. transparent 75%, transparent);
  139. -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  140. -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  141. box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  142. width: 100%;
  143. border: 1px solid;
  144. color: #fff;
  145. padding: 15px;
  146. position: fixed;
  147. _position: absolute;
  148. text-shadow: 0 1px 0 rgba(0,0,0,.5);
  149. -webkit-animation: animate-bg 5s linear infinite;
  150. -moz-animation: animate-bg 5s linear infinite;
  151. }
  152. .info, .fos_user_info
  153. {
  154. background-color: #4ea5cd;
  155. border-color: #3b8eb5;
  156. }
  157. .error, .fos_user_error
  158. {
  159. background-color: #de4343;
  160. border-color: #c43d3d;
  161. }
  162. .warning, .fos_user_warning
  163. {
  164. background-color: #eaaf51;
  165. border-color: #d99a36;
  166. }
  167. .success, .fos_user_success
  168. {
  169. background-color: #61b832;
  170. border-color: #55a12c;
  171. }
  172. .message h3
  173. {
  174. margin: 0 0 5px 0;
  175. }
  176. .message p
  177. {
  178. margin: 0;
  179. }
  180. .message a.message-close
  181. {
  182. float: right;
  183. margin-top: -14px;
  184. margin-right: 18px;
  185. margin-bottom: -11px;
  186. }
  187. .message a.message-close img:HOVER
  188. {
  189. width: 52px;
  190. height: 52px;
  191. margin-bottom: -13px;
  192. }
  193. @-webkit-keyframes animate-bg
  194. {
  195. from {
  196. background-position: 0 0;
  197. }
  198. to {
  199. background-position: -80px 0;
  200. }
  201. }
  202. @-moz-keyframes animate-bg
  203. {
  204. from {
  205. background-position: 0 0;
  206. }
  207. to {
  208. background-position: -80px 0;
  209. }
  210. }
  211. /* Message flash end */