static/css/style.css

   1 body {
   2         padding-top: 45px;
   3 }
   4
   5 .navbar-inverse .navbar-brand,
   6 .navbar-inverse .navbar-nav > li > a {
   7   color:#DDD;
   8 }
   9 .sidenav > li.active > a {
  10   background: #880400;
  11   color: #FFF;
  12 }
  13 .container-body {
  14   background-color: #FFF;
  15   padding: 10px 15px;
  16 }
  17
  18 .ac, td.ac {
  19         text-align: center;
  20 }
  21
  22 .ar {
  23         text-align: right;
  24 }
  25
  26 .clear {
  27         clear: both;
  28 }
  29
  30 .separator {
  31         margin: 40px 0 39px;
  32 }
  33
  34 .img-padding {
  35         padding: 10px;
  36 }
  37
  38 table.table-fireinfo td.bar {
  39 width: 70%;
  40 }
  41 table.table-fireinfo td.key {
  42 width: 20%;
  43 }
  44 table.table-fireinfo td.val {
  45 width: 10%;
  46 }
  47 .wishes div.thumbnail {
  48 padding: 1em;
  49 }
  50 .objectives .icon {
  51 padding: 1.2em;
  52 }
  53 .thumbnails .download-box {
  54 padding: 2em 2em 0 2em;
  55 }
  56 section > .page-header {
  57 margin:0;
  58 padding:40px 0 20px;
  59 }
  60 section > .page-header, section > .lead {
  61 color: #5a5a5a;
  62 }
  63 section > ul li {
  64 margin-bottom: 5px;
  65 }
  66
  67 .jumbotron {
  68         color: white;
  69         background: #880400; /* Old browsers */
  70         background: -moz-linear-gradient(45deg, #000000 0%, #880400 100%); /* FF3.6+ */
  71         background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000000), color-stop(100%,#880400)); /* Chrome,Safari4+ */
  72         background: -webkit-linear-gradient(45deg, #000000 0%,#880400 100%); /* Chrome10+,Safari5.1+ */
  73         background: -o-linear-gradient(45deg, #000000 0%, #880400 100%); /* Opera 11.10+ */
  74         background: -ms-linear-gradient(45deg, #000000 0%, #880400 100%); /* IE10+ */
  75         background: linear-gradient(45deg,  #000000 0%, #880400 100%); /* W3C */
  76         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#880400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  77         -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
  78         -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
  79         box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
  80 }
  81
  82 /* Download button */
  83 .masthead .btn, .download-button {
  84         padding: 19px 24px;
  85         font-size: 24px;
  86 }
  87
  88 .masthead {
  89         padding-top: 70px;
  90         margin-bottom: 0;
  91 }
  92
  93 .masthead h1 {
  94         font-size: 120px;
  95         line-height: 1;
  96         letter-spacing: -2px;
  97 }
  98
  99 .masthead p.lead {
 100         font-size: 36px;
 101         font-weight: 200;
 102         line-height: 1.25;
 103 }
 104
 105 .footer {
 106   border-top: 1px solid #E7E7E7;
 107   padding: 30px 0;
 108   margin-top: 70px;
 109 }
 110 .footer p {
 111 margin-bottom: 0;
 112 color: #777;
 113 }
 114 .footer-links {
 115 margin: 10px 0;
 116 }
 117 .footer-links li {
 118 display: inline;
 119 padding: 0 2px;
 120 }
 121 .footer-links li:first-child {
 122 padding-left: 0;
 123 }
 124 .sidenav {
 125 width: 228px;
 126 margin: 30px 0 0;
 127 padding: 0;
 128 background-color: #fff;
 129 -webkit-border-radius: 6px;
 130 -moz-border-radius: 6px;
 131 border-radius: 6px;
 132 -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
 133 -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
 134 box-shadow: 0 1px 4px rgba(0,0,0,.065);
 135 }
 136 .sidenav > li > a {
 137 display: block;
 138 width: 190px \9;
 139 margin: 0 0 -1px;
 140 padding: 8px 14px;
 141 border: 1px solid #e5e5e5;
 142 }
 143 .sidenav > li:first-child > a {
 144 -webkit-border-radius: 6px 6px 0 0;
 145 -moz-border-radius: 6px 6px 0 0;
 146 border-radius: 6px 6px 0 0;
 147 }
 148 .sidenav > li:last-child > a {
 149 -webkit-border-radius: 0 0 6px 6px;
 150 -moz-border-radius: 0 0 6px 6px;
 151 border-radius: 0 0 6px 6px;
 152 }
 153 .sidenav .glyphicon-chevron-left {
 154 opacity: .25;
 155 }
 156 .sidenav a:hover .glyphicon-chevron-left {
 157 opacity: .5;
 158 }
 159 .sidenav .active .glyphicon-chevron-left, .sidenav .active a:hover .glyphicon-chevron-left {
 160 opacity: 1;
 161 }
 162 .sidenav.affix {
 163 top: 40px;
 164 }
 165 .sidenav.affix-bottom {
 166 position: absolute;
 167 top: auto;
 168 bottom: 270px;
 169 }
 170 .download-box {
 171 text-align: center;
 172 margin: 100px 0;
 173 }
 174 .progress-small {
 175 margin-top: 6px;
 176 height: 6px;
 177 }
 178 .planet-table td.author,
 179 .planet-table td.date {
 180 width: 10em;
 181 }
 182 .news-entries td.date {
 183 width: 8em;
 184 text-align: right;
 185 }
 186
 187 .table-wishlist-widget {
 188         width: 100%;
 189 }