universe

Universe
git clone https://git.dasho.dev/universe.git
Log | Files | Refs | Submodules | README

notifications.css (1591B)

      1 .notificationBoard {
      2  display: block;
      3  width: 100%;
      4  padding: 15px 10px;
      5  font-size: 0;
      6 }
      7 
      8 .notificationBoard > .inner {
      9  padding: 20px;
     10  background: #fff;
     11 }
     12 
     13 .notificationBoard > .inner > .heading {
     14  display: block;
     15  margin-bottom: 20px;
     16  font-size: 22px;
     17 }
     18 
     19 .notificationBoard > .inner > .actionbar {
     20  display: block;
     21  padding-bottom: 10px;
     22 }
     23 
     24 .notificationBoard .list {
     25  display: block;
     26  width: 100%;
     27  border-top: 1px solid #efefed;
     28 }
     29 
     30 .notificationBoard .list > .item {
     31  display: block;
     32  padding: 15px 20px;
     33  border-bottom: 1px solid #efefed;
     34  background: #fff;
     35 }
     36 
     37 .notificationBoard .list > .item > .text {
     38  display: inline-block;
     39  vertical-align: middle;
     40  font-size: 14px;
     41  width: calc(100% - 55px);
     42 }
     43 
     44 .notificationBoard .list > .item > .text > .title {
     45  text-transform: uppercase;
     46  font-weight: bold;
     47  color: #9b59b6;
     48  margin-bottom: 5px;
     49 }
     50 
     51 .notificationBoard .list > .item > .text > .body {
     52  font-size: 16px;
     53  color: #000;
     54  margin-bottom: 10px;
     55 }
     56 
     57 .notificationBoard .list > .item > .text > .body a {
     58  text-decoration: none;
     59 }
     60 
     61 .notificationBoard .list > .item > .text > .timestamp {
     62  color: #999;
     63  font-size: 12px;
     64 }
     65 
     66 .notificationBoard .list > .item.read {
     67  background: none;
     68  opacity: 0.75;
     69 }
     70 
     71 .notificationBoard .list > .item.read > .text > .title {
     72  font-weight: normal;
     73 }
     74 
     75 .notificationBoard .list > .item.read > .icon {
     76  opacity: 0;
     77 }
     78 
     79 .notificationBoard .list > .item:last-child {
     80  border: none;
     81 }
     82 
     83 .notificationBoard .display_alerts {
     84  margin: 0;
     85 }