files/html/old/gradient-yellow/style.css

Plain text | Download

  1.  
  2. body, td, input, textarea {
  3.     font-family: sans-serif;
  4.     font-size: 10pt;
  5. }
  6.  
  7. body {
  8.     background: #fac22a url(gradient.jpg) repeat-x 0 100%;
  9.     padding: 0;
  10.     margin: 0;
  11. }
  12.  
  13. h2 {
  14.     background: #666666;
  15.     border-left: 2px solid #000000;
  16.     color: #fac22a;
  17.     font-size: 1.3em;
  18.     font-weight: bold;
  19.     margin: 1em 0;
  20.     margin-left: -1.2em;
  21.     padding: 0;
  22.     padding-left: 1.1em;
  23. }
  24.  
  25. h3 {
  26.     font-size: 1.1em;
  27.     font-weight: bold;
  28.     text-decoration: underline;
  29.     margin: 1.4em 0 0.5em 0;
  30.     padding: 0;
  31. }
  32.  
  33. a {
  34.     color: #000000;
  35. }
  36.  
  37. #container {
  38.     background: url(tooth.png) repeat-y 100% 2em;
  39.     width: 50em;
  40.     margin: 0 auto;
  41.     padding: 8em 0 0 0;
  42. }
  43.  
  44. #head {
  45.     margin-left: -26.5em;
  46.     position: absolute;
  47.     top: 0.5em;
  48.     left: 50%;
  49.     z-index: 10;
  50. }
  51.  
  52. #head h1 {
  53.     font-size: 1em;
  54.     margin: 0;
  55.     padding: 0;
  56. }
  57.  
  58. #head h1 a {
  59.     background: #b9c246;
  60.     border: 2px dashed #595959;
  61.     font-size: 1.2em;
  62.     text-decoration: none;
  63.     display: block;
  64.     padding: 0.7em 1em;
  65.     color: #000000;
  66. }
  67.  
  68. #head h1 a:hover {
  69.     border-color: #000000;
  70. }
  71.  
  72. #menu {
  73.     background: #fac22a url(gradient.jpg) repeat-x 0 -120px;
  74.     font-size: 1.1em;
  75.     line-height: 1.5em;
  76.     border-bottom: 4px solid #555555;
  77.     width: 100%;
  78.     height: 6em;
  79.     position: absolute;
  80.     top: 0;
  81.     left: 0;
  82.     z-index: 9;
  83.     overflow: visible;
  84. }
  85.  
  86. #menu ol {
  87.     width: 37em;
  88.     position: absolute;
  89.     left: 50%;
  90.     top: 3.4em;
  91.     margin-left: -18.5em;
  92.     padding: 0;
  93. }
  94.  
  95. #menu li {
  96.     margin: 0;
  97.     padding: 0;
  98.     list-style: none; 
  99. }
  100.  
  101. #menu li.trigger {
  102.     position: relative;
  103.     float: left;
  104. }
  105.  
  106. #menu a {
  107.     padding: 0.2em 0.5em;
  108.     text-decoration: none;
  109. }
  110.  
  111. #menu a:hover {
  112.     border-bottom: 5px solid #b9c246;
  113. }
  114.  
  115. #menu ul {
  116.     display: none;
  117. }
  118.  
  119. #content {
  120.     padding-right: 130px;
  121.     padding-bottom: 3em;
  122. }
  123.  
  124. #footer {
  125.     height: 3em;
  126.     width: 200px;
  127.     text-align: right;
  128.     border-top: 4px solid #222222;
  129.     float: right;
  130. }
  131.  
  132. #footer a {
  133.     text-decoration: none;
  134.     font-size: 0.8em;
  135.     letter-spacing: 0.1em;
  136.     display: block;
  137. }
  138.  
  139. .nodisplay {
  140.     display: none;
  141. }
  142.