Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Badges: various indicators */
- /* ======================================================== */
- /* STANDARD BADGE */
- .ipsBadge {
- padding: 0 8px;
- border-radius: 2px;
- font-weight: 500;
- display: inline-block;
- color: #fff;
- vertical-align: middle;
- text-shadow: none;
- letter-spacing: 0;
- }
- .ipsBadge a,
- a.ipsBadge:hover {
- color: #fff;
- }
- .ipsBadge.ipsBadge_icon {
- width: 28px;
- height: 28px;
- border-radius: 28px;
- font-size: 14px;
- text-align: center;
- line-height: 28px;
- vertical-align: middle;
- padding: 0;
- }
- .ipsBadge.ipsBadge_icon.ipsBadge_small {
- width: 16px;
- height: 16px;
- border-radius: 16px;
- line-height: 16px;
- font-size: 10px;
- vertical-align: baseline;
- }
- .ipsBadge.ipsBadge_icon.ipsBadge_medium {
- width: 20px;
- height: 20px;
- border-radius: 16px;
- line-height: 21px;
- font-size: 11px;
- vertical-align: baseline;
- }
- .ipsBadge.ipsBadge_icon.ipsBadge_large {
- width: 38px;
- height: 38px;
- border-radius: 38px;
- line-height: 38px;
- font-size: 17px;
- }
- .ipsType_pageTitle .ipsBadge {
- vertical-align: middle !important;
- }
- /* ======================================================== */
- /* SIZES */
- .ipsBadge, .ipsBadge.ipsBadge_normal {
- height: 17px;
- line-height: 17px;
- font-size: 10px;
- }
- .ipsBadge.ipsBadge_medium {
- height: 18px;
- line-height: 18px;
- font-size: 11px;
- }
- .ipsBadge.ipsBadge_large {
- height: 23px;
- line-height: 23px;
- padding: 0 10px;
- font-size: 13px;
- }
- .ipsBadge.ipsBadge_veryLarge {
- width: 70px;
- height: 70px;
- line-height: 64px;
- border-radius: 70px;
- font-size: 34px;
- }
- /* ======================================================== */
- /* STYLES */
- .ipsBadge_new, .ipsBadge_style1 {
- background: #323232;
- }
- .ipsBadge_style2 {
- background: #6a4fa8;
- }
- .ipsBadge_warning, .ipsBadge_style3 {
- background: #873661;
- }
- .ipsBadge_positive, .ipsBadge_style4 {
- background: #598f5b;
- }
- .ipsBadge_negative, .ipsBadge_style5 {
- background: #c75050;
- }
- .ipsBadge_neutral, .ipsBadge_style6 {
- background: #616161;
- }
- .ipsBadge_intermediary, .ipsBadge_style7 {
- background: #f09348;
- }
- .ipsBadge_pill {
- border-radius: 30px;
- }
- /* ======================================================== */
- /* ITEM STATUS BADGES */
- .ipsItemStatus:not( .ipsItemStatus_large ) {
- color: {theme="item_status"};
- font-size: 14px;
- line-height: inherit;
- vertical-align: middle;
- }
- .ipsDataItem_subList .ipsItemStatus:not( .ipsItemStatus_large ) {
- vertical-align: text-top;
- }
- .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ) {
- color: #dbdbdb;
- }
- .ipsItemStatus.ipsItemStatus_tiny {
- font-size: 9px;
- }
- .ipsItemStatus.ipsItemStatus_small {
- font-size: 13px;
- }
- .ipsItemStatus.ipsItemStatus_large {
- background: {theme="item_status"};
- color: #fff;
- width: 40px;
- height: 40px;
- line-height: 40px;
- border-radius: 20px;
- display: inline-block;
- text-align: center;
- font-size: 18px;
- transition: 0.15s all linear;
- }
- .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
- background: #dbdbdb;
- }
- .ipsItemStatus.ipsItemStatus_read {
- opacity: 0.3;
- }
- .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ):not( .ipsItemStatus_posted ):not( .ipsItemStatus_custom ) {
- display: none;
- }
- /* ======================================================== */
- /* POINTS (for warnings) */
- .ipsPoints {
- display: inline-block;
- background: #b14848;
- color: #fff;
- width: 36px;
- height: 36px;
- border-radius: 36px;
- font-size: 18px;
- text-align: center;
- line-height: 36px;
- }
- .ipsPoints_small {
- width: 22px;
- height: 22px;
- line-height: 22px;
- font-size: 12px;
- vertical-align: middle;
- }
- /* ======================================================== */
- /* REP BADGE */
- .ipsRepBadge {
- font-size: 11px;
- font-weight: bold;
- display: inline-block;
- }
- .ipsRepBadge_positive,
- .ipsRepBadge_positive:hover {
- color: #5f7a47 !important;
- }
- .ipsRepBadge_negative,
- .ipsRepBadge_negative:hover {
- color: #8c3737 !important;
- }
- .ipsRepBadge_neutral,
- .ipsRepBadge_neutral:hover {
- color: #b3b3b3 !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment