mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-17 05:44:26 +03:00
101 lines
3.6 KiB
CSS
101 lines
3.6 KiB
CSS
/**
|
|
* Голосование
|
|
*
|
|
* @template vote.tpl
|
|
* @scripts <common>/js/vote.js
|
|
*
|
|
* @license GNU General Public License, version 2
|
|
* @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
|
|
* @author Denis Shakhov <denis.shakhov@gmail.com>
|
|
*/
|
|
|
|
/* Vote Item */
|
|
.vote .vote-item { float: left; padding-left: 5px; }
|
|
|
|
.vote .vote-up,
|
|
.vote .vote-down { opacity: .3; filter: alpha(opacity=30); cursor: pointer; }
|
|
|
|
.vote .vote-up i,
|
|
.vote .vote-down i {
|
|
display: inline-block;
|
|
vertical-align: text-top;
|
|
width: 14px;
|
|
height: 14px;
|
|
background: url(../images/icons.png) no-repeat;
|
|
}
|
|
.vote .vote-up i { background-position: -408px -96px; }
|
|
.vote .vote-down i { background-position: -433px -96px; }
|
|
|
|
.vote .vote-up:hover,
|
|
.vote .vote-down:hover { opacity: .8; filter: alpha(opacity=80); }
|
|
|
|
/* Rating */
|
|
.vote .vote-rating { font-weight: bold; color: #aaa; font-size: 14px; }
|
|
.vote .vote-rating a { text-decoration: none; color: #999; outline: none; }
|
|
|
|
.vote.vote-count-positive .vote-rating { color: #390; }
|
|
.vote.vote-count-negative .vote-rating { color: #f00; }
|
|
|
|
/* Voted */
|
|
.vote.vote-voted.vote-voted-up .vote-up,
|
|
.vote.vote-voted.vote-voted-down .vote-down { opacity: 1; filter: alpha(opacity=100); }
|
|
.vote.vote-voted.vote-voted-up .vote-down:hover,
|
|
.vote.vote-voted.vote-voted-down .vote-up:hover { opacity: .3; filter: alpha(opacity=30); }
|
|
|
|
/* Locked */
|
|
.vote-locked .vote-up,
|
|
.vote-locked .vote-down { display: none; }
|
|
|
|
|
|
/**
|
|
* White
|
|
*/
|
|
.vote.vote-white .vote-label { color: #777; color: rgba(255, 255, 255, .3); }
|
|
.vote.vote-white .vote-up i,
|
|
.vote.vote-white .vote-down i { background-image: url(../images/icons-white.png); }
|
|
|
|
|
|
/**
|
|
* Large (User, Blog)
|
|
*/
|
|
.vote.vote-large .vote-rating { padding-left: 60px; display: block; font-size: 30px; line-height: 1em; font-weight: 300; text-align: right; font-family: 'Open Sans' }
|
|
.vote.vote-large .vote-up { position: absolute; top: 25px; left: 0; }
|
|
.vote.vote-large .vote-down { position: absolute; top: 25px; left: 30px; }
|
|
.vote.vote-large .vote-label { text-transform: uppercase; text-align: right; font-size: 11px; }
|
|
|
|
|
|
/**
|
|
* Small (Topic)
|
|
*/
|
|
.vote.vote-small { border-radius: 3px; overflow: hidden; padding-right: 68px; position: relative; }
|
|
|
|
.vote.vote-small .vote-up,
|
|
.vote.vote-small .vote-down { opacity: 1; filter: alpha(opacity=100); position: absolute; top: 0; }
|
|
.vote.vote-small .vote-up { right: 34px; }
|
|
.vote.vote-small .vote-down { right: 0; }
|
|
|
|
.vote.vote-small .vote-item i { opacity: 1; }
|
|
.vote.vote-small .vote-item { background: #ac90df; padding: 8px 10px; }
|
|
.vote.vote-small .vote-item:hover { opacity: .9; filter: alpha(opacity=90); }
|
|
|
|
.vote.vote-small.vote-voted { padding-right: 34px; }
|
|
.vote.vote-small.vote-voted .vote-down,
|
|
.vote.vote-small.vote-voted .vote-up { right: 0; }
|
|
.vote.vote-small.vote-voted.vote-voted-zero .vote-down,
|
|
.vote.vote-small.vote-voted.vote-voted-zero .vote-up,
|
|
.vote.vote-small.vote-voted.vote-voted-up .vote-down,
|
|
.vote.vote-small.vote-voted.vote-voted-down .vote-up { display: none; }
|
|
|
|
.vote.vote-small .vote-rating { cursor: pointer; }
|
|
.vote.vote-small.vote-voted .vote-rating { cursor: default; }
|
|
|
|
.vote.vote-small .vote-rating { color: #fff; padding-left: 13px; padding-right: 13px; opacity: .9; filter: alpha(opacity=90); }
|
|
.vote.vote-small .vote-rating a { color: #fff; }
|
|
.vote.vote-small .vote-rating a:hover { text-decoration: none; }
|
|
.vote.vote-small.vote-count-positive .vote-rating,
|
|
.vote.vote-small.vote-count-negative .vote-rating { color: #fff; }
|
|
|
|
.vote.vote-small.vote-count-negative .vote-item { background: #da3a3a; }
|
|
|
|
.vote.vote-small.vote-voted.vote-voted-zero,
|
|
.vote.vote-small.vote-locked { padding-right: 0; } |