css: fix logo dimensions

[i3/i3.github.io] / css / style.css

diff --git a/css/style.css b/css/style.css
index 6bfb3925b3ca49777d00435fa70b50456494c9f9..e13658d673f2d7f135eed2d9418d64592b3dee91 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -3,10 +3,11 @@ body {
     color: #CCC;
     font-family: 'Droid Sans', "Lucida Grande", "Lucida Sans", "Liberation Sans", sans-serif;
     font-size: 0.8em;
+    overflow-y: scroll;
 }
 
 h2, h3 {
-    font-family: "Helvetica Neue", Helvetica, 'Ovo', Arial, sans-serif;
+    font-family: 'Mako', sans-serif;
     font-weight: bold;
     letter-spacing: -1px;
     color: #FFF;
@@ -56,10 +57,11 @@ a:hover {
 
 #nav li a {
     font-size: 1.2em;
-    margin: 0.4em 0.8em;
+    margin: 0.4em 0.4em;
     display: block;
     color: #FFF;
     text-decoration: none;
+    border-bottom: 2px solid #2e2e2e;
 }
 
 #nav li a:hover {
@@ -71,8 +73,9 @@ h1#title {
     width: 458px;
     float: left;
     margin: 0;
-    background-image: url(../img/logo.png);
+    background-image: url(../img/logo.svg);
     background-repeat: no-repeat;
+    background-size: 436px 134px;
     text-indent: -9999px;
 }
 
@@ -81,6 +84,10 @@ h1#title {
     float: right;
 }
 
+img {
+    border: 0;
+}
+
 #info img, .screenshots img, .video img {
     -webkit-box-shadow: 0px 0px 0.20em #000;
     -moz-box-shadow: 0px 0px 0.20em #000;
@@ -196,6 +203,10 @@ h1#title {
     width: 48%;
 }
 
+.docs p, .ugdocs p {
+    padding-left: 0.5em;
+}
+
 @font-face {
     font-family: 'Droid Sans';
     font-style: normal;
@@ -210,15 +221,35 @@ h1#title {
     src: local('Ovo'), url('/fonts/Ovo.ttf') format('truetype');
 }
 
+@font-face {
+    font-family: 'Mako';
+    font-style: normal;
+    font-weight: normal;
+    src: local('Mako'), url('/fonts/Mako.ttf') format('truetype');
+}
+
 .video img {
     margin-left: 1em;
     margin-right: 1em;
 }
 
+#screencasts li {
+    margin-bottom: 0.25em;
+}
+
+#screencasts p, #screencasts ul {
+    margin-top: 0.35em;
+    margin-bottom: 0.35em;
+}
+
 .imgdesc {
     margin-bottom: 1em;
 }
 
+.screenshots, .screencasts, .video {
+    width: 100%;
+}
+
 .screenshots .shot {
     float: left;
     margin-left: 1em;
@@ -227,6 +258,8 @@ h1#title {
     margin-bottom: 1em;
     text-align: center;
     color: #c0c0c0;
+    width: 240px;
+    min-height: 125px;
 }
 
 .screenshots br {
@@ -246,9 +279,10 @@ h1#title {
     position: fixed;
     left: 50%;
     top: 50%;
-    width: 64px;
-    height: 64px;
-    background-color: red;
+    width: 58px;
+    height: 60px;
+    background-color: black;
+    background-image: url('/img/loading.gif');
     opacity: 0.9;
     z-index: 20;
     display: none;
@@ -276,22 +310,100 @@ h1#title {
 }
 
 #imgleft, #imgright {
+    cursor: pointer;
     position: fixed;
     top: 50%;
     width: 64px;
     height: 64px;
     border-radius: 4px;
-    background-color: green;
-    z-index: 19;
+    background-color: black;
+    z-index: 22;
+    opacity: 0.7;
 }
 
 #imgleft {
     left: 0;
+    background-image: url('/img/prevbtn.png');
 }
 
 #imgright {
     right: 0;
-    background-color: blue;
+    background-image: url('/img/nextbtn.png');
+}
+
+#imgdesc {
+    position: fixed;
+    left: 64px;
+    bottom: 0;
+    background-color: #333;
+    width: 100%;
+    padding-top: 1em;
+    padding-bottom: 1em;
+    padding-left: 2em;
+    border: 1px solid #555;
+    border-bottom: 0;
+}
+
+#imgdesc .filename {
+    font-weight: bold;
+}
+
+#imgdesc .description {
+    padding-left: 1em;
+}
+
+.docs strong {
+    margin-right: 1em;
+}
+
+.docversion {
+    margin: 0.25em;
+    margin-top: 0.9em;
+    padding: 0.1em;
+    padding-left: 0.25em;
+    padding-right: 0.25em;
+    background-color: #333;
+    border: 2px solid #555;
+    border-radius: 4px;
+    float: right;
+}
+
+.docversion a, .docversion a:visited {
+    color: white;
+    text-decoration: none;
+}
+
+table#downloads tr {
+    opacity: 0.7;
+}
+
+table#downloads thead tr {
+    opacity: 1.0;
+}
+
+table#downloads tbody tr:first-child {
+    opacity: 1.0;
+}
+
+.usergen pre {
+    background: #333;
+    border: 1px solid #555;
+    border-left: 5px solid #555;
+    padding: 0.5em;
+    padding-left: 1em;
+    padding-right: 0.5em;
+    white-space: pre;
+    color: white;
+    overflow: auto;
+}
+
+.usergen tt {
+    font-family: 'Droid Sans Mono', sans-serif;
+    font-size: inherit;
+}
+
+.ugdocs .author {
+    opacity: 0.3;
 }
 
 /* clearfix */