Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _details.scss @ 27a54f35

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