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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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)
}

526 527 528 529
/* -- footer ---------------------------------------------------------------- */
.footer-relbar {
  margin: 0;
  padding: 20px 0;
Glenn Walbran's avatar
Glenn Walbran committed
530
}
531 532 533
.navbar {
  border-radius: 0;
  margin-bottom: 0;
Glenn Walbran's avatar
Glenn Walbran committed
534
}
535 536
div.related {
	font-size: 1em;
Glenn Walbran's avatar
Glenn Walbran committed
537
}
538 539 540 541 542 543 544 545 546 547 548 549 550 551 552
.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
553
}
554 555

/* -- Responsive ------------------------------------------------------------ */
Glenn Walbran's avatar
Glenn Walbran committed
556
@media only screen and (max-width: 768px) {
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 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629
  .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;
  }
}