From 1ed9fdb5593f9065599b6ccc72e6f17be5f7c6d1 Mon Sep 17 00:00:00 2001 From: franck cuny Date: Sun, 13 Mar 2011 15:10:24 +0100 Subject: update css (mostly ripped off gollum) Signed-off-by: franck cuny --- public/css/style.css | 266 ++++++++++++++++++++------------------------------- 1 file 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; } -- cgit 1.4.1