/examples/web/static/css/base.css

https://bitbucket.org/prologic/circuits/ · CSS · 138 lines · 105 code · 29 blank · 4 comment · 0 complexity · c10e94ed11bbdba1034ca309370fa8a9 MD5 · raw file

  1. @import url(/css/ext/ext-all.css);
  2. @import url(/css/ext/xtheme-aero.css);
  3. /* Main Layout */
  4. * {
  5. font-family: "Bitstream Vera Sans", "Verdana", sans-serif;
  6. font-size: 10pt;
  7. margin: 0;
  8. padding: 0;
  9. }
  10. body {
  11. background: none rgb(240, 255, 240);
  12. min-width: 600px;
  13. }
  14. h1 {
  15. font-size: 18pt;
  16. }
  17. h2 {
  18. font-size: 16pt;
  19. }
  20. h3 {
  21. font-size: 14pt;
  22. }
  23. h4 {
  24. font-size: 12pt;
  25. }
  26. h5 {
  27. font-size: 8pt;
  28. }
  29. a:link, a:visited {
  30. color: #888888;
  31. text-decoration: none;
  32. border-bottom: 1px dashed;
  33. }
  34. a:focus, a:hover, a:active {
  35. border-bottom: 1px solid;
  36. }
  37. #window {
  38. position: relative;
  39. width: 600px;
  40. top: 10px;
  41. margin: 0 auto;
  42. border: 2px solid rgb(100, 155, 100);
  43. background: none rgb(255, 255, 255);
  44. }
  45. #header, #footer {
  46. background: none rgb(34, 170, 34);
  47. color: rgb(255, 255, 255);
  48. }
  49. #header {
  50. padding: 20px 5px 5px 5px;
  51. }
  52. #header h1 {
  53. text-align: center;
  54. }
  55. #footer {
  56. padding: 5px 10px;
  57. }
  58. /* Content */
  59. #main {
  60. margin: 0 auto;
  61. padding: 20px;
  62. height: 300px;
  63. border: none;
  64. background: none rgb(255, 255, 255);
  65. }
  66. .main h2 {
  67. padding: 6px 0;
  68. }
  69. .main dt {
  70. padding: 4px 0:
  71. }
  72. .main dd {
  73. padding: 0 20px;
  74. }
  75. /* Menu */
  76. #menu {
  77. color: rgb(0, 0, 0);
  78. background-color: transparent;
  79. font-family: arial, helvetica, sans-serif;
  80. white-space: nowrap;
  81. list-style-type: none;
  82. margin-top: 20px;
  83. }
  84. #menu ul {
  85. background: none;
  86. }
  87. #menu li {
  88. display: inline;
  89. border: 1px solid rgb(70, 100, 70);
  90. background: none rgb(255, 255, 240);
  91. }
  92. #menu a {
  93. padding: 2px;
  94. margin: 0px;
  95. color: rgb(0, 0, 0);
  96. text-decoration: none;
  97. border: none;
  98. }
  99. #menu a:hover {
  100. background: rgb(100, 100, 100);
  101. }
  102. /* validate icons */
  103. #icons {
  104. float: right;
  105. margin-top: 5px;
  106. }
  107. #icons img, a:link, a:active, a:focus, a:visited, a:hover {
  108. border: none;
  109. }