Statistics
| Branch: | Tag: | Revision:

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
}