Skip to content

Instantly share code, notes, and snippets.

@netmagik netmagik/review-us-css
Last active Sep 28, 2016

Embed
What would you like to do?
/**
*
* Reviews Us Example
*
*/
#rating::before {
content: 'RATE US';
margin-top: 15px;
margin-right: 15px;
position: relative;
top: -8px;
font-size: 1.5em;
}
#rating {
list-style: none;
padding: 0;
text-align: center;
}
#rating li {
padding-right: 10px;
padding-top: 5px;
cursor: default;
display: inline-block;
font-size: 3.5em;
list-style-type: none;
}
#rating li a {
text-decoration: none;
}
.star a,
#rating:not(.vote-cast):hover .star:hover ~ .star a,
#rating.vote-cast .star.selected ~ .star a
{
/* normal state */
color: #357CB7;
}
#rating:hover .star a,
#rating.vote-cast .star a
{
/* highlighted state */
color: rgba(255, 183, 57, 0.98);
}
@media screen and (max-width: 1288px){
#rating li {
font-size: 2em;
}
#rating::before {
font-size: 1em;
top: -3px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.