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