5a4adc1f8b8399860884ec4a84f11cf854ac43ae
[src/app-framework-demo.git] / afb-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.online {
50     color: blue;
51 }
52
53 token-refresh.offline {
54     color: red;
55 }