annotate public/themes/soundsoftware/stylesheets/application.css @ 172:be1bccc405d9 cannam-pre-20110113-merge

* Override excessive body min-width with a smaller figure
author Chris Cannam <chris.cannam@soundsoftware.ac.uk>
date Wed, 02 Feb 2011 12:12:47 +0000
parents 4e485928a26b
children ccfa5126279e b46db3a8b1b4
rev   line source
Chris@2 1 @import url(../../../stylesheets/application.css);
Chris@17 2 @import url(fonts.css);
Chris@11 3
Chris@19 4 /* Colours:
Chris@19 5
Chris@19 6 #be5700 link (orange)
Chris@19 7
Chris@19 8 #3e442c text (dark green)
Chris@19 9 (OK for headings, but small text is easier to read in black)
Chris@19 10
Chris@19 11 #ffa801 logo (yellow)
Chris@19 12
Chris@19 13 #525a38 logotype (olive)
Chris@19 14
Chris@19 15 #fdfaf0 background (cream)
Chris@19 16
Chris@19 17 #fdfbf5 alternate background (lighter cream)
Chris@19 18
Chris@19 19 #ffe69b highlight (light yellow)
Chris@19 20
Chris@19 21 #a9b680 detail (light green)
Chris@19 22 */
Chris@19 23
Chris@2 24 body {
Chris@19 25 background: #fdfbf5;
Chris@17 26 color: #000;
Chris@2 27 margin: 0;
Chris@2 28 margin-bottom: 40px;
chris@172 29 min-width: 620px;
Chris@2 30 }
Chris@2 31
Chris@2 32 h1 {
Chris@19 33 color: #3e442c;
Chris@18 34 font-family: GilliusADFNo2, 'Gill Sans', Tahoma, sans-serif;
Chris@2 35 font-weight: normal;
Chris@2 36 }
Chris@2 37
Chris@20 38 body,p,h2,h3,h4,li,table,.wiki h1 {
luisf@144 39 font-family: DroidSans, 'Liberation Sans', tahoma, verdana, sans-serif;
Chris@20 40 }
Chris@20 41
Chris@20 42 h2,h3,h4,.wiki h1 {
Chris@17 43 color: #3e442c;
Chris@2 44 }
Chris@2 45
Chris@20 46 h2,.wiki h1 {
Chris@20 47 font-size: 1.8em;
Chris@20 48 }
Chris@2 49
Chris@20 50 .box {
Chris@19 51 padding: 6px;
Chris@19 52 margin-bottom: 10px;
Chris@19 53 background-color: #fdfaf0;
Chris@19 54 color: #3e442c;
Chris@19 55 line-height: 1.5em;
Chris@19 56 border: 1px solid #a9b680;
Chris@20 57 border-left: 4px solid #a9b680;
Chris@17 58 }
Chris@17 59
Chris@18 60 .odd {background-color:#fdf7e4;}
Chris@19 61 .even {background-color: #fdfaf0;}
Chris@18 62
Chris@18 63 #content .tabs { margin-bottom: 0; }
Chris@18 64
Chris@20 65 table.list th { background-color: #fdfaf0; border-bottom: 1px solid #a9b680; }
Chris@20 66 table.list { border: 1px solid #a9b680; /* border-left: 4px solid #a9b680; */ }
Chris@20 67 tr.entry { border-left: 1px solid #a9b680; border-right: 1px solid #a9b680; }
Chris@20 68 tr.entry:last-child { border-bottom: 1px solid #a9b680; }
Chris@18 69
chris@132 70 table.projects th { text-align: left; }
chris@132 71 table.projects th.managers { color: #3e442c; }
chris@159 72 table.projects .root .name { font-size: 1.2em; padding-top: 0.3em; }
chris@159 73 table.projects .description { padding-bottom: 0.5em; }
chris@159 74 table.projects .no_description { padding-bottom: 0.5em; }
chris@132 75 table.projects .hosted_here { font-weight: bold; }
chris@132 76 table.projects .child .name { font-weight: normal; }
chris@132 77 table.projects .child .description { font-size: 0.95em; }
chris@132 78 table.projects .child .firstcol { padding-left: 1em }
chris@132 79 table.projects .level2 .firstcol { padding-left: 2em; }
chris@132 80 table.projects .level3 .firstcol { padding-left: 3em; }
chris@132 81
chris@133 82 ul.projects .public, ul.projects .private { padding-left: 0.5em; color: #3e442c; font-size: 0.95em }
chris@133 83
Chris@19 84 #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; }
Chris@19 85 #top-menu ul { margin-left: 10px; }
Chris@2 86 #top-menu a { font-weight: bold; }
Chris@19 87 #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; }
Chris@17 88 #header a { color: #be5700; }
Chris@19 89 #header h1 { color: #525a38; margin-top: 25px; font-size: 3em; font-weight: normal; margin-left: 10px; }
Chris@18 90 .header-general h1 {
Chris@111 91 background: url('soundsoftware-logo-title-only-transparent-beta.png') no-repeat 0 0;
Chris@18 92 text-indent: -9999px;
Chris@111 93 width: 500px;
Chris@18 94 height: 34px;
Chris@18 95 }
luisf@144 96
Chris@19 97 #quick-search { margin-right: 6px; margin-top: 1em; color: #000; }
luisf@144 98 #project-jump-box { float: right; margin-right: 6px; margin-top: 5px; color: #000; }
luisf@144 99 #project-ancestors-title {
luisf@144 100 margin-bottom: 0px;
luisf@144 101 margin-left: 10px;
luisf@144 102 margin-top: 6px;
luisf@144 103 font-family: GilliusADFNo2, 'Gill Sans', Tahoma, sans-serif;
luisf@144 104 font-weight: normal;
luisf@144 105 }
luisf@144 106
Chris@19 107 #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; }
Chris@20 108 #main-menu li { margin: 0; padding: 0; }
Chris@20 109 #main-menu li a { background-color: #fdfbf5; color: #be5700; border-right: 1px solid #a9b680; font-size: 97%; padding: 0em 8px 0.2em 10px; font-weight: normal; }
Chris@19 110 #main-menu li:last-child a { border-right: 0; }
Chris@19 111 #main-menu li a:hover { background-color: #fdfbf5; color: #be5700; text-decoration: underline; }
Chris@19 112 #main-menu li a.selected, #main-menu li a.selected:hover { background-color: #fdfbf5; color: #3e442c; }
Chris@2 113
Chris@19 114 #footer { background-color: #fdfbf5; border: 0; border-top: 2px solid #a9b680; color: #3e442c; text-align: right; }
Chris@19 115 #footer a { color: #be5700; font-weight: bold; }
Chris@2 116
Chris@19 117 #main { margin-top: 135px; font:95%; background: #fdfaf0; }
Chris@17 118 #main a { font-weight: medium; color: #be5700;}
Chris@17 119 #main a:hover { color: #be5700; text-decoration: underline; }
Chris@19 120 #content { background: #fdfbf5; }
Chris@2 121 /*#content .tabs ul { bottom:-1px; }
Chris@2 122 */
Chris@2 123 h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px; }
Chris@2 124 /*h2, .wiki h1 { letter-spacing:-1px; }
Chris@2 125 */
Chris@2 126 h4 { border-bottom: dotted 1px #c0c0c0; }
Chris@2 127
Chris@20 128 div.issue { background: #fdfaf0; border: 1px solid #a9b680; border-left: 4px solid #a9b680; }
Chris@19 129
Chris@2 130 #top-menu a.home, #top-menu a.my-page, #top-menu a.projects, #top-menu a.administration, #top-menu a.help {
Chris@2 131 background-position: 0% 40%;
Chris@2 132 background-repeat: no-repeat;
Chris@2 133 padding-left: 20px;
Chris@2 134 padding-top: 2px;
Chris@2 135 padding-bottom: 3px;
Chris@2 136 }
Chris@2 137
Chris@2 138 #top-menu a.home { background-image: url(../images/home.png); }
Chris@2 139 #top-menu a.my-page { background-image: url(../../../images/user.png); }
Chris@2 140 #top-menu a.projects { background-image: url(../../../images/projects.png); }
Chris@2 141 #top-menu a.administration { background-image: url(../images/wrench.png); }
Chris@2 142 #top-menu a.help { background-image: url(../../../images/help.png); }