annotate screen.css @ 101:bb33b0c75481 rdfquery

Remove download.html (now dynamic)
author Chris Cannam
date Tue, 24 Jun 2014 13:32:30 +0100
parents 054c48a8860c
children af5c563a5839
rev   line source
cannam@0 1 #header {
cannam@0 2 width: 596px;
cannam@0 3 height: 35px;
cannam@0 4 position: relative;
cannam@0 5 background: url(images/vamp-title.png) no-repeat;
cannam@0 6 }
cannam@0 7 #header span {
cannam@0 8 display: block;
cannam@0 9 width: 0;
cannam@0 10 height: 0;
cannam@0 11 overflow: hidden;
cannam@0 12 }
cannam@0 13 body {
cannam@0 14 margin: 0;
cannam@0 15 border-top-width: 0;
cannam@0 16 border-bottom-width: 0;
cannam@0 17 border-left-width: 2em;
cannam@0 18 border-right-width: 2em;
cannam@0 19 border-left-style: solid;
cannam@0 20 border-right-style: solid;
cannam@0 21 border-left-color: #ef6a35;
cannam@0 22 border-right-color: #ef6a35;
cannam@0 23 background-color: #ffffff;
cannam@0 24 padding-top: 1.4em;
cannam@0 25 padding-bottom: 20em;
cannam@0 26 padding-left: 2em;
cannam@0 27 padding-right: 2em;
cannam@0 28 color: #303030;
Chris@95 29 font-style: normal;
Chris@95 30 font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
cannam@0 31 }
cannam@0 32 p,td,ul,ol,li,blockquote {
cannam@21 33 font-size: 0.95em;
cannam@0 34 font-style: normal;
cannam@0 35 font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
cannam@0 36 }
cannam@0 37 h1,h2,h3,h4 {
cannam@0 38 font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
cannam@0 39 }
cannam@8 40 h3 {
cannam@10 41 margin-bottom: 0;
cannam@8 42 }
cannam@8 43 h4 {
cannam@10 44 margin-bottom: 0;
cannam@8 45 }
cannam@0 46 #firstpara {
cannam@0 47 border-top-width: 2px;
cannam@0 48 border-top-style: solid;
cannam@0 49 border-top-color: #ef6a35;
cannam@0 50 padding-top: 1em;
cannam@0 51 }
cannam@0 52 #logoblock {
cannam@0 53 border-top-width: 2px;
cannam@0 54 border-top-style: solid;
cannam@0 55 border-top-color: #ef6a35;
cannam@0 56 font-size: 0.9em;
cannam@0 57 }
cannam@0 58 #nav {
cannam@0 59 position: relative;
cannam@0 60 float: right;
cannam@0 61 top: 1.8em;
cannam@0 62 color: #ef6a35;
cannam@0 63 margin-left: 1em;
cannam@0 64 padding-left: 1em;
cannam@0 65 margin-bottom: 3em;
cannam@0 66 border-left-width: 2px;
cannam@0 67 border-left-style: solid;
cannam@0 68 border-left-color: #ef6a35;
cannam@0 69 /* text-align: right;*/
cannam@0 70 }
cannam@0 71 #nav ul {
cannam@0 72 /* display: inline; */
cannam@0 73 margin: 0;
cannam@0 74 padding: 0;
cannam@21 75 font-size: 0.8em;
cannam@0 76 text-transform: uppercase;
cannam@0 77 font-weight: bold;
cannam@0 78 }
cannam@0 79 #nav ul li {
cannam@0 80 list-style: none;
cannam@0 81 }
cannam@0 82 a {
cannam@0 83 text-decoration: none;
cannam@0 84 color: #ef6a35;
cannam@0 85 }
cannam@0 86 a:visited {
cannam@0 87 text-decoration: none;
cannam@0 88 color: #ef6a35;
cannam@0 89 }
cannam@0 90 a:hover {
cannam@0 91 text-decoration: underline;
cannam@0 92 color: #ef6a35;
cannam@0 93 }
cannam@0 94 .logoleft {
cannam@0 95 float: left;
cannam@0 96 padding-right: 2em;
cannam@0 97 padding-bottom: 2em;
cannam@0 98 }
cannam@0 99 .logoright {
cannam@0 100 float: right;
cannam@0 101 padding-left: 2em;
cannam@0 102 padding-bottom: 2em;
cannam@0 103 }
cannam@0 104 .toc1,.toc2,.toc3,.toc4 {
cannam@0 105 font-size: 0.8em;
cannam@0 106 font-style: normal;
cannam@0 107 font-weight: bold;
cannam@0 108 font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
cannam@0 109 }
cannam@0 110 .toc2 {
cannam@0 111 padding-left: 2em;
cannam@0 112 }
cannam@0 113 .toc3 {
cannam@0 114 padding-left: 4em;
cannam@0 115 }
cannam@0 116 .toc4 {
cannam@0 117 padding-left: 6em;
cannam@0 118 }
Chris@95 119
Chris@92 120 .pluginlist {
Chris@95 121 width: 100%;
Chris@95 122 margin-left: 0%;
Chris@95 123 margin-right: 0%;
Chris@95 124 clear: both;
Chris@95 125 }
Chris@95 126
Chris@95 127 .pluginlist > ul {
Chris@95 128 padding-left: 4%;
Chris@95 129 padding-right: 5%;
Chris@92 130 }
Chris@92 131
Chris@92 132 .library {
Chris@92 133 float: left;
Chris@92 134 clear: both;
Chris@92 135 width: 100%;
Chris@92 136 padding-top: 0.5em;
Chris@92 137 padding-bottom: 1.2em;
Chris@92 138 padding-left: 0;
Chris@92 139 padding-right: 0;
Chris@92 140 border-left-width: 0px;
Chris@92 141 border-right-width: 0px;
Chris@92 142 border-top-width: 2px;
Chris@92 143 border-bottom-width: 0px;
Chris@92 144 border-color: #ef6a35;
Chris@92 145 border-style: solid;
Chris@92 146 }
Chris@92 147
Chris@95 148 .library:last-child {
Chris@95 149 border-bottom-width: 2px;
Chris@95 150 }
Chris@95 151
Chris@95 152 .plugins {
Chris@95 153 padding-top: 1em;
Chris@95 154 padding-left: 0;
Chris@95 155 }
Chris@95 156
Chris@92 157 .plugins li, .library li {
Chris@92 158 padding-bottom: 0.5em;
Chris@92 159 }
Chris@92 160
Chris@92 161 .library-even {
Chris@92 162 background: #f0f0f0;
Chris@92 163 }
Chris@92 164
Chris@92 165 .library-odd {
Chris@92 166 background: #f8f8f8;
Chris@92 167 }
Chris@92 168
Chris@95 169 .pluginlist li {
Chris@92 170 list-style-type: none;
Chris@92 171 }
Chris@92 172
Chris@92 173 .highlight {
Chris@92 174 background: yellow;
Chris@92 175 }
Chris@92 176
Chris@92 177 .plugs-showhide {
Chris@92 178 color: #ef6a35;
Chris@92 179 cursor: pointer;
Chris@92 180 }
Chris@92 181
Chris@92 182 .maker-logo {
Chris@92 183 max-width: 4em;
Chris@92 184 max-height: 3.2em;
Chris@92 185 height: auto;
Chris@92 186 position: absolute;
Chris@92 187 right: 13%;
Chris@92 188 }
Chris@92 189
Chris@92 190 .plugin-piece {
Chris@92 191 max-width: 20px;
Chris@92 192 max-height: 20px;
Chris@92 193 width: auto;
Chris@92 194 float: left;
Chris@92 195 }
Chris@92 196
Chris@92 197 .plugin-name {
Chris@92 198 margin-top: 0.5em;
Chris@92 199 }
Chris@92 200
Chris@92 201 .plugin-name, .plugin-category, .plugin-description, .plugin-links {
Chris@92 202 margin-left: 24px;
Chris@92 203 }
Chris@92 204
Chris@92 205 .library-header {
Chris@92 206 padding-left: 1.5em;
Chris@92 207 padding-top: 0em;
Chris@92 208 padding-bottom: 0;
Chris@92 209 margin-bottom: 0em;
Chris@92 210 border-width: 0px;
Chris@92 211 border-bottom-width: 1px;
Chris@92 212 border-color: #ef6a35;
Chris@92 213 border-style: solid;
Chris@92 214 height: 3.5em;
Chris@92 215 }
Chris@92 216
Chris@92 217 .library-body {
Chris@92 218 padding-left: 1.5em;
Chris@92 219 margin-top: 1em;
Chris@92 220 }
Chris@92 221
Chris@95 222 .library-notes {
Chris@95 223 float: left;
Chris@95 224 width: 24%;
Chris@95 225 }
Chris@95 226
Chris@95 227 .library-main {
Chris@95 228 float: right;
Chris@95 229 width: 71%;
Chris@95 230 padding-right: 2%;
Chris@95 231 }
Chris@95 232
Chris@92 233 .library-name {
Chris@92 234 font-size: 1.2em;
Chris@92 235 font-weight: bold;
Chris@92 236 }
Chris@92 237
Chris@92 238 .library-maker {
Chris@92 239 font-size: 0.85em;
Chris@92 240 }
Chris@92 241
Chris@92 242 .library-description {
Chris@92 243 }
Chris@92 244
Chris@92 245 .plugs-showhide {
Chris@92 246 }
Chris@92 247
Chris@92 248 .default-hidden {
Chris@92 249 display: none;
Chris@92 250 }
Chris@92 251
Chris@92 252 .default-shown {
Chris@92 253 display: block;
Chris@92 254 }
Chris@92 255
Chris@97 256 .library-availability, .library-source-availability, .library-vampy, .library-links, .plugin-links, .plugin-category, .plugs-showhide {
Chris@92 257 font-size: 0.85em;
Chris@92 258 }
Chris@92 259
Chris@92 260 .library-availability, .library-source-availability {
Chris@92 261 color: #505050;
Chris@92 262 }
Chris@92 263
Chris@92 264 .plugin-name {
Chris@92 265 font-weight: bold;
Chris@92 266 }
Chris@92 267
Chris@92 268 .plugin-category {
Chris@92 269 color: #505050;
Chris@92 270 font-style: italic;
Chris@92 271 }
Chris@95 272
Chris@95 273 .search-form {
Chris@95 274 float: left;
Chris@95 275 padding-left: 4%;
Chris@95 276 font-size: 0.95em;
Chris@95 277 }
Chris@95 278
Chris@95 279 .platform-selector {
Chris@95 280 float: right;
Chris@95 281 margin-top: 3px;
Chris@95 282 margin-bottom: 2em;
Chris@95 283 padding-right: 5%;
Chris@95 284 font-size: 0.8em;
Chris@95 285 }
Chris@95 286
Chris@95 287 .platform-button {
Chris@95 288 border-style: solid;
Chris@95 289 padding: 0.3em;
Chris@95 290 margin: 0px;
Chris@95 291 border-left-width: 0px;
Chris@95 292 border-right-width: 1px;
Chris@95 293 border-top-width: 1px;
Chris@95 294 border-bottom-width: 1px;
Chris@95 295 border-radius: 0px;
Chris@95 296 box-shadow: 0px 2px 0 0 #ef6a35;
Chris@95 297 border-color: #ef6a35;
Chris@95 298 }
Chris@95 299
Chris@95 300 .platform-button:first-child {
Chris@95 301 border-left-width: 1px;
Chris@95 302 margin-left: 0.6em;
Chris@95 303 }
Chris@95 304
Chris@95 305 .platform-button a {
Chris@95 306 color: #505050;
Chris@95 307 }
Chris@95 308
Chris@95 309 .platform-current, .platform-button:hover, .platform-button:hover a {
Chris@95 310 background-color: #ef6a35;
Chris@95 311 color: #fff;
Chris@95 312 }
Chris@98 313
Chris@98 314 .no-results {
Chris@98 315 clear: both;
Chris@98 316 border-style: solid;
Chris@98 317 border-color: #ef6a35;
Chris@98 318 border-left-width: 0;
Chris@98 319 border-right-width: 0;
Chris@98 320 border-top-width: 2px;
Chris@98 321 border-bottom-width: 2px;
Chris@98 322 margin-left: 4%;
Chris@98 323 margin-right: 5%;
Chris@98 324 }
Chris@98 325
Chris@98 326 .no-results p {
Chris@98 327 font-style: italic;
Chris@98 328 }
Chris@98 329