root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _items-list.scss @ 15948f00
History | View | Annotate | Download (1.8 kB)
1 |
/* List view for VMs, networks */ |
---|---|
2 |
|
3 |
.entities { |
4 |
padding-top:25px; |
5 |
} |
6 |
|
7 |
|
8 |
.items-list { |
9 |
li { |
10 |
text-align:center; |
11 |
padding:20px; |
12 |
list-style:none; |
13 |
.add-new { |
14 |
a { |
15 |
margin:0 20px; |
16 |
display: block; |
17 |
font-weight: bold; |
18 |
height:190px; |
19 |
padding:65px 30px 15px; |
20 |
border:1px dashed $primary-color; |
21 |
&:hover { |
22 |
border-color:$third-color; |
23 |
} |
24 |
} |
25 |
} |
26 |
.img-wrap { |
27 |
height: 78px; |
28 |
} |
29 |
.img { |
30 |
margin-bottom: 20px; |
31 |
position: relative; |
32 |
height:58px; |
33 |
} |
34 |
.container { |
35 |
&.set-bg { background:lighten($primary-color,38%); } |
36 |
&.set-border { border-color:$secondary-color; } |
37 |
border:1px solid transparent; |
38 |
margin: 0 20px; |
39 |
padding:25px 0; |
40 |
position: relative; |
41 |
.options { |
42 |
width:100%; |
43 |
text-align:center; |
44 |
position: absolute; |
45 |
top:-3px; |
46 |
left:0; |
47 |
display: none; |
48 |
.wrap { |
49 |
height:100%; |
50 |
padding:25px 25px 0; |
51 |
text-align: left; |
52 |
a { |
53 |
font-size:emCalc(27px); |
54 |
display: inline-block; |
55 |
color:$primary-color; |
56 |
line-height: 1em; |
57 |
margin-bottom:10px; |
58 |
|
59 |
font-weight: bold; |
60 |
&:hover { |
61 |
color: $secondary-color; |
62 |
} |
63 |
} |
64 |
|
65 |
|
66 |
|
67 |
} |
68 |
} |
69 |
} |
70 |
.check { |
71 |
position:absolute; |
72 |
right:10px; |
73 |
top:5px; |
74 |
|
75 |
color:lighten($primary-color,35%); |
76 |
font-weight: bold; |
77 |
font-size:emCalc(27px); |
78 |
cursor: pointer; |
79 |
z-index: 10; |
80 |
span { position:relative; z-index:10;} |
81 |
&.active { |
82 |
color:$secondary-color; |
83 |
} |
84 |
} |
85 |
.visible-info { |
86 |
margin: 0 25px; |
87 |
position:relative; |
88 |
color:$primary-color; |
89 |
overflow: hidden; |
90 |
span { |
91 |
&.title { |
92 |
white-space: nowrap; |
93 |
} |
94 |
display: block; |
95 |
position: relative; |
96 |
em { |
97 |
font-style:normal; |
98 |
position: relative; |
99 |
} |
100 |
} |
101 |
} |
102 |
|
103 |
} |
104 |
} |
105 |
|
106 |
@media #{$entities-large} { |
107 |
.entities { |
108 |
.items-list { |
109 |
@include block-grid(4, 20px, true); |
110 |
} |
111 |
} |
112 |
} |