lib/pkp/styles/common.css

   1 /**
   2  * common.css
   3  *
   4  * Copyright (c) 2003-2009 John Willinsky
   5  * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
   6  *
   7  * PKP-wide shared stylesheet.
   8  *
   9  * $Id: common.css,v 1.1 2009/06/02 21:15:35 asmecher Exp $
  10  */
  11
  12 /**
  13  * Common HTML elements
  14  */
  15
  16 body {
  17         margin: 0;
  18         padding: 0;
  19         background-color: #FBFBF3;
  20         color: #111;
  21         font-family: Verdana,Arial,Helvetica,sans-serif;
  22         text-align: center;
  23 }
  24
  25 div {
  26         text-align: left;
  27 }
  28
  29 table {
  30         border: 0;
  31         border-spacing: 0;
  32         font-size: 1.0em;
  33 }
  34
  35 form {
  36         margin: 0;
  37 }
  38
  39 a {
  40         text-decoration: underline;
  41 }
  42
  43 a.plain {
  44         text-decoration: none;
  45 }
  46
  47 ul {
  48         margin: 0.25em 0 0.75em 0;
  49         padding: 0 0 0 2.5em;
  50 }
  51
  52 tt {
  53         font-size: 1.25em;
  54 }
  55
  56 label {
  57 }
  58
  59 label.error {
  60         color: #900;
  61 }
  62
  63 input.textField, select.selectMenu, textarea.textArea, input.uploadField {
  64         background-color: #F0F0E8;
  65         color: #000;
  66         font-family: Verdana,Arial,Helvetica,sans-serif;
  67         border-top: 2px solid #666;
  68         border-left: 2px solid #666;
  69         border-bottom: 2px solid #E8E8E1;
  70         border-right: 2px solid #E8E8E1;
  71         font-size: 1em;
  72 }
  73
  74 input.button {
  75         padding-left: 0.5em;
  76         padding-right: 0.5em;
  77         background-color: #E8E8E1;
  78         font-size: 1em;
  79 }
  80
  81 input.defaultButton {
  82         background-color: #375;
  83         color: #FBFBF3;
  84         font-weight: bold;
  85 }
  86
  87
  88 /**
  89  * Main layout elements
  90  */
  91
  92 #container {
  93         width: 100% !important;
  94         min-width: 730px !important;
  95         margin: 0px auto;
  96         text-align: center;
  97 }
  98
  99 #header {
 100         width: 100%;
 101         text-align: center;
 102 }
 103
 104 #headerTitle {
 105         text-align: left !important;
 106         margin: 0 auto;
 107         padding: 0;
 108         width: 100%;
 109 }
 110
 111 #header h1 {
 112         margin: 0 auto;
 113         padding: 0.5em 0 0.25em 10%;
 114         font-family: Georgia,'Times New Roman',Times,serif;
 115         font-weight: normal;
 116 }
 117
 118 #footer {
 119         width: 100%;
 120         min-height: 50px;
 121         position: static;
 122         clear: both;
 123         text-align: center;
 124 }
 125
 126 #footerContent {
 127         width: 100%;
 128         margin: 0 auto;
 129         padding-left: 10%;
 130 }
 131
 132 #main {
 133         padding: 0.5em 0em 2em 0em;
 134 }
 135
 136 #main h2 {
 137         margin: 0em 1em 0.5em 0em;
 138         padding-top: 0.5em;
 139         font-family: Georgia,'Times New Roman',Times,serif;
 140         font-weight: normal;
 141 }
 142
 143 #main h3 {
 144         margin: 0em 1em 0.5em 0em;
 145         padding-top: 0em;
 146         font-family: Georgia,'Times New Roman',Times,serif;
 147         font-weight: normal;
 148 }
 149
 150 #navbar {
 151         margin-right: 0;
 152         padding-bottom: 0.5em;
 153         border-bottom: 2px dotted #000;
 154 }
 155
 156 #breadcrumb {
 157         padding-top: 1em;
 158         font-size: 0.7em;
 159 }
 160
 161 #content {
 162         margin: 0;
 163         padding: 0;
 164         padding-top: 0.5em;
 165         font-size: 0.7em;
 166         border-top: 2px dotted #000;
 167 }
 168
 169 #content h3 {
 170         margin: 0em 1em 0.25em 0em;
 171         padding-top: 0.75em;
 172         font-family: Georgia,'Times New Roman',Times,serif;
 173         font-weight: normal;
 174         font-size: 1.8em;
 175 }
 176
 177 #content h4 {
 178         margin: .75em 1em 0.25em 0em;
 179         font-family: Georgia,'Times New Roman',Times,serif;
 180         font-weight: normal;
 181         font-size: 1.5em;
 182 }
 183
 184 #content h5 {
 185         margin: 0em 1em 0.25em 0em;
 186         padding-top: 0.75em;
 187         font-weight: bold;
 188         font-size: 1em;
 189 }
 190
 191
 192 /**
 193  * Breadcrumbs
 194  */
 195
 196 #breadcrumb a {
 197         text-decoration: none;
 198 }
 199
 200 #breadcrumb a.current {
 201         font-weight: bold;
 202 }
 203
 204
 205 /**
 206  * Footer elements
 207  */
 208
 209 #footer div.debugStats {
 210         font-size: 0.6em;
 211 }
 212
 213
 214 /**
 215  * Additional text styles
 216  */
 217
 218 span.disabled, label.disabled {
 219         color: #666;
 220 }
 221
 222 a.action, a.file {
 223         font-size: 0.85em;
 224         text-transform: uppercase;
 225 }
 226
 227 a.icon {
 228         text-decoration: none;
 229 }
 230
 231 a.icon img {
 232         border: 0;
 233 }
 234
 235 a.icon:hover {
 236         background: none;
 237 }
 238
 239 span.formRequired {
 240         color: #333;
 241         font-size: 0.9em;
 242 }
 243
 244 span.instruct {
 245 }
 246
 247 span.heading {
 248         font-size: 0.85em;
 249         text-transform: uppercase;
 250 }
 251
 252 span.highlight {
 253         border-bottom: 1px dotted #000;
 254 }
 255
 256 .nowrap {
 257         white-space: nowrap;
 258 }
 259
 260
 261 /**
 262  * Table styles
 263  */
 264
 265 table.info td {
 266         padding: 0;
 267         padding-bottom: 0.5em;
 268         padding-right: 0.5em;
 269 }
 270
 271 table.listing td {
 272         padding: 0.25em 1.5em 0.25em 0.5em;
 273 }
 274
 275 table.listing tr.heading td, table.listing td.heading, table.info td.heading {
 276         font-size: 0.85em;
 277         text-transform: uppercase;
 278         font-weight: normal;
 279         padding: 0.75em 1.5em 1em 0.5em;
 280 }
 281
 282 table.info td.heading {
 283         padding-left: 0;
 284 }
 285
 286
 287 table.listing td.nodata, table.info td.nodata {
 288         text-align: center;
 289         font-style: italic;
 290 }
 291
 292 table.listing td.headseparator {
 293         border-top: 1px dotted #000;
 294         font-size: 0.1em;
 295         line-height: 1%;
 296 }
 297
 298 table.listing td.endseparator {
 299         border-top: 1px dotted #000;
 300         font-size: 0.25em;
 301         line-height: 10%;
 302 }
 303
 304 table.listing td.separator, table.info td.separator {
 305         border-top: 1px dotted #DDDDD0;
 306         font-size: 0.1em;
 307         line-height: 1%;
 308 }
 309
 310 table.data tr {
 311 }
 312
 313 table.data td {
 314         padding-bottom: 0.25em;
 315 }
 316
 317 table.data td.label {
 318         padding-right: 1em;
 319 }
 320
 321 table.data td.value {
 322 }
 323
 324 table.data td.separator {
 325         padding: 0.5em;
 326         font-size: 0.1em;
 327         line-height: 1%;
 328 }
 329
 330 table.data td.heading {
 331         padding-left: 0;
 332         padding-right: 0;
 333 }
 334
 335 table.nested tr {
 336         padding: 0;
 337         margin: 0;
 338 }
 339
 340 span.nested {
 341         padding: 0 4px 0 0;
 342         font-size: 1.2em;
 343 }
 344
 345 /**
 346  * Form-specific elements
 347  */
 348
 349 span.formError {
 350         color: #900;
 351         font-weight: bold;
 352         font-size: 1em;
 353 }
 354
 355 span.formSuccess {
 356         color: #090;
 357         font-weight: bold;
 358         font-size: 1em;
 359 }
 360
 361 ul.formErrorList {
 362         color: #900;
 363 }
 364
 365
 366 /**
 367  * Other organizational elements
 368  */
 369
 370 ul.menu {
 371         margin: 0;
 372         padding: 0;
 373 }
 374
 375 ul.menu li {
 376         margin: 0;
 377         padding: 0;
 378         padding-right: 1.5em;
 379         display: inline;
 380 }
 381
 382 ul.menu li.current {
 383         font-weight: bold;
 384 }
 385
 386 ul.menu a {
 387         font-size: 0.85em;
 388         text-transform: uppercase;
 389         text-decoration: none;
 390 }
 391
 392 ul.steplist {
 393         margin: 0;
 394         padding: 0;
 395         list-style-type: decimal;
 396 }
 397
 398 ul.steplist li {
 399         margin: 0;
 400         padding: 0;
 401         font-size: 0.85em;
 402         padding-right: 0.5em;
 403         display: inline;
 404         text-transform: uppercase;
 405 }
 406
 407 ul.steplist li.current {
 408         font-weight: bold;
 409 }
 410
 411 ul.steplist a {
 412         text-decoration: none;
 413 }
 414
 415 ul.plain {
 416         list-style-type: none;
 417         padding-left: 1.5em;
 418 }
 419
 420 ul.filter {
 421         margin: 0;
 422         padding: 1.5em 0 1.5em 0;
 423         list-style-type: none;
 424 }
 425
 426 ul.filter li {
 427         padding-right: 1.5em;
 428         display: inline;
 429 }
 430
 431
 432 /**
 433  * Other organizational elements
 434  */
 435
 436 div.separator {
 437         width: 100%;
 438         margin-top: 1em;
 439         margin-bottom: 0.25em;
 440         padding: 0;
 441         border-bottom: 1px dotted #000;
 442         font-size: 0.5em;
 443         line-height: 25%;
 444 }