Topic Icons

[Matti]

Read Me
Forum
PunBB
phpBB2
phpBB3
Solved
Solved
Accepted
Rejected
In Progress
In Progress
Completed
Request
Tutorials

[Matti]

Read Me

PunBB

phpBB2

phpBB3

Solved

Solved

Accepted

Rejected

In Progress

In Progress

Completed

Request

Tutorials

Closed

Expired

[Matti]

[Matti]

content

[Matti]

[Matti]

Code:

<span class="test">10</span> <em class="fa fa-heart animate-pulse"></em>  <br />             
<div class="notices notices--block">
                
   <div class="notice notice--primary">
                                     
      <div class="uix_noticeInner">
                                        
         <div class="uix_noticeIcon">
                            <em aria-hidden="true" class="fa--xf fas fa-info-circle"> </em>               
         </div>
                                        
         <div class="notice-content">
                            Moderator and Package Team applications are open If you'd like to apply for a Moderator or Package position, please read <a href="https://forumservice.forumotion.com/t53-forum-service-moderator-applications" class="postlink" target="_blank" rel="nofollow">Here</a> and <a href="https://forumservice.forumotion.com/t120-packagers-team-accepting-applications" class="postlink" target="_blank" rel="nofollow">Here</a>.               
         </div>
                                        
      </div>
                                     
   </div>
</div><br /> <span class="pollResult-bar"><em style="width: 60%;"></em></span>
<div id="darkMode">
                                                     <span class="dMicon dMact"><span title="Change style" class="dMoff "><em class="fa fa-toggle-on"></em></span> <span title="Change style" class="dMon"><em class="fa fa-toggle-off"></em></span></span>
</div>
  <style>
.notices--block .notice {
  border-radius: 6px;
}
.notice.notice--primary {
  color: #333;
  background: #fff;
  border: 2px solid #3b84df;
}
.notices .uix_noticeInner {
  display: flex;
}
.notice.notice--primary .uix_noticeIcon {
  background: #3b84df;
}
.notices .uix_noticeIcon {
  display: flex;
  align-items: center;
  padding: 0 8px;
  color: rgba(255,255,255,.5);
  font-size: 24px;
}
.notice-content {
  padding: 15px;
  flex-grow: 1;
}


.pollResult-bar > i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #f2930d;
  border-radius: 4px;
}
.pollResult-bar {
  display: block;
  position: relative;
  height: .8em;
}


.animate-pulse{-webkit-animation:pulse 2s infinite linear;animation:pulse 2s infinite linear}@keyframes pulse{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.3)}60%{transform:scale(1)}}

[Sponsored content]