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         background-color: #F9F9F9;
 108         color: #777;
 109         padding: 20px 0;
 110         margin-top: 70px;
 111 }
 112
 113 .sidenav {
 114 width: 228px;
 115 margin: 30px 0 0;
 116 padding: 0;
 117 background-color: #fff;
 118 -webkit-border-radius: 6px;
 119 -moz-border-radius: 6px;
 120 border-radius: 6px;
 121 -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
 122 -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
 123 box-shadow: 0 1px 4px rgba(0,0,0,.065);
 124 }
 125 .sidenav > li > a {
 126 display: block;
 127 width: 190px \9;
 128 margin: 0 0 -1px;
 129 padding: 8px 14px;
 130 border: 1px solid #e5e5e5;
 131 }
 132 .sidenav > li:first-child > a {
 133 -webkit-border-radius: 6px 6px 0 0;
 134 -moz-border-radius: 6px 6px 0 0;
 135 border-radius: 6px 6px 0 0;
 136 }
 137 .sidenav > li:last-child > a {
 138 -webkit-border-radius: 0 0 6px 6px;
 139 -moz-border-radius: 0 0 6px 6px;
 140 border-radius: 0 0 6px 6px;
 141 }
 142 .sidenav .glyphicon-chevron-left {
 143 opacity: .25;
 144 }
 145 .sidenav a:hover .glyphicon-chevron-left {
 146 opacity: .5;
 147 }
 148 .sidenav .active .glyphicon-chevron-left, .sidenav .active a:hover .glyphicon-chevron-left {
 149 opacity: 1;
 150 }
 151 .sidenav.affix {
 152 top: 40px;
 153 }
 154 .sidenav.affix-bottom {
 155 position: absolute;
 156 top: auto;
 157 bottom: 270px;
 158 }
 159 .download-box {
 160 text-align: center;
 161 margin: 100px 0;
 162 }
 163 .progress-small {
 164 margin-top: 6px;
 165 height: 6px;
 166 }
 167 .planet-table td.author,
 168 .planet-table td.date {
 169 width: 10em;
 170 }
 171 .news-entries td.date {
 172 width: 8em;
 173 text-align: right;
 174 }
 175
 176 .table-wishlist-widget {
 177         width: 100%;
 178 }