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