static/css/style.css

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