Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (1.6 kB)

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

    
3
.storage {
4
	$storage-h4-w: 25%;
5
	height: 100%;
6
	.rect-plus {
7
		display: inline-block;
8
		background-color: #fff;
9
		color: $link-color-hover;
10
		padding: 0 6px;
11
		font-size: emCalc(26px);
12
		&:hover {
13
			color: $link-color;
14
		}
15
	}
16
	.items-list {
17
		height: 100%;
18
		&>li {
19
			.img-wrap {
20
				top: 0;
21
				height: $list-icon-height;
22
				line-height: $list-icon-height;
23
			}
24
			h4 {
25
				width: $storage-h4-w;
26
				height: $list-icon-height;
27
				line-height: $list-icon-height;
28
			}
29
			.info {
30
				margin-right: 40px;
31
			}	
32
		}
33
		li:hover {
34
			.actions-col {
35
				visibility: visible;
36
			}
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;
47
			}
48
		}
49
	}
50
}
51
.strorage-progress{
52
	.items-list {
53
		li {
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;
60
			}
61
			h4 {
62
				width: $h4-w;
63
				height: $list-icon-height;
64
				line-height: $list-icon-height;
65
			}
66
			.remove {
67
				text-align: right;
68
				font-weight: bold;
69
				visibility: visible;
70
				a {
71
					color: #fff;
72
				}
73
				em {
74
					display: none;
75
				}
76
				&:hover {
77
					em {
78
						display: inline;
79
					}
80
				}
81
			}
82
			.progress-col {
83
				padding-top: 7px;
84
			}
85
			&:hover {
86
				background-color: orange;
87
			}
88
		}
89
	}
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
	}
103
}
104

    
105
.all-height {
106
	height: 100%
107
}