www/ouya-allgames.css

   1 * {
   2     box-sizing: border-box;
   3 }
   4 html {
   5     height: 100%;
   6 }
   7 body {
   8     min-height: 100%;
   9     background-color: #333;
  10     background-image: url("bg_details.jpg");
  11     background-size: cover;
  12     background-attachment: fixed;
  13     color: #CCC;
  14     font-family: sans;
  15     margin: 0;
  16     padding: 0;
  17     padding-top: 10ex;
  18     padding-left: 0ex;
  19 }
  20
  21 header {
  22     position: fixed;
  23     top: 0;
  24     left: 0;
  25     display: block;
  26     width: 100%;
  27     height: 6rem;
  28     padding-left: 3ex;
  29     background-color: #333;
  30     background-image: url("bg_details.jpg");
  31     background-size: cover;
  32     background-attachment: fixed;
  33 }
  34 .ouyalogo {
  35     height: 3rem;
  36     width: auto;
  37     position: fixed;
  38     top: 2ex;
  39     right: 6vw;
  40 }
  41
  42 a {
  43     color: #CCC;
  44 }
  45
  46 nav {
  47     margin-top: 5ex;
  48     text-align: center;
  49 }
  50 nav a {
  51     color: white;
  52     margin-left: 1ex;
  53     margin-right: 1ex;
  54 }
  55
  56 thead th {
  57     text-align: left;
  58     /*position: sticky;*/
  59     top: 4rem;
  60     background-color: rgba(0, 0, 0, .6);
  61     padding: 0.5ex;
  62     vertical-align: top;
  63 }
  64
  65 table.dataTable.display tbody tr,
  66 table.dataTable.display tbody tr.odd
  67 {
  68     background-color: transparent;
  69 }
  70
  71 table.dataTable.display tbody tr > .sorting_1,
  72 table.dataTable.order-column.stripe tbody tr > .sorting_1,
  73 table.dataTable.display tbody tr.odd > .sorting_1,
  74 table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
  75 table.dataTable.display tbody tr.even > .sorting_1,
  76 table.dataTable.order-column.stripe tbody tr.even > .sorting_1
  77 {
  78     background-color: rgba(0, 0, 0, .4);
  79 }
  80
  81 table.dataTable.display tbody tr:hover,
  82 table.dataTable.display tbody tr.odd:hover,
  83 table.dataTable.display tbody tr.even:hover
  84 {
  85     background-color: rgba(255, 255, 255, .2);
  86 }
  87
  88 .dataTables_info,
  89 .dataTables_filter
  90 {
  91     color: inherit !important;
  92 }
  93
  94 #allouyagames_filter {
  95     display: none;
  96 }
  97
  98 .dataTable.fixedHeader-floating {
  99     background-color: #333;
 100     background-image: url("bg_details.jpg");
 101     background-size: cover;
 102     background-attachment: fixed;
 103 }
 104
 105 .yadcf-filter-wrapper {
 106     display: block;
 107     margin-top: 1ex;
 108 }
 109 .yadcf-filter,
 110 .yadcf-filter-reset-button
 111 {
 112     background-color: transparent;
 113     color: inherit;
 114     height: 4ex;
 115 }