themes/bootstrap/fullstyle.css

   1 /* There isn't much space between the Bootstrap navbar and the page content */
   2 #header {
   3         padding-bottom: 1em;
   4 }
   5
   6 /* Ensure the footer is pushed down to the bottom of the screen,
   7  * if the main content doesn't fill it. */
   8 body, html {
   9         height: 100%;
  10 }
  11
  12 #notfooter {
  13         min-height: 100%;
  14         padding-bottom: 2em;
  15 }
  16
  17 #footer {
  18         position: relative;
  19         margin-top: -2em;
  20         height: 2em;
  21         color: grey;
  22         border-top: 1px solid lightgrey;
  23 }
  24
  25 #pagedate {
  26         float: right;
  27 }
  28
  29 /* Bootstrap's navbar packs everything without margins or padding.
  30  * Ensure the search form has some space. */
  31
  32 #searchform {
  33         margin-left: 1em;
  34 }
  35
  36 .parentlinks {
  37         margin-right: 1em;
  38 }
  39
  40 /* Alignment of header and footer items of the default inline pages.
  41  * Using flexbox layout here, since it can wrap when things get too crowded.
  42  * It's a bit better than floats. */
  43 .inlineheader {
  44         display: flex;
  45 }
  46
  47 .inlineheader header {
  48         flex: 1 1 auto;
  49 }
  50
  51 .inlineheader {
  52         flex: 0 1 auto;
  53 }
  54
  55 .inlinefooter {
  56         display: flex;
  57         flex-wrap: wrap;
  58 }
  59
  60 .inlinefooter .pageinfo {
  61         flex: 1 1 auto;
  62 }
  63
  64 .inlinefooter .tags {
  65         flex: 0 1 auto;
  66 }
  67
  68 .inline-actions {
  69         display: inline;
  70 }
  71
  72 .inline-actions ul, .inline-actions li {
  73         list-style-type: none;
  74         display: inline;
  75 }
  76
  77 /* Quick and simple table style */
  78 table {
  79         border: 1px solid grey;
  80         padding: 0.5em;
  81 }
  82
  83 /* Give RSS and Atom buttons an orange color */
  84 .feedbutton {
  85         background: #ff8000;
  86         border-color: #e07000;
  87         color: white;
  88         font-weight: bold;
  89 }
  90
  91 .feedbutton:hover {
  92         background: #ffc080;
  93         border-color: #e07000;
  94 }
  95
  96 /* Carousel alignment */
  97 .carousel-page {
  98         margin: 1em;
  99 }
 100
 101 .carousel-image {
 102         margin: auto;
 103 }
 104
 105 /* Bootstrap 4.0.0-alpha.2 forgot to define a blockquote style? */
 106 blockquote {
 107         border-left: 4px solid rgba(0,0,0,.1);
 108         padding-left: 0.5em;
 109 }
 110
 111 /* Fix image width in cards. */
 112 .card-img-top, .card-img-bottom {
 113         width: 100%;
 114         height: auto;
 115 }