githubmirror/Semantic-UI

dist/components/rating.css
265 строк20 KB
Jack Lukic
Build 2.1.3
03 сен 2015, 23:01
03 сен 2015, 23:015fc32e1
/*!
 * # Semantic UI 2.1.3 - Rating
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Rating
*******************************/

.ui.rating {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  vertical-align: baseline;
}
.ui.rating:last-child {
  margin-right: 0em;
}

/* Icon */
.ui.rating .icon {
  padding: 0em;
  margin: 0em;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  cursor: pointer;
  width: 1.25em;
  height: auto;
  -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
          transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
}


/*******************************
             Types
*******************************/


/*-------------------
      Standard
--------------------*/


/* Inactive Icon */
.ui.rating .icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
}

/* Active Icon */
.ui.rating .active.icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.85);
}

/* Selected Icon */
.ui.rating .icon.selected,
.ui.rating .icon.selected.active {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

/*-------------------
        Star
--------------------*/


/* Inactive */
.ui.star.rating .icon {
  width: 1.25em;
  height: auto;
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
  text-shadow: none;
}

/* Active Star */
.ui.star.rating .active.icon {
  background: transparent !important;
  color: #ffe623 !important;
  text-shadow: 0px -1px 0px #ddc507, -1px 0px 0px #ddc507, 0px 1px 0px #ddc507, 1px 0px 0px #ddc507 !important;
}

/* Selected Star */
.ui.star.rating .icon.selected,
.ui.star.rating .icon.selected.active {
  background: transparent !important;
  color: #ffcc00 !important;
  text-shadow: 0px -1px 0px #e6a200, -1px 0px 0px #e6a200, 0px 1px 0px #e6a200, 1px 0px 0px #e6a200 !important;
}

/*-------------------
        Heart
--------------------*/

.ui.heart.rating .icon {
  width: 1.4em;
  height: auto;
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
  text-shadow: none !important;
}

/* Active Heart */
.ui.heart.rating .active.icon {
  background: transparent !important;
  color: #ff6d75 !important;
  text-shadow: 0px -1px 0px #cd0707, -1px 0px 0px #cd0707, 0px 1px 0px #cd0707, 1px 0px 0px #cd0707 !important;
}

/* Selected Heart */
.ui.heart.rating .icon.selected,
.ui.heart.rating .icon.selected.active {
  background: transparent !important;
  color: #ff3000 !important;
  text-shadow: 0px -1px 0px #aa0101, -1px 0px 0px #aa0101, 0px 1px 0px #aa0101, 1px 0px 0px #aa0101 !important;
}


/*******************************
             States
*******************************/


/*-------------------
       Disabled
--------------------*/


/* disabled rating */
.ui.disabled.rating .icon {
  cursor: default;
}

/*-------------------
   User Interactive
--------------------*/


/* Selected Rating */
.ui.rating.selected .active.icon {
  opacity: 1;
}
.ui.rating.selected .icon.selected,
.ui.rating .icon.selected {
  opacity: 1;
}


/*******************************
          Variations
*******************************/

.ui.mini.rating {
  font-size: 0.71428571rem;
}
.ui.tiny.rating {
  font-size: 0.85714286rem;
}
.ui.small.rating {
  font-size: 0.92857143rem;
}
.ui.rating {
  font-size: 1rem;
}
.ui.large.rating {
  font-size: 1.14285714rem;
}
.ui.huge.rating {
  font-size: 1.42857143rem;
}
.ui.massive.rating {
  font-size: 2rem;
}


/*******************************
         Theme Overrides
*******************************/

@font-face {
  font-family: 'Rating';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wA … [Строка слишком длинная. Вы можете скачать файл]
  font-weight: normal;
  font-style: normal;
}
.ui.rating .icon {
  font-family: 'Rating';
  line-height: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

/* Empty Star */
.ui.rating .icon:before {
  content: '\f006';
}

/* Active Star */
.ui.rating .active.icon:before {
  content: '\f005';
}

/*-------------------
        Star
--------------------*/


/* Unfilled Star */
.ui.star.rating .icon:before {
  content: '\f005';
}

/* Active Star */
.ui.star.rating .active.icon:before {
  content: '\f005';
}

/* Partial */
.ui.star.rating .partial.icon:before {
  content: '\f006';
}
.ui.star.rating .partial.icon {
  content: '\f005';
}

/*-------------------
        Heart
--------------------*/


/* Empty Heart
.ui.heart.rating .icon:before {
  content: '\f08a';
}
*/
.ui.heart.rating .icon:before {
  content: '\f004';
}
/* Active */
.ui.heart.rating .active.icon:before {
  content: '\f004';
}


/*******************************
         Site Overrides
*******************************/