Revision 15948f00

b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_create.html
16 16
    <script src="javascripts/vendor/custom.modernizr.js"></script>
17 17
</head>
18 18
<body>
19
	<div class="row-full">
20
		<header class="header">
21
			<nav>
22
				<ul class="icons-nav">
23
					<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
24
					<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
25
					<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
26
					<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network"></span></a></li>
27
					<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
19
	<header class="header">
20
		<nav>
21
			<ul class="icons-nav">
22
				<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
23
				<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
24
				<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
25
				<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network"></span></a></li>
26
				<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
27
			</ul>
28
		</nav>
29
		<div class="logo">
30
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
31
			<h2>Networks</h2>
32
		</div>
33
		<div class="login">
34
			<a href="">test@grnet.gr</a>
35
		</div>
36
		<div class="actions clearfix">
37
			<div class="new-btn"><a href="network_create.html" class="current"><span>+</span> NEW NETWORK</a></div>
38
			<div class="main-actions">
39
				<ul>
40
					<li class="running single"><a href="">Add machine</a></li>
41
					<li class="both"><a href="">Destroy</a></li>
28 42
				</ul>
29
			</nav>
30
			<div class="logo">
31
				<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
32
				<h2>Networks</h2>
33
			</div>
34
			<div class="login">
35
				<a href="">test@grnet.gr</a>
36
			</div>
37
			<div class="actions clearfix">
38
				<div class="new-btn"><a href="network_create.html" class="current"><span>+</span> NEW NETWORK</a></div>
39
				<div class="main-actions">
40
					<ul>
41
						<li class="running single"><a href="">Add machine</a></li>
42
						<li class="both"><a href="">Destroy</a></li>
43
					</ul>
44
				</div>
45 43
			</div>
46
		</header>
47
	</div>
48
	<div class="row-full wrapper ">
44
		</div>
45
	</header>
46
	<div class="overlay-wrapper">
49 47
		<div class="overlay create-vm create-network">
50 48
			<div class="lt-sidebar nav">
51 49
				tba...?
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details.html
17 17
    <script src="javascripts/vendor/custom.modernizr.js"></script>
18 18
</head>
19 19
<body>
20
	<div class="row-full">
21
		<header class="header">
22
			<nav>
23
				<ul class="icons-nav">
24
					<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
25
					<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
26
					<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
27
					<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network"></span></a></li>
28
					<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
20
	<header class="header">
21
		<nav>
22
			<ul class="icons-nav">
23
				<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
24
				<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
25
				<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
26
				<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network"></span></a></li>
27
				<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
28
			</ul>
29
		</nav>
30
		<div class="logo">
31
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
32
			<h2>Networks</h2>
33
		</div>
34
		<div class="login">
35
			<a href="">test@grnet.gr</a>
36
		</div>
37
		<div class="actions clearfix">
38
			<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK</a></div>
39
			<div class="main-actions">
40
				<ul>
41
					<li class="running single"><a href="">Add machine</a></li>
42
					<li class="both"><a href="">Destroy</a></li>
29 43
				</ul>
30
			</nav>
31
			<div class="logo">
32
				<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
33
				<h2>Networks</h2>
34
			</div>
35
			<div class="login">
36
				<a href="">test@grnet.gr</a>
37
			</div>
38
			<div class="actions clearfix">
39
				<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK</a></div>
40
				<div class="main-actions">
41
					<ul>
42
						<li class="running single"><a href="">Add machine</a></li>
43
						<li class="both"><a href="">Destroy</a></li>
44
					</ul>
45
				</div>
46 44
			</div>
47
		</header>
48
	</div>
49
	<div class="row-full wrapper">
50
		<!-- sidebar -->
45
		</div>
46
	</header>
47
	<div class="overlay-wrapper">
51 48
		<div class="lt-sidebar networks scroll-pane">
52 49

  
53 50
			<ul class="items-list">
......
81 78
				
82 79
			</ul>
83 80
		</div>
84

  
85
		<!-- detailed view of network -->
86

  
87
		<!-- main image of network -->
88 81
		<div class="main details network">
89 82
			<a href="network_list.html" class="close" title="back to network list"><span class="snf-font">c</span></a>
90 83
			<div class="top border-bottom-style1">
......
98 91
					</ul>
99 92
				</div>
100 93
			</div>
101

  
102
			<!--sections with details of network -->
103 94
			<section class="border-bottom-style1 info">
104 95
				<dl>
105 96
					<dt>Name</dt><dd>My Crazy Network</dd>
......
108 99
					<dt>IPv6</dt><dd>2001:648:2ffc:1222:a800:ff:fe3f:98fe </dd>
109 100
				</dl>
110 101
			</section>
111

  
112 102
			<section class="wrap info">
113 103
				<div class="section_header">
114 104
					machines
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html
17 17
    <script src="javascripts/vendor/custom.modernizr.js"></script>
18 18
</head>
19 19
<body>
20
	<div class="row-full">
21
		<header class="header">
22
			<nav>
23
				<ul class="icons-nav">
24
					<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
25
					<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
26
					<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
27
					<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network"></span></a></li>
28
					<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
20
	<header class="header">
21
		<nav>
22
			<ul class="icons-nav">
23
				<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
24
				<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
25
				<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
26
				<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network"></span></a></li>
27
				<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
28
			</ul>
29
		</nav>
30
		<div class="logo">
31
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
32
			<h2>Networks</h2>
33
		</div>
34
		<div class="login">
35
			<a href="">test@grnet.gr</a>
36
		</div>
37
		<div class="actions clearfix">
38
			<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK</a></div>
39
			<div class="main-actions">
40
				<ul>
41
					<li class="running single"><a href="">Add machine</a></li>
42
					<li class="both"><a href="">Destroy</a></li>
29 43
				</ul>
30
			</nav>
31
			<div class="logo">
32
				<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
33
				<h2>Networks</h2>
34 44
			</div>
35
			<div class="login">
36
				<a href="">test@grnet.gr</a>
37
			</div>
38
			<div class="actions clearfix">
39
				<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK</a></div>
40
				<div class="main-actions">
41
					<ul>
42
						<li class="running single"><a href="">Add machine</a></li>
43
						<li class="both"><a href="">Destroy</a></li>
44
					</ul>
45
				</div>
46
			</div>
47
		</header>
48
	</div>
49
	<div class="row-full wrapper">
50

  
51
		
52
		<!-- main area -->
53
		<section class="main onecol">
54
			
45
		</div>
46
	</header>
47
	<div class="overlay-wrapper">
48
		<section class="main row">
55 49
			<div class="networks entities">
56 50
				<ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
57 51
					<li data-order="0">
b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html
16 16
    <script src="javascripts/vendor/custom.modernizr.js"></script>
17 17
</head>
18 18
<body>
19
	<div class="row-full">
20
		<header class="header">
21
			<nav>
22
				<ul class="icons-nav">
23
					<li><a href="pithos_list.html" data-tooltip class="has-tip current" title="Storage" ><span class="snf-Pithos"></span></a></li>
24
					<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
25
					<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
26
					<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li>
27
					<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
19
	<header class="header">
20
		<nav>
21
			<ul class="icons-nav">
22
				<li><a href="pithos_list.html" data-tooltip class="has-tip current" title="Storage" ><span class="snf-Pithos"></span></a></li>
23
				<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
24
				<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
25
				<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li>
26
				<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
27
			</ul>
28
		</nav>
29
		<div class="logo">
30
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
31
			<h2>Storage</h2>
32
		</div>
33
		<div class="login">
34
			<a href="">test@grnet.gr</a>
35
		</div>
36
		<div class="actions clearfix">
37
			<div class="new-btn"><a href="#" data-overlay-id="#uploader"><span>+</span> UPLOAD </a></div>
38
			<div class="main-actions">
39
				<ul>
40
					<li class="running single"><a href="">Add machine</a></li>
41
					<li class="both"><a href="">Destroy</a></li>
28 42
				</ul>
29
			</nav>
30
			<div class="logo">
31
				<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
32
				<h2>Storage</h2>
33
			</div>
34
			<div class="login">
35
				<a href="">test@grnet.gr</a>
36
			</div>
37
			<div class="actions clearfix">
38
				<div class="new-btn"><a href="#" data-overlay-id="#uploader"><span>+</span> UPLOAD </a></div>
39
				<div class="main-actions">
40
					<ul>
41
						<li class="running single"><a href="">Add machine</a></li>
42
						<li class="both"><a href="">Destroy</a></li>
43
					</ul>
44
				</div>
45 43
			</div>
46
		</header>
47
	</div>
48
	<div class="row-full overlay-wrapper storage">
44
		</div>
45
	</header>
46
	<div class="overlay-wrapper storage">
49 47
		<div class="overlay-area">
50 48
			<a href="" class="close">close</a>
51 49
			<div id="uploader" class="overlay-div upload-widget">
......
69 67
			</div>
70 68

  
71 69
		</div>
72
		<div class="onecol">
73
			<!-- sidebar -->
70
		<div class="row">
74 71
			<div class="lt-sidebar">
75 72
				 <nav class="sidenav">
76 73
				 	<ul>
......
84 81
				 	<input type="text" placeholder="search">
85 82
				 </form>
86 83
			</div>
87

  
88
			<div class="main content">
89
				
90

  
91
			<div class="confirmation"></div>
84
			<div class="main">
85
				<div class="confirmation"></div>
92 86
				<ul class="breadcrumbs">
93 87
					<li><a href="">shared by me</a></li>
94 88
					<li><a href="">folder 1</a></li>
......
200 194
			</div>
201 195
		</div>
202 196
		<div class="progress-bar">
203
			<div class="onecol">
197
			<div class="row">
204 198
				<span class="counter">6 files uploading</span>
205 199
				<div class="progress-wrap"><div class="progress"><span class="meter" style="width:25%"></span></div></div>
206 200
				<span class="more"><a href="">details ></a></span>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
1 1
/* Table of Contents
2

  
2 3
  - Clearfix
3 4
  - Mixins
4
  - Buttons and links
5
  - Buttons and Links
5 6
  - Layout 
6 7
  - Header
8
  - Icon Navigation
9
  - Top Info
10
  - Progress Bar
7 11
  
8 12
 */
9 13

  
......
26 30

  
27 31
/* Mixins ----------------------------------------------- */
28 32

  
29
// Set margin and padding to zero 
30 33
@mixin marginPaddingZero() {
31 34
	margin: 0;
32 35
	padding: 0;
......
76 79
	}
77 80
}
78 81

  
79
// border grey, on hover $secondary-color
80 82
.btn1 {
81 83
	border:1px solid $primary-color;
82 84
	color:$primary-color;
......
95 97
	}
96 98
}
97 99

  
98
// white background, on hover transparent
99 100
.btn2 {
100 101
	@extend .btn1;
101 102
	color:$secondary-color;
......
108 109
	}
109 110
}
110 111

  
111
// reverse btn2
112 112
.btn3 {
113 113
	@extend .btn1;
114 114
	color:#fff; 
......
130 130
	&.current {
131 131
		color: $secondary-color;
132 132
  		border-color:  $secondary-color;
133
  		background: white;
133
  		background: #fff;
134 134
	}
135 135
}
136 136

  
137

  
138

  
139
// btn with image on the right
140 137
.btn-img {
141 138
	@extend .btn1;
142 139
	border-color:$secondary-color;
......
151 148
}
152 149

  
153 150

  
154
.row-full {
155
	max-width:$row-full-width;
156
	margin:0 auto;
157
}
158

  
159
.onecol {
160
	max-width:$row-width;
161
	margin:0 auto;
162
}
151
/* Layout ----------------------------------------------- */
163 152

  
164 153
.lt-sidebar {
165 154
	width:250px;
......
176 165

  
177 166
.main {
178 167
	padding:43px 40px;
168
	overflow:hidden;
179 169
}
180 170

  
171

  
172

  
173
/* Header ----------------------------------------------- */
174

  
181 175
.header {
182 176
	position:relative;
183 177
	padding:$header-padding-vertical $header-padding-horizontal;
......
257 251
	}
258 252
}
259 253

  
254

  
255
/* Icons Navigation ----------------------------------------------- */
256

  
260 257
.icons-nav {
261 258
	@include marginPaddingZero();
262 259
	li {
......
276 273

  
277 274

  
278 275

  
279
// info styling
276

  
277
/* Top info  ----------------------------------------------- */
280 278

  
281 279
.top-info {
282 280
	padding:50px 100px;
......
320 318
}
321 319

  
322 320

  
321
/* Progress Bar ----------------------------------------------- */
322

  
323 323
.progress-bar {
324 324
	position: fixed;
325 325
	bottom:0;
......
347 347
	span.more {
348 348
		display: inline-block;
349 349
	}
350
}
351

  
352

  
350
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_details.scss
1

  
1
/* Detailed view for VMs, networks  */
2 2

  
3 3
.details {
4 4
	position:relative;
......
6 6
		padding:70px $header-padding-horizontal;
7 7
		text-align: center;
8 8
		.img {
9
			
10 9
			margin-bottom: 20px;
11 10
			position: relative;
12 11
		}
......
27 26
				}
28 27
			}
29 28
		}
30
		
31 29
	}
32 30
	.info {
33 31
		position: relative;
......
37 35
			margin-right: 2%;
38 36
			font-weight: bold;
39 37
		}
40

  
41 38
		.right_side {
42 39
			overflow: hidden;
43 40
			width: 76%;
......
106 103
}
107 104

  
108 105

  
109

  
110

  
111

  
112

  
113 106
.details dl {
114 107
	.editable {
115 108
		position: relative;
......
119 112
		}
120 113
		.editbuttons {
121 114
			display: inline-block;
122
			a {
123
				margin-right: 6px;
124
				&.save, 
125
				&.cancel { 
126

  
127
				}
128
				&:hover {
129
				
130
				}
131
			
132
			}
133 115
		}
134 116
		input[type="text"] {
135 117
			position:relative;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_forms.scss
1
/* Table of Contents
2

  
3
- editable 
4

  
5
*/
6

  
7
/* editable (used for changing info asychronously) ------------------ */
8

  
1 9
.editable {
2 10
	.editbuttons {		
3 11
		a {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
1
/* List view for VMs, networks  */
2

  
1 3
.entities {
2 4
	padding-top:25px;
3 5
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_lt-sidebar.scss
1
/* Table of Contents
2

  
3
  - lt-sidebar general styles
4
  - lt-sidebar list view
5
  - custom scrollbar styles (jscrollpane)
6

  
7
*/ 
8

  
9
/* lt-sidebar general styles ----------------------------------------------- */
1 10

  
2 11
.lt-sidebar {
3 12
	margin-top:43px;
4 13
	overflow:scroll;
5 14
	height:300px;
6 15
	font-size:emCalc(12px);
16

  
17
/* lt-sidebar list view ----------------------------------------------- */
18

  
7 19
	.items-list {
8 20
		padding:0;
9 21
	 li .img .snf-PC_fill {
......
27 39

  
28 40
	}
29 41

  
42
/* custom scrollbar styles (jscrollpane) ----------------------------------------------- */
43

  
30 44
	.jspDrag {
31 45
		background-color:$primary-color;
32 46
	}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
1
// Global Foundation Settings
2
@import "settings";
1
/* Machines (VMs)  related styles  */
3 2

  
4 3
.vms .items-list {
5 4
	.img {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_networks.scss
1
/* Networks related styles  */
2

  
1 3
.networks .items-list {
2 4
	.img {
3 5
		@include sprite('../images/network-green102x116.png', 51px, 58px);
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
1
/* 
1 2

  
3
Overlays (Todo: clean up)
4

  
5
*/
2 6
body.with-overlay {
3 7
	background:$secondary-color;
4 8
}
......
93 97
				list-style:none outside none;
94 98
				
95 99
				a {
100
					display: block;
96 101
					color:#fff;
97 102
					span { float:right; display:none;}
98 103
					&:hover,
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss
964 964
// $has-tip-font-color: #333;
965 965
$has-tip-border-bottom-hover: none;
966 966
// $has-tip-font-color-hover: $primary-color;
967
// $has-tip-cursor-type: help;
967
$has-tip-cursor-type: inherit;
968 968

  
969 969
$tooltip-padding: emCalc(4px) emCalc(10px);
970
$tooltip-bg: $primary-color;
970
$tooltip-bg: $black;
971 971
// $tooltip-font-size: emCalc(15px);
972 972
$tooltip-font-weight: normal;
973 973
// $tooltip-font-color: #fff;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_storage.scss
1
/* Storage (pithos) related styles  */
2

  
1 3
.storage {
2 4
	padding:45px 0;
3 5
	position:relative;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
54 54
// detailed view of vm, network etc
55 55
@import "details";
56 56

  
57
// styles for lt-sidebar
58 57
@import "lt-sidebar";
59

  
60
// styles for forms/editable areas
61 58
@import "forms";
62

  
63
// VMs ( vm list, vm details, create vm)
64 59
@import "machines";
65
// Networks ( network list, network details, create network)
66 60
@import "networks";
67
// Storage ( pithos list, upload new file )
68 61
@import "storage";
69

  
70

  
71
// modals and overlays
72 62
@import "overlays";
/dev/null
1
// Global Foundation Settings
2
@import "settings";
3

  
4
// Comment out this import if you are customizing you imports below
5
@import "foundation";
6

  
7
// Import specific parts of Foundation by commenting the import "foundation"
8
// and uncommenting what you want below. You must uncomment the following if customizing
9

  
10
// @import "foundation/foundation-global"; // *always required
11
// @import "foundation/components/global"; // *always required
12
// @import "foundation/components/grid";
13
// @import "foundation/components/visibility";
14
// @import "foundation/components/block-grid";
15
// @import "foundation/components/type";
16
// @import "foundation/components/buttons";
17
// @import "foundation/components/forms"; // *requires components/buttons
18
// @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms
19
// @import "foundation/components/button-groups"; // *requires components/buttons
20
// @import "foundation/components/dropdown-buttons"; // *requires components/buttons
21
// @import "foundation/components/split-buttons"; // *requires components/buttons
22
// @import "foundation/components/flex-video";
23
// @import "foundation/components/section";
24
// @import "foundation/components/top-bar";  // *requires components/grid
25
// @import "foundation/components/orbit";
26
// @import "foundation/components/reveal";
27
// @import "foundation/components/joyride";
28
// @import "foundation/components/clearing";
29
// @import "foundation/components/alert-boxes";
30
// @import "foundation/components/breadcrumbs";
31
// @import "foundation/components/keystrokes";
32
// @import "foundation/components/labels";
33
// @import "foundation/components/inline-lists";
34
// @import "foundation/components/pagination";
35
// @import "foundation/components/panels";
36
// @import "foundation/components/pricing-tables";
37
// @import "foundation/components/progress-bars";
38
// @import "foundation/components/side-nav";
39
// @import "foundation/components/sub-nav";
40
// @import "foundation/components/switch";
41
// @import "foundation/components/magellan";
42
// @import "foundation/components/tables";
43
// @import "foundation/components/thumbs";
44
// @import "foundation/components/tooltips";
45
// @import "foundation/components/dropdown";
46

  
47
.clearfix:before,
48
.clearfix:after									{ content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
49
.clearfix:after									{ clear:both; }
50
// Set margin and padding to zero 
51
@mixin marginPaddingZero() {
52
	margin: 0;
53
	padding: 0;
54
}
55
 
56

  
57
// Establishes the prequisits for sprite with background-image.
58
// Background-position for normal and hover states need to 
59
// be declared separetely
60
@mixin sprite($image, $width, $height){
61
	background:url($image) no-repeat center center;
62
	width: $width;
63
	height:$height;
64
	display: inline-block;
65
	text-indent: -2000px;
66
	overflow: hidden;
67

  
68
}
69

  
70
// Transition for css properties
71
@mixin transition($transition-property, $transition-time, $method) {
72
	-webkit-transition: $transition-property $transition-time $method;
73
	-moz-transition: $transition-property $transition-time $method;
74
	-ms-transition: $transition-property $transition-time $method;
75
	-o-transition: $transition-property $transition-time $method;
76
	transition: $transition-property $transition-time $method;
77
}
78

  
79
// Box-shadow property. For no box-shadow use box-shadow(none)
80
@mixin box-shadow($shadows...) {
81
  -moz-box-shadow: $shadows;
82
  -webkit-box-shadow: $shadows;
83
  box-shadow: $shadows;
84
}
85

  
86
// border grey, on hover pink
87
.btn1 {
88
	border:1px solid $primary-color;
89
	color:$primary-color;
90
	display:inline-block;
91
	padding:10px 20px;
92
	line-height:1em;
93
	text-align:center;
94
	&:hover,
95
	&.current {
96
		border-color:$secondary-color;
97
		background:$secondary-color;
98
		color:$white;
99
	}
100
	&.current {
101
		cursor:default;
102
	}
103
}
104

  
105
// white background, on hover transparent
106
.btn2 {
107
	@extend .btn1;
108
	color:$secondary-color;
109
	background:$white;
110
	border-color:$secondary-color;
111
	&:hover, 
112
	&.current {
113
		background:transparent;
114
		border-color:$white;
115
	}
116
}
117

  
118
// reverse btn2
119
.btn3 {
120
	@extend .btn1;
121
	color:$white; 
122
	border-color:$white;
123
	&:hover, 
124
	&.current {
125
		color:$secondary-color;
126
		background:$white;
127
		border-color:$white;
128
	}
129
}
130

  
131

  
132
// reverse btn2
133
.btn4 {
134
	@extend .btn1;
135
	color:$white; 
136
	border-color:$white;
137
	background:$success-color;
138
	&:hover, 
139
	&.current {
140
		border-color:$white;
141
		background:darken($success-color,15%);
142

  
143
	}
144
}
145

  
146
a:hover {
147
	@include transition(background, 300ms, ease-out);
148
}
149

  
150
.dummy-navigation {
151
	position: fixed;
152
	right:0;
153
	top:100px;
154
	padding:20px;
155
	background:#cc0;
156
	z-index:100;
157
	line-height:160%;
158
	a {
159
		color:$black;
160
		&:hover { color:$white }
161
		&.open { color:$white;}
162
		&.close {
163
			float:right;
164
			font-weight:bold;
165
			font-size:20px;
166
		}
167
	}
168
}
169

  
170
.ours {
171
	padding:8px 15px;
172
	color:$white;
173
	font-size:20px;
174
	font-weight:bold;
175
	background:#cc0;
176
	display:none;
177
	position: absolute;
178
	&.questions { background:orange;}
179
	&.problems { background:red;}
180
	&.suggestions { background:#3EC9FF;}
181

  
182
}
183

  
184

  
185
.row-full {
186
	width:$row-top-width;
187
	margin:0 auto;
188
}
189

  
190
.lt-sidebar {
191
	width:250px;
192
	float:left;
193
	
194
	&+.main {
195
		overflow:hidden;
196
	}
197
}
198

  
199
.main {
200
	padding:20px 40px;
201
}
202

  
203
body.with-overlay {
204
	background:$secondary-color;
205
}
206

  
207
.header {
208
	position:relative;
209
	padding:$header-padding-vertical $header-padding-horizontal;
210
	border-bottom:1px solid $primary-color;
211
	background:$white;
212
	.logo {
213
		text-align: center;
214
	}
215
	.actions {
216
		text-align:center;
217
		ul {
218
			margin:$header-padding-vertical 0 0;
219
			li {
220
				list-style: none outside none;
221
				display: inline-block;
222
				margin:0 5px;
223
				a {
224
					display: block;
225
					width:100%;
226
					padding:8px 20px;
227
					border:1px solid transparent;
228
					&:hover {
229
						border:1px solid $secondary-color;
230
					}
231
				}
232
			}
233
		}
234
	}
235
	.new-btn {
236
		position: absolute;
237
		left:$header-padding-horizontal;
238
		bottom:$header-padding-vertical;
239
		a {
240
			@extend .btn4;
241
			span {
242
				font-size:emCalc(20px);
243
			}
244
		}
245
	}
246
}
247
.login {
248
	position:absolute;
249
	right:$header-padding-horizontal;
250
	top:$header-padding-vertical;
251
}
252

  
253
.top-nav {
254
	position:absolute;
255
	left:$header-padding-horizontal;
256
	top:$header-padding-vertical;
257
	ul {
258
		@include marginPaddingZero();
259
		li {
260
			display: inline-block;
261
			margin-right:15px;
262
			a {
263
				padding-bottom:5px;
264
			}
265
		}
266
	}
267

  
268
}
269

  
270

  
271
// info styling
272

  
273
.top-info {
274
	padding:50px 100px;
275
	position: relative;
276
	.close {
277
		position: absolute;
278
		right:$header-padding-horizontal;
279
		top:50px;
280
		@include sprite('../images/info-close.png', 31px, 30px);
281
	}
282
}
283
.info.alert {
284
	background:$secondary-color;
285
	color:$white;
286
}
287

  
288
.info.warning {
289
	background:$warning-color;
290
	color:$black;
291
}
292

  
293
.info.success {
294
	background:$success-color;
295
	color:$white;
296
}
297

  
298
.items-list {
299
	padding:50px 0;
300
	li {
301
		text-align:center;
302
		padding:20px;
303
		.visible-info {
304
			span {
305
				display: block;
306
			}
307
		}
308
	}
309
}
310

  
311
.vms {
312
	.items-list {
313
		li {
314
			.more {
315
				float:right;
316
			}
317
			.more-info {
318
				position:relative;
319
				.content {
320
					position:absolute;
321
					top:0;
322
					right:0;
323
					border:2px solid #ccc;
324
				}
325
			}
326
			.img {
327
				@include sprite('../images/vm-on.png', 56px, 58px);
328
				margin-bottom: 20px;
329
				position: relative;
330
				&.stopped {
331
					background-image:url('../images/vm-stopped.png');
332
				}
333
				.os {
334
					@include sprite('../images/os-unknown.png', 22px, 22px);
335
					position: absolute;
336
					top:8px;
337
					left:18px;
338
					&.windows { background-image:url('../images/os-windows.png'); }
339
					&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
340
					&.fedora { background-image:url('../images/os-fedora.png'); }
341
				}
342
			}
343
		}
344
	}
345
}
346

  
347
.lt-sidebar.vms {
348
	overflow:scroll;
349
	height:300px;
350
	font-size:emCalc(12px);
351
	.items-list {
352
		padding:0;
353
	}
354
	.items-list li .img, 
355
	.items-list li .os {
356
		background-size:80%;
357
	}
358
	li:hover,
359
	li.current {
360
		background:lighten($primary-color,30%);
361
		cursor: pointer;
362
	}
363
}
364

  
365
.vm {
366
	.img {
367
				@include sprite('../images/vm-on.png', 56px, 58px);
368
				margin-bottom: 20px;
369
				position: relative;
370
				&.stopped {
371
					background-image:url('../images/vm-stopped.png');
372
				}
373
				.os {
374
					@include sprite('../images/os-unknown.png', 22px, 22px);
375
					position: absolute;
376
					top:8px;
377
					left:18px;
378
					&.windows { background-image:url('../images/os-windows.png'); }
379
					&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
380
					&.fedora { background-image:url('../images/os-fedora.png'); }
381
				}
382
			}
383
}
384

  
385
.details {
386
	position:relative;
387
		
388
	.top {
389
		padding:100px $header-padding-horizontal;
390
		text-align: center;
391
		.img {
392
			@include sprite('../images/vm-on.png', 112px, 116px);
393
			background-size:100%;
394
		}
395
		.os {
396
			background-size:100%;
397
			width:44px;
398
			height:44px;
399
			left:36px;
400
			top:16px;
401
		}
402
		.actions {
403
			ul {
404
				padding:1em;
405
				text-align:center;
406
				li {
407
					list-style: none outside none;
408
					display: inline-block;
409
					margin:0 10px;
410
					min-width: 112px;
411
					a {
412
						@extend .btn1;
413
					}
414

  
415
				}
416
			}
417
		}
418
		
419
	}
420
	.info {
421
		dl {
422
			margin:0;
423
			dt {
424
				display: inline-block;
425
				width:25%;
426
				float:left;
427
			}
428
		}
429
	}
430
	.close {
431
		position: absolute;
432
		right:$header-padding-horizontal;
433
		top:50px;
434
		@include sprite('../images/info-close-grey.png', 31px, 30px);
435
	}
436
}
437

  
438
.border-bottom-style1 {
439
	padding-bottom:20px;
440
	margin-bottom:20px;
441
	border-bottom:2px dashed $primary-color;
442
}
443

  
444
.overlay {
445
	background:$secondary-color;
446
	.lt-sidebar {
447
		border-right:1px solid $white;
448
		ul {
449
			li {
450
				list-style:none outside none;
451
				a {
452
					color:$white;
453
					span { float:right; display:none;}
454
					&:hover,
455
					&.current {
456

  
457
						text-decoration: none;
458
						span { 
459
							display:inline;
460
						}
461
					}
462
				}
463

  
464
			}
465
		}
466

  
467
	}
468
	.lt-sidebar, 
469
	.main {
470
		padding:100px $header-padding-horizontal;
471
		position:relative;
472
	}
473
	.navigation {
474
		.rt {
475
			float:right;
476
		}
477
	}
478
	.close {
479
		position: absolute;
480
		right:$header-padding-horizontal;
481
		top:50px;
482
		@include sprite('../images/info-close.png', 31px, 30px);
483
	}
484
}
485

  
486
.create-vm {
487
	.select-os {
488
		li {
489
			width:23%;
490
			padding:20px;
491
			list-style:none outside none;
492
			display: inline-block;
493
			float: left;
494
			height: 200px;
495
			margin:0 10px 10px 0;
496
			&:hover,
497
			&.selected {
498
				background:$white;
499
				h2, p, a {
500
					color:$secondary-color;
501
				}
502
			}
503
			a {
504
				color:$white;
505
			}
506
			.os {
507
				@include sprite('../images/os-unknown.png', 30px, 30px);
508
				background-size:100%;
509
				margin-bottom:2em;
510
				&.windows { background-image:url('../images/os-windows.png'); }
511
				&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
512
				&.fedora { background-image:url('../images/os-fedora.png'); }
513
			}
514
			h2 {
515
				font-size:emCalc(16px);
516
				font-weight:normal;
517
				color:$white;
518
			}
519
			.details {
520
				font-weight:bold;
521
				font-size:emCalc(14px);
522
			}
523
		}
524
	}
525
	.select-flavor {
526
		dl {
527
			color:$white;
528
			font-size:emCalc(20px);
529
			margin-bottom:10px;
530
			dd {
531
				width:23%;
532
				display: inline-block;
533
			}
534
			dt {
535
				width:70%;
536
				display: inline-block;
537
				font-weight: normal;
538
				span {
539
					@extend .btn3;
540
					min-width: 90px;
541
					margin:0 10px;
542
					&:first-child {
543
						margin-left:0;
544
					}
545
				}
546
			}
547
		}
548
	}
549
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
1
/* line 264, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
1
/* line 264, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
2 2
*,
3 3
*:before,
4 4
*:after {
......
7 7
  box-sizing: border-box;
8 8
}
9 9

  
10
/* line 269, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
10
/* line 269, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
11 11
html,
12 12
body {
13 13
  font-size: 100%;
14 14
}
15 15

  
16
/* line 272, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
16
/* line 272, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
17 17
body {
18 18
  background: white;
19 19
  color: #222222;
......
27 27
  cursor: default;
28 28
}
29 29

  
30
/* line 285, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
30
/* line 285, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
31 31
a:hover {
32 32
  cursor: pointer;
33 33
}
34 34

  
35
/* line 288, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
35
/* line 288, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
36 36
a:focus {
37 37
  outline: none;
38 38
}
39 39

  
40
/* line 293, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
40
/* line 293, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
41 41
img,
42 42
object,
43 43
embed {
......
45 45
  height: auto;
46 46
}
47 47

  
48
/* line 296, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
48
/* line 296, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
49 49
object,
50 50
embed {
51 51
  height: 100%;
52 52
}
53 53

  
54
/* line 297, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
54
/* line 297, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
55 55
img {
56 56
  -ms-interpolation-mode: bicubic;
57 57
}
58 58

  
59
/* line 303, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
59
/* line 303, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
60 60
#map_canvas img,
61 61
#map_canvas embed,
62 62
#map_canvas object,
......
66 66
  max-width: none !important;
67 67
}
68 68

  
69
/* line 308, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
69
/* line 308, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
70 70
.left {
71 71
  float: left !important;
72 72
}
73 73

  
74
/* line 309, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
74
/* line 309, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
75 75
.right {
76 76
  float: right !important;
77 77
}
78 78

  
79
/* line 310, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
79
/* line 310, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
80 80
.text-left {
81 81
  text-align: left !important;
82 82
}
83 83

  
84
/* line 311, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
84
/* line 311, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
85 85
.text-right {
86 86
  text-align: right !important;
87 87
}
88 88

  
89
/* line 312, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
89
/* line 312, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
90 90
.text-center {
91 91
  text-align: center !important;
92 92
}
93 93

  
94
/* line 313, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
94
/* line 313, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
95 95
.text-justify {
96 96
  text-align: justify !important;
97 97
}
98 98

  
99
/* line 314, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
99
/* line 314, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
100 100
.hide {
101 101
  display: none;
102 102
}
103 103

  
104
/* line 320, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
104
/* line 320, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
105 105
.antialiased {
106 106
  -webkit-font-smoothing: antialiased;
107 107
}
108 108

  
109
/* line 323, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
109
/* line 323, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
110 110
img {
111 111
  display: inline-block;
112 112
  vertical-align: middle;
113 113
}
114 114

  
115
/* line 333, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
115
/* line 333, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
116 116
textarea {
117 117
  height: auto;
118 118
  min-height: 50px;
119 119
}
120 120

  
121
/* line 336, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
121
/* line 336, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
122 122
select {
123 123
  width: 100%;
124 124
}
125 125

  
126 126
/* Grid HTML Classes */
127
/* line 116, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
127
/* line 116, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
128 128
.row {
129 129
  width: 100%;
130 130
  margin-left: auto;
......
134 134
  max-width: 75em;
135 135
  *zoom: 1;
136 136
}
137
/* line 121, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
137
/* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
138 138
.row:before, .row:after {
139 139
  content: " ";
140 140
  display: table;
141 141
}
142
/* line 122, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
142
/* line 122, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
143 143
.row:after {
144 144
  clear: both;
145 145
}
146
/* line 121, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
146
/* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
147 147
.row.collapse .column,
148 148
.row.collapse .columns {
149 149
  position: relative;
......
151 151
  padding-right: 0;
152 152
  float: left;
153 153
}
154
/* line 124, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
154
/* line 124, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
155 155
.row .row {
156 156
  width: auto;
157 157
  margin-left: -0.9375em;
......
161 161
  max-width: none;
162 162
  *zoom: 1;
163 163
}
164
/* line 121, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
164
/* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
165 165
.row .row:before, .row .row:after {
166 166
  content: " ";
167 167
  display: table;
168 168
}
169
/* line 122, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
169
/* line 122, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
170 170
.row .row:after {
171 171
  clear: both;
172 172
}
173
/* line 125, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
173
/* line 125, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
174 174
.row .row.collapse {
175 175
  width: auto;
176 176
  margin: 0;
177 177
  max-width: none;
178 178
  *zoom: 1;
179 179
}
180
/* line 121, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
180
/* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
181 181
.row .row.collapse:before, .row .row.collapse:after {
182 182
  content: " ";
183 183
  display: table;
184 184
}
185
/* line 122, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
185
/* line 122, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
186 186
.row .row.collapse:after {
187 187
  clear: both;
188 188
}
189 189

  
190
/* line 130, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
190
/* line 130, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
191 191
.column,
192 192
.columns {
193 193
  position: relative;
......
198 198
}
199 199

  
200 200
@media only screen {
201
  /* line 135, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
201
  /* line 135, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
202 202
  .column,
203 203
  .columns {
204 204
    position: relative;
......
207 207
    float: left;
208 208
  }
209 209

  
210
  /* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
210
  /* line 138, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
211 211
  .small-1 {
212 212
    position: relative;
213 213
    width: 8.33333%;
214 214
  }
215 215

  
216
  /* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
216
  /* line 138, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
217 217
  .small-2 {
218 218
    position: relative;
219 219
    width: 16.66667%;
220 220
  }
221 221

  
222
  /* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
222
  /* line 138, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
223 223
  .small-3 {
224 224
    position: relative;
225 225
    width: 25%;
226 226
  }
227 227

  
228
  /* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
228
  /* line 138, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_grid.scss */
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff