Consolee_

TFTV ESEA Stats CSS

Sep 26th, 2018
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.62 KB | None | 0 0
  1. /* Removed undesired stuff */
  2. #network-container,#network-spacer,#layout-header,
  3. #layout-ticker,#layout-column-left,#layout-column-right,
  4. .tabArea,.module-header,.match-details,
  5. .content-note,.content-div,
  6. #commentControl,.comment-container, .comment-parent-actions, .match-header > img,
  7. table.box:nth-child(4), table.box:nth-child(3), table.box:nth-child(2) > thead,
  8. #layout-footer-content,#layout-footer-container,.module,.cookie-consent,#stats-match-view header, hr, br,
  9. #body-match-stats > br:nth-child(3), #body-match-stats > br:nth-child(4),
  10. table.box:nth-child(2) > tbody > tr > th:nth-child(4),table.box:nth-child(2) > tbody > tr > td:nth-child(4),
  11. th:nth-child(5), td:nth-child(5), /*FPM*/
  12. th:nth-child(7), td:nth-child(7), /*APM*/
  13. th:nth-child(9), td:nth-child(9), /*DPM*/
  14. th:nth-child(12), td:nth-child(12), /*CPC*/
  15. th:nth-child(13), td:nth-child(13), /*CPB*/
  16. th:nth-child(14), td:nth-child(14), /*DOM*/
  17. th:nth-child(15), td:nth-child(15) /*REV*/ {display:none!important;}
  18.  
  19. #stats-match-view,
  20. #body-match-stats ,
  21. #layout-column-center,
  22. #layout-container ,
  23. .match-header,
  24. html {background:none!important;}
  25.  
  26. body.parent{background-image:none!important;}
  27. ::-webkit-scrollbar { visibility: hidden; }
  28.  
  29. /* Main Area */
  30. #stats-match-view {
  31. display: block!important; /* Ensures visibility since this falls under .module as well*/
  32. position: relative;
  33. top: 112px;
  34.  
  35. box-shadow: none!important;
  36. }
  37.  
  38. /* Font Setup (Team Label Text was handled earlier) */
  39. @import url('https://fonts.googleapis.com/css?family=Roboto');
  40. .match-header, a, h1, table.box:nth-child(6) > tbody:nth-child(2) > tr:nth-child(1),table.box:nth-child(8) > tbody:nth-child(2) > tr:nth-child(1), .box .stat, .box * {
  41. color: white!important;
  42. font-family: Roboto,san-serif!important;
  43. }
  44.  
  45. .match-header{text-align: left;border:0px!important;padding: 0!important;margin: 0!important;font-size:16px;text-shadow:2px 2px 0 rgba(0,0,0,0.25);position: relative; top: 8px;left: 6px;} /* Center Header Text, Removed Top Border + Padding */
  46. a{text-decoration:none!important;} /* Header Team Names */
  47. .match-header > h1 > a:nth-child(1) {
  48. color: rgb(88,133,162)!important;
  49. }
  50.  
  51. .match-header > h1 > a:nth-child(2), table.box:nth-child(2) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
  52. color: rgb(184,56,59)!important;
  53. }
  54.  
  55. .match-header > h1 {
  56. font-size: 32px!important;
  57. }
  58.  
  59. /* Team Label */
  60. table.box:nth-child(6) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1){background-color: rgba(0,0,0,0); border: none; width:180px!important;position: relative; left: 1px; top: 28px; line-height: 16px;} /* BLU TEAM */
  61. table.box:nth-child(8) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1){background-color: rgba(0,0,0,0); border: none; width:180px!important;position: relative; left: 1px; top: 28px; line-height: 16px;} /* RED TEAM */
  62. table.box:nth-child(6) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) a{color:white!important;} /* BLU TEAM TEXT */
  63. table.box:nth-child(8) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) a{color:white!important;} /* RED TEAM TEXT */
  64.  
  65. /* Main Table */
  66. .acronym{min-width:40px!important; width:auto; padding-left:5px!important; padding-right:5px!important;}
  67. acronym {border-bottom:none!important;}
  68. .box td, .box th {border:1px solid rgba(200, 200, 200, 0)!important;}
  69. .box td {background-color: rgba(30,30,30,0.85);}
  70. .box .stat, .box * {font-size:20px;}
  71.  
  72. /* Table Header */
  73. table.box:nth-child(6) > tbody:nth-child(2) > tr:nth-child(1),table.box:nth-child(8) > tbody:nth-child(2) > tr:nth-child(1), table.box:nth-child(2) > tbody > tr:nth-child(1)
  74. {
  75. padding:9px 10px 9px 10px;
  76. font-size:20px;
  77. font-weight:bold;
  78. border-bottom:0;
  79. background-color: rgba(169, 169, 169, 0.85)!important;
  80. text-align:center;
  81. }
  82.  
  83. table.box:nth-child(6) > tbody:nth-child(2) > tr:nth-child(1) > th:nth-child(1), table.box:nth-child(2) > tbody > tr:nth-child(2) > th {
  84. background-color:rgba(88,133,162,0.85)!important;
  85. }
  86.  
  87. table.box:nth-child(8) > tbody:nth-child(2) > tr:nth-child(1) > th:nth-child(1), table.box:nth-child(2) > tbody > tr:nth-child(3) > th {
  88. background-color:rgba(184,56,59,0.85)!important;
  89. }
  90.  
  91. table.box:nth-child(6), table.box:nth-child(8){margin-left:0!important; margin-right:0!important;display: block!important;width: 80%!important;position: relative; bottom: 8px;right: 4px;} /* Center in div */
  92.  
  93. /* Centering Everything */
  94. #layout-container, #layout-column-center, #stats-match-view {
  95. float:left!important;
  96. width: 1280px; /* SET TO SOURCE WIDTH */
  97. margin: 0!important;
  98. padding: 0!important;
  99. }
  100.  
  101. table.box:nth-child(2) > tbody > tr > th:nth-child(5),table.box:nth-child(2) > tbody > tr > td:nth-child(5),
  102. table.box:nth-child(2) > tbody > tr > th:nth-child(6),table.box:nth-child(2) > tbody > tr > td:nth-child(6),
  103. table.box:nth-child(2) > tbody > tr > th:nth-child(7),table.box:nth-child(2) > tbody > tr > td:nth-child(7),
  104. table.box:nth-child(2) > tbody > tr > th:nth-child(8),table.box:nth-child(2) > tbody > tr > td:nth-child(8),
  105. table.box:nth-child(2) > tbody > tr > th:nth-child(9),table.box:nth-child(2) > tbody > tr > td:nth-child(9) {
  106. display: table-cell!important;
  107. font-size: 20px;
  108. }
  109.  
  110. table.box:nth-child(2) {
  111. position: absolute;
  112. left: 720px;
  113. top: 99px;
  114. }
  115.  
  116. table.box:nth-child(2) > tbody {
  117. border: 1px solid rgb(30, 30, 30)!important;
  118. }
  119.  
  120. table.box:nth-child(6) > tbody:nth-child(2), table.box:nth-child(8) > tbody:nth-child(2) {
  121. border: 1px solid rgb(30, 30, 30)!important;
  122. border-bottom: none!important;
  123. }
  124.  
  125. table.box:nth-child(6) > tbody:nth-child(3), table.box:nth-child(8) > tbody:nth-child(3) {
  126. border: 1px solid rgb(30, 30, 30)!important;
  127. border-top: none!important;
  128. }
Add Comment
Please, Sign In to add comment