afm-client/app/Frontend/widgets/Notifications/Notifications.scss

   1 /*
   2  * Copyright (C) 2015 "IoT.bzh"
   3  * Author "Fulup Ar Foll"
   4  *
   5  * This program is free software: you can redistribute it and/or modify
   6  * it under the terms of the GNU General Public License as published by
   7  * the Free Software Foundation, either version 3 of the License, or
   8  * (at your option) any later version.
   9  *
  10  * This program is distributed in the hope that it will be useful,
  11  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  12  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  13  * GNU General Public License for more details.
  14  *
  15  * You should have received a copy of the GNU General Public License
  16  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  17  *
  18  * Reference: http://www.greywyvern.com/?post=337
  19  */
  20
  21 @import "app/ibz-mixins";
  22
  23
  24 link-button {@include ibz-button(#3366ff,1rem)};
  25
  26 // Modal should be relative and tip-modal-popup absolute
  27 tip-modal {
  28     position:relative;
  29 }
  30
  31 .tip-modal-popup {
  32     //visibility: hidden;
  33     width: 20rem;
  34     position:absolute;
  35     top:1em;
  36     padding: 0.2em 0.6em;
  37     border:1px solid #996633;
  38     background-color:#e5ffff;
  39     color:#000;
  40     opacity:0;
  41     transition:visibility .5s linear 1s,opacity 1s linear;
  42     border-radius: 5px;
  43     i {
  44         margin: 0 .3rem 0 0;
  45         display: inline;
  46     }
  47 }
  48
  49 token-refresh {
  50     @include ibz-button(grey,1rem)
  51     i {margin-left: .5rem;}
  52     margin-right: 1rem;
  53 }
  54
  55 token-refresh.online {
  56     color: #0066cc;
  57     i {color: lime;}
  58 }
  59
  60 token-refresh.offline {
  61     color: #ff00ff;
  62     i {color: red;}
  63 }