Reviewed by Mark Rowe.
[WebKit-https.git] / WebKitSite / css / main.css
index a8163436dae453d22abc56a613cbf5d2db338cd3..86e0f6f050774ad4a3957eae9847ab668ccf4ee5 100644 (file)
@@ -4,6 +4,7 @@ body {
     background-color: #fff;
     color: #333;
     font-size: 12px;
+    line-height: 1.5em; 
     font-family: Lucida Grande, Verdana, Arial;
     margin: 0px;
     padding: 0px;
@@ -11,8 +12,7 @@ body {
 }
 
 p {
-    line-height: 1.7em;
-       min-width: 400px;    
+    min-width: 400px;    
 }
 
 #download {
@@ -36,42 +36,42 @@ p {
 }
 
 #footer {
-       position: relative;
-       left: 215px;
-       margin-bottom: 20px;
+    position: relative;
+    left: 215px;
+    margin-bottom: 20px;
 }
 
 #title {
     position: absolute;
-       background-image: url( /images/end.png );
-       background-repeat: no-repeat;
-       background-position: right;
-       height: 76px;
+    background-image: url( /images/end.png );
+    background-repeat: no-repeat;
+    background-position: right;
+    height: 76px;
     top: 50px;
     left: 40px;
     right: 20px;
-       margin: 0px;
-       padding: 0px;
+    margin: 0px;
+    padding: 0px;
 }
 
 #title h1 {
-       background-image: url( /images/middle.png );
-       background-repeat: repeat-x;
-       height: 53px;
-       top: 0px;
-       left: 0px;
-       margin: 0px 24px 0px 0px;
-       padding: 23px 0px 0px 175px;
-       white-space: nowrap;
-       overflow: hidden;
-       text-overflow: ellipsis;
-       text-shadow: #bbb 3px 3px 2px;
-       font-size: 24px;
+    background-image: url( /images/middle.png );
+    background-repeat: repeat-x;
+    height: 53px;
+    top: 0px;
+    left: 0px;
+    margin: 0px 24px 0px 0px;
+    padding: 23px 0px 0px 175px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-shadow: #bbb 3px 3px 2px;
+    font-size: 24px;
 }
 
 h2, h3, h4 {
     margin-bottom: 0px;
-       text-shadow: #bbb 2px 2px 1px;
+    text-shadow: #bbb 2px 2px 1px;
 }
 
 h2 {
@@ -94,21 +94,21 @@ h1 + p, h2 + p, h3 + p, h4 + p, b + p {
     position: absolute;
     top: 10px;
     left: -10px;
-       background-image: url( /images/icon-gold.png );
-       background-repeat: no-repeat;
-       height: 174px;
-       width: 215px;
-       z-index: 3;
-       margin: 0px;
+    background-image: url( /images/icon-gold.png );
+    background-repeat: no-repeat;
+    height: 174px;
+    width: 215px;
+    z-index: 3;
+    margin: 0px;
 }
 
 /* Content */
 #content ul {
-       margin: 4px 0px 4px 0px;
+    margin: 4px 0px 4px 0px;
 }
 
-#content li {
-       margin: 4px 0px;
+#content ul > li {
+    margin: 4px 0px;
 }
 
 /* Links */
@@ -154,27 +154,27 @@ a:hover{
 }
 
 #notice {
-       min-width: 0px;
-       padding: 0px;
+    min-width: 0px;
+    padding: 0px;
     margin: 30px 10px 10px -5px;
-       font-size: 9px;
-       line-height: 11px;
-       color: #aaa !important;
+    font-size: 9px;
+    line-height: 11px;
+    color: #aaa !important;
 }
 
 #notice a {
-       color: inherit !important;
-       text-decoration: none;
+    color: inherit !important;
+    text-decoration: none;
 }
 
 #notice a:hover {
-       color: #555 !important;
-       text-decoration: none;
+    color: #555 !important;
+    text-decoration: none;
 }
 
 dt { 
-       font-weight: bold;
-       margin-top: 1em;
+    font-weight: bold;
+    margin-top: 1em;
 }
 
 .code, pre, tt, code {
@@ -185,4 +185,13 @@ dt {
 .code {
     margin-left: 2em;
     font-size: 90%;
+    line-height: initial;
+}
+
+.mac-instructions, .windows-instructions {
+    border: 1px solid black;
+    background-color: white;
+    -webkit-border-radius: 5px;
+    padding: 0 1em;
+    margin: 1em 0;
 }
\ No newline at end of file