/*MIT License //Copyright (c) 2018-2019 Peter Kirmeier //Permission is hereby granted, free of charge, to any person obtaining a copy //of this software and associated documentation files (the "Software"), to deal //in the Software without restriction, including without limitation the rights //to use, copy, modify, merge, publish, distribute, sublicense, and/or sell //copies of the Software, and to permit persons to whom the Software is //furnished to do so, subject to the following conditions: //The above copyright notice and this permission notice shall be included in all //copies or substantial portions of the Software. //THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR //IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, //FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE //AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER //LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, //OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE //SOFTWARE. */ table { border-spacing: 0px; margin-left: auto; margin-right: auto; /* This adds 3D rendering and gives more depth to the counter: */ /* Please note that you may need to update the values to match with your hit counter position and size! */ /* transform: translate(-10px,50px) perspective(1000px) rotateY(-10deg) scale(1.0,1.0); */ } tr.current { background-color: #333333; } tr.even { background-color: #1a1aff; } tr.odd { background-color: #ff1a1a; } td { padding: 2px 2px 2px 2px; /* top, right, bottom, left */ border-bottom: 2px solid #1a1aff; /* as progress shadow */ text-shadow: 0 2px 2px black; font-size: 21px; font-family: sans-serif; font-weight: bold; color: white; /* as progress_open */ text-align: center; } td.major { font-size: 23px; } td.highlight { font-size: 25px; } td.dark { background-color: black; } td.better { color: #ffbe1a; } /* as progress_better */ td.neither { color: #FFA129; } /* as progress_neither */ td.worse { color: #FF4A4A; } /* as progress_worse */ td.top { text-align: center; } td.bottom { border: 0px; } td.left { text-align: left; } td.right { text-align: right; } td.progress_cell { padding: 6px 8px 6px 8px; /* top, right, bottom, left */ } table.progress { width: 100%; height: 6px; box-shadow: 0px 0px 2px 2px #ff00ff; /* h-offset v-offset blur spread color , color as td border */ } td.progress_better { border: 0px; background-color: #08FF20; /* as better text */ } td.progress_neither { border: 0px; background-color: #FFA129; /* as neither text */ } td.progress_worse { border: 0px; background-color: #FF4A4A; /* as worse text */ } td.progress_spacer { border: 0px; width: 3px; margin: 0px; padding: 0px; background-color: black; } td.progress_open { border: 0px; background-color: white; /* as td text */ }