Guest User

Sidebar Table CSS

a guest
May 23rd, 2019
135
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