theme/formal_white/style/core.css

   1 /************************************************************************
   2     I could not find a way to override the rule
   3         border: 2px solid #ddd;
   4     belonging to the file
   5         /theme/canvas/style/core.css
   6     Therefore this file has been created from the copy of that css file
   7     and adapted to the needs of the current theme.
   8 ************************************************************************/
   9
  10 .sitetopic {
  11     border: none;
  12 }
  13
  14 .headingblock {
  15     border-bottom: 1px solid #ddd;
  16     font-size:130%;
  17     color: #333;
  18 }
  19
  20 #notice {
  21     text-align: center;
  22     padding:1em;
  23 }
  24
  25 .noticebox,
  26 .expired,
  27 .notopenyet,
  28 .notifysuccess,
  29 .notifyproblem,
  30 .errorbox,
  31 .continuebutton,
  32 .singlebutton,
  33 .buttons,
  34 .singleselect {
  35     text-align: center;
  36     margin: 1em 0;
  37 }
  38
  39 label {
  40     margin-right: 0.3em;
  41 }
  42
  43 .navbutton .singlebutton {
  44     margin: 0;
  45 }
  46
  47 .generalbox {
  48     border-color: #ddd;
  49 }
  50
  51 .noticebox .generalbox {
  52     border: none;
  53     margin:2em 0;
  54 }
  55
  56 .expired,
  57 .notopenyet {
  58     border: none;
  59     color: #f00;
  60 }
  61
  62 .buttons .singlebutton input {
  63     margin: 0 1em;
  64 }
  65
  66 .initialbar {
  67     text-align: center;
  68 }
  69
  70 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
  71     padding-right: 0;
  72 }
  73
  74 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
  75     padding-left: 0;
  76 }
  77
  78 input[type="text"],
  79 input[type="password"],
  80 textarea {
  81     width: auto;
  82     padding: 2px 0 2px 0;
  83     margin: 0.3em;
  84 }
  85
  86 .navbutton input[type="text"] {
  87     width: auto;
  88     padding: 0;
  89     margin: 0 0.3em 0 0;
  90 }
  91
  92 input[type="checkbox"],
  93 input[type="radio"] {
  94     margin-right: 7px;
  95 }
  96
  97 /* Login
  98 ------------------------*/
  99
 100 .loginbox {
 101     margin: 15px 25%;
 102 }
 103
 104 .loginbox .loginerrors {
 105     color: #f00;
 106 }
 107
 108 .loginbox .loginform {
 109     margin: 15px auto 0;
 110     width: 50%;
 111 }
 112
 113 .loginbox .loginform .form-label {
 114     margin: 0 auto;
 115     float: left;
 116     text-align: right;
 117     width: 40%;
 118 }
 119
 120 .dir-rtl .loginbox .loginform .form-label {
 121     text-align: right;
 122 }
 123
 124 .loginbox .loginform .form-input {
 125     float: right;
 126     width: 59%;
 127     margin: 0 auto;
 128 }
 129
 130 .loginbox .loginform .form-input #username,
 131 .loginbox .loginform .form-input #password {
 132     width: 50%;
 133     color: #000;
 134 }
 135
 136 .loginbox .loginform .form-input #loginbtn {
 137     margin: 0.5em auto;
 138 }
 139
 140 .loginbox .forgetpass {
 141     margin: 1em 0 0;
 142     font-size:95%;
 143 }
 144
 145 .loginbox.twocolumns {
 146     width:90%;
 147     margin-left: 5%;
 148 }
 149
 150 .loginbox .guestsub {
 151     border-top: 1px solid #DDDDDD;
 152     margin: 5px 20%
 153 }
 154
 155 .loginbox.twocolumns .loginpanel {
 156     border-color: #ddd;
 157     padding-right: 0.5%;
 158 }
 159
 160 .loginbox.twocolumns .signuppanel {
 161     padding-left: 1%;
 162     width: 48%;
 163 }
 164
 165 #page-course-loginas #notice {
 166     border: none;
 167 }
 168
 169 #page-login-forgot_password .generalbox {
 170     margin: 0 auto 1.5em;
 171     width: 75%;
 172     padding: 10px;
 173 }
 174
 175 #page-login-signup .mform {
 176     width: 85%;
 177     margin: 0 auto;
 178 }
 179
 180 #page-login-signup .mform .fitem .fitemtitle {
 181     width: 20%;
 182 }
 183
 184 #page-login-signup .mform .fitem .felement {
 185     margin-left: 21%;
 186 }
 187
 188 /* Admin management
 189 -----------------------*/
 190 .plugincompattable {
 191     font-size: 100%;
 192     text-align: left;
 193 }
 194
 195 /* User
 196 -----------------------*/
 197
 198 .userinfobox {
 199     border-color: #ddd;
 200     padding: 0
 201 }
 202
 203 .userinfobox .content {
 204     text-align: left;
 205     padding-left:10px
 206 }
 207
 208 .userinfobox .links {
 209     vertical-align: top;
 210     background: #f4f4f4;
 211     padding-left: 10px;
 212 }
 213
 214 .userinfobox .links a {
 215     display: block;
 216     text-align: left;
 217
 218 }
 219
 220 .profilepicture {
 221     float: left;
 222     margin-right: 10px;
 223 }
 224
 225 .descriptionbox {
 226     margin-left: 110px;
 227     border: 1px solid #ddd;
 228     padding: 10px;
 229 }
 230
 231 .path-user .description {
 232     padding-bottom: 15px;
 233     border-bottom: 1px solid #eee;
 234 }
 235
 236 .userprofile .list {
 237     margin-top: 10px;
 238 }
 239
 240 .userprofile .list td {
 241     padding-top: 3px;
 242     padding-bottom: 3px;
 243 }
 244
 245 .userprofile .list .c0 {
 246     padding-left: 0;
 247     font-weight: bold;
 248 }
 249
 250 #page-user-view .buttons {
 251     text-align: center;
 252     width: 70%;
 253     margin: 0 auto;
 254 }
 255
 256 #page-user-view .buttons div {
 257     padding: 0 0 10px;
 258 }
 259
 260 #page-user-index .controls {
 261     width: 100%
 262 }
 263
 264 #page-user-index .controls .singleselect {
 265     margin: 0;
 266 }
 267
 268 .rolesform {
 269     text-align: center;
 270     margin: 1em 0;
 271 }
 272
 273 #participantsform {
 274     text-align: center;
 275 }
 276
 277 #participants {
 278     width: 100%;
 279     margin: 1em auto 0;
 280 }
 281
 282 #participants th,
 283 #participants td {
 284     vertical-align: middle;
 285 }
 286
 287 .groupinfobox {border-color: #DDDDDD;width: 60%;margin-left: 20%;margin-right: 20%;}
 288
 289 /* Notes
 290 ------------------------*/
 291
 292 .path-notes .generalbox {
 293     border: none;
 294 }
 295
 296 /* Roles
 297 ------------------------*/
 298
 299 .path-admin-roles .generaltable {
 300     /* width: 65%; hiding because it's causing problems on role/assign */
 301 }
 302
 303 .path-admin-roles .generaltable th {
 304     vertical-align: middle;
 305 }
 306
 307 .path-admin-roles .generaltable .lastcol {
 308     width: 15%;
 309 }
 310
 311 .path-admin-roles .backlink {
 312     text-align: center;
 313 }
 314
 315 /* Blogs
 316 ------------------------*/
 317
 318 .blog_entry .audience {
 319     color: #444;
 320     margin: 0 0 0.5em;
 321     font-size:90%;
 322 }
 323
 324 .blog_entry .tags {
 325     margin-bottom: 0.5em;
 326 }
 327
 328 /* Tags
 329 ------------------------*/
 330
 331 #big-tag-cloud-box {
 332     padding: 10px;
 333 }
 334
 335 #tag-management-box {
 336     text-align: center;
 337 }
 338
 339 .tag-management-form {
 340     border: none;
 341     padding: 0 0 1em;
 342 }
 343
 344 #tag-management-list {
 345     margin: 1em 0
 346 }
 347
 348 #page-tag-index #tag-blogs {
 349     border-width: 0 0 1px;
 350     width: 65%;
 351     margin: 1em auto;
 352 }
 353
 354 #tagblogentries {
 355     margin: 0 0 1em;
 356 }
 357
 358 #tagblogentries li {
 359     list-style: none;
 360     padding: 0.25em 0;
 361     margin: 0
 362 }
 363
 364 #big-tag-cloud-box {
 365     border: none;
 366 }
 367
 368 #tag-user-table {
 369     width: 95%;
 370     margin: 0 auto;
 371     border-width: 0 0 1px;
 372 }
 373
 374 .managelink {
 375     text-align: right;
 376 }
 377
 378 #page-tag-index .headingblock {
 379     text-align: center;
 380     margin-bottom: 0;
 381 }
 382
 383 #page-tag-index #tag-management-box {
 384     border-bottom: 1px solid #ddd;
 385     padding: 4px 0;
 386 }
 387
 388 #page-tag-index .relatedpages {
 389     text-align: center;
 390 }
 391
 392 #page-tag-manage .lastinitial {
 393     margin-bottom: 0.5em;
 394 }
 395
 396 #page-tag-manage .green {
 397     text-align: center;
 398     padding: 0 0 1em;
 399 }
 400
 401 /* YUI overlays
 402 ------------------------*/
 403 #helppopupbox {
 404     z-index: 99999 !important;
 405 }
 406
 407
 408 /* Embedded Pages
 409 ------------------------*/
 410
 411 .pagelayout-embedded {
 412     text-align: center;
 413     background-color: #fff;
 414     background-image: none;
 415 }
 416
 417 .pagelayout-embedded #content {
 418     padding-top: 30px;
 419 }
 420
 421 /* Forms
 422 -----------------------*/
 423
 424 .mform .fsubmit {
 425     text-align: center;
 426     padding: 2px;
 427 }
 428
 429 .form-label .form-shortname {
 430     font-size:80%;
 431     color: #777;
 432 }
 433
 434 .form-description {
 435     font-size:95%;
 436     color: #444;
 437 }
 438
 439 /* do not push the field far from the label more than all the other mform elements */
 440 .mform .fitem input[type="text"],
 441 .mform .fitem input[type="password"] {
 442     margin: 0.3em 0 0.3em 0;
 443 }
 444
 445 /* needed to vertically align label of mform groups containing, for instance, select and text */
 446 .mform .fitem {
 447     line-height:2.0em;
 448     margin-top:0;
 449 }
 450
 451 .path-backup .mform .hidden .fitem .fgroup {
 452     text-align: left;
 453 }
 454
 455 .path-backup .mform .grouped_settings {
 456     margin:1em;
 457 }
 458 .path-backup .mform .grouped_settings .grouped_settings {
 459     margin:0;
 460 }
 461
 462 /* Comments
 463 -----------------------*/
 464
 465 .comment-list li {
 466     background: #eee !important;
 467     list-style: none;
 468 }
 469
 470 /* Gradebook
 471 ----------------------*/
 472
 473 .path-grade h1.headerheading {
 474     text-align: left; /* Strangely necessary TODO: find bug */
 475 }
 476
 477 .gradestable .lastrow th.header {
 478     background: #ddd;
 479 }
 480
 481 .gradestable .lastrow td.cell {
 482     background: #eee !important;
 483 }
 484
 485 .user-grade td.b1t,
 486 .user-grade td.baggt {
 487     background: #ddd !important;
 488 }
 489
 490 #page-grade-edit-scale-index .generaltable {
 491     margin: 1em auto;
 492 }
 493
 494 #page-grade-report-grader-preferences .generalbox {
 495     border: none;
 496 }
 497
 498 .path-grade-report-grader form {
 499     text-align: left;
 500 }
 501
 502 /* Footer
 503 -----------------------*/
 504
 505 #page-footer .logininfo {
 506     padding: 1em 0;
 507 }
 508
 509 #page-footer .homelink,
 510 #page-footer .sitelink {
 511     padding: 1em 0;
 512 }
 513
 514 .homelink a {
 515     text-decoration: none;
 516     border-top: 1px solid #cecece;
 517     border-bottom: 2px solid #8a8a8a;
 518     border-left: 1px solid #cecece;
 519     border-right: 2px solid #8a8a8a;
 520 }
 521
 522 .homelink a:hover {
 523     text-decoration: none;
 524     border-bottom: 1px solid #cecece;
 525     border-top: 2px solid #8a8a8a;
 526     border-right: 1px solid #cecece;
 527     border-left: 2px solid #8a8a8a;
 528 }
 529
 530 /**
 531  * Enrol   - TODO: tidy up styles here
 532  */
 533 .userenrolment {font-size:100%;border:1px solid #E3DFD4;}
 534 .userenrolment tr.r0 {background-color:#F9F9F9;}
 535 .userenrolment tr.r1 {background-color:#F3F3F3;}
 536 .userenrolment td {border:1px solid #E9E9E9;border-top-color:#F6F6F6;border-right-color:#EEE;border-left-color:#F3F3F3;}
 537 .userenrolment td.c0 {border-left-color:#E3DFD4;}
 538 .userenrolment td.c4 {border-right-color:#E3DFD4;}
 539 .userenrolment .col_userdetails {padding:3px;min-width:35%;}
 540 .userenrolment .col_role .roles {position:relative;}
 541 .userenrolment .col_role .role {line-height:10px;font-size:70%;}
 542 .userenrolment .col_role .role a img {height:8px;}
 543 .userenrolment .col_role .addrole {background-color:#DDD;border:1px outset #EEE;-moz-border-radius:5px;}
 544 .userenrolment .col_group {max-width:300px;}
 545 .userenrolment .col_group .group {line-height:10px;font-size:70%;}
 546 .userenrolment .col_group .group a img {height:8px;}
 547 .userenrolment .col_group .addgroup {background-color:#DDD;border:1px outset #EEE;-moz-border-radius:5px;}
 548 .userenrolment .col_enrol {max-width:300px;}
 549 .userenrolment .col_enrol .enrolment {border:1px outset #E6E6E6;background-color:#EEE;line-height:10px;font-size:70%;-moz-border-radius:5px;}
 550 .path-enrol .enrolusersbutton,
 551 .path-enrol .enrolcohortbutton {float:left;}
 552 .path-enrol .enrolusersbutton.instance1,
 553 .path-enrol .enrolcohortbutton.instance1 {float:right;}
 554
 555 /* Registration */
 556 #page-admin-registration-hubselector .registration_textfield {width: 400px;}
 557
 558 /**
 559  * Redirect
 560  */
 561 .pagelayout-redirect #content {text-align:center;margin-top:10%;margin-bottom:10%;}
 562
 563 /* plugin compattable */
 564 .plugincompattable {font-size:90%;}