Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _storage.scss @ 0105abee

History | View | Annotate | Download (2.9 kB)

1
/* Storage (pithos) related styles  */
2

    
3
.storage {
4
	padding:45px 0;
5
	position:relative;
6
	.lt-sidebar {
7
		font-size: 1em;
8
		padding:0 20px 40px 40px;
9
		.sidenav {
10
			font-size: inherit;
11
		}
12
		ul {
13
			list-style: none outside none;
14
			li {
15
				padding:5px 0;
16
				&:hover {
17
					background: transparent;
18
					&>a {
19
						color:$secondary-color;
20
						&+span {
21
							display: inline;
22
						}
23
					}
24
				}
25
				span {
26
					float:right;
27
					color:$secondary-color;
28
					display: none;
29
				}
30

    
31
			}
32
		}
33
	}
34
	.files {
35
		margin:1em 0;
36
		padding:0;
37
		list-style: none outside none;
38
		li {
39
			list-style:none outside none;
40
			clear: left;
41
			padding:10px 20px;
42
			border:1px solid transparent;
43
			@extend .clearfix;
44
			text-align: left;
45
			font-weight: normal;
46
			.name-col {
47
				float:left;
48
				width:35%;
49
				padding-left:50px;
50
				&.folder { background:url(../images/icon-folder.png) no-repeat left center; }
51
				&.txt { background:url(../images/icon-txt.png) no-repeat left center; }
52
				&.pdf { background:url(../images/icon-pdf.png) no-repeat left center; }
53
				&.image { background:url(../images/icon-image.png) no-repeat left center; }
54
				font-weight: normal;
55
			}
56
			.size-col {
57
				float:left;
58
				width:10%;
59
			}
60
			.date-col {
61
				float:left;
62
				width:20%;
63
			}
64
			.actions-col {
65
				float:left;
66
				width:30%;
67
				visibility: hidden;
68

    
69
				a {
70
					margin-right: 10px;
71
				}
72
			}
73
			&:hover {
74
				border-color:$secondary-color;
75
				.actions-col { visibility:visible;}
76
			}
77
			&.titles {
78
				color:$primary-color;
79
				.name-col { padding-left:0; }
80
				&:hover {
81
					border-color:transparent;
82
				}
83
			}
84
		}
85
	}
86
	.breadcrumbs {
87
		li:first-child {
88
			font-weight:bold;
89
			a {
90
				color:$black;
91
				&:hover {
92
					color:$secondary-color;
93
				}
94
			}
95
		}
96
		a:hover {
97
			color: $secondary-color;
98
		}
99
	}
100
}
101

    
102

    
103

    
104

    
105

    
106
.upload-widget {
107
	
108
	text-align:center;
109
	h2, a{
110
		color:#fff;
111
	}
112
	.btns {
113
		a {
114
			@extend .btn3;
115
			margin:0 10px;
116
		}
117
	}
118
	.breadcrumbs {
119
		*, & > *:before ,li a:first-child, a:hover, li a:first-child:hover  {
120
			color:#fff;
121
		}
122
		a:hover {
123
			text-decoration:underline;
124
		}
125

    
126
		display: inline-block;
127
	}
128
	.files {
129
		color:#fff;
130
		
131
		li {
132
			padding: 10px 120px;
133
			border: none;
134
			position: relative;
135
			.dz-success-mark {
136
				margin-left:10px;
137
			}
138
			.dz-error-mark {
139
				display: none;
140
			}
141
			.cancel-col {
142
				width: 100px;
143
				position: absolute;
144
				right: 50px;
145
				top: 9px;
146
				
147
				.cancel span {
148
					display: block;
149
					text-align: right;
150
				}
151
			}
152
		}
153
		div {
154
			display: inline-block;
155
		}
156
		.progress-bar {
157
			position: static;
158
			padding: 0;
159
			width: 25%;
160
			border: none;
161
			background-color: transparent;
162
			
163
			.progress-wrap {
164
				width: 100%;
165
				margin: 0;
166
			
167
				.progress {
168
					display: block;
169
					margin: 0;
170
					border: 2px solid white;
171
					padding: 0;
172
					background-color:  $secondary-color;
173
				
174
					.meter {
175
						background-color: white;
176
					}
177
				}
178
			}
179
		}
180
	}
181
}
182

    
183
.dz-success-mark, .dz-error-mark, .dz-error-message {
184
	display: none;
185
}