root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _overlays.scss @ 673ea014
History | View | Annotate | Download (1.9 kB)
1 |
|
---|---|
2 |
body.with-overlay { |
3 |
background:$secondary-color; |
4 |
} |
5 |
|
6 |
.reveal-modal { |
7 |
h3 { |
8 |
font-size:1em; |
9 |
} |
10 |
a { |
11 |
color: $secondary-color; |
12 |
&:hover { |
13 |
text-decoration: underline; |
14 |
} |
15 |
&.close-reveal-modal:hover { |
16 |
text-decoration: none; |
17 |
color:$secondary-color; |
18 |
} |
19 |
} |
20 |
} |
21 |
|
22 |
|
23 |
// custom modal with opaque overlay |
24 |
.reveal-custom { |
25 |
position: absolute; |
26 |
top:100px; |
27 |
left:25%; |
28 |
z-index:99; |
29 |
background:yellow; |
30 |
width:50%; |
31 |
display:none; |
32 |
} |
33 |
|
34 |
|
35 |
.overlay-wrapper { |
36 |
position: relative; |
37 |
|
38 |
.overlay-area { |
39 |
display:none; |
40 |
position:absolute; |
41 |
left:0; |
42 |
right:0; |
43 |
top:0; |
44 |
width:100%; |
45 |
height:100%; |
46 |
background:$secondary-color; |
47 |
z-index:20; |
48 |
} |
49 |
.close { |
50 |
position: absolute; |
51 |
right:$header-padding-horizontal; |
52 |
top:50px; |
53 |
@include sprite('../images/info-close.png', 31px, 30px); |
54 |
} |
55 |
.overlay-div { |
56 |
display: none; |
57 |
z-index:100; |
58 |
position: relative; |
59 |
background:#fff; |
60 |
top:20%; |
61 |
left:25%; |
62 |
width:50%; |
63 |
padding:25px; |
64 |
.buttons { |
65 |
a { |
66 |
margin-right:20px; |
67 |
} |
68 |
} |
69 |
&.upload-widget { |
70 |
background:transparent; |
71 |
padding:45px 0; |
72 |
width:80%; |
73 |
left:10%; |
74 |
border:1px solid white; |
75 |
} |
76 |
|
77 |
} |
78 |
|
79 |
} |
80 |
|
81 |
|
82 |
|
83 |
.overlay { |
84 |
background:$secondary-color; |
85 |
position: relative; |
86 |
z-index:10; |
87 |
|
88 |
.lt-sidebar { |
89 |
border-right:1px solid #fff; |
90 |
color:#fff; |
91 |
ul { |
92 |
li { |
93 |
list-style:none outside none; |
94 |
|
95 |
a { |
96 |
color:#fff; |
97 |
span { float:right; display:none;} |
98 |
&:hover, |
99 |
&.current { |
100 |
|
101 |
text-decoration: none; |
102 |
span { |
103 |
display:inline; |
104 |
} |
105 |
} |
106 |
} |
107 |
|
108 |
} |
109 |
} |
110 |
|
111 |
} |
112 |
.lt-sidebar, |
113 |
.main { |
114 |
padding:100px $header-padding-horizontal; |
115 |
position:relative; |
116 |
} |
117 |
.navigation { |
118 |
.rt { |
119 |
float:right; |
120 |
} |
121 |
} |
122 |
.close { |
123 |
position: absolute; |
124 |
right:$header-padding-horizontal; |
125 |
top:50px; |
126 |
@include sprite('../images/info-close.png', 31px, 30px); |
127 |
} |
128 |
.close_char { |
129 |
background: none; |
130 |
text-indent: 0; |
131 |
font-size: 1.8em; /* for the the character e (for d we can put 2em) */ |
132 |
color: white; |
133 |
} |
134 |
} |