Revision 0ef95fe4 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_storage.scss

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_storage.scss
13 13
			color: $link-color;
14 14
		}
15 15
	}
16

  
17
	&.list-view {
18
		.items-list {
19
			height: 100%;
20
			h4, .img-wrap {
16
	.items-list {
17
		height: 100%;
18
		&>li {
19
			.img-wrap {
20
				top: 0;
21 21
				height: $list-icon-height;
22 22
				line-height: $list-icon-height;
23 23
			}
24 24
			h4 {
25 25
				width: $storage-h4-w;
26
				height: $list-icon-height;
27
				line-height: $list-icon-height;
26 28
			}
27 29
			.info {
28 30
				margin-right: 40px;
29
			}
30
			li:hover {
31
				.actions-col {
32
					visibility: visible;
33
				}
34
			}
35
			.add-new {
36
				position: relative;
37
				input[type="file"] {
38
					position: absolute;
39
					left:$lt-bar-width;
40
					top:0;
41
					right: 0;
42
					bottom: 0;
43
					opacity: 0;
44
				}
45
			}
31
			}	
46 32
		}
47
	}
48

  
49
	.files {
50
		margin:1em 0;
51
		padding:0;
52
		list-style: none outside none;
53
		li {
54
			list-style:none outside none;
55
			clear: left;
56
			padding:10px 20px;
57
			border:1px solid transparent;
58
			@extend .clearfix;
59
			text-align: left;
60
			font-weight: normal;
61
			.name-col {
62
				float:left;
63
				width:35%;
64
				padding-left:50px;
65
				&.folder { background:url(../images/icon-folder.png) no-repeat left center; }
66
				&.txt { background:url(../images/icon-txt.png) no-repeat left center; }
67
				&.pdf { background:url(../images/icon-pdf.png) no-repeat left center; }
68
				&.image { background:url(../images/icon-image.png) no-repeat left center; }
69
				font-weight: normal;
33
		li:hover {
34
			.actions-col {
35
				visibility: visible;
70 36
			}
71
			.size-col {
72
				float:left;
73
				width:10%;
74
			}
75
			.date-col {
76
				float:left;
77
				width:20%;
78
			}
79
			
80
			&:hover {
81
				border-color:$secondary-color;
82
				.actions-col { visibility:visible;}
83
			}
84
			&.titles {
85
				color:$primary-color;
86
				.name-col { padding-left:0; }
87
				&:hover {
88
					border-color:transparent;
89
				}
37
		}
38
		.add-new {
39
			position: relative;
40
			input[type="file"] {
41
				position: absolute;
42
				left:$lt-bar-width;
43
				top:0;
44
				right: 0;
45
				bottom: 0;
46
				opacity: 0;
90 47
			}
91 48
		}
92 49
	}
93 50
}
94

  
95

  
96

  
97

  
98

  
99
.upload-widget {
100
	
101
	text-align:center;
102
	h2, a{
103
		color:#fff;
104
	}
105
	.btns {
106
		a {
107
			@extend .btn3;
108
			margin:0 10px;
109
		}
110
	}
111
	.breadcrumbs {
112
		*, & > *:before ,li a:first-child, a:hover, li a:first-child:hover  {
113
			color:#fff;
114
		}
115
		a:hover {
116
			text-decoration:underline;
117
		}
118

  
119
		display: inline-block;
120
	}
121
	.files {
122
		color:#fff;
123
		
51
.strorage-progress{
52
	.items-list {
124 53
		li {
125
			padding: 10px 120px;
126
			border: none;
127
			position: relative;
128
			.dz-success-mark {
129
				margin-left:10px;
54
			padding-left: $lt-bar-width + $check-w;
55
			color: #fff;
56
			.img-wrap {
57
				top: 0;
58
				height: $list-icon-height;
59
				line-height: $list-icon-height;
130 60
			}
131
			.dz-error-mark {
132
				display: none;
61
			h4 {
62
				width: $h4-w;
63
				height: $list-icon-height;
64
				line-height: $list-icon-height;
133 65
			}
134
			.cancel-col {
135
				width: 100px;
136
				position: absolute;
137
				right: 50px;
138
				top: 9px;
139
				
140
				.cancel span {
141
					display: block;
142
					text-align: right;
66
			.remove {
67
				text-align: right;
68
				font-weight: bold;
69
				visibility: visible;
70
				a {
71
					color: #fff;
143 72
				}
144
			}
145
		}
146
		div {
147
			display: inline-block;
148
		}
149
		.progress-bar {
150
			position: static;
151
			padding: 0;
152
			width: 25%;
153
			border: none;
154
			background-color: transparent;
155
			
156
			.progress-wrap {
157
				width: 100%;
158
				margin: 0;
159
			
160
				.progress {
161
					display: block;
162
					margin: 0;
163
					border: 2px solid white;
164
					padding: 0;
165
					background-color:  $secondary-color;
166
				
167
					.meter {
168
						background-color: white;
73
				em {
74
					display: none;
75
				}
76
				&:hover {
77
					em {
78
						display: inline;
169 79
					}
170 80
				}
171 81
			}
82
			.progress-col {
83
				padding-top: 7px;
84
			}
85
			&:hover {
86
				background-color: orange;
87
			}
172 88
		}
173 89
	}
174
}
175

  
176
.dz-success-mark, .dz-error-mark, .dz-error-message {
177
	display: none;
90
	.progress {
91
		height: 20px;
92
		.meter {
93
			background-color: #fff;
94
			color: $body-font-color;
95
			text-align: right;
96
			padding-right: 10px;
97
			line-height: 100%;
98
		}
99
	}
100
	.details {
101
		border: 0 none;
102
	}
178 103
}
179 104

  
180 105
.all-height {

Also available in: Unified diff