mojiZahteviStyleFinished

SkuciSe/src/main/resources/static/css/oglasiStyle.css

@@ -336,48 +336,23 @@ h3{
 .gradient-bg {
 .gradient-bg {
     background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 10%, rgba(251,251,251,1) 91%, rgba(255,255,255,1) 100%);
     background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 10%, rgba(251,251,251,1) 91%, rgba(255,255,255,1) 100%);
 }
 }
+.starrating > input {display: none;}  /* Remove radio buttons */
 
 
-input.star { display: none; }
-
-label.star {
-
-    float: right;
-
-    padding: 10px;
-
-    font-size: 36px;
-
-    color: #grey;
-
-    transition: all .2s;
-
-}
-input.star:checked ~ label.star:before {
-
-    content: '\f005';
-
-    color: #FD4;
-
-    transition: all .25s;
-
+.starrating > label:before {
+    content: "\f005"; /* Star */
+    margin: 2px;
+    font-size: 1em;
+    font-family: FontAwesome;
+    display: inline-block;
 }
 }
 
 
-input.star-5:checked ~ label.star:before {
-
-    color: #FE7;
-
-    text-shadow: 0 0 20px #952;
-
+.starrating > label
+{
+    color: #222222; /* Start color when not clicked */
 }
 }
 
 
-input.star-1:checked ~ label.star:before { color: #F62; }
-
-label.star:hover { transform: rotate(-15deg) scale(1.3); }
+.starrating > input:checked ~ label
+{ color: #ffca08 ; } /* Set yellow color when star checked */
 
 
-label.star:before {
-
-    content: '\f006';
+.starrating > input:hover ~ label
+{ color: #ffca08 ;  } /* Set yellow color when star hover */
\ No newline at end of file
-
-    font-family: FontAwesome;
-
-}
\ No newline at end of file