File: Resources/public/css/msalsas_voting_styles.css

/*
 * This file is part of the MsalsasVotingBundle package.
 *
 * (c) Manolo Salsas
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.msalsas-voting-widget-wrapper {
    display: inline-block;
}
.msalsas-voting-widget {
    font-size: 12px;
    color: #e35614;
    text-align: center;
    background-clip: padding-box;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    width: 67px;
}
.msalsas-voting-shakes {
    background-color: #fff;
    padding: 6px 0 6px;
    border: 1px solid #FF883D;
    border-bottom: 0;
    line-height: 1.2em;
    background-repeat: repeat-x;
    background-position: 0 -2px;
    background-clip: padding-box;
    border-radius: 3px 3px 0 0;
    font-weight: bold;

}
.msalsas-voting-shakes.published {
    background-color: #FFE8D8;
    border: none;
}
.msalsas-voting-shakes a {
    display: block;
    color: #e35614;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
}
.msalsas-voting-shake-it {
    overflow: hidden;
    display: block;
    height: 25px;
    position: relative;
    left: -6px;
    width: 78px;
}
.msalsas-voting-shake-it a, .msalsas-voting-shake-it span {
    background-color: #e35614;
    padding-top: 3px;
    display: block;
    box-sizing: border-box;
    height: 25px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
}
.msalsas-voting-shake-it a {
    background-image: linear-gradient(180deg, #F5720E 0%, #FE4A00 100%);
    box-shadow: 0 1px 2px 0 #C43E0B;
    border: 1px solid rgba(122, 47, 11, 0.45);
}
.msalsas-voting-shake-it span {
    background-image: none;
    border: 1px solid #ff6300;
    border-bottom: 1px solid #ff914a;
}
.msalsas-voting-clicks {
    background-color: #fff;
    padding: 1px 0 2px 0;
    border: 1px solid #FF883D;
    border-top: 0;
    font-size: 10px;
    background-repeat: repeat-x;
    background-position: bottom;
    background-clip: padding-box;
    border-radius: 0 0 3px 3px;
    font-weight: bold;
}
.msalsas-voting-clicks.published {
    background-color: #FFE8D8;
    border: none;
}
.msalsas-voting-bottom-bar-wrapper {
    font-family: 'Open Sans', sans-serif;
    float: right;
    margin-right: 50px;
    display: inline-block;
    padding: 0;
    color: #3c3c3c;
    border-top: 1px solid #FEE7DB;
    border-bottom: 1px solid #FEE7DB;
    height: 32px;
}
.msalsas-voting-bottom-bar-wrapper span {
    padding-right: 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
}
.msalsas-voting-bottom-bar-wrapper span i {
    color: #ffa980;
}
.msalsas-voting-bottom-bar-votes-up {
    margin-left: 10px;
}
.msalsas-voting-bottom-bar form {
    display: inline-block;
    margin-left: 10px;
    padding: 0;
    border-left: 1px solid #D8D8D8;
}
.msalsas-voting-bottom-bar form select {
    background: #FFF;
    color: #e35614;
    border: 0;
    font-size: 11px;
    width: 75px;
    border-radius: 0;
}

/*Modal*/
#msalsas-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content/Box */
.msalsas-modal-content {
    background-color: #FFEEC7;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #e35614;
    min-width: 250px;
    text-align: center;
    width: 25%;
    height: 18.5ex;
    overflow: hidden;
    border-radius: 3px;
}
#msalsas-modal-text {
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
    text-align: center;
}

.msalsas-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    line-height: 15px;
}

.msalsas-close:hover,
.msalsas-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}