mahara.css_t 10.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 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;
}
280 281 282 283
div.note:before,
div.important:before {
  content: "\f05a\00a0";
  color: #468847;
Glenn Walbran's avatar
Glenn Walbran committed
284
}
285 286 287
div.note a,
div.important a {
  color: #3C763D;
Glenn Walbran's avatar
Glenn Walbran committed
288
}
289 290 291
div.warning:before,
div.caution:before,
div.attention:before,
Glenn Walbran's avatar
Glenn Walbran committed
292
div.seealso:before {
293 294
  content: "\f071\00a0";
  color: #c09853;
Glenn Walbran's avatar
Glenn Walbran committed
295
}
296 297 298 299 300
div.warning a,
div.caution a,
div.attention a,
div.seealso a {
  color: #886B3A;
Glenn Walbran's avatar
Glenn Walbran committed
301
}
302 303 304 305
div.hint:before,
div.tip:before {
  content: "\f0eb\00a0";
  color: #3a87ad;
Glenn Walbran's avatar
Glenn Walbran committed
306
}
307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323
div.hint a,
div.tip a {
  color: #31708F;
}
div.danger:before,
div.error:before {
  content: "\f06a\00a0";
  color: #b94a48;
}
div.danger a,
div.error a {
  color: #A94442;
}

tt.xref {
	font-weight: normal;
	font-style: normal;
Glenn Walbran's avatar
Glenn Walbran committed
324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341
}
.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;
}
342 343
.row-even {
  background-color: #f9f9f9;
Glenn Walbran's avatar
Glenn Walbran committed
344
}
345 346 347 348 349 350 351 352 353 354
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
355 356 357 358 359 360
}
.download {
	font-family: "Open Sans", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
361 362 363
.darkred {
  color: #6e5d31;
  font-weight: 700;
Glenn Walbran's avatar
Glenn Walbran committed
364 365
}
.orange {
366 367
  color: #622c46;
  font-weight: 800;
Glenn Walbran's avatar
Glenn Walbran committed
368 369
}
noscript {
370
  height: 0;
Glenn Walbran's avatar
Glenn Walbran committed
371 372 373 374 375 376 377 378 379
}
input[type="submit"]:before {
	font-family: FontAwesome;
	content: '\f002';
	position: absolute;
	left: -5px;
}

.checkmark {
380
  color: #919191;
Glenn Walbran's avatar
Glenn Walbran committed
381 382
}
.brand-color {
383
  color: #566d31;
Glenn Walbran's avatar
Glenn Walbran committed
384 385
}
.brand-grey {
386
  color: #888888;
Glenn Walbran's avatar
Glenn Walbran committed
387 388 389
}

.smartevidence_nothing {
390
  color: #9d9d9d;
Glenn Walbran's avatar
Glenn Walbran committed
391 392
}
.smartevidence_begun {
393
  color: #5b9aa9;
Glenn Walbran's avatar
Glenn Walbran committed
394 395
}
.smartevidence_completed {
396
  color: #449d44;
Glenn Walbran's avatar
Glenn Walbran committed
397 398
}
.smartevidence_partial {
399
  color: #f0ad4e;
Glenn Walbran's avatar
Glenn Walbran committed
400 401
}
.smartevidence_no {
402
  color: #f04f50;
Glenn Walbran's avatar
Glenn Walbran committed
403 404
}

405 406 407 408 409 410 411
.sign-off_yes {
  color: #449d44;
}
.sign-off_no {
  color: #f04f50;
}

412 413 414 415 416 417 418
.timeline_icon_active {
  color: #556d32;
}
.timeline_icon_inactive {
  color: #eeeeee;
}

419 420 421 422
.new_icon {
	color: #423017;
}

Glenn Walbran's avatar
Glenn Walbran committed
423
.link-blocktype {
424 425 426
  font-size: 0.9178em;
  margin: 10px 0;
  padding: 5px 7px;
Glenn Walbran's avatar
Glenn Walbran committed
427 428 429
}

.incognito {
430
  color: #000000;
Glenn Walbran's avatar
Glenn Walbran committed
431
}
432 433
a.incognito:hover {
  color: #000000;
Glenn Walbran's avatar
Glenn Walbran committed
434 435
}

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

/* -- Responsive ------------------------------------------------------------ */
Glenn Walbran's avatar
Glenn Walbran committed
515
@media only screen and (max-width: 768px) {
516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 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
  .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;
  }
}