Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _storage.scss @ 3a0726aa

History | View | Annotate | Download (3.2 kB)

1 15948f00 Olga Brani
/* Storage (pithos) related styles  */
2 15948f00 Olga Brani
3 c9d873e8 Olga Brani
.storage {
4 0b14cfb4 Olga Brani
	$storage-h4-w: 25%;
5 aafda5ef Athina Bekakou
	height: 100%;
6 9b0b486b Olga Brani
	.rect-plus {
7 9b0b486b Olga Brani
		display: inline-block;
8 9b0b486b Olga Brani
		background-color: #fff;
9 9b0b486b Olga Brani
		color: $link-color-hover;
10 9b0b486b Olga Brani
		padding: 0 6px;
11 9b0b486b Olga Brani
		font-size: emCalc(26px);
12 9b0b486b Olga Brani
		&:hover {
13 9b0b486b Olga Brani
			color: $link-color;
14 c9d873e8 Olga Brani
		}
15 9b0b486b Olga Brani
	}
16 0ef95fe4 Olga Brani
	.items-list {
17 0ef95fe4 Olga Brani
		height: 100%;
18 0ef95fe4 Olga Brani
		&>li {
19 0ef95fe4 Olga Brani
			.img-wrap {
20 0ef95fe4 Olga Brani
				top: 0;
21 9b0b486b Olga Brani
				height: $list-icon-height;
22 9b0b486b Olga Brani
				line-height: $list-icon-height;
23 c9d873e8 Olga Brani
			}
24 0b14cfb4 Olga Brani
			h4 {
25 0b14cfb4 Olga Brani
				width: $storage-h4-w;
26 0ef95fe4 Olga Brani
				height: $list-icon-height;
27 0ef95fe4 Olga Brani
				line-height: $list-icon-height;
28 0b14cfb4 Olga Brani
			}
29 0b14cfb4 Olga Brani
			.info {
30 0b14cfb4 Olga Brani
				margin-right: 40px;
31 0ef95fe4 Olga Brani
			}	
32 c9d873e8 Olga Brani
		}
33 0ef95fe4 Olga Brani
		li:hover {
34 0ef95fe4 Olga Brani
			.actions-col {
35 0ef95fe4 Olga Brani
				visibility: visible;
36 c9d873e8 Olga Brani
			}
37 0ef95fe4 Olga Brani
		}
38 0ef95fe4 Olga Brani
		.add-new {
39 0ef95fe4 Olga Brani
			position: relative;
40 0ef95fe4 Olga Brani
			input[type="file"] {
41 0ef95fe4 Olga Brani
				position: absolute;
42 0ef95fe4 Olga Brani
				left:$lt-bar-width;
43 0ef95fe4 Olga Brani
				top:0;
44 0ef95fe4 Olga Brani
				right: 0;
45 0ef95fe4 Olga Brani
				bottom: 0;
46 0ef95fe4 Olga Brani
				opacity: 0;
47 c9d873e8 Olga Brani
			}
48 292a32ef Olga Brani
			h4 {
49 292a32ef Olga Brani
				color: #fff;
50 292a32ef Olga Brani
			}
51 292a32ef Olga Brani
			&:hover {
52 292a32ef Olga Brani
				.rect-plus	{
53 292a32ef Olga Brani
					color: $link-color;
54 292a32ef Olga Brani
				}
55 292a32ef Olga Brani
			}
56 292a32ef Olga Brani
		}
57 292a32ef Olga Brani
		&.drag {
58 292a32ef Olga Brani
			background-color: $light-bg;
59 c9d873e8 Olga Brani
		}
60 c9d873e8 Olga Brani
	}
61 3a0726aa Athina Bekakou
	&.containers {
62 3a0726aa Athina Bekakou
		margin-right: 30px;
63 3a0726aa Athina Bekakou
		margin-left:30px;
64 3a0726aa Athina Bekakou
		.items-list {
65 3a0726aa Athina Bekakou
			&>li {
66 3a0726aa Athina Bekakou
				padding-right: 0;
67 3a0726aa Athina Bekakou
				padding-left: 0;
68 3a0726aa Athina Bekakou
				height:60px;
69 3a0726aa Athina Bekakou
				&>*	{
70 3a0726aa Athina Bekakou
					display: inline-block;
71 3a0726aa Athina Bekakou
					overflow: hidden;
72 3a0726aa Athina Bekakou
					// border: 1px solid pink;
73 3a0726aa Athina Bekakou
					height: 100%;
74 3a0726aa Athina Bekakou
					line-height: 100%;
75 3a0726aa Athina Bekakou
				}
76 3a0726aa Athina Bekakou
				.basic-data {
77 3a0726aa Athina Bekakou
					width: 25%;
78 3a0726aa Athina Bekakou
				}
79 3a0726aa Athina Bekakou
				.size-data{
80 3a0726aa Athina Bekakou
					width: 35%;
81 3a0726aa Athina Bekakou
					.progress-col {
82 3a0726aa Athina Bekakou
						height: 20px;
83 3a0726aa Athina Bekakou
						line-height: 20px;
84 3a0726aa Athina Bekakou
						width: 150px;
85 3a0726aa Athina Bekakou
						.progress {
86 3a0726aa Athina Bekakou
							border-color: $gray-2;
87 3a0726aa Athina Bekakou
							height: 100%;
88 3a0726aa Athina Bekakou
							line-height: 100%;
89 3a0726aa Athina Bekakou
							.meter {
90 3a0726aa Athina Bekakou
								text-align: right;
91 3a0726aa Athina Bekakou
								font-size: 10px;
92 3a0726aa Athina Bekakou
								padding: 2px;
93 3a0726aa Athina Bekakou
								background-color: $gray-2;
94 3a0726aa Athina Bekakou
								color: white;
95 3a0726aa Athina Bekakou
							}
96 3a0726aa Athina Bekakou
						}
97 3a0726aa Athina Bekakou
98 3a0726aa Athina Bekakou
					}
99 3a0726aa Athina Bekakou
					.size {
100 3a0726aa Athina Bekakou
						width: auto;
101 3a0726aa Athina Bekakou
						line-height: 20px;
102 3a0726aa Athina Bekakou
						height: 20px;
103 3a0726aa Athina Bekakou
						padding-left: 20px;
104 3a0726aa Athina Bekakou
					}
105 3a0726aa Athina Bekakou
				}
106 3a0726aa Athina Bekakou
				.project {
107 3a0726aa Athina Bekakou
					position: relative;
108 3a0726aa Athina Bekakou
					width: 35%;
109 3a0726aa Athina Bekakou
					font-size: emCalc(12px);
110 3a0726aa Athina Bekakou
					.available {
111 3a0726aa Athina Bekakou
						list-style: none;
112 3a0726aa Athina Bekakou
						visibility: hidden;
113 3a0726aa Athina Bekakou
						width: 100%;
114 3a0726aa Athina Bekakou
					}
115 3a0726aa Athina Bekakou
					.btn-more {
116 3a0726aa Athina Bekakou
						display: inline-block;
117 3a0726aa Athina Bekakou
						margin-left: 5px;
118 3a0726aa Athina Bekakou
						border: 1px solid $gray-2;
119 3a0726aa Athina Bekakou
						.explain {
120 3a0726aa Athina Bekakou
								display: none;
121 3a0726aa Athina Bekakou
						}
122 3a0726aa Athina Bekakou
						.snf-arrow-down {
123 3a0726aa Athina Bekakou
						}
124 3a0726aa Athina Bekakou
					}
125 3a0726aa Athina Bekakou
126 3a0726aa Athina Bekakou
				}
127 3a0726aa Athina Bekakou
				.img-wrap {
128 3a0726aa Athina Bekakou
					.snf-folder-full {
129 3a0726aa Athina Bekakou
						font-size: emCalc(34px);
130 3a0726aa Athina Bekakou
						color: $secondary-color;
131 3a0726aa Athina Bekakou
					}
132 3a0726aa Athina Bekakou
					span:not(.snf-folder-full) {
133 3a0726aa Athina Bekakou
						color: $gray-2;
134 3a0726aa Athina Bekakou
						font-size: emCalc(16px);
135 3a0726aa Athina Bekakou
						position: relative;
136 3a0726aa Athina Bekakou
						bottom: 5px;
137 3a0726aa Athina Bekakou
						left: -28px;
138 3a0726aa Athina Bekakou
					}
139 3a0726aa Athina Bekakou
				}
140 3a0726aa Athina Bekakou
141 3a0726aa Athina Bekakou
			}
142 3a0726aa Athina Bekakou
		}
143 3a0726aa Athina Bekakou
	}
144 c9d873e8 Olga Brani
}
145 292a32ef Olga Brani
.storage-progress{
146 0ef95fe4 Olga Brani
	.items-list {
147 c9d873e8 Olga Brani
		li {
148 0ef95fe4 Olga Brani
			padding-left: $lt-bar-width + $check-w;
149 0ef95fe4 Olga Brani
			color: #fff;
150 0ef95fe4 Olga Brani
			.img-wrap {
151 0ef95fe4 Olga Brani
				top: 0;
152 0ef95fe4 Olga Brani
				height: $list-icon-height;
153 0ef95fe4 Olga Brani
				line-height: $list-icon-height;
154 c9d873e8 Olga Brani
			}
155 0ef95fe4 Olga Brani
			h4 {
156 0ef95fe4 Olga Brani
				width: $h4-w;
157 0ef95fe4 Olga Brani
				height: $list-icon-height;
158 0ef95fe4 Olga Brani
				line-height: $list-icon-height;
159 c9d873e8 Olga Brani
			}
160 0ef95fe4 Olga Brani
			.remove {
161 0ef95fe4 Olga Brani
				text-align: right;
162 0ef95fe4 Olga Brani
				font-weight: bold;
163 0ef95fe4 Olga Brani
				visibility: visible;
164 0ef95fe4 Olga Brani
				a {
165 0ef95fe4 Olga Brani
					color: #fff;
166 c9d873e8 Olga Brani
				}
167 0ef95fe4 Olga Brani
				em {
168 0ef95fe4 Olga Brani
					display: none;
169 0ef95fe4 Olga Brani
				}
170 0ef95fe4 Olga Brani
				&:hover {
171 0ef95fe4 Olga Brani
					em {
172 0ef95fe4 Olga Brani
						display: inline;
173 c9d873e8 Olga Brani
					}
174 c9d873e8 Olga Brani
				}
175 c9d873e8 Olga Brani
			}
176 0ef95fe4 Olga Brani
			.progress-col {
177 0ef95fe4 Olga Brani
				padding-top: 7px;
178 0ef95fe4 Olga Brani
			}
179 0ef95fe4 Olga Brani
			&:hover {
180 292a32ef Olga Brani
				background-color: transparent;
181 0ef95fe4 Olga Brani
			}
182 c9d873e8 Olga Brani
		}
183 c9d873e8 Olga Brani
	}
184 0ef95fe4 Olga Brani
	.progress {
185 0ef95fe4 Olga Brani
		height: 20px;
186 0ef95fe4 Olga Brani
		.meter {
187 0ef95fe4 Olga Brani
			background-color: #fff;
188 0ef95fe4 Olga Brani
			color: $body-font-color;
189 0ef95fe4 Olga Brani
			text-align: right;
190 0ef95fe4 Olga Brani
			padding-right: 10px;
191 0ef95fe4 Olga Brani
			line-height: 100%;
192 0ef95fe4 Olga Brani
		}
193 0ef95fe4 Olga Brani
	}
194 0ef95fe4 Olga Brani
	.details {
195 0ef95fe4 Olga Brani
		border: 0 none;
196 0ef95fe4 Olga Brani
	}
197 aafda5ef Athina Bekakou
}
198 aafda5ef Athina Bekakou
199 aafda5ef Athina Bekakou
.all-height {
200 aafda5ef Athina Bekakou
	height: 100%
201 c9d873e8 Olga Brani
}