gollum.css in gollum-3.1.0

- old
+ new

@@ -19,15 +19,21 @@
 }
 
 #wiki-wrapper {
   margin: 0 auto;
   overflow: visible;
-  width: 920px;
-  padding-left:20px;
-  padding-right:20px;
+  width: 100%;
 }
 
+@media all and (min-width: 940px) {
+  #wiki-wrapper {
+    max-width: 920px;
+    padding-left:20px;
+    padding-right:20px;
+  }
+}
+
 a:link {
   color: #4183c4;
   text-decoration: none;
 }
 
@@ -37,28 +43,47 @@
 }
 
 
 /* @section head */
 #head {
-  border-bottom: 1px solid #ddd;
-  margin: 4em 0 1.5em;
-  padding-bottom: 0.3em;
+  margin: 1em 0 0;
+  padding: 0;
   overflow: hidden;
 }
 
 #head h1 {
-  font-size: 2.5em;
+  font-size: 1.5em;
   float: left;
   line-height: normal;
   margin: 0;
-  padding: 2px 0 0 0;
+  padding: 0 0 0 0.667em;
 }
 
 #head ul.actions {
-  float: right;
+  clear: both;
+  margin: 0 1em;
 }
 
+@media all and (min-width: 940px) {
+  #head {
+    border-bottom: 1px solid #ddd;
+    padding-bottom: 0.3em;
+    margin: 4em 0 1.5em;
+  }
+
+  #head h1 {
+    font-size: 2.5em;
+    padding: 2px 0 0 0;
+  }
+
+  #head ul.actions {
+    clear: none;
+    float: right;
+    margin: 0;
+  }
+}
+
 /* @section content */
 #wiki-content {
   height: 1%;
   overflow: visible;
 }
@@ -87,10 +112,16 @@
   margin-right: 3%;
   margin-bottom: 40px;
   width: 100%;
 }
 
+#wiki-body table {
+  display: block;
+  overflow: auto;
+  border: 0;
+}
+
 .has-sidebar #wiki-body {
   width: 68%;
 }
 
 /* @section toc */
@@ -242,11 +273,21 @@
 
 #footer p#last-edit span.username {
   font-weight: bold;
 }
 
+#footer .actions {
+  margin-left: 1em;
+}
 
+@media all and (min-width: 940px) {
+  #footer .actions {
+    margin: 0;
+  }
+}
+
+
 /* @section history */
 .history h1 {
   color: #999;
   font-weight: normal;
 }
@@ -255,11 +296,11 @@
   color: #000;
   font-weight: bold;
 }
 
 #wiki-history {
-  margin-top: 2em;
+  margin: 2em 1em 0 1em;
 }
 
 #wiki-history fieldset {
   border: 0;
   margin: 1em 0;
@@ -281,20 +322,21 @@
 #wiki-history table tr {
   background-color: #ebf2f6;
 }
 
 #wiki-history table tr td {
-  border: 1px solid #c0dce9;
+  border-top: 1px solid #c0dce9;
+  border-bottom: 1px solid #c0dce9;
   font-size: 1em;
   line-height: 1.6em;
   margin: 0;
   padding: 0.3em 0.7em;
 }
 
 #wiki-history table tr td.checkbox {
-  width: 4em;
-  padding: 0.3em;
+  width: auto;
+  padding: 0 0.2em 0 0;
 }
 
 #wiki-history table tr td.checkbox input {
   cursor: pointer;
   display: block;
@@ -362,11 +404,30 @@
 .history #wiki-history ul.actions li,
 .history #footer ul.actions li {
   margin: 0 0.6em 0 0;
 }
 
+@media all and (min-width: 940px) {
+  #wiki-history {
+    margin: 2em 0 0 0;
+  }
 
+  #wiki-history table tr td {
+    border: 1px solid #c0dce9;
+    font-size: 1em;
+    line-height: 1.6em;
+    margin: 0;
+    padding: 0.3em 0.7em;
+  }
+
+  #wiki-history table tr td.checkbox {
+    width: 4em;
+    padding: 0.3em;
+  }
+}
+
+
 /* @section edit */
 .edit h1 {
   color: #999;
   font-weight: normal;
 }
@@ -376,10 +437,11 @@
   font-weight: bold;
 }
 
 
 /* @section search */
+
 .results h1 {
   color: #999;
   font-weight: normal;
 }
 
@@ -388,26 +450,49 @@
   font-weight: bold;
 }
 
 .results #results {
   border-bottom: 1px solid #ccc;
+  margin-left: 1em;
+  margin-right: 1em;
   margin-bottom: 2em;
   padding-bottom: 2em;
 }
 
 .results #results ul {
   margin: 2em 0 0 0;
   padding: 0;
 }
 
 .results #results ul li {
-  font-size: 1.2em;
-  line-height: 1.6em;
-  list-style-position: outside;
+  list-style: none;
   padding: 0.2em 0;
 }
 
+.results #results ul li a {
+  word-wrap: break-word;
+}
+
+@media all and (min-width: 640px) {
+  .results #results ul li {
+    font-size: 1.2em;
+  }
+}
+
+@media all and (min-width: 940px) {
+  .results #results {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .results #results ul li {
+    list-style: disc;
+    list-style-position: outside;
+    line-height: 1.6em;
+  }
+}
+
 .results #results ul li span.count {
   color: #999;
 }
 
 .results p#no-results {
@@ -520,22 +605,22 @@
 }
 
  ul.actions li {
    float: left;
    font-size: 0.9em;
-   margin-left: 0.6em;
-   margin-bottom: 0.6em;
+   margin-left: 1px;
+   margin-bottom: 1px;
  }
 
 .minibutton a {
   background-color: #f7f7f7;
   border: 1px solid #d4d4d4;
   color: #333;
   display: block;
   font-weight: bold;
   margin: 0;
-  padding: 0.4em 1em;
+  padding: 0.6em 1em;
   height: 1.4em;
 
   text-shadow: 0 1px 0 #fff;
 
   filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
@@ -545,10 +630,22 @@
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
 }
 
+@media all and (min-width: 940px) {
+  ul.actions li {
+    margin-left: 0.6em;
+    margin-bottom: 0.6em;
+  }
+
+  .minibutton a {
+    padding: 0.4em 1em;
+    height: 1.4em;
+  }
+}
+
 #search-submit {
   background-color: #f7f7f7;
   border: 1px solid #d4d4d4;
   color: #333;
   display: block;
@@ -625,11 +722,11 @@
 
 
 /* @control searchbar */
 #head #searchbar {
   float: right;
-  padding: 0;
+  padding: 2px 0 0 0;
   overflow: hidden;
 }
 
 #head #searchbar #searchbar-fauxtext {
   background: #fff;
@@ -682,11 +779,11 @@
   background-repeat: no-repeat;
   display: block;
   height: inherit;
   overflow: hidden;
   text-indent: -5000px;
-  width: 28px;
+  width: 32px;
 }
 
 .ff #head #searchbar #searchbar-fauxtext #search-submit span,
 .ie #head #searchbar #searchbar-fauxtext #search-submit span {
   height: 2.2em;
@@ -695,14 +792,34 @@
 #head #searchbar #searchbar-fauxtext #search-submit:hover span {
   background-position: -431px -28px;
   padding: 0;
 }
 
+@media all and (min-width: 940px) {
+  #head #searchbar {
+    padding: 0;
+  }
+
+  #head #searchbar #searchbar-fauxtext #search-submit span {
+    width: 28px;
+  }
+
+  #head #searchbar #searchbar-fauxtext #search-submit:hover span {
+    background-position: -431px -28px;
+  }
+}
+
 /* @section pages */
 
 #pages {
   font-size: 1.2em;
-  margin-bottom: 20px;
+  margin: 0 1em 20px 1em;
+}
+
+@media all and (min-width: 940px) {
+  #pages {
+    margin: 0 0 20px 0;
+  }
 }
 
 #pages ul {
     list-style: none;
     margin: 0;