xonstat/static/css/app.css

   1 /* Fonts */
   2 @font-face {
   3     font-family: 'Xolonium';
   4     src: url('fonts/xolonium.eot');
   5     src: url('fonts/xolonium.eot?#iefix') format('embedded-opentype'),
   6          url('fonts/xolonium.ttf') format('truetype'),
   7          url('fonts/xolonium.woff') format('woff'),
   8          url('fonts/xolonium.svg#xoloniumregular') format('svg');
   9     font-weight: normal;
  10     font-style: normal;
  11 }
  12
  13 body {
  14   background-color: #0F0F0F;
  15   background: url("img/bg.jpg") no-repeat fixed center center / cover black;
  16   color: #9B9B9B;
  17   font-family: "Xolonium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  18 }
  19
  20 h1, h2, h3, h4, h5 {
  21   color: #C3C3C3;;
  22   font-family: "Xolonium", Helvetica, Arial, sans-serif;
  23 }
  24
  25 p {
  26   color: #C3C3C3;
  27   font-size: 1.3rem;
  28 }
  29
  30 hr {
  31   border-color: #1b1b1b;
  32 }
  33
  34 ul, ol, dl {
  35   font-size: 1.1rem;
  36 }
  37
  38 .top-bar {
  39   height: 50px;
  40 }
  41
  42 .top-bar .name h1 a {
  43   color: rgb(200, 200, 200);
  44   font-size: 1.1rem;
  45   text-shadow: 0px 1px 1px rgba(200, 200, 200, 0.4);
  46 }
  47
  48 .top-bar-section ul li {
  49   background: none;
  50 }
  51
  52 .top-bar-section ul li > a {
  53   color: rgb(200, 200, 200);
  54   font-family: 'Xolonium';
  55   font-size: 1rem;
  56   text-shadow: 0px 1px 1px rgba(200, 200, 200, 0.4);
  57 }
  58
  59 .top-bar-section li:not(.has-form) a:not(.button) {
  60   line-height: 50px;
  61 }
  62
  63 .top-bar, .contain-to-grid {
  64   background: linear-gradient( rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 95% );
  65   margin-bottom: 15px;
  66 }
  67
  68 .top-bar.expanded .title-area {
  69   background: none;
  70 }
  71
  72 .top-bar-section li:not(.has-form) a:not(.button) {
  73   background: none;
  74 }
  75
  76 .top-bar-section li:not(.has-form) a:not(.button):hover {
  77  background: #333;
  78 }
  79
  80 .panel {
  81   background-color: #151515;
  82   border-color: rgb(40, 40, 40);
  83 }
  84
  85 .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
  86   color: #777777;
  87 }
  88
  89 .th {
  90   box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.4);
  91 }
  92
  93 .th:hover, .th:focus {
  94   box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.7);
  95 }
  96
  97
  98 /* Footer */
  99 #footer {
 100   background: linear-gradient( rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 95% );
 101   font-family: sans-serif;
 102   font-style: italic;
 103   margin: 15px 0px 0px 0px;
 104   padding-top: 5px;
 105   width: 100%;
 106 }
 107
 108 #footer p {
 109   color: white;
 110   margin-bottom: 0.5rem;
 111   text-align: center;
 112 }
 113
 114 #footer ul {
 115   font-size: 1rem;
 116   list-style: none;
 117   margin-left: 0;
 118 }