xonstat/static/css/app.css

   1 /* Fonts */
   2 @font-face {
   3     font-family: 'XoloniumNormal';
   4     src: url('fonts/xolonium-webfont.eot');
   5     src: url('fonts/xolonium-webfont.eot?#iefix') format('embedded-opentype'),
   6          url('fonts/xolonium-webfont.woff') format('woff'),
   7          url('fonts/xolonium-webfont.ttf') format('truetype'),
   8          url('fonts/xolonium-webfont.svg#XoloniumNormal') format('svg');
   9     font-weight: normal;
  10     font-style: normal;
  11 }
  12
  13
  14 /* Primary elements */
  15 body {
  16     background: url("img/web_background_4.jpg") no-repeat fixed center center / cover  black;
  17     color: #D0D0D0;
  18     font-family: "XoloniumNormal", "Helvetica Neue", Helvetica, Arial, sans-serif;
  19 }
  20 h1 small,
  21 h2 small,
  22 h3 small,
  23 h4 small,
  24 h5 small,
  25 h6 small {
  26   font-weight: normal;
  27   color: #999999;
  28 }
  29 h1 {
  30   font-size: 30px;
  31   line-height: 36px;
  32 }
  33 h1 small {
  34   font-size: 18px;
  35 }
  36 h2 {
  37   font-size: 24px;
  38   line-height: 36px;
  39 }
  40 h2 small {
  41   font-size: 18px;
  42 }
  43 h3 {
  44   line-height: 27px;
  45   font-size: 18px;
  46 }
  47 h3 small {
  48   font-size: 14px;
  49 }
  50 h4, h5, h6 {
  51   line-height: 18px;
  52 }
  53 h4 {
  54   font-size: 14px;
  55 }
  56 h4 small {
  57   font-size: 12px;
  58 }
  59 h5 {
  60   font-size: 12px;
  61 }
  62 h6 {
  63   font-size: 11px;
  64   color: #999999;
  65   text-transform: uppercase;
  66 }
  67 table {
  68     background: rgb(0, 0, 0); /* IE Fallback */
  69     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  70     border: 1px solid #436688;
  71 }
  72 table th { border: 1px solid #436688; background-color: #001021; }
  73 table td {
  74     border: 1px solid #436688;
  75     font-size: 10px;
  76 }
  77 .table-hover > tbody > tr:hover > td,
  78 .table-hover > tbody > tr:hover > th {
  79     background-color: #222;
  80 }
  81 .table td {
  82     vertical-align: middle;
  83 }
  84 .table .tdcenter { text-align: center; }
  85
  86
  87 /* One-off elements */
  88 #statline {
  89     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  90     font-size: 13px;
  91     position: relative;
  92     top: -25px;
  93 }
  94 #xonborder {
  95     background: rgb(0, 0, 0); /* IE Fallback */
  96     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  97     border-radius: 15px 15px 15px 15px;
  98     margin-bottom: 30px;
  99     margin-left: 0px;
 100     padding: 20px;
 101 }
 102 #title {
 103     color: #0088CC;
 104     font-size: 30px;
 105     margin-bottom: 15px;
 106     position: relative;
 107     text-align: center;
 108     text-shadow: 2px 2px 3px #333;
 109 }
 110
 111
 112 /* Navigation bar */
 113 .navbar-brand {
 114     margin-left: 0;
 115     padding-bottom: 0px;
 116     padding-top: 10px;
 117     text-align: left;
 118 }
 119 .navbar-inverse {
 120     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
 121 }
 122 .navbar-inverse .nav>.active>a, .navbar-inverse .nav>.active>a:hover, .navbar-inverse .nav>.active>a:focus {
 123     background: none repeat scroll 0 0 rgba(49, 49, 49, 0.6);
 124 }
 125 .navbar-inverse .nav>li>a, .navbar-brand {
 126     font-family: XoloniumNormal;
 127 }
 128 .search, input[type="search"] {
 129     background-color: #606060;
 130     border: 1px solid #202020;
 131     color: #AAAAAA;
 132     width: 100px;
 133 }
 134
 135
 136 /* Desktop-specific stuff */
 137 @media (min-width: 768px) {
 138     .navbar-form {
 139         float: right;
 140     }
 141 }