1. /*MIT License
2.  
3. //Copyright (c) 2018-2019 Peter Kirmeier
4.  
5. //Permission is hereby granted, free of charge, to any person obtaining a copy
6. //of this software and associated documentation files (the "Software"), to deal
7. //in the Software without restriction, including without limitation the rights
8. //to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9. //copies of the Software, and to permit persons to whom the Software is
10. //furnished to do so, subject to the following conditions:
11.  
12. //The above copyright notice and this permission notice shall be included in all
13. //copies or substantial portions of the Software.
14.  
15. //THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16. //IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17. //FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18. //AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19. //LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20. //OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21. //SOFTWARE.
22. */
23.  
24. table {
25.         border-spacing: 0px;
26.         margin-left: auto;
27.         margin-right: auto;
28.         /*   This adds 3D rendering and gives more depth to the counter: */
29.         /*   Please note that you may need to update the values to match with your hit counter position and size! */
30.         /* transform: translate(-10px,50px) perspective(1000px) rotateY(-10deg) scale(1.0,1.0); */
31. }
32.  
33. tr.current { background-color: #333333; }
34. tr.even { background-color: #1a1aff; }
35. tr.odd { background-color: #ff1a1a; }
36.  
37. td {
38.         padding: 2px 2px 2px 2px; /* top, right, bottom, left */
39.         border-bottom: 2px solid #1a1aff; /* as progress shadow */
40.         text-shadow: 0 2px 2px black;
41.         font-size: 21px;
42.         font-family: sans-serif;
43.         font-weight: bold;
44.         color: white; /* as progress_open */
45.         text-align: center;
46. }
47.  
48. td.major { font-size: 23px; }
49. td.highlight { font-size: 25px; }
50. td.dark { background-color: black; }
51. td.better { color: #ffbe1a; } /* as progress_better */
52. td.neither { color: #FFA129; } /* as progress_neither */
53. td.worse { color: #FF4A4A; } /* as progress_worse */
54. td.top { text-align: center; }
55. td.bottom { border: 0px; }
56. td.left { text-align: left; }
57. td.right { text-align: right; }
58.  
59. td.progress_cell {
60.         padding: 6px 8px 6px 8px; /* top, right, bottom, left */
61. }
62. table.progress {
63.         width: 100%;
64.         height: 6px;
65.         box-shadow: 0px 0px 2px 2px #ff00ff; /* h-offset v-offset blur spread color , color as td border */
66. }
67. td.progress_better {
68.         border: 0px;
69.         background-color: #08FF20; /* as better text */
70. }
71. td.progress_neither {
72.         border: 0px;
73.         background-color: #FFA129; /* as neither text */
74. }
75. td.progress_worse {
76.         border: 0px;
77.         background-color: #FF4A4A; /* as worse text */
78. }
79. td.progress_spacer {
80.         border: 0px;
81.         width: 3px;
82.         margin: 0px;
83.         padding: 0px;
84.         background-color: black;
85. }
86. td.progress_open {
87.         border: 0px;
88.         background-color: white; /* as td text */
89. }
90.