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