mahara.css_t 10.5 KB
Newer Older
Glenn Walbran's avatar
Glenn Walbran committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14
/*
 * 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.
 *
 */

@import url("basic.css");

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

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

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

/* -- 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
108
}
109 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
#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
135
}
136 137
.navbar-default .navbar-left-link > li > a {
  border-color: transparent;
Glenn Walbran's avatar
Glenn Walbran committed
138
}
139 140 141 142
.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
143
}
144 145
.navbar {
  min-height: 0;
Glenn Walbran's avatar
Glenn Walbran committed
146
}
147 148 149 150 151
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
  margin-right: 0;
  margin-left: 0;
Glenn Walbran's avatar
Glenn Walbran committed
152
}
153 154
.container-fluid > .navbar-collapse {
  padding: 0;
Glenn Walbran's avatar
Glenn Walbran committed
155
}
156 157
.navbar-right {
  margin: 0;
Glenn Walbran's avatar
Glenn Walbran committed
158
}
159 160 161 162 163
.navbar-toggle {
  margin-right: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #799152;
Glenn Walbran's avatar
Glenn Walbran committed
164 165
}

166 167 168 169 170 171 172
/* -- 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
173
}
174 175

/* -- sidebar --------------------------------------------------------------- */
Glenn Walbran's avatar
Glenn Walbran committed
176 177
div.sidebar {
	border: none;
178
	background-color: #f5f7f1;
Glenn Walbran's avatar
Glenn Walbran committed
179
	width: 100%;
180
	padding: 0 20px 10px 20px;
Glenn Walbran's avatar
Glenn Walbran committed
181
}
182 183 184 185 186 187 188 189
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
190
}
191 192 193 194 195 196 197 198 199 200
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
201 202
}

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

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

Glenn Walbran's avatar
Glenn Walbran committed
220 221
div.figure {
	background: #FFFFFF;
222 223 224 225 226
  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
227
	text-align: center;
228
  margin: 1em 0;
Glenn Walbran's avatar
Glenn Walbran committed
229 230 231 232 233 234
}
div.figure p {
	font-size: 0.9167em;
	font-style: italic;
}
div.figure p.caption {
235
	margin: 10px 0 0 0;
Glenn Walbran's avatar
Glenn Walbran committed
236
}
237 238 239

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

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

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

tt.xref {
	font-weight: normal;
	font-style: normal;
Glenn Walbran's avatar
Glenn Walbran committed
341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358
}
.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;
}
359 360
.row-even {
  background-color: #f9f9f9;
Glenn Walbran's avatar
Glenn Walbran committed
361
}
362 363 364 365 366 367 368 369 370 371
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
372 373 374 375 376 377
}
.download {
	font-family: "Open Sans", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
378 379 380
.darkred {
  color: #6e5d31;
  font-weight: 700;
Glenn Walbran's avatar
Glenn Walbran committed
381 382
}
.orange {
383 384
  color: #622c46;
  font-weight: 800;
Glenn Walbran's avatar
Glenn Walbran committed
385 386
}
noscript {
387
  height: 0;
Glenn Walbran's avatar
Glenn Walbran committed
388 389 390 391 392 393 394 395 396
}
input[type="submit"]:before {
	font-family: FontAwesome;
	content: '\f002';
	position: absolute;
	left: -5px;
}

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

.smartevidence_nothing {
407
  color: #9d9d9d;
Glenn Walbran's avatar
Glenn Walbran committed
408 409
}
.smartevidence_begun {
410
  color: #5b9aa9;
Glenn Walbran's avatar
Glenn Walbran committed
411 412
}
.smartevidence_completed {
413
  color: #449d44;
Glenn Walbran's avatar
Glenn Walbran committed
414 415
}
.smartevidence_partial {
416
  color: #f0ad4e;
Glenn Walbran's avatar
Glenn Walbran committed
417 418
}
.smartevidence_no {
419
  color: #f04f50;
Glenn Walbran's avatar
Glenn Walbran committed
420 421
}

422 423 424 425 426 427 428
.sign-off_yes {
  color: #449d44;
}
.sign-off_no {
  color: #f04f50;
}

429 430 431 432 433 434 435
.timeline_icon_active {
  color: #556d32;
}
.timeline_icon_inactive {
  color: #eeeeee;
}

436 437 438 439
.new_icon {
	color: #423017;
}

Glenn Walbran's avatar
Glenn Walbran committed
440
.link-blocktype {
441 442 443
  font-size: 0.9178em;
  margin: 10px 0;
  padding: 5px 7px;
Glenn Walbran's avatar
Glenn Walbran committed
444 445 446
}

.incognito {
447
  color: #000000;
Glenn Walbran's avatar
Glenn Walbran committed
448
}
449 450
a.incognito:hover {
  color: #000000;
Glenn Walbran's avatar
Glenn Walbran committed
451 452
}

453 454 455
/* -- Buttons --------------------------------------------------------------- */
.btn,
.btn-default {
456
  margin: 0 5px;
457 458 459 460
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
461 462
  cursor: pointer;
  border: 1px solid #ccc;
463
  white-space: nowrap;
464 465 466 467 468 469
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
  color: #333;
  background-color: #f3f3f3;
470 471 472 473 474 475 476
}
.btn:hover,
.btn:link,
.btn:visited,
.btn-default:hover,
.btn-default:link,
.btn-default:visited {
477 478 479
  color: #333;
  background-color: #dadada;
  border-color: #adadad;
Glenn Walbran's avatar
Glenn Walbran committed
480 481
}
.btn.text-left {
482
  text-align:left;
Glenn Walbran's avatar
Glenn Walbran committed
483 484
}
.btn.text-right {
485
  text-align:right;
Glenn Walbran's avatar
Glenn Walbran committed
486 487
}
.btn label {
488
  min-width: 0;
Glenn Walbran's avatar
Glenn Walbran committed
489 490
}
.btn-link-danger {
491
  color: #d9534f;
Glenn Walbran's avatar
Glenn Walbran committed
492 493
}
.btn-text {
494 495
  color: inherit;
  padding:0;
Glenn Walbran's avatar
Glenn Walbran committed
496
}
497 498 499 500 501
.btn-sm {
  font-size: 12px;
  line-height: 1.5;
  padding: 2.3px 10px;
}
502 503 504 505
/* -- footer ---------------------------------------------------------------- */
.footer-relbar {
  margin: 0;
  padding: 20px 0;
Glenn Walbran's avatar
Glenn Walbran committed
506
}
507 508 509
.navbar {
  border-radius: 0;
  margin-bottom: 0;
Glenn Walbran's avatar
Glenn Walbran committed
510
}
511 512
div.related {
	font-size: 1em;
Glenn Walbran's avatar
Glenn Walbran committed
513
}
514 515 516 517 518 519 520 521 522 523 524 525 526 527 528
.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
529
}
530 531

/* -- Responsive ------------------------------------------------------------ */
Glenn Walbran's avatar
Glenn Walbran committed
532
@media only screen and (max-width: 768px) {
533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605
  .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;
  }
}