Shamusworld >> Repos - apple2/blob - web/apple2.css

   1 /* CSS for Apple2 Web */
   2
   3 /* for testing */
   4 /*div { border: 1px solid red; }*/
   5
   6 body, table
   7 {
   8         background: #006060;
   9         color: #FFFFFF;
  10         text-align: center;     /* Crappy IE kludge */
  11         font: 14.0pt Arial, Verdana, sans-serif;
  12         padding-left: 10%;
  13         padding-right: 10%
  14 }
  15
  16 /*#title img
  17 {
  18         margin-top: 22px;
  19 }*/
  20
  21 h1.title
  22 {
  23         width: 263px;
  24         height: 79px;
  25         background: url("img/a2-logo.png");
  26         text-indent: -9999px;
  27         display: block;
  28         margin: 0 auto;
  29         margin-top: 45px;
  30 }
  31
  32 img.flt-l
  33 {
  34         float: left;
  35         margin-right: 8px;
  36 }
  37
  38 img.flt-r
  39 {
  40         float: right;
  41         margin-left: 8px;
  42 }
  43
  44 figure.flt-r
  45 {
  46         float: right;
  47         margin-top: 0;
  48         margin-left: 8px;
  49         margin-right: 0;
  50         font-style: italic;
  51         font-size: 90%;
  52 }
  53
  54 figure.small33
  55 {
  56         width: 33%;
  57 }
  58
  59 img.small50
  60 {
  61         width: 50%;
  62         height: 50%;
  63 }
  64
  65 img.small33
  66 {
  67         width: 33%;
  68         height: 33%;
  69 }
  70
  71 #title
  72 {
  73         font-size: 300%;
  74         font-weight: bold;
  75         color: #30FF30;
  76 }
  77
  78 #news td
  79 {
  80         padding-bottom: 1em;
  81 }
  82
  83 #compatibility
  84 {
  85         border: 1px solid white;
  86         border-spacing: 0;
  87         margin-bottom: 1em;
  88 }
  89
  90 #compatibility td
  91 {
  92         vertical-align: top;
  93         border: 1px solid white;
  94         font-size: 85%;
  95 }
  96
  97 .date
  98 {
  99         width: 7em;
 100         vertical-align: top;
 101 /*      color: #FF6060;*/
 102         color: #FF6020;
 103 }
 104
 105 sup
 106 {
 107         font-size: 60%;
 108 }
 109
 110 hr
 111 {
 112         margin-bottom: 1.75em;
 113 }
 114
 115 table, ul
 116 {
 117         text-align: left;
 118 }
 119
 120 p
 121 {
 122         text-align: left;
 123         margin-top: 0;
 124         margin-bottom: 1em;
 125         line-height: 140%;
 126 }
 127
 128 li
 129 {
 130         line-height: 140%;
 131 }
 132
 133 /*h1
 134 {
 135         font-size: 300%;
 136         margin-top: 0;
 137         margin-bottom: 0;
 138 }*/
 139
 140 h2
 141 {
 142         font-size: 200%;
 143         margin-top: 0.75em;
 144         margin-bottom: 0.75em;
 145         color: #FFB000;
 146         font-style: italic;
 147 }
 148
 149 h3
 150 {
 151         font-size: 140%;
 152         margin-top: 1.2em;
 153 /*      margin-bottom: 0;*/
 154 }
 155
 156 tt
 157 {
 158         font-size: 80%;
 159 }
 160
 161 p#footer
 162 {
 163         margin-top: 2.0em;
 164         font-size: 75%;
 165         font-style: italic;
 166 }
 167
 168 a:link    { color: #0090FF; text-decoration: underline; }
 169 a:visited { color: #FF6F00; text-decoration: underline; }
 170 a:hover   { color: #20B0FF; text-decoration: none; }
 171 a:active  { color: #FFFFFF; text-decoration: underline; }
 172