update css (mostly ripped off gollum)

Signed-off-by: franck cuny <franck@lumberjaph.net>

1 files changed, 104 insertions, 162 deletions

diff --git a/public/css/style.css b/public/css/style.css
index c6dc8f8..4d40f54 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,196 +1,138 @@
-
-body {
-font-family: 'Linux Libertine', Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif;
-margin: 0;
-margin-bottom: 25px;
-padding: 0;
-background-color: #ddd;
-background-image: url("/images/perldancer-bg.jpg"); 
-background-repeat: no-repeat;
-background-position: top left;
-
-font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
-font-size: 13px;
-color: #333;
-}
-
-h1 {
-font-size: 28px;
-color: #000;
+body, html {
+   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+   font-size: 10px;
+   margin: 0;
+   padding: 0;
 }
 
-a  {color: #03c}
-a:hover {
-background-color: #03c;
-color: white;
-text-decoration: none;
-}
-
-
-#page {
-background-color: #ddd;
-width: 750px;
-margin: auto;
-margin-left: auto;
-padding-left: 0px;
-margin-right: auto;
+a:link {
+   color: #4183c4;
+   text-decoration: none;
 }
 
-#content {
-background-color: white;
-border: 3px solid #aaa;
-border-top: none;
-padding: 25px;
-width: 500px;
+a:hover, a:visited {
+   color: #4183c4;
+   text-decoration: underline;
 }
 
-#sidebar {
-float: right;
-width: 175px;
+#wiki-wrapper {
+   margin: 0 auto;
+   overflow: visible;
+   width: 80%;
 }
 
-#header, #about, #getting-started {
-padding-left: 75px;
-padding-right: 30px;
+#head {
+   border-bottom: 1px solid #ccc;
+   margin: 4.5em 0 0.5em;
+   padding: 0.5em 0;
+   overflow: hidden;
 }
 
-
-#header {
-background-image: url("/images/perldancer.jpg"); 
-background-repeat: no-repeat;
-background-position: top left;
-height: 64px;
+#head h1 {
+   font-size: 3.3em;
+   float: left;
+   line-height: normal;
+   margin: 0;
+   padding: 0.08em 0 0 0;
+   width: 50%;
 }
-#header h1, #header h2 {margin: 0}
-#header h2 {
-color: #888;
-font-weight: normal;
-font-size: 16px;
+  
+#head ul.actions {
+   float: right;
 }
+  
 
-
-#about h3 {
-margin: 0;
-margin-bottom: 10px;
-font-size: 14px;
+.page #footer {
+   border-top: 1px solid #ccc;
+   margin: 1em 0 7em;
 }
 
-#about-content {
-background-color: #ffd;
-border: 1px solid #fc0;
-margin-left: -11px;
+#footer p#last-edit {
+   font-size: 1.2em;
+   line-height: 1.6em;
+   color: #999;
+   margin: 0.9em 0;
 }
-#about-content table {
-margin-top: 10px;
-margin-bottom: 10px;
-font-size: 11px;
-border-collapse: collapse;
+  
+#footer p#last-edit span.username {
+   font-weight: bold;
 }
-#about-content td {
-padding: 10px;
-padding-top: 3px;
-padding-bottom: 3px;
-}
-#about-content td.name  {color: #555}
-#about-content td.value {color: #000}
 
-#about-content.failure {
-background-color: #fcc;
-border: 1px solid #f00;
-}
-#about-content.failure p {
-margin: 0;
-padding: 10px;
+ul.actions {
+   display: block;
+   list-style-type: none;
+   overflow: hidden;
+   padding: 0;
 }
 
-
-#getting-started {
-border-top: 1px solid #ccc;
-margin-top: 25px;
-padding-top: 15px;
-}
-#getting-started h1 {
-margin: 0;
-font-size: 20px;
-}
-#getting-started h2 {
-margin: 0;
-font-size: 14px;
-font-weight: normal;
-color: #333;
-margin-bottom: 25px;
-}
-#getting-started ol {
-margin-left: 0;
-padding-left: 0;
-}
-#getting-started li {
-font-size: 18px;
-color: #888;
-margin-bottom: 25px;
-}
-#getting-started li h2 {
-margin: 0;
-font-weight: normal;
-font-size: 18px;
-color: #333;
-}
-#getting-started li p {
-color: #555;
-font-size: 13px;
+ul.actions li {
+   float: left;
+   font-size: 1.2em;
+   margin-left: 0.6em;
 }
 
+.minibutton a {
+   background-color: #f7f7f7;
+   border: 1px solid #d4d4d4;
+   color: #333;
+   display: block;
+   font-weight: bold;
+   margin: 0;
+   padding: 0.4em 1em;
+   height: 1.4em;
 
-#search {
-margin: 0;
-padding-top: 10px;
-padding-bottom: 10px;
-font-size: 11px;
-}
-#search input {
-font-size: 11px;
-margin: 2px;
-}
-#search-text {width: 170px}
+   text-shadow: 0 1px 0 #fff;
 
+   background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
+   background: -moz-linear-gradient(top, #f4f4f4, #ececec);
 
-#sidebar ul {
-margin-left: 0;
-padding-left: 0;
-}
-#sidebar ul h3 {
-margin-top: 25px;
-font-size: 16px;
-padding-bottom: 10px;
-border-bottom: 1px solid #ccc;
+   border-radius: 3px;
+   -moz-border-radius: 3px;
+   -webkit-border-radius: 3px;
 }
-#sidebar li {
-list-style-type: none;
-}
-#sidebar ul.links li {
-margin-bottom: 5px;
-}
-
 
-h1, h2, h3, h4, h5 {
-font-family: sans-serif;
-margin: 1.2em 0 0.6em 0;
+#wiki-content {
+   height: 1%;
+   overflow: visible;
 }
 
-p {
-line-height: 1.5em;
-margin: 1.6em 0;
+#wiki-body {
+   display: block;
+   margin-right: 3%;
+   width: 100%;
 }
 
-code, tt {
-    font-family: 'Andale Mono', Monaco, 'Liberation Mono', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', monospace;
+textarea#editor-body {
+  background: #fff;
+  border: 1px solid #ddd;
+  font-size: 1.3em;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  line-height: 1.8em;
+  margin: 1em 0 0.4em;
+  padding: 0.5em; /* I don't really like mixing pct & em here… */
+  width: 98%;
+  height: 20em;
 }
 
-#footer {
-clear: both;
-padding-top: 2em;
-text-align: center;
-padding-right: 160px;
-font-family: sans-serif;
-font-size: 10px;
+input#editor-submit {
+  background-color: #f7f7f7;
+  border: 1px solid #d4d4d4;
+  color: #333;
+  cursor: pointer;
+  display: block;
+  float: left;
+  font-size: 1.2em;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  margin: 0;
+  padding: 0.4em 1em;
+
+  text-shadow: 0 1px 0 #fff;
+
+  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
+  background: -moz-linear-gradient(top, #f4f4f4, #ececec);
+
+  border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
 }