Skip to content

S
SkuciSe
Commit 56bced2d by Milovan Samardzic
Options

mojiZahteviStyleFinished

parent d10c5251
Showing with 15 additions and 40 deletions
SkuciSe/src/main/resources/static/css/oglasiStyle.css
...@@ -336,48 +336,23 @@ h3{ ...@@ -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; } .starrating > label:before {
content: "\f005"; /* Star */
label.star { margin: 2px;
font-size: 1em;
float: right; font-family: FontAwesome;
display: inline-block;
padding: 10px;
font-size: 36px;
color: #grey;
transition: all .2s;
}
input.star:checked ~ label.star:before {
content: '\f005';
color: #FD4;
transition: all .25s;
} }
input.star-5:checked ~ label.star:before { .starrating > label
{
color: #FE7; color: #222222; /* Start color when not clicked */
text-shadow: 0 0 20px #952;
} }
input.star-1:checked ~ label.star:before { color: #F62; } .starrating > input:checked ~ label
{ color: #ffca08 ; } /* Set yellow color when star checked */
label.star:hover { transform: rotate(-15deg) scale(1.3); }
label.star:before {
content: '\f006';
font-family: FontAwesome;
} .starrating > input:hover ~ label
\ No newline at end of file { color: #ffca08 ; } /* Set yellow color when star hover */
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment