PageRenderTime 36ms CodeModel.GetById 21ms RepoModel.GetById 1ms app.codeStats 0ms

/src/static/css/base.css

http://appengine-framework.googlecode.com/
CSS | 283 lines | 259 code | 12 blank | 12 comment | 0 complexity | 0083b3986b8135062e1bff8342c53823 MD5 | raw file
  1. /**
  2. * Global settings.
  3. */
  4. body {
  5. font-family: Verdana, Helvetica, sans-serif;
  6. font-size: 12px;
  7. margin: 0;
  8. padding: 0;
  9. background-color: #F8F8F8;
  10. }
  11. a {
  12. color: #800000;
  13. text-decoration: none;
  14. }
  15. a:HOVER {
  16. color: #ff0000;
  17. }
  18. a.selected {
  19. background-color: #C9D7F1;
  20. color: black;
  21. padding: 0 5px;
  22. text-decoration: none;
  23. }
  24. a.selected:HOVER {
  25. background-color: transparent;
  26. }
  27. /* HEADERS */
  28. h1, h2, h3, h4, h5, h6 {
  29. margin-top: 0;
  30. margin-bottom: 10px;
  31. color: #555;
  32. font-weight: normal;
  33. }
  34. h1 {
  35. font-size: 22px;
  36. }
  37. h2 {
  38. font-size: 20px;
  39. }
  40. h3 {
  41. font-size: 18px;
  42. }
  43. h4 {
  44. font-size: 16px;
  45. }
  46. h5 {
  47. font-size: 15px;
  48. }
  49. h6 {
  50. font-size: 14px;
  51. }
  52. img {
  53. border: none;
  54. }
  55. p {
  56. margin-top: 0;
  57. }
  58. code {
  59. background-color: #eee;
  60. padding: 2px 5px;
  61. }
  62. .border {
  63. border: solid 1px #E9F1F7;
  64. padding: 2px;
  65. }
  66. .center {
  67. text-align: center;
  68. }
  69. .hidden {
  70. visibility: hidden;
  71. }
  72. .hide {
  73. display: none;
  74. }
  75. .clear {
  76. clear: both;
  77. }
  78. .last {
  79. float: none;
  80. margin-bottom: 0;
  81. }
  82. form {
  83. margin: 0;
  84. padding: 0;
  85. }
  86. form input[type=text],
  87. form input[type=password],
  88. form textarea {
  89. border: solid 1px #ddd;
  90. color: #888;
  91. font-weight: bold;
  92. padding: 0 3px;
  93. margin: 0;
  94. }
  95. /* FIELD ERRORS */
  96. form ul.errorlist {
  97. list-style: none;
  98. margin: 5px 0;
  99. padding: 5px;
  100. background-color: #ffd5d5;
  101. font-size: 90%;
  102. }
  103. /* FORM BUTTONS */
  104. button,
  105. input[type=button],
  106. input[type=submit],
  107. input[type=reset],
  108. a.button {
  109. background-color: #ddd;
  110. color: inherit;
  111. border: solid 1px #ccc;
  112. padding: 2px 5px;
  113. cursor: pointer;
  114. white-space: nowrap;
  115. margin: 0;
  116. }
  117. button.mini,
  118. input[type=button].mini,
  119. input[type=submit].mini,
  120. input[type=reset].mini,
  121. a.button.mini {
  122. font-size: 80%;
  123. padding: 0px 2px;
  124. }
  125. button:HOVER,
  126. input[type=button]:HOVER,
  127. input[type=submit]:HOVER,
  128. input[type=reset]:HOVER,
  129. a.button:HOVER {
  130. background-color: #eee;
  131. }
  132. a.button.confirm:HOVER {
  133. color: red;
  134. }
  135. table th {
  136. text-align: left;
  137. font-weight: normal;
  138. font-size: 90%;
  139. }
  140. /* Page */
  141. #page {
  142. width: 950px;
  143. border: solid 10px #ddd;
  144. background-color: white;
  145. margin: 30px auto 10px auto;
  146. }
  147. /* Page header */
  148. #page .header {
  149. background-color: #e6e6e6;
  150. padding: 5px 10px;
  151. }
  152. #page .header>.subheader {
  153. background-color: #ccc;
  154. margin: 5px -10px;
  155. padding: 5px 10px;
  156. }
  157. #page .header>.subheader>form {
  158. margin: 0;
  159. margin-right: 20px;
  160. padding: 0;
  161. border-width: 0;
  162. background-color: inherit;
  163. display: inline;
  164. }
  165. #page .header>.subheader>* {
  166. vertical-align: middle;
  167. }
  168. #page .header>.subheader>.login {
  169. float: right;
  170. margin: 3px;
  171. }
  172. #page .header>.subheader>form>input.search {
  173. width: 155px;
  174. height: 20px;
  175. border: solid 1px #888;
  176. color: #888;
  177. font-weight: bold;
  178. padding: 0 3px;
  179. }
  180. #page .header .logo {
  181. width: 150px;
  182. padding-right: 20px;
  183. }
  184. #page .header .description {
  185. width: 245px;
  186. height: 0px;
  187. overflow: visible;
  188. position: relative;
  189. top: -50px;
  190. left: 180px;
  191. font-size: 14px;
  192. }
  193. #page .header>table {
  194. width: 100%;
  195. border-spacing: 0;
  196. }
  197. /* Page content*/
  198. #page>.content {
  199. padding: 5px 10px;
  200. margin-right: 220px;
  201. }
  202. /* Page sidebar */
  203. #page>.sidebar {
  204. float: right;
  205. width: 210px;
  206. margin: 10px 0 0 0;
  207. padding: 0;
  208. border-left: solid 5px white;
  209. border-bottom: solid 5px white;
  210. }
  211. #page>.sidebar>div {
  212. padding: 5px;
  213. padding-right: 15px;
  214. background-color: #f2f2f2;
  215. border: solid 3px #eee;
  216. border-right-width: 0;
  217. margin-bottom: 10px;
  218. }
  219. #page>.sidebar>div>h3 {
  220. padding: 0 5px;
  221. margin: -5px -15px 5px -5px;
  222. border-bottom: dotted 2px #ddd;
  223. }
  224. #page>.sidebar>div>h3>a {
  225. color: black;
  226. }
  227. /* Page footer */
  228. #footer {
  229. width: 950px;
  230. margin: auto;
  231. clear: both;
  232. height: 40px;
  233. }
  234. #footer>A {
  235. margin-left: 2px;
  236. padding: 2px 3px;
  237. }
  238. #footer>A:HOVER {
  239. background-color: white;
  240. }
  241. #footer img {
  242. vertical-align: middle;
  243. }
  244. #footer>.logo {
  245. float: right;
  246. }
  247. /* Pagination */
  248. .pages {
  249. text-align: center;
  250. }
  251. .pages>a {
  252. border: solid 1px #eee;
  253. margin: 2px;
  254. padding: 1px 3px;
  255. }
  256. .pages>a.current:HOVER,
  257. .pages>a:HOVER {
  258. border: solid 1px #ddd;
  259. }
  260. .pages>a.current {
  261. font-weight: bolder;
  262. color: inherit;
  263. }
  264. .pages>a.first {
  265. }
  266. .pages>a.last {
  267. }
  268. .pages>a.back {
  269. }
  270. .pages>a.next {
  271. }