mahara.css_t 12 KB
Newer Older
Glenn Walbran's avatar
Glenn Walbran committed
1 2 3 4 5 6 7 8 9 10 11 12
/*
 * pylons.css_t
 * ~~~~~~~~~~~~
 *
 * Sphinx stylesheet --mahara theme inspired and based on the pylons theme
 *
 * :copyright: Copyright 2007-2010 by the Sphinx team, see AUTHORS.
 * :copyright: Copyright 2011 by Catalyst IT.
 * :license: BSD, see LICENSE for details.
 *
 */

13
@import url("https://use.fontawesome.com/releases/v5.11.2/css/all.css");
Glenn Walbran's avatar
Glenn Walbran committed
14 15
@import url("basic.css");

16
/* -- base ------------------------------------------------------------------ */
Glenn Walbran's avatar
Glenn Walbran committed
17 18
body {
	font-family: "Open Sans", Arial, "Nimbus Sans L", Helvetica, sans-serif;
19 20
	font-size: 16px;
	background: #FFFFFF;
Glenn Walbran's avatar
Glenn Walbran committed
21 22 23 24
	color: #333333;
	margin: 0;
	padding: 0;
}
25 26 27 28
h1 {
  font-weight: 300;
  padding: 10px 0;
  border-bottom: 1px solid #dddddd;
Glenn Walbran's avatar
Glenn Walbran committed
29
}
30 31
h2 {
  font-weight: 700;
Glenn Walbran's avatar
Glenn Walbran committed
32
}
33 34 35 36 37
h3 {
  font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
  color: #423017;
Glenn Walbran's avatar
Glenn Walbran committed
38
}
39 40 41

h1 img,
h2 img,
Glenn Walbran's avatar
Glenn Walbran committed
42 43 44 45 46 47 48
h3 img,
h4 img,
h5 img,
h6 img {
	vertical-align: middle;
}
img {
49
  vertical-align: text-bottom;
Glenn Walbran's avatar
Glenn Walbran committed
50
}
51 52 53 54 55

a, a:visited, a:link, a .pre {
	color: #566d31;
	text-decoration: none;
	word-wrap: break-word;
Glenn Walbran's avatar
Glenn Walbran committed
56
}
57
a:hover, a:hover .pre {
58
	color: #566d31;
59
	text-decoration: underline;
Glenn Walbran's avatar
Glenn Walbran committed
60
}
61 62 63
em {
	color: #6e5e31;
	font-weight: 700;
Glenn Walbran's avatar
Glenn Walbran committed
64
}
65 66 67
a.reference em,
a em.std-term {
	color: #566d31;
Glenn Walbran's avatar
Glenn Walbran committed
68
}
69 70 71 72
a:hover em.std-term,
a.reference:hover em {
  color: #2e391c;
  text-decoration: underline;
Glenn Walbran's avatar
Glenn Walbran committed
73
}
74 75
p.first {
  margin: 0 0 1em 0;
Glenn Walbran's avatar
Glenn Walbran committed
76
}
77 78
p.last {
  margin: 0;
Glenn Walbran's avatar
Glenn Walbran committed
79
}
80 81 82
blockquote {
	border-left: 0;
	font-size: 1em;
Glenn Walbran's avatar
Glenn Walbran committed
83
}
84 85 86 87
pre {
	font-family: Consolas, "andale mono", "lucida console", monospace;
	font-size: 1.05em;
	padding: 20px;
Glenn Walbran's avatar
Glenn Walbran committed
88
}
89 90 91 92 93
code {
	background-color: transparent;
	color: #763b36;
	font-size: 1em;
	font-family: Consolas, "andale mono", "lucida console", monospace;
Glenn Walbran's avatar
Glenn Walbran committed
94
}
95 96 97 98 99
tt {
	background-color: transparent;
	color: #763b36;
	font-size: 1.05em;
	font-family: Consolas, "andale mono", "lucida console", monospace;
Glenn Walbran's avatar
Glenn Walbran committed
100
}
101 102 103 104 105 106 107 108 109

/* -- header ---------------------------------------------------------------- */
#navbar-top {
	 margin: 0;
   padding: 15px 0;
   background-color: #FFFFFF;
   border-color: #e8e8e8;
   box-shadow: 0 0 3px rgba(0,0,0,.2);
   position: fixed;
Glenn Walbran's avatar
Glenn Walbran committed
110
}
111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136
#navbar-top a.navbar-brand {
    width: 377px;
    height: 49px;
    padding: 0;
    margin: 0;
    background: transparent url(mahara.png) no-repeat left top;
}
.navbar-right {
  margin-right: 0;
  margin-top: 5px;
}
.navbar-default .navbar-nav > li > a {
  border: 1px solid #799152;
  color: #799152;
  border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
  padding: 10px 15px;
  margin-left: 10px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
	color: #475c2a;
  background-color: #edf2e5;
	text-decoration: none;
Glenn Walbran's avatar
Glenn Walbran committed
137
}
138 139
.navbar-default .navbar-left-link > li > a {
  border-color: transparent;
Glenn Walbran's avatar
Glenn Walbran committed
140
}
141 142 143 144
.navbar-default .navbar-left-link > li > a:hover,
.navbar-default .navbar-left-link > li > a:focus,
.navbar-default .navbar-left-link > li > a:active {
  background-color: transparent;
Glenn Walbran's avatar
Glenn Walbran committed
145
}
146 147
.navbar {
  min-height: 0;
Glenn Walbran's avatar
Glenn Walbran committed
148
}
149 150 151 152 153
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
  margin-right: 0;
  margin-left: 0;
Glenn Walbran's avatar
Glenn Walbran committed
154
}
155 156
.container-fluid > .navbar-collapse {
  padding: 0;
Glenn Walbran's avatar
Glenn Walbran committed
157
}
158 159
.navbar-right {
  margin: 0;
Glenn Walbran's avatar
Glenn Walbran committed
160
}
161 162 163 164 165
.navbar-toggle {
  margin-right: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #799152;
Glenn Walbran's avatar
Glenn Walbran committed
166 167
}

168 169 170 171 172 173 174
/* -- content layout -------------------------------------------------------- */
.container-fluid {
  max-width: 1280px;
}
div.col-md-3,
div.col-md-9 {
  margin-top: 100px;
Glenn Walbran's avatar
Glenn Walbran committed
175
}
176 177

/* -- sidebar --------------------------------------------------------------- */
Glenn Walbran's avatar
Glenn Walbran committed
178 179
div.sidebar {
	border: none;
180
	background-color: #f5f7f1;
Glenn Walbran's avatar
Glenn Walbran committed
181
	width: 100%;
182
	padding: 0 20px 10px 20px;
Glenn Walbran's avatar
Glenn Walbran committed
183
}
184 185 186 187 188 189 190 191
p.sidebar-title,
div.sidebar h3,
div.sidebar h4 {
	font-weight: 700;
  font-size: 1.333em;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #dddddd;
  color: #423017;
Glenn Walbran's avatar
Glenn Walbran committed
192
}
193 194 195 196 197 198 199 200 201 202
div.sidebar ul li {
  margin-bottom: 5px;
}
div.sidebar ul ul {
  padding-left: 16px;
  margin-top: 5px;
}
div.sidebar ul ul li {
  margin-bottom: 5px;
  list-style: none;
Glenn Walbran's avatar
Glenn Walbran committed
203 204
}

205 206 207
/* -- body styles ----------------------------------------------------------- */
div.body {
	line-height: 1.667em;
Glenn Walbran's avatar
Glenn Walbran committed
208
}
209 210
div.body li {
	margin-bottom: 5px;
Glenn Walbran's avatar
Glenn Walbran committed
211
}
212 213
div.body li ul {
  margin-top: 5px;
Glenn Walbran's avatar
Glenn Walbran committed
214
}
215 216 217 218 219

div.genindex-jumpbox {
  border: 0;
  background-color: #f9f9f9;
  padding: 10px;
Glenn Walbran's avatar
Glenn Walbran committed
220
}
221

Glenn Walbran's avatar
Glenn Walbran committed
222 223
div.figure {
	background: #FFFFFF;
224 225 226 227 228
  border: 5px solid #f2f2f2;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding: 20px 30px;
Glenn Walbran's avatar
Glenn Walbran committed
229
	text-align: center;
230
  margin: 1em 0;
Glenn Walbran's avatar
Glenn Walbran committed
231 232 233 234 235 236
}
div.figure p {
	font-size: 0.9167em;
	font-style: italic;
}
div.figure p.caption {
237
	margin: 10px 0 0 0;
Glenn Walbran's avatar
Glenn Walbran committed
238
}
239 240 241

div.toctree-wrapper,
div.compound ul li {
Glenn Walbran's avatar
Glenn Walbran committed
242 243 244
	list-style-type: none
}
div.toctree-wrapper ul {
245
  font-weight: 700;
Glenn Walbran's avatar
Glenn Walbran committed
246 247
}
div.toctree-wrapper ul ul {
248
  font-weight: 400;
Glenn Walbran's avatar
Glenn Walbran committed
249
}
250

Glenn Walbran's avatar
Glenn Walbran committed
251
div.highlight {
252
	background-color: #FFFFFF;
Glenn Walbran's avatar
Glenn Walbran committed
253
}
254

Glenn Walbran's avatar
Glenn Walbran committed
255 256
div.admonition {
	position: relative;
257 258 259 260 261 262 263
  padding: 20px 30px 20px 60px;
  min-height: 26px;
  border: 0;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  color: #333333;
Glenn Walbran's avatar
Glenn Walbran committed
264 265 266
}
div.admonition:before {
	position: absolute;
267 268
	left: 30px;
  font-size: 23px;
Glenn Walbran's avatar
Glenn Walbran committed
269
	font-family: FontAwesome;
270 271
  font-style: normal;
  font-weight: normal;
Glenn Walbran's avatar
Glenn Walbran committed
272
}
273 274 275 276 277 278 279
div.admonition p {
  margin: 0 0 1em 0;
}
div.admonition p.last {
  margin: 0;
}
div.admonition p.admonition-title {
Glenn Walbran's avatar
Glenn Walbran committed
280 281
	display: none;
}
Kristina Hoeppner's avatar
Kristina Hoeppner committed
282 283 284 285 286
div.note,
div.important {
	background-color: #d1ecf1;
	border-color: #bee5eb;
}
287 288 289
div.note:before,
div.important:before {
  content: "\f05a\00a0";
Kristina Hoeppner's avatar
Kristina Hoeppner committed
290
  color: #0c5460;
Glenn Walbran's avatar
Glenn Walbran committed
291
}
292 293
div.note a,
div.important a {
Kristina Hoeppner's avatar
Kristina Hoeppner committed
294
  color: #062c33;
Glenn Walbran's avatar
Glenn Walbran committed
295
}
296
div.caution:before,
Kristina Hoeppner's avatar
Kristina Hoeppner committed
297
div.attention:before {
298 299
  content: "\f071\00a0";
  color: #c09853;
Glenn Walbran's avatar
Glenn Walbran committed
300
}
301
div.caution a,
Kristina Hoeppner's avatar
Kristina Hoeppner committed
302
div.attention a {
303
  color: #886B3A;
Glenn Walbran's avatar
Glenn Walbran committed
304
}
Kristina Hoeppner's avatar
Kristina Hoeppner committed
305 306 307 308 309 310
div.hint,
div.tip,
div.seealso {
	background-color: #fff3cd;
	border-color: #ffeeba;
}
311
div.hint:before,
Kristina Hoeppner's avatar
Kristina Hoeppner committed
312 313
div.tip:before,
div.seealso:before {
314
  content: "\f0eb\00a0";
Kristina Hoeppner's avatar
Kristina Hoeppner committed
315
  color: #856404;
Glenn Walbran's avatar
Glenn Walbran committed
316
}
317
div.hint a,
Kristina Hoeppner's avatar
Kristina Hoeppner committed
318 319 320 321 322 323 324 325 326
div.tip a,
div.seealso a {
  color: #533f03;
}
div.warning,
div.danger,
div.error {
	background-color: #f8d7da;
	border-color: #f5c6cb;
327
}
Kristina Hoeppner's avatar
Kristina Hoeppner committed
328
div.warning:before,
329 330
div.danger:before,
div.error:before {
Kristina Hoeppner's avatar
Kristina Hoeppner committed
331 332
  content: "\f071\00a0";
  color: #721c24;
333
}
Kristina Hoeppner's avatar
Kristina Hoeppner committed
334
div.warning a,
335 336
div.danger a,
div.error a {
Kristina Hoeppner's avatar
Kristina Hoeppner committed
337
  color: #491217;
338 339 340 341 342
}

tt.xref {
	font-weight: normal;
	font-style: normal;
Glenn Walbran's avatar
Glenn Walbran committed
343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360
}
.viewcode-back {
	font-family: "Open Sans", Arial, "Nimbus Sans L", Helvetica, sans-serif;
}
div.viewcode-block:target {
	background-color: #fff6bf;
	border: 2px solid #ffd324;
	border-left-style: none;
	border-right-style: none;
	padding: 10px 20px;
}
table.highlighttable {
	width: 100%;
	clear: both;
}
table.highlighttable td {
	padding: 0;
}
361 362
.row-even {
  background-color: #f9f9f9;
Glenn Walbran's avatar
Glenn Walbran committed
363
}
364 365 366 367 368 369 370 371 372 373
table.docutils th {
  padding: 3px 5px;
  font-size: 1.167em;
}
table.docutils td {
  vertical-align: middle;
  padding: 3px 5px;
}
table.docutils td p {
  margin: 0;
Glenn Walbran's avatar
Glenn Walbran committed
374 375 376 377 378 379
}
.download {
	font-family: "Open Sans", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
380 381 382
.darkred {
  color: #6e5d31;
  font-weight: 700;
Glenn Walbran's avatar
Glenn Walbran committed
383 384
}
.orange {
385 386
  color: #622c46;
  font-weight: 800;
Glenn Walbran's avatar
Glenn Walbran committed
387 388
}
noscript {
389
  height: 0;
Glenn Walbran's avatar
Glenn Walbran committed
390 391 392 393 394 395 396 397 398
}
input[type="submit"]:before {
	font-family: FontAwesome;
	content: '\f002';
	position: absolute;
	left: -5px;
}

.checkmark {
399
  color: #919191;
Glenn Walbran's avatar
Glenn Walbran committed
400 401
}
.brand-color {
402
  color: #566d31;
Glenn Walbran's avatar
Glenn Walbran committed
403 404
}
.brand-grey {
405
  color: #888888;
Glenn Walbran's avatar
Glenn Walbran committed
406 407
}

Kristina Hoeppner's avatar
Kristina Hoeppner committed
408 409 410 411
.olat-red {
	color: #b52b27;
}

Glenn Walbran's avatar
Glenn Walbran committed
412
.smartevidence_nothing {
413
  color: #9d9d9d;
Glenn Walbran's avatar
Glenn Walbran committed
414 415
}
.smartevidence_begun {
416
  color: #5b9aa9;
Glenn Walbran's avatar
Glenn Walbran committed
417 418
}
.smartevidence_completed {
419
  color: #449d44;
Glenn Walbran's avatar
Glenn Walbran committed
420 421
}
.smartevidence_partial {
422
  color: #f0ad4e;
Glenn Walbran's avatar
Glenn Walbran committed
423 424
}
.smartevidence_no {
425
  color: #f04f50;
Glenn Walbran's avatar
Glenn Walbran committed
426 427
}

428 429 430 431 432 433 434
.sign-off_yes {
  color: #449d44;
}
.sign-off_no {
  color: #f04f50;
}

435 436 437 438 439 440 441
.timeline_icon_active {
  color: #556d32;
}
.timeline_icon_inactive {
  color: #eeeeee;
}

442 443 444 445
.new_icon {
	color: #423017;
}

Glenn Walbran's avatar
Glenn Walbran committed
446
.link-blocktype {
447 448 449
  font-size: 0.9178em;
  margin: 10px 0;
  padding: 5px 7px;
Glenn Walbran's avatar
Glenn Walbran committed
450 451 452
}

.incognito {
453
  color: #000000;
Glenn Walbran's avatar
Glenn Walbran committed
454
}
455 456
a.incognito:hover {
  color: #000000;
Glenn Walbran's avatar
Glenn Walbran committed
457 458
}

459 460 461 462 463 464 465 466 467
/* -- To show anchor links below header-------------------------------------- */

:target {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}

468 469 470 471 472 473 474 475 476 477 478 479 480
.section:target {
  position: static;
  visibility: visible;
  top: 0;
} 

.section::before {
  content: '';
  display: block;
  height: 120px
  margin-top: -120px;
  visibility: hidden;
}
481 482 483
/* -- Buttons --------------------------------------------------------------- */
.btn,
.btn-default {
484
  margin: 0 5px;
485 486 487 488
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
489 490
  cursor: pointer;
  border: 1px solid #ccc;
491
  white-space: nowrap;
492 493 494 495 496 497
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
  color: #333;
  background-color: #f3f3f3;
498 499 500 501 502 503 504
}
.btn:hover,
.btn:link,
.btn:visited,
.btn-default:hover,
.btn-default:link,
.btn-default:visited {
505 506 507
  color: #333;
  background-color: #dadada;
  border-color: #adadad;
Glenn Walbran's avatar
Glenn Walbran committed
508 509
}
.btn.text-left {
510
  text-align:left;
Glenn Walbran's avatar
Glenn Walbran committed
511 512
}
.btn.text-right {
513
  text-align:right;
Glenn Walbran's avatar
Glenn Walbran committed
514 515
}
.btn label {
516
  min-width: 0;
Glenn Walbran's avatar
Glenn Walbran committed
517 518
}
.btn-link-danger {
519
  color: #d9534f;
Glenn Walbran's avatar
Glenn Walbran committed
520 521
}
.btn-text {
522 523
  color: inherit;
  padding:0;
Glenn Walbran's avatar
Glenn Walbran committed
524
}
525 526 527 528 529
.btn-sm {
  font-size: 12px;
  line-height: 1.5;
  padding: 2.3px 10px;
}
530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552

.btn-primary,
.form-inline input.btn-primary {
 color:#fff;
 background-color:#556d32;
 border-color:#556d32;
 -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}
.btn-primary:hover,
.form-inline input.btn-primary:hover {
 color:#fff;
 background-color:#415326;
 border-color:#3a4a22
}
.btn-primary.focus,
.btn-primary:focus,
.form-inline input.btn-primary:focus,
.form-inline input.focus.btn-primary {
 -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(111,131,81,.5);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(111,131,81,.5)
}

Kristina Hoeppner's avatar
Kristina Hoeppner committed
553 554 555 556 557 558 559 560 561
.btn-details,
.form-inline input.details {
 color:#fff;
 background-color:#242424;
 border-color:#242424;
 -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}

562 563 564 565
/* -- footer ---------------------------------------------------------------- */
.footer-relbar {
  margin: 0;
  padding: 20px 0;
Glenn Walbran's avatar
Glenn Walbran committed
566
}
567 568 569
.navbar {
  border-radius: 0;
  margin-bottom: 0;
Glenn Walbran's avatar
Glenn Walbran committed
570
}
571 572
div.related {
	font-size: 1em;
Glenn Walbran's avatar
Glenn Walbran committed
573
}
574 575 576 577 578 579 580 581 582 583 584 585 586 587 588
.footer-relbar .navbar-default {
  background-color: transparent;
  border: 0;
}
.footer {
  background-color: #799152;
  padding: 40px 0;
  color: #2e3a1c;
  font-size: 12px;
}
.footer a,
.footer a:visited,
.footer a:link {
  color: #2e3a1c;
  text-decoration: underline;
Glenn Walbran's avatar
Glenn Walbran committed
589
}
590 591

/* -- Responsive ------------------------------------------------------------ */
Glenn Walbran's avatar
Glenn Walbran committed
592
@media only screen and (max-width: 768px) {
593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665
  .navbar-default .navbar-nav > li > a {
    border: 0;
    border-bottom: 1px solid #FFFFFF;
    background: #556d32;
    color: #FFFFFF;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 0;
    font-weight: 700;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:active {
  	color: #FFFFFF;
    background-color: #2e3a1c;
  }
  .search .search-query {
    height: 42px;
    font-weight: 700;
    border-radius: 25px 0 0 25px;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
  }
  .search .btn {
    margin-right: 0;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover {
  	color: #FFFFFF;
    background-color: #2e3a1c;
    border-bottom: 0;
  }
  .navbar-nav .open .dropdown-menu a {
    background-color: #2e3a1c;
    color: #FFFFFF;
  }
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-nav .open .dropdown-menu a:hover {
    color: #9db576;
  }
  .navbar-left-link {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .h1, h1 {
    font-size: 26px;
  }
  .h2, h2 {
    font-size: 22px;
  }
  .h3, h3 {
    font-size: 18px;
  }
  .h4, h4 {
    font-size: 16px;
  }
  div.col-md-3,
  div.col-md-9 {
    margin-top: 80px;
  }
  #navbar-top {
    padding: 5px 0;
  }
  #navbar-top a.navbar-brand {
    width: 225px;
    height: 28px;
    margin: 10px 0 0 0;
    background: transparent url(mahara-small.png) no-repeat left top;
  }
}