diff --git a/Tormenta20 - Jogo do Ano/tormenta20.css b/Tormenta20 - Jogo do Ano/tormenta20.css index 31cf33f4fc..8e91448245 100644 --- a/Tormenta20 - Jogo do Ano/tormenta20.css +++ b/Tormenta20 - Jogo do Ano/tormenta20.css @@ -1974,6 +1974,60 @@ .sheet-navegacao { border-bottom: 1px solid #969696; + overflow: hidden; + width: 100%; + margin: 0; + padding: 0; + list-style: none; +} + +.sheet-navegacao span{ + margin: 0 .5em 0 0; +} + +.sheet-navegacao label { + position: relative; + background: #ddd; + background-image: linear-gradient(to bottom, #fff, #ddd); + padding: .7em 0em; + float: left; + text-decoration: none; + color: #444; + text-shadow: 0 1px 0 rgba(255,255,255,.8); + border-radius: 5px 0 0 0; + box-shadow: 0 2px 2px rgba(0,0,0,.4); +} + +.sheet-navegacao label:hover, +.sheet-navegacao label:hover::after, +.sheet-navegacao label:focus, +.sheet-navegacao label:focus::after { + background: #fff; +} + +.sheet-navegacao label:focus { + outline: 0; +} + +.sheet-navegacao label::after { + content:''; + position:absolute; + z-index: 1; + top: 0; + right: -.5em; + bottom: 0; + width: 1em; + background: #ddd; + background-image: linear-gradient(to bottom, #fff, #ddd); + box-shadow: 2px 2px 2px rgba(0,0,0,.4); + transform: skew(10deg); + border-radius: 0 5px 0 0; +} + +.sheet-navegacao label, +.sheet-navegacao label::after { + background: #fff; + z-index: 3; } .sheet-navegacao > input{ @@ -1989,7 +2043,7 @@ outline: none } -.sheet-navegacao span { +/*.sheet-navegacao span { color: #202020; height: 12px; font-size: 13px; @@ -2006,7 +2060,7 @@ align-items: center; justify-content: space-between; margin-top: 20px; -} +}*/ .sheet-main .sheet-hide-author>input { width: 50px; @@ -2837,7 +2891,7 @@ display: inline-block; height: 20px !important; margin-bottom: 0px !important; - width: 150px !important; + width: 200px !important; text-align: center; } @@ -2851,21 +2905,15 @@ /* The slider */ .sheet-slider { - position: absolute; cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; height: 20px !important; - background-color: #ccc; -webkit-transition: .4s; transition: .4s; } - input:checked + .sheet-slider { - background-color: #DA0F20; - color: white; + .sheet-switch-selected { + background-color: #DA0F20 !important; + color: white !important; } input:focus + .sheet-slider { @@ -2880,10 +2928,7 @@ } /* Rounded sliders */ - .sheet-slider.sheet-round { - border: 1px solid black - } - + .sheet-menace-spam{ font-family: "Alegreya Sans SC"; font-weight: bold; @@ -3173,7 +3218,7 @@ } .sheet-attack-icon, .sheet-damage-icon, .sheet-roll-icon, .sheet-skills-icon, -.sheet-defense-icon, .sheet-armor-icon, .sheet-shield-icon { +.sheet-defense-icon, .sheet-armor-icon, .sheet-shield-icon, .sheet-resist-icon { height: 20px; filter: invert(11%) sepia(83%) saturate(4245%) hue-rotate(348deg) brightness(97%) contrast(87%); } diff --git a/Tormenta20 - Jogo do Ano/tormenta20.html b/Tormenta20 - Jogo do Ano/tormenta20.html index da0c4dcfe8..71b0902872 100644 --- a/Tormenta20 - Jogo do Ano/tormenta20.html +++ b/Tormenta20 - Jogo do Ano/tormenta20.html @@ -1,13 +1,13 @@
@@ -1037,7 +1037,7 @@
- +
=