css/style.css

   1 @font-face {
   2         font-family: 'TizenSansRegular';
   3         src: url("../font/TizenSansRegular.ttf");
   4 }
   5
   6 body {
   7         background-color: black;
   8         /* background-image: url("../image/bg.jpg"); */
   9         /* font-family: 'TizenSansRegular'; */
  10         width: 100%;
  11         height: 100%;
  12         margin: 0px;
  13 }
  14
  15 .frame {
  16         text-align: -webkit-center;
  17 }
  18
  19 .title {
  20         color: whitesmoke;
  21         font-size: 2em;
  22         text-align:center;
  23         font-weight:bold;
  24         margin-top:10px;
  25         margin-bottom:10px;
  26 }
  27
  28 .footer {
  29         text-align:right;
  30 }
  31
  32 .extList {
  33         padding:3px;
  34         border:1px solid #000000;
  35         -moz-border-radius-bottomleft:5px;
  36         -webkit-border-bottom-left-radius:5px;
  37         border-bottom-left-radius:5px;
  38         -moz-border-radius-bottomright:5px;
  39         -webkit-border-bottom-right-radius:5px;
  40         border-bottom-right-radius:5px;
  41         -moz-border-radius-topright:5px;
  42         -webkit-border-top-right-radius:5px;
  43         border-top-right-radius:5px;
  44         -moz-border-radius-topleft:5px;
  45         -webkit-border-top-left-radius:5px;
  46         border-top-left-radius:5px;
  47 }
  48
  49 .extList table{
  50         border-collapse: collapse;
  51         border-spacing: 0;
  52         width:100%;
  53         height:100%;
  54         margin:0px;padding:0px;
  55 }
  56
  57 .extList tr:last-child td:last-child {
  58         -moz-border-radius-bottomright:5px;
  59         -webkit-border-bottom-right-radius:5px;
  60         border-bottom-right-radius:5px;
  61 }
  62
  63 .extList table tr:first-child td:first-child {
  64         -moz-border-radius-topleft:5px;
  65         -webkit-border-top-left-radius:5px;
  66         border-top-left-radius:5px;
  67         text-align:left;
  68 }
  69
  70 .extList table tr:first-child td:last-child {
  71         -moz-border-radius-topright:5px;
  72         -webkit-border-top-right-radius:5px;
  73         border-top-right-radius:5px;
  74         text-align:right;
  75 }
  76
  77 .extList tr:last-child td:first-child{
  78         -moz-border-radius-bottomleft:5px;
  79         -webkit-border-bottom-left-radius:5px;
  80         border-bottom-left-radius:5px;
  81 }
  82
  83 .extList tr:hover td{
  84         background-color:#9b9b9b;
  85 }
  86
  87 .extList td{
  88         vertical-align:middle;
  89         background:-o-linear-gradient(bottom, #ffffff 5%, #eeeeee 100%);
  90         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #eeeeee) );
  91         background:-moz-linear-gradient( center top, #ffffff 5%, #eeeeee 100% );
  92         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee");
  93         background: -o-linear-gradient(top,#ffffff,eeeeee);
  94         background-color:#ffffff;
  95         border:1px solid #000000;
  96         border-width:0px 1px 1px 0px;
  97         text-align:left;
  98         padding:7px;
  99         color:#000000;
 100         height:40px;
 101 }
 102
 103 .extList td::first-line{
 104         font-weight:bold;
 105 }
 106
 107 .extList tr:last-child td{
 108         border-width:0px 1px 0px 0px;
 109 }
 110
 111 .extList tr td:last-child{
 112         border-width:0px 0px 1px 0px;
 113         text-align:center;
 114 }
 115
 116 .extList tr:last-child td:last-child{
 117         border-width:0px 0px 0px 0px;
 118 }
 119
 120 .extList tr:first-child td{
 121         background:-o-linear-gradient(bottom, #777777 5%, #444444 100%);
 122         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777777), color-stop(1, #444444) );
 123         background:-moz-linear-gradient( center top, #777777 5%, #444444 100% );
 124         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777", endColorstr="#444444");
 125         background: -o-linear-gradient(top,#777777,444444);
 126         background-color:#777777;
 127         border:0px solid #000000;
 128         text-align:center;
 129         border-width:0px 0px 1px 1px;
 130         font-weight:bold;
 131         color:#ffffff;
 132         height:45px;
 133 }
 134
 135 .extList tr:first-child:hover td{
 136         background:-o-linear-gradient(bottom, #777777 5%, #444444 100%);
 137         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777777), color-stop(1, #444444) );
 138         background:-moz-linear-gradient( center top, #777777 5%, #444444 100% );
 139         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777", endColorstr="#444444");
 140         background: -o-linear-gradient(top,#777777,444444);
 141         background-color:#777777;
 142 }
 143
 144 .extList tr:first-child td:first-child{
 145         border-width:0px 0px 1px 0px;
 146 }
 147
 148 .extList tr:first-child td:last-child{
 149         border-width:0px 0px 1px 1px;
 150 }