SHARE
TWEET

Sidebar Table CSS

a guest May 23rd, 2019 87 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*Sidebar schedule shit*/
  2. .side a[href="/r/atlantahawks"], .side a[href="/r/gonets"], .side a[href="/r/bostonceltics"], .side a[href="/r/charlottehornets"],.side a[href="/r/chicagobulls"], .side a[href="/r/clevelandcavs"],.side a[href="/r/mavericks"], .side a[href="/r/denvernuggets"],.side a[href="/r/detroitpistons"], .side a[href="/r/warriors"],.side a[href="/r/rockets"],.side a[href="/r/pacers"], .side a[href="/r/laclippers"],.side a[href="/r/lakers"], .side a[href="/r/memphisgrizzlies"],.side a[href="/r/heat"], .side a[href="/r/mkebucks"],.side a[href="/r/timberwolves"], .side a[href="/r/nolapelicans"],.side a[href="/r/nyknicks"], .side a[href="/r/thunder"],.side a[href="/r/orlandomagic"], .side a[href="/r/sixers"],.side a[href="/r/suns"], .side a[href="/r/ripcity"],.side a[href="/r/kings"], .side a[href="/r/nbaspurs"],.side a[href="/r/torontoraptors"], .side a[href="/r/utahjazz"], .side a[href="/r/washingtonwizards"],.side a[href="/r/nba"] {
  3. display: inline-block;
  4. background-repeat: no-repeat;
  5. background-image: url(%%sidebarsheet%%);
  6. background-position: -9999px -9999px;
  7. margin-right: 0px;
  8. vertical-align: middle;
  9. width:34px;height:22px;
  10. }
  11.  
  12. .side a[href="/r/atlantahawks"]{content:"";background-position:0 0;}
  13. .side a[href="/r/gonets"]{content:"";background-position:-44px 0;}
  14. .side a[href="/r/bostonceltics"]{content:"";background-position:-88px 0;}
  15. .side a[href="/r/charlottehornets"]{content:"";background-position:-132px 0;}
  16. .side a[href="/r/chicagobulls"]{content:"";background-position:-176px 0;}
  17. .side a[href="/r/clevelandcavs"]{content:"";background-position:-220px 0;}
  18. .side a[href="/r/mavericks"]{content:"";background-position:-264px 0;}
  19. .side a[href="/r/denvernuggets"]{content:"";background-position:-308px 0;}
  20. .side a[href="/r/detroitpistons"]{content:"";background-position:-352px 0;}
  21. .side a[href="/r/warriors"]{content:"";background-position:-396px 0;}
  22. .side a[href="/r/rockets"]{content:"";background-position:-440px 0;}
  23. .side a[href="/r/pacers"]{content:"";background-position:-484px 0;}
  24. .side a[href="/r/laclippers"]{content:"";background-position:-528px 0;}
  25. .side a[href="/r/lakers"]{content:"";background-position:-572px 0;}
  26. .side a[href="/r/memphisgrizzlies"]{content:"";background-position:-616px 0;}
  27. .side a[href="/r/heat"]{content:"";background-position:-660px 0;}
  28. .side a[href="/r/mkebucks"]{content:"";background-position:-704px 0;}
  29. .side a[href="/r/timberwolves"]{content:"";background-position:-748px 0;}
  30. .side a[href="/r/nolapelicans"]{content:"";background-position:-792px 0;}
  31. .side a[href="/r/nyknicks"]{content:"";background-position:-836px 0;}
  32. .side a[href="/r/thunder"]{content:"";background-position:-880px 0;}
  33. .side a[href="/r/orlandomagic"]{content:"";background-position:-924px 0;}
  34. .side a[href="/r/sixers"]{content:"";background-position:-968px 0;}
  35. .side a[href="/r/suns"]{content:"";background-position:-1012px 0;}
  36. .side a[href="/r/ripcity"]{content:"";background-position:-1056px 0;}
  37. .side a[href="/r/kings"]{content:"";background-position:-1100px 0;}
  38. .side a[href="/r/nbaspurs"]{content:"";background-position:-1144px 0;}
  39. .side a[href="/r/torontoraptors"]{content:"";background-position:-1188px 0;}
  40. .side a[href="/r/utahjazz"]{content:"";background-position:-1232px 0;}
  41. .side a[href="/r/washingtonwizards"]{content:"";background-position:-1276px 0;}
  42. .side a[href="/r/nba"]{content:"";background-position:-1320px 0;}
  43. .side{vertical-align:middle}
  44.  
  45. .body .md table {
  46.      border: 2px solid #fff;
  47.      width: 98%;
  48.      margin: 3px 0 30px 0;
  49.      position: relative;
  50.      left: 3px;
  51.      overflow: scroll;
  52. }
  53.  
  54. .side .md table {
  55.      width: 100%;
  56.      margin: 3px 0 30px 0;
  57.      position: relative;
  58.      left: 0px;
  59.      overflow: scroll;
  60.      border-top: 0px solid transparent;
  61.      border-bottom: 0px solid transparent;
  62. }
  63.  
  64. .md table th {
  65.      background: -webkit-linear-gradient(bottom,#00471b,#00471b);
  66.      background: -moz-linear-gradient(bottom,#00471b,#00471b);
  67.      background: -ms-linear-gradient(bottom,#00471b,#00471b);
  68.      background: -o-linear-gradient(bottom,#00471b,#00471b);
  69.      border-top: none;
  70.      border-left: none;
  71.      border-bottom: 1px solid #00471b;
  72.      border-right: 1px solid white;
  73.      color: white;
  74.      font-weight: bold;
  75.      padding: .2em;
  76.      text-align: center;
  77.      vertical-align: middle;
  78.      font-size: 14px;
  79. }
  80. .md table th a {
  81.      color: #363636;
  82. }
  83. .md tr:nth-of-type(odd) {
  84.      background: #FFFFFF;
  85.      color: #00471_b;
  86. }
  87. .md tr:nth-of-type(even) {
  88.      background: #FFFFFF;
  89.      color: #00471_b;
  90. }
  91. .md tr:hover, .md tr:hover td:nth-of-type(5) {
  92.      background: #f0ebd2 !important;
  93. }
  94. .md table td {
  95.      font-size: 12px;
  96.      border: none;
  97.      padding: .3em;
  98.      vertical-align: middle;
  99. }
  100. .md table td a {
  101.      color: #27262c !important;
  102.      font-weight: normal;
  103. }
  104. .md table td a:hover {
  105.      color: #1D8CAA !important;
  106.      text-decoration: underline;
  107. }
  108. /* END TABLE DESIGN  */
  109. /* TABLE DESIGN MODIFICATIONS FOR ONLY THE SIDEBAR */
  110. .side .md table th {
  111.      background: -webkit-linear-gradient(bottom,#00471b,#00471b);
  112.      background: -moz-linear-gradient(bottom,#00471b,#00471b);
  113.      background: -ms-linear-gradient(bottom,#00471b,#00471b);
  114.      background: -o-linear-gradient(bottom,#00471b,#00471b);
  115.      border-top: none;
  116.      border-left: none;
  117.      border-bottom: 1px solid #00471b;
  118.      border-right: 1px solid white;
  119.      color: white;
  120.      font-weight: bold;
  121.      padding: .3em .3em .2em .3em;
  122.      text-align: center;
  123.      vertical-align: text-top;
  124.      font-size: 10px;
  125.  
  126. }
  127. .side .md table td {
  128.      font-size: 10px;
  129.      border: none;
  130.      padding: .2em;
  131.      vertical-align: text-top;
  132. }
  133. .side .md table td:first-child {
  134.      text-align: left;
  135.      }
  136. .side .md table td a[title^="W"] {
  137.      border: 2px solid #199600;
  138. }
  139. .side .md table td a[title^="L"] {
  140.      border: 2px solid red;
  141. }
  142. .side .md table td a[title^="@"] {
  143.      border: 1px solid #f0ebd2;
  144. }
  145. .side .md table td a[title^="v"] {
  146.      border: 1px solid red;
  147. }
  148. .side .md table {
  149.      margin-bottom: 5px; /* margin exception for tables used in the sidebar */
  150. }
  151. .side .md table th:first-child {
  152.     border-left: 5px solid #f0ebd2;}
  153.  
  154. .side .md table th:last-child {
  155.     border-right: 5px solid #f0ebd2;}
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