Augmentation vers version 3.3.0
This commit is contained in:
Gauvain Boiché
@@ -216,4 +216,211 @@
|
||||
.pm_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ------- New Forum & Topic Icons (Pulsing) ------- */
|
||||
|
||||
/* Switches */
|
||||
.css_icons_enabled dl.row-item {background-image: none;}
|
||||
.css_icons_disabled .forums .row-item:before, .css_icons_disabled .topics .row-item:before, .css_icons_disabled .pmlist .row-item:before, .css_icons_disabled .cplist .row-item:before, .css_icons_disabled .forums .row-item:after, .css_icons_disabled .topics .row-item:after, .css_icons_disabled .pmlist .row-item:after, .css_icons_disabled .cplist .row-item:after {display: none;}
|
||||
|
||||
|
||||
.forums .row-item:before, .topics .row-item:before, .pmlist .row-item:before, .cplist .row-item:before {
|
||||
font-family: FontAwesome;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 11px;
|
||||
top: 7px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
border: 1px solid rgba(0,0,0,0.1);
|
||||
color: rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
/* Adjustments for dark UI */
|
||||
.dark_base .forums .row-item:before, .dark_base .topics .row-item:before, .dark_base .pmlist .row-item:before, .dark_base .cplist .row-item:before {
|
||||
border: 1px solid rgba(255,255,255,.15);
|
||||
color: rgba(255,255,255,.15);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Rows with 'last topic subject' have an extra 10px padding top, so we need to account for this with bigger top value */
|
||||
.forums .row_has_subject .row-item:before {
|
||||
top: 17px;
|
||||
}
|
||||
|
||||
/* Spotted topics */
|
||||
.global_read_mine:after, .global_read_locked_mine:after, .global_unread_mine:after, .global_unread_locked_mine:after, .announce_read_mine:after, .announce_read_locked_mine:after, .announce_unread_mine:after, .announce_unread_locked_mine:after, .sticky_read_mine:after, .sticky_read_locked_mine:after, .sticky_unread_mine:after, .sticky_unread_locked_mine:after, .topic_read_mine:after, .topic_read_hot_mine:after, .topic_unread_mine:after, .topic_unread_hot_mine:after, .topic_read_locked_mine:after, .topic_unread_locked_mine:after {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: 35px;
|
||||
font-family: FontAwesome;
|
||||
content: "\f111";
|
||||
font-size: 6px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border: 2px solid #ffffff;
|
||||
border-radius: 6px;
|
||||
color: rgba(0,0,0,0.1);
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
/* Adjustments for dark UI */
|
||||
.dark_base .global_read_mine:after, .dark_base .global_read_locked_mine:after, .dark_base .global_unread_mine:after, .dark_base .global_unread_locked_mine:after, .dark_base .announce_read_mine:after, .dark_base .announce_read_locked_mine:after, .dark_base .announce_unread_mine:after, .dark_base .announce_unread_locked_mine:after, .dark_base .sticky_read_mine:after, .dark_base .sticky_read_locked_mine:after, .dark_base .sticky_unread_mine:after, .dark_base .sticky_unread_locked_mine:after, .dark_base .topic_read_mine:after, .dark_base .topic_read_hot_mine:after, .dark_base .topic_unread_mine:after, .dark_base .topic_unread_hot_mine:after, .dark_base .topic_read_locked_mine:after, .dark_base .topic_unread_locked_mine:after {
|
||||
border: 2px solid #252F39;
|
||||
color: rgba(255,255,255,.1) !important;
|
||||
background: #252F39 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Set the icons */ /* Megaphone */
|
||||
.global_read:before {content: "\f0a1";}
|
||||
.global_read_mine:before {content: "\f0a1";}
|
||||
.global_read_locked:before {content: "\f0a1";}
|
||||
.global_read_locked_mine:before {content: "\f0a1";}
|
||||
.global_unread:before {content: "\f0a1";}
|
||||
.global_unread_mine:before {content: "\f0a1";}
|
||||
.global_unread_locked:before {content: "\f0a1";}
|
||||
.global_unread_locked_mine:before {content: "\f0a1";}
|
||||
|
||||
/* Megaphone */
|
||||
.announce_read:before {content: "\f0a1";}
|
||||
.announce_read_mine:before {content: "\f0a1";}
|
||||
.announce_read_locked:before {content: "\f0a1";}
|
||||
.announce_read_locked_mine:before {content: "\f0a1";}
|
||||
.announce_unread:before {content: "\f0a1";}
|
||||
.announce_unread_mine:before {content: "\f0a1";}
|
||||
.announce_unread_locked:before {content: "\f0a1";}
|
||||
.announce_unread_locked_mine:before {content: "\f0a1";}
|
||||
|
||||
/* External link */
|
||||
.forum_link:before {content: "\f08e";}
|
||||
|
||||
/* Speech Bubble */
|
||||
.forum_read:before {content: "\f068";}
|
||||
.forum_read_subforum:before {content: "\f068";}
|
||||
|
||||
/* Check */
|
||||
.forum_unread:before {content: "\f00c";}
|
||||
.forum_unread_subforum:before {content: "\f00c";}
|
||||
|
||||
/* Pin */
|
||||
.sticky_read:before {content: "\f08d";}
|
||||
.sticky_read_mine:before {content: "\f08d";}
|
||||
.sticky_read_locked:before {content: "\f08d";}
|
||||
.sticky_read_locked_mine:before {content: "\f08d";}
|
||||
.sticky_unread:before {content: "\f08d";}
|
||||
.sticky_unread_mine:before {content: "\f08d";}
|
||||
.sticky_unread_locked:before {content: "\f08d";}
|
||||
.sticky_unread_locked_mine:before {content: "\f08d";}
|
||||
|
||||
/* Right arrow */
|
||||
.topic_moved:before {content: "\f061";}
|
||||
|
||||
/* Envelope */
|
||||
.pm_read:before {content: "\f0e0";}
|
||||
.pm_unread:before {content: "\f0e0";}
|
||||
|
||||
/* Bar */
|
||||
.topic_read:before {content: "\f068";}
|
||||
.topic_read_mine:before {content: "\f068";}
|
||||
.topic_read_hot:before {content: "\f068";}
|
||||
.topic_read_hot_mine:before {content: "\f068";}
|
||||
.topic_unread:before {content: "\f068";}
|
||||
.topic_unread_mine:before {content: "\f068";}
|
||||
.topic_unread_hot:before {content: "\f068";}
|
||||
.topic_unread_hot_mine:before {content: "\f068";}
|
||||
|
||||
/* Cross */
|
||||
.forum_read_locked:before {content: "\f00d";}
|
||||
.forum_unread_locked:before {content: "\f00d";}
|
||||
.topic_read_locked:before {content: "\f00d";}
|
||||
.topic_read_locked_mine:before {content: "\f00d";}
|
||||
.topic_unread_locked:before {content: "\f00d";}
|
||||
.topic_unread_locked_mine:before {content: "\f00d";}
|
||||
|
||||
/* Forum link and moved topics */
|
||||
.forum_link:before, .topic_moved:before {
|
||||
border: 1px solid #0090f5 !important;
|
||||
color: #0090f5 !important;
|
||||
}
|
||||
|
||||
/* Unread States */
|
||||
.global_unread:before, .global_unread_mine:before, .announce_unread:before, .announce_unread_mine:before, .forum_unread:before, .forum_unread_subforum:before, .sticky_unread:before, .sticky_unread_mine:before, .pm_unread:before, .topic_unread:before, .topic_unread_mine:before, .topic_unread_hot:before, .topic_unread_hot_mine:before {
|
||||
animation: UnreadPulse 1.4s infinite;
|
||||
border: 1px solid #84bd00 !important;
|
||||
color: #84bd00 !important;
|
||||
}
|
||||
|
||||
/* Unread (dot) States */
|
||||
.global_unread:after, .global_unread_mine:after, .announce_unread:after, .announce_unread_mine:after, .forum_unread:after, .forum_unread_subforum:after, .sticky_unread:after, .sticky_unread_mine:after, .pm_unread:after, .topic_unread:after, .topic_unread_mine:after, .topic_unread_hot:after, .topic_unread_hot_mine:after {
|
||||
color: #84bd00 !important;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* Override unread locked with red */
|
||||
.global_unread_locked:before, .global_unread_locked_mine:before, .announce_unread_locked:before, .announce_unread_locked_mine:before, .forum_unread_locked:before, .sticky_unread_locked:before, .sticky_unread_locked_mine:before, .topic_unread_locked:before, .topic_unread_locked_mine:before {
|
||||
animation: UnreadLockedPulse 1.4s infinite;
|
||||
border: 1px solid #bd0000 !important;
|
||||
color: #bd0000 !important;
|
||||
}
|
||||
|
||||
/* Unread (locked) states */
|
||||
.global_unread_locked:after, .global_unread_locked_mine:after, .announce_unread_locked:after, .announce_unread_locked_mine:after, .forum_unread_locked:after, .sticky_unread_locked:after, .sticky_unread_locked_mine:after, .topic_unread_locked:after, .topic_unread_locked_mine:after {
|
||||
color: #bd0000 !important;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.forum_link {
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Box shadow for unread pulse icons */
|
||||
@keyframes UnreadPulse {
|
||||
0% {
|
||||
-moz-box-shadow: 0 0 0 0 rgba(132,189,0,0.4);
|
||||
box-shadow: 0 0 0 0 rgba(132,189,0,0.4);
|
||||
-webkit-box-shadow: 0 0 0 0 rgba(132,189,0,0.4);
|
||||
}
|
||||
70% {
|
||||
-moz-box-shadow: 0 0 0 8px rgba(132,189,0,0);
|
||||
box-shadow: 0 0 0 8px rgba(132,189,0, 0);
|
||||
-webkit-box-shadow: 0 0 0 8px rgba(132,189,0,0);
|
||||
}
|
||||
100% {
|
||||
-moz-box-shadow: 0 0 0 0 rgba(132,189,0,0);
|
||||
box-shadow: 0 0 0 0 rgba(132,189,0,0);
|
||||
-webkit-box-shadow: 0 0 0 0 rgba(132,189,0,0);
|
||||
}
|
||||
}
|
||||
|
||||
/* Box shadow for unread pulse icons */
|
||||
@keyframes UnreadLockedPulse {
|
||||
0% {
|
||||
-moz-box-shadow: 0 0 0 0 rgba(189,0,0,0.4);
|
||||
box-shadow: 0 0 0 0 rgba(189,0,0,0.4);
|
||||
-webkit-box-shadow: 0 0 0 0 rgba(189,0,0,0.4);
|
||||
}
|
||||
70% {
|
||||
-moz-box-shadow: 0 0 0 8px rgba(189,0,0,0);
|
||||
box-shadow: 0 0 0 8px rgba(189,0,0, 0);
|
||||
-webkit-box-shadow: 0 0 0 8px rgba(189,0,0,0);
|
||||
}
|
||||
100% {
|
||||
-moz-box-shadow: 0 0 0 0 rgba(189,0,0,0);
|
||||
box-shadow: 0 0 0 0 rgba(189,0,0,0);
|
||||
-webkit-box-shadow: 0 0 0 0 rgba(189,0,0,0);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user