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