root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _details.scss @ 25a02c79
History | View | Annotate | Download (1.9 kB)
1 | 15948f00 | Olga Brani | /* Detailed view for VMs, networks */ |
---|---|---|---|
2 | 673ea014 | Olga Brani | |
3 | 673ea014 | Olga Brani | .details { |
4 | 673ea014 | Olga Brani | position:relative; |
5 | 673ea014 | Olga Brani | .top { |
6 | 673ea014 | Olga Brani | padding:70px $header-padding-horizontal; |
7 | 673ea014 | Olga Brani | text-align: center; |
8 | cdef560c | Athina Bekakou | .img-wrap { |
9 | 673ea014 | Olga Brani | margin-bottom: 20px; |
10 | 673ea014 | Olga Brani | position: relative; |
11 | 673ea014 | Olga Brani | } |
12 | 673ea014 | Olga Brani | .actions { |
13 | 673ea014 | Olga Brani | ul { |
14 | 673ea014 | Olga Brani | padding:1em 1em 0; |
15 | 673ea014 | Olga Brani | margin:0; |
16 | 673ea014 | Olga Brani | text-align:center; |
17 | 673ea014 | Olga Brani | li { |
18 | 673ea014 | Olga Brani | list-style: none outside none; |
19 | 673ea014 | Olga Brani | display: inline-block; |
20 | 673ea014 | Olga Brani | margin:0 30px; |
21 | 673ea014 | Olga Brani | min-width: 112px; |
22 | 673ea014 | Olga Brani | a { |
23 | 673ea014 | Olga Brani | @extend .btn1; |
24 | 673ea014 | Olga Brani | } |
25 | 673ea014 | Olga Brani | |
26 | 673ea014 | Olga Brani | } |
27 | 673ea014 | Olga Brani | } |
28 | 673ea014 | Olga Brani | } |
29 | 673ea014 | Olga Brani | } |
30 | 673ea014 | Olga Brani | .info { |
31 | 673ea014 | Olga Brani | position: relative; |
32 | 673ea014 | Olga Brani | .section_header { |
33 | 673ea014 | Olga Brani | float: left; |
34 | 673ea014 | Olga Brani | width:22%; |
35 | 673ea014 | Olga Brani | margin-right: 2%; |
36 | 673ea014 | Olga Brani | font-weight: bold; |
37 | 673ea014 | Olga Brani | } |
38 | 673ea014 | Olga Brani | .right_side { |
39 | 673ea014 | Olga Brani | overflow: hidden; |
40 | 673ea014 | Olga Brani | width: 76%; |
41 | 673ea014 | Olga Brani | .middle_side { |
42 | 673ea014 | Olga Brani | float:left; |
43 | 673ea014 | Olga Brani | min-width:70%; |
44 | 673ea014 | Olga Brani | .action_links { |
45 | 673ea014 | Olga Brani | display: inline-block; |
46 | 673ea014 | Olga Brani | a { |
47 | 673ea014 | Olga Brani | margin-right:5px; |
48 | 673ea014 | Olga Brani | } |
49 | 673ea014 | Olga Brani | } |
50 | 673ea014 | Olga Brani | p { |
51 | 673ea014 | Olga Brani | margin-bottom:0; |
52 | 673ea014 | Olga Brani | } |
53 | 673ea014 | Olga Brani | .info_simple { |
54 | 673ea014 | Olga Brani | display: inline-block; |
55 | 673ea014 | Olga Brani | margin-right: 10px; |
56 | 673ea014 | Olga Brani | width:40%; |
57 | 673ea014 | Olga Brani | } |
58 | 673ea014 | Olga Brani | } |
59 | 673ea014 | Olga Brani | .btn-img { |
60 | 673ea014 | Olga Brani | float:right; |
61 | 673ea014 | Olga Brani | min-width: 180px; |
62 | 673ea014 | Olga Brani | text-align: center; |
63 | 673ea014 | Olga Brani | } |
64 | 673ea014 | Olga Brani | .set { |
65 | 673ea014 | Olga Brani | margin-bottom:1em; |
66 | 673ea014 | Olga Brani | } |
67 | 673ea014 | Olga Brani | |
68 | 673ea014 | Olga Brani | |
69 | 673ea014 | Olga Brani | } |
70 | 673ea014 | Olga Brani | .btn-img { |
71 | 673ea014 | Olga Brani | float:right; |
72 | 673ea014 | Olga Brani | } |
73 | 673ea014 | Olga Brani | |
74 | 673ea014 | Olga Brani | |
75 | 673ea014 | Olga Brani | dl { |
76 | 673ea014 | Olga Brani | margin:0; |
77 | 673ea014 | Olga Brani | dt { |
78 | 673ea014 | Olga Brani | display: inline-block; |
79 | 673ea014 | Olga Brani | width:25%; |
80 | 673ea014 | Olga Brani | |
81 | 673ea014 | Olga Brani | } |
82 | 673ea014 | Olga Brani | dd { |
83 | 673ea014 | Olga Brani | width:74%; |
84 | 673ea014 | Olga Brani | display: inline-block; |
85 | 673ea014 | Olga Brani | .os { |
86 | 673ea014 | Olga Brani | height:16px; |
87 | 673ea014 | Olga Brani | vertical-align: baseline; |
88 | 673ea014 | Olga Brani | } |
89 | 673ea014 | Olga Brani | } |
90 | 673ea014 | Olga Brani | } |
91 | 673ea014 | Olga Brani | } |
92 | 673ea014 | Olga Brani | .close { |
93 | 673ea014 | Olga Brani | position: absolute; |
94 | 673ea014 | Olga Brani | right:$header-padding-horizontal; |
95 | 6fcab23b | Olga Brani | top:$header-padding-horizontal + 43px; |
96 | 673ea014 | Olga Brani | span { |
97 | af86484e | Olga Brani | font-size:32px; |
98 | 673ea014 | Olga Brani | } |
99 | af86484e | Olga Brani | &:hover { |
100 | af86484e | Olga Brani | span { |
101 | af86484e | Olga Brani | color:darken($primary-color,10%); |
102 | af86484e | Olga Brani | } |
103 | af86484e | Olga Brani | } |
104 | 673ea014 | Olga Brani | } |
105 | 673ea014 | Olga Brani | .graph_container { |
106 | 673ea014 | Olga Brani | padding-bottom: 2em; |
107 | 673ea014 | Olga Brani | } |
108 | 673ea014 | Olga Brani | } |
109 | 673ea014 | Olga Brani | |
110 | 673ea014 | Olga Brani | |
111 | 673ea014 | Olga Brani | .details dl { |
112 | 673ea014 | Olga Brani | .editable { |
113 | 673ea014 | Olga Brani | position: relative; |
114 | 673ea014 | Olga Brani | .input-txt { |
115 | 673ea014 | Olga Brani | display: inline-block; |
116 | 673ea014 | Olga Brani | margin-right: 6px; |
117 | 673ea014 | Olga Brani | } |
118 | 673ea014 | Olga Brani | .editbuttons { |
119 | 673ea014 | Olga Brani | display: inline-block; |
120 | 673ea014 | Olga Brani | } |
121 | 673ea014 | Olga Brani | input[type="text"] { |
122 | 673ea014 | Olga Brani | position:relative; |
123 | 673ea014 | Olga Brani | height: 25px; |
124 | 673ea014 | Olga Brani | width:298px; |
125 | 673ea014 | Olga Brani | padding:0 10px; |
126 | 673ea014 | Olga Brani | font-size:inherit; |
127 | 673ea014 | Olga Brani | margin:0; |
128 | 673ea014 | Olga Brani | left:-11px; |
129 | 673ea014 | Olga Brani | top:-1px; |
130 | 673ea014 | Olga Brani | } |
131 | 673ea014 | Olga Brani | |
132 | 673ea014 | Olga Brani | } |
133 | 673ea014 | Olga Brani | |
134 | 673ea014 | Olga Brani | } |
135 | 673ea014 | Olga Brani |