diff --git a/source/static/ReviewCard.css b/source/static/ReviewCard.css index 20feb3a..33b8dc1 100644 --- a/source/static/ReviewCard.css +++ b/source/static/ReviewCard.css @@ -82,33 +82,33 @@ main { border-color: red; } -.hidden, +.hidden, .rating:not(:checked) > input { /* Hide radio circles while star rating */ -display: none; + display: none; } /* Unchecked stars */ .rating:not(:checked) > label { /* Make stars line up sideways and not vertically */ - float:right; + float: right; /* Hide label text */ - width:1em; - overflow:hidden; - white-space:nowrap; + width: 1em; + overflow: hidden; + white-space: nowrap; - font-size:200%; - line-height:1.2; - color:#b3b3cc; + font-size: 200%; + line-height: 1.2; + color: #b3b3cc; } .rating:not(:checked) > label:before { - content:'★'; + content: "★"; } /* Checked star color */ .rating > input:checked ~ label { - color: #FFBF00; + color: #ffbf00; } .rating:not(:checked) > label:hover, @@ -116,6 +116,10 @@ display: none; color: orangered; } +.rating > label:active { + position: relative; +} + .rating > input:checked + label:hover, .rating > input:checked + label:hover ~ label, .rating > input:checked ~ label:hover, @@ -123,7 +127,3 @@ display: none; .rating > label:hover ~ input:checked ~ label { color: orangered; } - -.rating > label:active { - position:relative; -}