Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _storage.scss @ 15948f00

History | View | Annotate | Download (2.9 kB)

1 15948f00 Olga Brani
/* Storage (pithos) related styles  */
2 15948f00 Olga Brani
3 c9d873e8 Olga Brani
.storage {
4 c9d873e8 Olga Brani
	padding:45px 0;
5 c9d873e8 Olga Brani
	position:relative;
6 c9d873e8 Olga Brani
	.lt-sidebar {
7 c9d873e8 Olga Brani
		font-size: 1em;
8 c9d873e8 Olga Brani
		padding:0 20px 40px 40px;
9 c9d873e8 Olga Brani
		.sidenav {
10 c9d873e8 Olga Brani
			font-size: inherit;
11 c9d873e8 Olga Brani
		}
12 c9d873e8 Olga Brani
		ul {
13 c9d873e8 Olga Brani
			list-style: none outside none;
14 c9d873e8 Olga Brani
			li {
15 c9d873e8 Olga Brani
				padding:5px 0;
16 c9d873e8 Olga Brani
				&:hover {
17 c9d873e8 Olga Brani
					background: transparent;
18 c9d873e8 Olga Brani
					&>a {
19 c9d873e8 Olga Brani
						color:$secondary-color;
20 c9d873e8 Olga Brani
						&+span {
21 c9d873e8 Olga Brani
							display: inline;
22 c9d873e8 Olga Brani
						}
23 c9d873e8 Olga Brani
					}
24 c9d873e8 Olga Brani
				}
25 c9d873e8 Olga Brani
				span {
26 c9d873e8 Olga Brani
					float:right;
27 c9d873e8 Olga Brani
					color:$secondary-color;
28 c9d873e8 Olga Brani
					display: none;
29 c9d873e8 Olga Brani
				}
30 c9d873e8 Olga Brani
31 c9d873e8 Olga Brani
			}
32 c9d873e8 Olga Brani
		}
33 c9d873e8 Olga Brani
	}
34 c9d873e8 Olga Brani
	.files {
35 c9d873e8 Olga Brani
		margin:1em 0;
36 c9d873e8 Olga Brani
		padding:0;
37 c9d873e8 Olga Brani
		list-style: none outside none;
38 c9d873e8 Olga Brani
		li {
39 c9d873e8 Olga Brani
			list-style:none outside none;
40 c9d873e8 Olga Brani
			clear: left;
41 c9d873e8 Olga Brani
			padding:10px 20px;
42 c9d873e8 Olga Brani
			border:1px solid transparent;
43 c9d873e8 Olga Brani
			@extend .clearfix;
44 c9d873e8 Olga Brani
			text-align: left;
45 c9d873e8 Olga Brani
			font-weight: normal;
46 c9d873e8 Olga Brani
			.name-col {
47 c9d873e8 Olga Brani
				float:left;
48 c9d873e8 Olga Brani
				width:35%;
49 c9d873e8 Olga Brani
				padding-left:50px;
50 c9d873e8 Olga Brani
				&.folder { background:url(../images/icon-folder.png) no-repeat left center; }
51 c9d873e8 Olga Brani
				&.txt { background:url(../images/icon-txt.png) no-repeat left center; }
52 c9d873e8 Olga Brani
				&.pdf { background:url(../images/icon-pdf.png) no-repeat left center; }
53 c9d873e8 Olga Brani
				&.image { background:url(../images/icon-image.png) no-repeat left center; }
54 c9d873e8 Olga Brani
				font-weight: normal;
55 c9d873e8 Olga Brani
			}
56 c9d873e8 Olga Brani
			.size-col {
57 c9d873e8 Olga Brani
				float:left;
58 c9d873e8 Olga Brani
				width:10%;
59 c9d873e8 Olga Brani
			}
60 c9d873e8 Olga Brani
			.date-col {
61 c9d873e8 Olga Brani
				float:left;
62 c9d873e8 Olga Brani
				width:20%;
63 c9d873e8 Olga Brani
			}
64 c9d873e8 Olga Brani
			.actions-col {
65 c9d873e8 Olga Brani
				float:left;
66 c9d873e8 Olga Brani
				width:30%;
67 c9d873e8 Olga Brani
				visibility: hidden;
68 c9d873e8 Olga Brani
69 c9d873e8 Olga Brani
				a {
70 c9d873e8 Olga Brani
					margin-right: 10px;
71 c9d873e8 Olga Brani
				}
72 c9d873e8 Olga Brani
			}
73 c9d873e8 Olga Brani
			&:hover {
74 c9d873e8 Olga Brani
				border-color:$secondary-color;
75 c9d873e8 Olga Brani
				.actions-col { visibility:visible;}
76 c9d873e8 Olga Brani
			}
77 c9d873e8 Olga Brani
			&.titles {
78 c9d873e8 Olga Brani
				color:$primary-color;
79 c9d873e8 Olga Brani
				.name-col { padding-left:0; }
80 c9d873e8 Olga Brani
				&:hover {
81 c9d873e8 Olga Brani
					border-color:transparent;
82 c9d873e8 Olga Brani
				}
83 c9d873e8 Olga Brani
			}
84 c9d873e8 Olga Brani
		}
85 c9d873e8 Olga Brani
	}
86 c9d873e8 Olga Brani
	.breadcrumbs {
87 c9d873e8 Olga Brani
		li:first-child {
88 c9d873e8 Olga Brani
			font-weight:bold;
89 c9d873e8 Olga Brani
			a {
90 c9d873e8 Olga Brani
				color:$black;
91 c9d873e8 Olga Brani
				&:hover {
92 c9d873e8 Olga Brani
					color:$secondary-color;
93 c9d873e8 Olga Brani
				}
94 c9d873e8 Olga Brani
			}
95 c9d873e8 Olga Brani
		}
96 c9d873e8 Olga Brani
		a:hover {
97 c9d873e8 Olga Brani
			color: $secondary-color;
98 c9d873e8 Olga Brani
		}
99 c9d873e8 Olga Brani
	}
100 c9d873e8 Olga Brani
}
101 c9d873e8 Olga Brani
102 c9d873e8 Olga Brani
103 c9d873e8 Olga Brani
104 c9d873e8 Olga Brani
105 c9d873e8 Olga Brani
106 c9d873e8 Olga Brani
.upload-widget {
107 c9d873e8 Olga Brani
	
108 c9d873e8 Olga Brani
	text-align:center;
109 c9d873e8 Olga Brani
	h2, a{
110 c9d873e8 Olga Brani
		color:#fff;
111 c9d873e8 Olga Brani
	}
112 c9d873e8 Olga Brani
	.btns {
113 c9d873e8 Olga Brani
		a {
114 c9d873e8 Olga Brani
			@extend .btn3;
115 c9d873e8 Olga Brani
			margin:0 10px;
116 c9d873e8 Olga Brani
		}
117 c9d873e8 Olga Brani
	}
118 c9d873e8 Olga Brani
	.breadcrumbs {
119 c9d873e8 Olga Brani
		*, & > *:before ,li a:first-child, a:hover, li a:first-child:hover  {
120 c9d873e8 Olga Brani
			color:#fff;
121 c9d873e8 Olga Brani
		}
122 c9d873e8 Olga Brani
		a:hover {
123 c9d873e8 Olga Brani
			text-decoration:underline;
124 c9d873e8 Olga Brani
		}
125 c9d873e8 Olga Brani
126 c9d873e8 Olga Brani
		display: inline-block;
127 c9d873e8 Olga Brani
	}
128 c9d873e8 Olga Brani
	.files {
129 c9d873e8 Olga Brani
		color:#fff;
130 c9d873e8 Olga Brani
		
131 c9d873e8 Olga Brani
		li {
132 c9d873e8 Olga Brani
			padding: 10px 120px;
133 c9d873e8 Olga Brani
			border: none;
134 c9d873e8 Olga Brani
			position: relative;
135 c9d873e8 Olga Brani
			.dz-success-mark {
136 c9d873e8 Olga Brani
				margin-left:10px;
137 c9d873e8 Olga Brani
			}
138 c9d873e8 Olga Brani
			.dz-error-mark {
139 c9d873e8 Olga Brani
				display: none;
140 c9d873e8 Olga Brani
			}
141 c9d873e8 Olga Brani
			.cancel-col {
142 c9d873e8 Olga Brani
				width: 100px;
143 c9d873e8 Olga Brani
				position: absolute;
144 c9d873e8 Olga Brani
				right: 50px;
145 c9d873e8 Olga Brani
				top: 9px;
146 c9d873e8 Olga Brani
				
147 c9d873e8 Olga Brani
				.cancel span {
148 c9d873e8 Olga Brani
					display: block;
149 c9d873e8 Olga Brani
					text-align: right;
150 c9d873e8 Olga Brani
				}
151 c9d873e8 Olga Brani
			}
152 c9d873e8 Olga Brani
		}
153 c9d873e8 Olga Brani
		div {
154 c9d873e8 Olga Brani
			display: inline-block;
155 c9d873e8 Olga Brani
		}
156 c9d873e8 Olga Brani
		.progress-bar {
157 c9d873e8 Olga Brani
			position: static;
158 c9d873e8 Olga Brani
			padding: 0;
159 c9d873e8 Olga Brani
			width: 25%;
160 c9d873e8 Olga Brani
			border: none;
161 c9d873e8 Olga Brani
			background-color: transparent;
162 c9d873e8 Olga Brani
			
163 c9d873e8 Olga Brani
			.progress-wrap {
164 c9d873e8 Olga Brani
				width: 100%;
165 c9d873e8 Olga Brani
				margin: 0;
166 c9d873e8 Olga Brani
			
167 c9d873e8 Olga Brani
				.progress {
168 c9d873e8 Olga Brani
					display: block;
169 c9d873e8 Olga Brani
					margin: 0;
170 c9d873e8 Olga Brani
					border: 2px solid white;
171 c9d873e8 Olga Brani
					padding: 0;
172 c9d873e8 Olga Brani
					background-color:  $secondary-color;
173 c9d873e8 Olga Brani
				
174 c9d873e8 Olga Brani
					.meter {
175 c9d873e8 Olga Brani
						background-color: white;
176 c9d873e8 Olga Brani
					}
177 c9d873e8 Olga Brani
				}
178 c9d873e8 Olga Brani
			}
179 c9d873e8 Olga Brani
		}
180 c9d873e8 Olga Brani
	}
181 c9d873e8 Olga Brani
}
182 c9d873e8 Olga Brani
183 c9d873e8 Olga Brani
.dz-success-mark, .dz-error-mark, .dz-error-message {
184 c9d873e8 Olga Brani
	display: none;
185 c9d873e8 Olga Brani
}