WebKitSite/css/main.css

   1 body {
   2     position: absolute;
   3     background-repeat: repeat-x;
   4     background-color: #fff;
   5     color: #333;
   6     font-size: 12px;
   7     line-height: 1.5em;
   8     font-family: Lucida Grande, Verdana, Arial;
   9     margin: 0px;
  10     padding: 0px;
  11     max-width: 850px;
  12 }
  13
  14 p {
  15     min-width: 400px;
  16 }
  17
  18 #download {
  19     float: right;
  20     padding: 5px 0px 5px 5px;
  21     border: 0px;
  22 }
  23
  24 #content {
  25     margin: 157px 20px 20px 215px;
  26 }
  27
  28 #copy {
  29     height: 20px;
  30     bottom: 0px;
  31     left: 147px;
  32     padding: 10px 0px 0px 0px;
  33     margin: 10px 0px 0px 0px;
  34     text-align: center;
  35     font-size: 10px;
  36 }
  37
  38 #footer {
  39     position: relative;
  40     left: 215px;
  41     margin-bottom: 20px;
  42 }
  43
  44 #title {
  45     position: absolute;
  46     background-image: url( /images/end.png );
  47     background-repeat: no-repeat;
  48     background-position: right;
  49     height: 76px;
  50     top: 50px;
  51     left: 40px;
  52     right: 20px;
  53     margin: 0px;
  54     padding: 0px;
  55 }
  56
  57 #title h1 {
  58     background-image: url( /images/middle.png );
  59     background-repeat: repeat-x;
  60     height: 53px;
  61     top: 0px;
  62     left: 0px;
  63     margin: 0px 24px 0px 0px;
  64     padding: 23px 0px 0px 175px;
  65     white-space: nowrap;
  66     overflow: hidden;
  67     text-overflow: ellipsis;
  68     text-shadow: #bbb 3px 3px 2px;
  69     font-size: 24px;
  70 }
  71
  72 h2, h3, h4 {
  73     margin-bottom: 0px;
  74     text-shadow: #bbb 2px 2px 1px;
  75 }
  76
  77 h2 {
  78     font-size: 16px;
  79 }
  80
  81 h3 {
  82     font-size: 14px;
  83 }
  84
  85 h4 {
  86     font-size: 12px;
  87 }
  88
  89 h1 + p, h2 + p, h3 + p, h4 + p, b + p {
  90     margin-top: 2px;
  91 }
  92
  93 #icon {
  94     position: absolute;
  95     top: 10px;
  96     left: -10px;
  97     background-image: url( /images/icon-gold.png );
  98     background-repeat: no-repeat;
  99     height: 174px;
 100     width: 215px;
 101     z-index: 3;
 102     margin: 0px;
 103 }
 104
 105 /* Content */
 106 #content ul {
 107     margin: 4px 0px 4px 0px;
 108 }
 109
 110 #content ul > li {
 111     margin: 4px 0px;
 112 }
 113
 114 /* Links */
 115 a {
 116     text-decoration: none;
 117 }
 118
 119 a:hover{
 120     text-decoration: underline;
 121 }
 122
 123 /* Navigation */
 124 #nav {
 125     position: absolute;
 126     background-image: url( /images/nav.png );
 127     background-repeat: no-repeat;
 128     height: 350px;
 129     width: 145px;
 130     top: 162px;
 131     left: 20px;
 132     padding: 20px 0px 0px 20px;
 133     font-size: 11px;
 134     line-height: 17px;
 135 }
 136
 137 #navlist {
 138     margin: 0px 0px 0px -5px;
 139     padding: 0px;
 140     list-style-type: none;
 141 }
 142
 143 #navlist a {
 144     color: #333;
 145 }
 146
 147 #navlist .subtitle {
 148     font-weight: bold;
 149     margin-top: 10px;
 150 }
 151
 152 #navlist li a:hover, #navlist li a:active {
 153     text-decoration: underline;
 154 }
 155
 156 #notice {
 157     min-width: 0px;
 158     padding: 0px;
 159     margin: 30px 10px 10px -5px;
 160     font-size: 9px;
 161     line-height: 11px;
 162     color: #aaa !important;
 163 }
 164
 165 #notice a {
 166     color: inherit !important;
 167     text-decoration: none;
 168 }
 169
 170 #notice a:hover {
 171     color: #555 !important;
 172     text-decoration: none;
 173 }
 174
 175 dt {
 176     font-weight: bold;
 177     margin-top: 1em;
 178 }
 179
 180 .code, pre, tt, code {
 181     font-family: Courier, Fixed;
 182     font-size: 110%;
 183 }
 184
 185 .code {
 186     margin-left: 2em;
 187     font-size: 90%;
 188     line-height: initial;
 189 }
 190
 191 .mac-instructions, .windows-instructions {
 192     border: 1px solid black;
 193     background-color: white;
 194     -webkit-border-radius: 5px;
 195     padding: 0 1em;
 196     margin: 1em 0;
 197 }