static/css/style.css

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