Websites/webkit.org/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     min-width: 790px;
  56 }
  57
  58 #title h1 {
  59     background-image: url( /images/middle.png );
  60     background-repeat: repeat-x;
  61     height: 53px;
  62     top: 0px;
  63     left: 0px;
  64     margin: 0px 24px 0px 0px;
  65     padding: 23px 0px 0px 175px;
  66     white-space: nowrap;
  67     overflow: hidden;
  68     text-overflow: ellipsis;
  69     text-shadow: #bbb 2px 2px 2px;
  70     font-size: 24px;
  71 }
  72
  73 h2, h3, h4 {
  74     margin-bottom: 0px;
  75     text-shadow: #bbb 1px 1px 1px;
  76 }
  77
  78 h2 {
  79     font-size: 16px;
  80 }
  81
  82 h3 {
  83     font-size: 14px;
  84 }
  85
  86 h4 {
  87     font-size: 12px;
  88 }
  89
  90 h1 + p, h2 + p, h3 + p, h4 + p, b + p {
  91     margin-top: 2px;
  92 }
  93
  94 #icon {
  95     position: absolute;
  96     top: 10px;
  97     left: -10px;
  98     background-image: url( /images/icon-gold.png );
  99     background-repeat: no-repeat;
 100     height: 174px;
 101     width: 215px;
 102     z-index: 3;
 103     margin: 0px;
 104 }
 105
 106 /* Content */
 107 #content ul {
 108     margin: 4px 0px 4px 0px;
 109 }
 110
 111 #content ul > li {
 112     margin: 4px 0px;
 113 }
 114
 115 .datestamp {
 116     color: rgb(119, 119, 119);
 117     font-size: smaller;
 118 }
 119
 120 /* Links */
 121 a {
 122     text-decoration: none;
 123 }
 124
 125 a:hover{
 126     text-decoration: underline;
 127 }
 128
 129 /* Navigation */
 130 #nav {
 131     position: absolute;
 132     background-image: url( /images/nav.png );
 133     background-repeat: no-repeat;
 134     height: 350px;
 135     width: 145px;
 136     top: 162px;
 137     left: 20px;
 138     padding: 20px 0px 0px 20px;
 139     font-size: 11px;
 140     line-height: 17px;
 141 }
 142
 143 #navlist {
 144     margin: 0px 0px 0px -5px;
 145     padding: 0px;
 146     list-style-type: none;
 147 }
 148
 149 #navlist a {
 150     color: #333;
 151 }
 152
 153 #navlist .subtitle {
 154     font-weight: bold;
 155     margin-top: 10px;
 156 }
 157
 158 #navlist li a:hover, #navlist li a:active {
 159     text-decoration: underline;
 160 }
 161
 162 #notice, #trademark, #terms {
 163     min-width: 0px;
 164     padding: 0px;
 165     margin: 10px 10px 10px -5px;
 166     font-size: 9px;
 167     line-height: 11px;
 168     color: #aaa !important;
 169 }
 170
 171 #notice {
 172     margin-top: 30px;
 173 }
 174
 175 #notice a {
 176     color: inherit !important;
 177     text-decoration: none;
 178 }
 179
 180 #notice a:hover {
 181     color: #555 !important;
 182     text-decoration: none;
 183 }
 184
 185 dt {
 186     font-weight: bold;
 187     margin-top: 1em;
 188 }
 189
 190 .book {
 191     font-style: italic;
 192 }
 193
 194 .code, pre, tt, code {
 195     font-family: Courier, Fixed;
 196     font-size: 110%;
 197 }
 198
 199 .code {
 200     margin-left: 2em;
 201     font-size: 90%;
 202     line-height: normal;
 203 }
 204
 205 .mac-instructions, .unix-instructions, .windows-instructions, .gtk-instructions, .qt-instructions, .efl-instructions {
 206     border: 1px solid black;
 207     background-color: white;
 208     -webkit-border-radius: 5px;
 209     -moz-border-radius: 5px;
 210     border-radius: 5px;
 211     padding: 0 1em;
 212     margin: 1em 0;
 213 }
 214
 215 .asciiart {
 216     background-color: #eee;
 217     padding: 1em;
 218     margin-left: 2em;
 219     margin-right: 2em;
 220     overflow-x: auto;
 221 }