annotate public/themes/soundsoftware/stylesheets/application.css @ 285:fa07572ee073 bug_95

Layout changes: indent as block instead of just first line; loosen spacing at bottom of explanatory labels
author Chris Cannam <chris.cannam@soundsoftware.ac.uk>
date Wed, 23 Mar 2011 11:31:14 +0000
parents e77e267057c8
children a7002a8f0eca
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); }
chris@165 143
chris@171 144 /* for Javadoc in Embedded context: */
chris@165 145
chris@171 146 .TableHeadingColor { background-color: #fdf7e4; color: #3e442c; border: 0px solid #fff; }
chris@171 147 .TableHeadingColor th { background-color: #fdf7e4; color: #3e442c; border: 1px solid #a9b680; }
chris@171 148 .TableHeadingColor th font { font-size: 1.4em; color: #3e442c; }
chris@171 149 .TableSubHeadingColor { background-color: #fdfaf0; color: #3e442c; border: 0px solid #fff; }
chris@171 150 .TableSubHeadingColor th { background-color: #fdfaf0; color: #3e442c; border: 1px solid #a9b680; }
chris@171 151 .TableRowColor { background-color: #fdfbf5; color: #000000; border: 0; }
chris@171 152 .TableRowColor td { background-color: #fdfbf5; color: #000000; border: 0; }
chris@171 153 .NavBarCell1 { background-color: #ffe69b; color:#000000 }
chris@180 154
chris@171 155 .embedded table { border: 0px solid #fff; }
chris@178 156 .embedded h1 { font-family: DroidSans, 'Liberation Sans', tahoma, verdana, sans-serif; }
chris@171 157 .embedded h3 { margin-top: 0.5em; }
chris@171 158 .embedded hr { color: #a9b680; background-color: #a9b680 }
chris@171 159 .embedded center { text-align: left; } /* haha */
chris@171 160
chris@171 161 /* Special hack to hide the FRAMES | NO FRAMES links -- they don't
chris@178 162 work in this context -- and right-align the All Classes and Detail links */
chris@171 163 .embedded .NavBarCell2 a[target=_top] { width: 0px; visibility: hidden; }
chris@171 164 .embedded .NavBarCell2 + .NavBarCell2 { text-align: right; }
chris@178 165 .embedded .NavBarCell3 + .NavBarCell3 { text-align: right; }
chris@180 166
chris@180 167 /* For Doxygen in Embedded context (though note some of the Javadoc
chris@180 168 rules will also apply to Doxygen): */
chris@180 169
chris@180 170 .memItemLeft,
chris@180 171 .memItemRight,
chris@180 172 .memTemplParams,
chris@180 173 .memTemplItemLeft,
chris@180 174 .memTemplItemRight,
chris@180 175 .indexkey,
chris@180 176 .indexvalue,
chris@180 177 .memproto,
chris@180 178 .memproto td,
chris@180 179 .memdoc a,
chris@180 180 .embedded li .el,
chris@180 181 .embedded a.el { font-family: monospace; }
chris@180 182
chris@180 183 .embedded .memTemplParams { font-style: italic; }
chris@180 184
chris@180 185 .embedded .memItemRight a:first-child,
chris@180 186 .embedded .memTemplItemRight a:first-child,
chris@180 187 .embedded .indexkey a:first-child,
chris@180 188 .embedded a.el,
chris@180 189 .embedded .memdoc a { font-weight: bold; } /* function names, etc */
chris@180 190
chris@180 191 .embedded .memitem { border-bottom: 1px solid #a9b680; padding-top: 0.5em; }
chris@180 192 .embedded .memitem:last-child { border-bottom: 0px; }
chris@180 193
chris@180 194 .embedded .contents { margin-top: 0.5em; }
chris@180 195 .embedded .contents td { padding: 0px; }
chris@180 196
chris@180 197 .embedded .contents h1,
chris@180 198 .embedded .contents h2,
chris@180 199 .embedded .navigation h1,
chris@180 200 .embedded .navigation h2 { padding-top: 0.5em; padding-bottom: 0.25em; }
chris@180 201
chris@180 202 .embedded .contents .center { text-align: center; } /* undo javadoc hack above */
chris@180 203
chris@180 204
chris@180 205