pcjonathan

CSS

Jul 5th, 2015
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.18 KB | None | 0 0
  1.  
  2. .side .md pre, .md .-cells, .md th, .md td {
  3. padding: 4px 2px;
  4. }
  5.  
  6. .side a[href="#01L"]:hover:before, .side a[href="#01P"]:hover:before, .side a[href="#01S"]:hover:before, .side a[href="#02L"]:hover:before, .side a[href="#02P"]:hover:before, .side a[href="#02S"]:hover:before, .side a[href="#03L"]:hover:before, .side a[href="#03P"]:hover:before, .side a[href="#03S"]:hover:before, .side a[href="#04L"]:hover:before, .side a[href="#04P"]:hover:before, .side a[href="#04S"]:hover:before, .side a[href="#05L"]:hover:before, .side a[href="#05P"]:hover:before, .side a[href="#05S"]:hover:before, .side a[href="#06L"]:hover:before, .side a[href="#06P"]:hover:before, .side a[href="#06S"]:hover:before, .side a[href="#07L"]:hover:before, .side a[href="#07P"]:hover:before, .side a[href="#07S"]:hover:before, .side a[href="#08L"]:hover:before, .side a[href="#08P"]:hover:before, .side a[href="#08S"]:hover:before, .side a[href="#09L"]:hover:before, .side a[href="#09P"]:hover:before, .side a[href="#09S"]:hover:before, .side a[href="#10L"]:hover:before, .side a[href="#10P"]:hover:before, .side a[href="#10S"]:hover:before, .side a[href="#11L"]:hover:before, .side a[href="#11P"]:hover:before, .side a[href="#11S"]:hover:before, .side a[href="#12L"]:hover:before, .side a[href="#12P"]:hover:before, .side a[href="#12S"]:hover:before
  7. {
  8. position: absolute;
  9. margin-top: -30px;
  10. margin-left: -130px;
  11. padding: .5em;
  12. border: 1px solid;
  13. background: #fff;
  14. }
  15.  
  16. .side a[href="#01L"]:hover:before {content: "2015-07-01 (Time To Be Confirmed)";}
  17. .side a[href="#01P"]:hover:before {content: "2015-07-01 (Time To Be Confirmed)";}
  18. .side a[href="#01S"]:hover:before {content: "2015-07-03 (Time To Be Confirmed)";}
  19. .side a[href="#02L"]:hover:before {content: "2015-09-12 (Time To Be Confirmed)";}
  20. .side a[href="#02P"]:hover:before {content: "2015-09-12 (Time To Be Confirmed)";}
  21. .side a[href="#02S"]:hover:before {content: "2015-09-14 (Time To Be Confirmed)";}
  22. .side a[href="#03L"]:hover:before {content: "2015-09-19 (Time To Be Confirmed)";}
  23. .side a[href="#03P"]:hover:before {content: "2015-09-19 (Time To Be Confirmed)";}
  24. .side a[href="#03S"]:hover:before {content: "2015-09-21 (Time To Be Confirmed)";}
  25. .side a[href="#04L"]:hover:before {content: "2015-09-26 (Time To Be Confirmed)";}
  26. .side a[href="#04P"]:hover:before {content: "2015-09-26 (Time To Be Confirmed)";}
  27. .side a[href="#04S"]:hover:before {content: "2015-09-28 (Time To Be Confirmed)";}
  28. .side a[href="#05L"]:hover:before {content: "2015-10-03 (Time To Be Confirmed)";}
  29. .side a[href="#05P"]:hover:before {content: "2015-10-03 (Time To Be Confirmed)";}
  30. .side a[href="#05S"]:hover:before {content: "2015-10-05 (Time To Be Confirmed)";}
  31. .side a[href="#06L"]:hover:before {content: "2015-10-10 (Time To Be Confirmed)";}
  32. .side a[href="#06P"]:hover:before {content: "2015-10-10 (Time To Be Confirmed)";}
  33. .side a[href="#06S"]:hover:before {content: "2015-10-12 (Time To Be Confirmed)";}
  34. .side a[href="#07L"]:hover:before {content: "2015-10-17 (Time To Be Confirmed)";}
  35. .side a[href="#07P"]:hover:before {content: "2015-10-17 (Time To Be Confirmed)";}
  36. .side a[href="#07S"]:hover:before {content: "2015-10-19 (Time To Be Confirmed)";}
  37. .side a[href="#08L"]:hover:before {content: "2015-10-24 (Time To Be Confirmed)";}
  38. .side a[href="#08P"]:hover:before {content: "2015-10-24 (Time To Be Confirmed)";}
  39. .side a[href="#08S"]:hover:before {content: "2015-10-26 (Time To Be Confirmed)";}
  40. .side a[href="#09L"]:hover:before {content: "2015-10-03 (Time To Be Confirmed)";}
  41. .side a[href="#09P"]:hover:before {content: "2015-10-03 (Time To Be Confirmed)";}
  42. .side a[href="#09S"]:hover:before {content: "2015-10-05 (Time To Be Confirmed)";}
  43. .side a[href="#10L"]:hover:before {content: "2015-11-07 (Time To Be Confirmed)";}
  44. .side a[href="#10P"]:hover:before {content: "2015-11-07 (Time To Be Confirmed)";}
  45. .side a[href="#10S"]:hover:before {content: "2015-11-09 (Time To Be Confirmed)";}
  46. .side a[href="#11L"]:hover:before {content: "2015-11-14 (Time To Be Confirmed)";}
  47. .side a[href="#11P"]:hover:before {content: "2015-11-14 (Time To Be Confirmed)";}
  48. .side a[href="#11S"]:hover:before {content: "2015-11-16 (Time To Be Confirmed)";}
  49. .side a[href="#12L"]:hover:before {content: "2015-11-21 (Time To Be Confirmed)";}
  50. .side a[href="#12P"]:hover:before {content: "2015-11-21 (Time To Be Confirmed)";}
  51. .side a[href="#12S"]:hover:before {content: "2015-11-23 (Time To Be Confirmed)";}
  52.  
  53.  
  54. .side a[href="#01L"], .side a[href="#01P"], .side a[href="#01S"],
  55. .side a[href="#02L"], .side a[href="#02P"], .side a[href="#02S"],
  56. .side a[href="#03L"], .side a[href="#03P"], .side a[href="#03S"],
  57. .side a[href="#04L"], .side a[href="#04P"], .side a[href="#04S"],
  58. .side a[href="#05L"], .side a[href="#05P"], .side a[href="#05S"],
  59. .side a[href="#06L"], .side a[href="#06P"], .side a[href="#06S"],
  60. .side a[href="#07L"], .side a[href="#07P"], .side a[href="#07S"],
  61. .side a[href="#08L"], .side a[href="#08P"], .side a[href="#08S"],
  62. .side a[href="#09L"], .side a[href="#09P"], .side a[href="#09S"],
  63. .side a[href="#10L"], .side a[href="#10P"], .side a[href="#10S"],
  64. .side a[href="#11L"], .side a[href="#11P"], .side a[href="#11S"],
  65. .side a[href="#12L"], .side a[href="#12P"], .side a[href="#12S"]
  66. {
  67. color: #FF0000;
  68. }
  69. .side a[href="#01L"],.side a[href="#01P"],.side a[href="#01S"]
  70. {
  71. color: #00D700;
  72. }
  73. .side a[href="#01L"]:hover:before {content: "2015-07-01 (Time To Be Confirmed)";}
  74. .side a[href="#01P"]:hover:before {content: "2015-07-01 (Time To Be Confirmed)";}
  75. .side a[href="#01S"]:hover:before {content: "2015-07-03 (Time To Be Confirmed)";}
  76. .side a[href="#02L"]:hover:before {content: "2015-09-12 (Time To Be Confirmed)";}
  77. .side a[href="#02P"]:hover:before {content: "2015-09-12 (Time To Be Confirmed)";}
  78. .side a[href="#02S"]:hover:before {content: "2015-09-14 (Time To Be Confirmed)";}
  79. .side a[href="#03L"]:hover:before {content: "2015-09-19 (Time To Be Confirmed)";}
  80. .side a[href="#03P"]:hover:before {content: "2015-09-19 (Time To Be Confirmed)";}
  81. .side a[href="#03S"]:hover:before {content: "2015-09-21 (Time To Be Confirmed)";}
  82. .side a[href="#04L"]:hover:before {content: "2015-09-26 (Time To Be Confirmed)";}
  83. .side a[href="#04P"]:hover:before {content: "2015-09-26 (Time To Be Confirmed)";}
  84. .side a[href="#04S"]:hover:before {content: "2015-09-28 (Time To Be Confirmed)";}
  85. .side a[href="#05L"]:hover:before {content: "2015-10-03 (Time To Be Confirmed)";}
  86. .side a[href="#05P"]:hover:before {content: "2015-10-03 (Time To Be Confirmed)";}
  87. .side a[href="#05S"]:hover:before {content: "2015-10-05 (Time To Be Confirmed)";}
  88. .side a[href="#06L"]:hover:before {content: "2015-10-10 (Time To Be Confirmed)";}
  89. .side a[href="#06P"]:hover:before {content: "2015-10-10 (Time To Be Confirmed)";}
  90. .side a[href="#06S"]:hover:before {content: "2015-10-12 (Time To Be Confirmed)";}
  91. .side a[href="#07L"]:hover:before {content: "2015-10-17 (Time To Be Confirmed)";}
  92. .side a[href="#07P"]:hover:before {content: "2015-10-17 (Time To Be Confirmed)";}
  93. .side a[href="#07S"]:hover:before {content: "2015-10-19 (Time To Be Confirmed)";}
  94. .side a[href="#08L"]:hover:before {content: "2015-10-24 (Time To Be Confirmed)";}
  95. .side a[href="#08P"]:hover:before {content: "2015-10-24 (Time To Be Confirmed)";}
  96. .side a[href="#08S"]:hover:before {content: "2015-10-26 (Time To Be Confirmed)";}
  97. .side a[href="#09L"]:hover:before {content: "2015-10-03 (Time To Be Confirmed)";}
  98. .side a[href="#09P"]:hover:before {content: "2015-10-03 (Time To Be Confirmed)";}
  99. .side a[href="#09S"]:hover:before {content: "2015-10-05 (Time To Be Confirmed)";}
  100. .side a[href="#10L"]:hover:before {content: "2015-11-07 (Time To Be Confirmed)";}
  101. .side a[href="#10P"]:hover:before {content: "2015-11-07 (Time To Be Confirmed)";}
  102. .side a[href="#10S"]:hover:before {content: "2015-11-09 (Time To Be Confirmed)";}
  103. .side a[href="#11L"]:hover:before {content: "2015-11-14 (Time To Be Confirmed)";}
  104. .side a[href="#11P"]:hover:before {content: "2015-11-14 (Time To Be Confirmed)";}
  105. .side a[href="#11S"]:hover:before {content: "2015-11-16 (Time To Be Confirmed)";}
  106. .side a[href="#12L"]:hover:before {content: "2015-11-21 (Time To Be Confirmed)";}
  107. .side a[href="#12P"]:hover:before {content: "2015-11-21 (Time To Be Confirmed)";}
  108. .side a[href="#12S"]:hover:before {content: "2015-11-23 (Time To Be Confirmed)";}
  109.  
  110.  
  111. .side a[href="#01L"], .side a[href="#01P"], .side a[href="#01S"],
  112. .side a[href="#02L"], .side a[href="#02P"], .side a[href="#02S"],
  113. .side a[href="#03L"], .side a[href="#03P"], .side a[href="#03S"],
  114. .side a[href="#04L"], .side a[href="#04P"], .side a[href="#04S"],
  115. .side a[href="#05L"], .side a[href="#05P"], .side a[href="#05S"],
  116. .side a[href="#06L"], .side a[href="#06P"], .side a[href="#06S"],
  117. .side a[href="#07L"], .side a[href="#07P"], .side a[href="#07S"],
  118. .side a[href="#08L"], .side a[href="#08P"], .side a[href="#08S"],
  119. .side a[href="#09L"], .side a[href="#09P"], .side a[href="#09S"],
  120. .side a[href="#10L"], .side a[href="#10P"], .side a[href="#10S"],
  121. .side a[href="#11L"], .side a[href="#11P"], .side a[href="#11S"],
  122. .side a[href="#12L"], .side a[href="#12P"], .side a[href="#12S"]
  123. {
  124. color: #FF0000;
  125. }
  126. .side a[href="#01L"],.side a[href="#01P"],.side a[href="#01S"]
  127. {
  128. color: #00D700;
  129. }
Advertisement
Add Comment
Please, Sign In to add comment