css: fix logo dimensions

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

diff --git a/css/style.css b/css/style.css
index 564611f7ed9adcac96da3bcf9f7039ba9c5e7231..e13658d673f2d7f135eed2d9418d64592b3dee91 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -57,7 +57,7 @@ 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;
@@ -73,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;
 }
 
@@ -202,6 +203,10 @@ img {
     width: 48%;
 }
 
+.docs p, .ugdocs p {
+    padding-left: 0.5em;
+}
+
 @font-face {
     font-family: 'Droid Sans';
     font-style: normal;
@@ -241,6 +246,10 @@ img {
     margin-bottom: 1em;
 }
 
+.screenshots, .screencasts, .video {
+    width: 100%;
+}
+
 .screenshots .shot {
     float: left;
     margin-left: 1em;
@@ -270,9 +279,10 @@ img {
     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;
@@ -300,22 +310,100 @@ img {
 }
 
 #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 */