LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Notifications

Document(s) Uploaded

Bank statement uploaded
14 hours ago

Document(s) Uploaded

Bank statement uploaded
14 hours ago

Document(s) Uploaded

Bank statement uploaded
14 hours ago

Document(s) Uploaded

Bank statement uploaded
14 hours ago

Document(s) Uploaded

Bank statement uploaded
14 hours ago

Document(s) Uploaded

Bank statement uploaded
14 hours ago

Document(s) Uploaded

bank statement uploaded
3 hours ago

Document(s) Uploaded

bank statement uploaded
3 hours ago

Document(s) Uploaded

bank statement uploaded
3 hours ago

Document(s) Uploaded

bank statement uploaded
3 hours ago

Document(s) Uploaded

other uploaded
19 hours ago
address proof uploaded
19 hours ago

Document(s) Uploaded

other uploaded
19 hours ago
address proof uploaded
19 hours ago

Document(s) Uploaded

other uploaded
19 hours ago
address proof uploaded
19 hours ago

Document(s) Uploaded

other uploaded
19 hours ago
address proof uploaded
19 hours ago

Document(s) Uploaded

other uploaded
19 hours ago
address proof uploaded
19 hours ago

Document(s) Uploaded

other uploaded
19 hours ago
address proof uploaded
19 hours ago

Document(s) Uploaded

other uploaded
19 hours ago
address proof uploaded
19 hours ago

Document(s) Uploaded

other uploaded
19 hours ago
address proof uploaded
19 hours ago

Document(s) Uploaded

other uploaded
19 hours ago
address proof uploaded
19 hours ago

Document(s) Uploaded

Bank statement uploaded
2 days ago
Bank statement uploaded
2 days ago
View All Notifications
CSS
body {
  /*background: #f9f9f9 !important;*/
  color: #363636;
  font-family: 'Open Sans', sans-serif !important;
  outline: 0 !important;
}

h1, h2, h3, h4, h5 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
}

a {
  color: #4c6fae;
  text-decoration: none;
}

/*---------Notification--------*/
.notificationCount {
  background: #fff;
  border-radius: 50%;
  font-size: 10px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 10px;
  left: 28px;
  color: #363636;
  font-family: 'Open Sans', sans-serif;
  border: 2px solid #3f5155;
  font-weight: 600;
}

.show-notifications {
  position: relative;
}
.show-notifications .notifications-count {
  .border-radius: 50%;
  background: #3498db;
  color: #fff;
  height: 16px;
  line-height: 1.75em;
  position: absolute;
  right: 2px;
  text-align: center;
  top: -2px;
  width: 16px;
}
.show-notifications.active ~ .notifications {
  opacity: 1;
  top: 60px;
}

.notifications {
  border-radius: 3px;
  background: #fff;
  border: 1px solid #ddd;
  border: 1px solid rgba(100, 100, 100, 0.4);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  color: #1d2129;
  overflow: visible;
  position: absolute;
  z-index: 99;
  right: 10%;
  width: 350px;
}
.notifications:after {
  border: 10px solid transparent;
  border-bottom-color: #4c6fae;
  content: '';
  display: block;
  height: 0;
  right: 30px;
  position: absolute;
  top: -20px;
  width: 0;
}
.notifications h3 {
  background: #4c6fae;
  color: #fff;
  margin: 0;
  padding: 10px;
  cursor: default;
  font-size: 1.05em;
  font-weight: normal;
}
.notifications h4 {
  font-weight: 600 !important;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1rem;
}
.notifications .show-all {
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #f6f7f9;
  border-top: 1px solid #bec2c9;
  padding: 10px;
}
.notifications .show-all:hover, .notifications .show-all:focus {
  text-decoration: underline;
}
.notifications .notifications-list {
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  max-height: 423px;
  min-height: 89px;
}
.notifications .notifications-list .item {
  border-top: 1px solid #ccc;
  color: #4d4d4d;
  cursor: default;
  display: block;
  padding: 10px;
  position: relative;
  white-space: nowrap;
  width: 350px;
}
.notifications .notifications-list .item:before,
.notifications .notifications-list .item .details,
.notifications .notifications-list .item .button-dismiss {
  display: inline-block;
  vertical-align: middle;
}
.notifications .notifications-list .item .details {
  white-space: normal;
  font-size: .9rem;
}
.notifications .notifications-list .item .details .title,
.notifications .notifications-list .item .details .date {
  display: block;
}
.notifications .notifications-list .item .date {
  color: #95a5a6;
  font-size: .8rem;
}
.notifications .notifications-list .item .activity-text {
  margin-top: 5px;
}
.notifications .notifications-list .item .activity-text .icon-file-upload-2 {
  font-size: 16px;
}
.notifications .notifications-list .item .button-dismiss {
  color: #ddd;
  font-size: 2.25em;
}
.notifications .notifications-list .item .button-dismiss:hover, .notifications .notifications-list .item .button-dismiss:focus {
  color: #ddd;
}
.notifications .notifications-list .item.no-data {
  display: none;
  text-align: center;
}
.notifications .notifications-list .item.no-data:before {
  display: none;
}
.notifications .notifications-list .item.expired {
  color: #999;
}
.notifications .notifications-list .item.expired:before {
  background: #ddd;
}
.notifications .notifications-list .item.expired .details .date {
  color: #999;
}
.notifications.empty .notifications-list .no-data {
  display: block;
  padding: 10px;
}

.standalone {
  width: auto !important;
  position: inherit !important;
  border: none;
  box-shadow: none;
  padding: 0 20px;
}
.standalone h3 {
  background: transparent;
  font-size: 1.4em;
  color: #363636;
}
.standalone .notifications-list {
  max-height: inherit !important;
  height: calc(100% - 101px);
}
.standalone .notifications-list .item {
  width: auto;
}
Term
Wed, 12/27/2017 - 07:04

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv