Mercurial > hg > soundsoftware-site

changeset 19:56fdca7d85a5 yuya

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
* Stylesheet updates to try to make the theme less overwhelming and a bit clearer
author Chris Cannam
date Thu, 16 Sep 2010 17:52:28 +0100
parents 48e89e0a0b7f
children f68b86893f8e
files public/themes/soundsoftware/stylesheets/application.css public/themes/soundsoftware/stylesheets/fonts.css
diffstat 2 files changed, 64 insertions(+), 25 deletions(-) [+]
line wrap: on
line diff
--- a/public/themes/soundsoftware/stylesheets/application.css	Fri Sep 10 15:57:01 2010 +0100
+++ b/public/themes/soundsoftware/stylesheets/application.css	Thu Sep 16 17:52:28 2010 +0100
@@ -1,9 +1,28 @@
 @import url(../../../stylesheets/application.css);
 @import url(fonts.css);
 
+/* Colours:
+
+   #be5700 link (orange)
+
+   #3e442c text (dark green)
+   (OK for headings, but small text is easier to read in black)
+
+   #ffa801 logo (yellow)
+
+   #525a38 logotype (olive)
+
+   #fdfaf0 background (cream)
+
+   #fdfbf5 alternate background (lighter cream)
+
+   #ffe69b highlight (light yellow)
+
+   #a9b680 detail (light green)
+*/
+
 body {
-  background: #fdfaf0;
-/*  color: #3e442c; */
+  background: #fdfbf5;
   color: #000;
   margin: 0;
   margin-bottom: 40px;
@@ -11,11 +30,11 @@
 }
 
 body,p,h2,h3,h4,li,table { 
-  font-family: LiberationSans, Droid, tahoma, verdana, sans-serif;
-/*  line-height: 1.2em; */
+  font-family: DroidSans, 'Liberation Sans', tahoma, verdana, sans-serif; */
 }
 
 h1 {
+  color: #3e442c;
   font-family: GilliusADFNo2, 'Gill Sans', Tahoma, sans-serif;
   font-weight: normal;
 }    
@@ -24,49 +43,51 @@
   color: #3e442c;
 }
 
-h2 { font-size: 2em; }
+h2 { font-size: 1.8em; }
 
 .box{
-padding: 6px;
-margin-bottom: 10px;
-background-color: #fdfbf5;
-color: #3e442c;
-line-height: 1.5em;
-border: 1px solid #be5700;
+    padding: 6px;
+    margin-bottom: 10px;
+    background-color: #fdfaf0;
+    color: #3e442c;
+    line-height: 1.5em;
+    border: 1px solid #a9b680;
 }
 
 .odd {background-color:#fdf7e4;}
-.even {background-color: #fdfbf5;}
+.even {background-color: #fdfaf0;}
 
 #content .tabs { margin-bottom: 0; }
 
-table.list th {  background-color: #fdfbf5; }
+table.list th {  background-color: #fdfaf0; }
 
-#top-menu { position: absolute; top: 0; z-index: 1; left: 0px; width: 100%; font-size: 90%; /* height: 2em; */ margin: 0; padding: 0; padding-top: 0.5em; background-color: #be5700; }
+#top-menu { position: absolute; top: 0; z-index: 1; left: 0px; width: 100%; font-size: 90%; /* height: 2em; */ margin: 0; padding: 0; padding-top: 0.5em; background-color: #3e442c; }
+#top-menu ul { margin-left: 10px; }
 #top-menu a { font-weight: bold; }
-#header {  position: absolute; z-index: 0; top: 0; width: 100%; background: #fdfaf0; /* border-bottom: 2px solid #be5700; height:80px; */ padding: 10px 0 0 0; margin-bottom: 0; }
+#header {  position: absolute; z-index: 0; top: 0; width: 100%; background: #fdfbf5; border-bottom: 2px solid #a9b680; /* height:80px; */ padding: 20px 0 0.5em 0; margin-bottom: 0; }
 #header a { color: #be5700; }
-#header h1 { color: #525a38; margin-top: 30px; font-size: 3em; font-weight: normal; margin-left: 0.3em; }
+#header h1 { color: #525a38; margin-top: 25px; font-size: 3em; font-weight: normal; margin-left: 10px; }
 .header-general h1 {
   background: url('soundsoftware-logo-title-only.png') no-repeat 0 0;
   text-indent: -9999px;
   width: 446px;
   height: 34px;
  }
-#quick-search { margin-right: 6px; margin-top: 2em; color: #000; }
-#main-menu { position: absolute; top: 90px; background-color: #be5700; left: 0; border-top: 0; width: 100%; height: 1.82em; padding: 0; margin: 0; border: 0; }
+#quick-search { margin-right: 6px; margin-top: 1em; color: #000; }
+#main-menu { position: absolute; top: 100px; /* background-color: #be5700; */ left: 0; border-top: 0; width: 100%;/* height: 1.82em; */ padding: 0; margin: 0; border: 0; }
 #main-menu li { margin: 0; padding: 0; padding-top: 1px; }
-#main-menu li a { background-color: #be5700; border-right: 1px solid #fff; font-size: 90%; padding: 0.4em 8px 0.4em 8px; font-weight: bold; }
-#main-menu li a:hover { background-color: #3e442c; color: #ffffff; }
-#main-menu li a.selected, #main-menu li a.selected:hover { background-color: #3e442c; color: #ffffff; }
+#main-menu li a { background-color: #fdfbf5; color: #be5700; border-right: 1px solid #a9b680; font-size: 97%; padding: 0.2em 8px 0.2em 10px; font-weight: normal; }
+#main-menu li:last-child a { border-right: 0; }
+#main-menu li a:hover { background-color: #fdfbf5; color: #be5700; text-decoration: underline; }
+#main-menu li a.selected, #main-menu li a.selected:hover { background-color: #fdfbf5; color: #3e442c; }
 
-#footer { background-color: #be5700; border: 0; color: #fff;}
-#footer a { color: #fff; font-weight: bold; }
+#footer { background-color: #fdfbf5; border: 0; border-top: 2px solid #a9b680; color: #3e442c; text-align: right; }
+#footer a { color: #be5700; font-weight: bold; }
 
-#main { margin-top: 135px; font:95%; background: #fdfbf5; }
+#main { margin-top: 135px; font:95%; background: #fdfaf0; }
 #main a { font-weight: medium; color: #be5700;}
 #main a:hover { color: #be5700; text-decoration: underline; }
-#content { background: #fdfaf0; }
+#content { background: #fdfbf5; }
 /*#content .tabs ul { bottom:-1px; }
 */
 h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px; }
@@ -74,6 +95,8 @@
 */
 h4 { border-bottom: dotted 1px #c0c0c0; }
 
+div.issue {background:#fdfaf0;}
+
 #top-menu a.home, #top-menu a.my-page, #top-menu a.projects, #top-menu a.administration, #top-menu a.help { 
     background-position: 0% 40%;
     background-repeat: no-repeat;
--- a/public/themes/soundsoftware/stylesheets/fonts.css	Fri Sep 10 15:57:01 2010 +0100
+++ b/public/themes/soundsoftware/stylesheets/fonts.css	Thu Sep 16 17:52:28 2010 +0100
@@ -65,3 +65,19 @@
 	font-style: normal;
 }
 
+@font-face {
+	font-family: 'DroidSans';
+	src: url('fonts/DroidSans-webfont.eot');
+	src: local('☺'), url('fonts/DroidSans-webfont.woff') format('woff'), url('fonts/DroidSans-webfont.ttf') format('truetype'), url('fonts/DroidSans-webfont.svg#webfontKYIQSBQk') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'DroidSans';
+	src: url('fonts/DroidSans-Bold-webfont.eot');
+	src: local('☺'), url('fonts/DroidSans-Bold-webfont.woff') format('woff'), url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('fonts/DroidSans-Bold-webfont.svg#webfontljpTCDjw') format('svg');
+	font-weight: bold;
+	font-style: normal;
+}
+