SHARE
TWEET

Untitled

a guest Sep 21st, 2019 95 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* TABLE */
  2.  
  3. .table-fill {
  4.     background: white;
  5.     border-radius: 5px;
  6.     border-collapse: collapse;
  7.     height: 300px;
  8.     margin: 20px auto auto auto;
  9.     max-width: 1100px;
  10.     padding: 5px;
  11.     width: 100%;
  12.     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  13.     animation: float 5s infinite;
  14. }
  15. th {
  16.     color: #D5DDE5;
  17.     background: #1b1e24;
  18.     border-bottom: 4px solid #9ea7af;
  19.     border-right: 1px solid #343a45;
  20.     font-size: 20px;
  21.     font-weight: 400;
  22.     padding: 24px;
  23.     text-align: left;
  24.     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  25.     vertical-align: middle;
  26. }
  27. th:first-child {
  28.     border-top-left-radius: 3px;
  29. }
  30. th:last-child {
  31.     border-top-right-radius: 3px;
  32.     border-right: none;
  33. }
  34. tr {
  35.     border-top: 1px solid #C1C3D1;
  36.     border-bottom-: 1px solid #C1C3D1;
  37.     color: #666B85;
  38.     font-size: 16px;
  39.     text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
  40. }
  41. tr:hover td {
  42.     background: #4E5066;
  43.     color: #FFFFFF;
  44.     border-top: 1px solid #22262e;
  45.     border-bottom: 1px solid #22262e;
  46. }
  47. tr:first-child {
  48.     border-top: none;
  49. }
  50. tr:last-child {
  51.     border-bottom: none;
  52. }
  53. tr:nth-child(odd) td {
  54.     background: #EBEBEB;
  55. }
  56. tr:nth-child(odd):hover td {
  57.     background: #4E5066;
  58. }
  59. tr:last-child td:first-child {
  60.     border-bottom-left-radius: 3px;
  61. }
  62. tr:last-child td:last-child {
  63.     border-bottom-right-radius: 3px;
  64. }
  65. td {
  66.     background: #FFFFFF;
  67.     padding: 20px;
  68.     text-align: left;
  69.     vertical-align: middle;
  70.     font-size: 15px;
  71.     text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  72.     border-right: 1px solid #C1C3D1;
  73. }
  74. td:last-child {
  75.     border-right: 0px;
  76. }
  77. th.text-left {
  78.     text-align: left;
  79. }
  80. th.text-center {
  81.     text-align: center;
  82. }
  83. th.text-right {
  84.     text-align: right;
  85. }
  86. td.text-left {
  87.     text-align: left;
  88. }
  89. td.text-center {
  90.     text-align: center;
  91. }
  92. td.text-right {
  93.     text-align: right;
  94. }
  95. td,th{
  96.     white-space:nowrap;
  97. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top