1
=== modified file '.DS_Store'
2
0
Binary files .DS_Store	2013-05-16 10:23:33 +0000 and .DS_Store	2014-12-02 15:34:17 +0000 differ
0
Binary files .DS_Store	2013-05-16 10:23:33 +0000 and .DS_Store	2014-12-02 15:34:17 +0000 differ
3
=== added file '.bzrignore'
4
--- .bzrignore	1970-01-01 00:00:00 +0000
5
+++ .bzrignore	2014-12-02 15:34:17 +0000
6
@@ -0,0 +1,4 @@
7
1
.DS_Store
8
2
library/css/.sass-cache
9
3
.sass-cashe/*
10
4
config.rb
11
0
5
12
=== modified file 'archive.php'
13
--- archive.php	2013-05-16 10:23:33 +0000
14
+++ archive.php	2014-12-02 15:34:17 +0000
15
@@ -23,51 +23,54 @@
16
23
	$postCount = 0;
23
	$postCount = 0;
17
24
?>
24
?>
18
25
<div class="row">
25
<div class="row">
22
26
	<section>
26
<?php if (have_posts()) : ?>
23
27
	<div class="two-col">
27
<?php while (have_posts()) : the_post(); ?>
24
28
	<ul id="list-archives" class="no-bullets">
28
<?php if(++$postCount == 1) { ?>
25
29
	<h1>Posts from <?php the_time(' F Y') ?></h1>
26
30
</div>
27
31
<div class="row">
28
32
	<span class="filter-toggle">Filter by date</span>
29
33
<div class="two-col filter">
30
34
	<div id="accordion">
31
29
	<?php
35
	<?php
32
30
	/**/
36
	/**/
33
31
	$years = $wpdb->get_col("SELECT DISTINCT YEAR(post_date) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' ORDER BY post_date DESC");
37
	$years = $wpdb->get_col("SELECT DISTINCT YEAR(post_date) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' ORDER BY post_date DESC");
34
32
	foreach($years as $year) :
38
	foreach($years as $year) :
35
33
	?>
39
	?>
38
34
		<li class="year"><h3><a href="<?php echo get_year_link($year); ?> "><?php echo $year; ?></a></h3>
40
		<h3><?php echo $year; ?></h3>
39
35
	
41
		<div>
40
36
			<ul id="" class="no-bullets">
42
			<ul id="" class="no-bullets">
50
37
			<?	$months = $wpdb->get_col("SELECT DISTINCT MONTH(post_date) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' AND YEAR(post_date) = '".$year."' ORDER BY post_date DESC");
43
				<?	$months = $wpdb->get_col("SELECT DISTINCT MONTH(post_date) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' AND YEAR(post_date) = '".$year."' ORDER BY post_date DESC");
51
38
				foreach($months as $month) :
44
					foreach($months as $month) :
52
39
				?>
45
					?>
53
40
				<li class=""><a href="<?php echo get_month_link($year, $month); ?>"><?php echo date( 'F', mktime(0, 0, 0, $month) );?>
46
					<li class=""><a href="<?php echo get_month_link($year, $month); ?>"><?php echo date( 'F', mktime(0, 0, 0, $month) );?>
54
41
				<?php $monthly_posts = query_posts("year=".$year."&monthnum=".$month."&order=DESC");
47
					<?php $monthly_posts = query_posts("year=".$year."&monthnum=".$month."&order=DESC");
55
42
					  $post_count = count($monthly_posts);
48
						  $post_count = count($monthly_posts);
56
43
				?>
49
					?>
57
44
	(<?php if($post_count >= 1) { echo $post_count.''; } wp_reset_query(); ?>)</a></li>
50
				(<?php if($post_count >= 1) { echo $post_count.''; } wp_reset_query(); ?>)</a></li>
58
45
				<?php endforeach;?>
51
					<?php endforeach;?>
59
46
			</ul>
52
			</ul>
63
47
		</li>
53
		</div>
64
48
	<?php endforeach; ?>
54
		<?php endforeach;?>
65
49
	</ul>
55
		</div>
66
50
	</div><!-- /.two-col -->
56
	</div><!-- /.two-col -->
88
51
			<?php if (have_posts()) : ?>
57
89
52
				<?php while (have_posts()) : the_post(); ?>
58
90
53
				<?php if(++$postCount == 1) { ?>
59
	<div class="eight-col prepend-one last-col">
91
54
			<h1>Posts from <?php the_time(' F Y') ?></h1>
60
		<ul class="results-list no-bullets">
92
55
		<div class="nine-col last-col">
61
	<?php } ?>
93
56
				<ul id="results-list" class="no-bullets">
62
			<li>
94
57
			<?php } ?>
63
				<article>
95
58
				<li class="box">
64
					<h3><a href="<?php the_permalink() ?>"><?php if (get_post_type() == 'post') { echo 'Blog: '; } else { $post_type = get_post_type_object(get_post_type($post)); echo $post_type->labels->singular_name, ': '; } ?><?php the_title(); ?></a></h3>
96
59
					<article>
65
					<p class="article-meta"><span class="off-left">Posted by </span><a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>"><strong><?php if(get_the_author_meta('first_name') == '') { ?><?php if(the_author_meta('display_name')) ?><?php } else { ?><?php if(the_author_meta('first_name')) ?> <?php if(the_author_meta('last_name')) ?><?php } ?> </strong></a> on <time datetime="<?php the_time('Y-m-d') ?>"><?php the_time('j') ?><sup><?php the_time('S') ?></sup><?php the_time(' F Y') ?></time></p>
97
60
						<h3><a href="<?php the_permalink() ?>"><?php if (get_post_type() == 'post') { echo 'Blog: '; } else { $post_type = get_post_type_object(get_post_type($post)); echo $post_type->labels->singular_name, ': '; } ?><?php the_title(); ?></a></h3>
66
					<?php the_excerpt(); ?>
98
61
						<p class="article-meta"><span class="off-left">Posted by </span><a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>"><strong><?php if(get_the_author_meta('first_name') == '') { ?><?php if(the_author_meta('display_name')) ?><?php } else { ?><?php if(the_author_meta('first_name')) ?> <?php if(the_author_meta('last_name')) ?><?php } ?> </strong></a> on <time datetime="<?php the_time('Y-m-d') ?>"><?php the_time('j') ?><sup><?php the_time('S') ?></sup><?php the_time(' F Y') ?></time></p>
67
					<?#php comments_number('No <span class="postHeaderValue">Comments</span>','1 <span class="postHeaderValue">Comment</span>','% <span class="postHeaderValue">Comments</span>'); ?>
99
62
						<?php the_excerpt(); ?>
68
				</article>
100
63
						<?#php comments_number('No <span class="postHeaderValue">Comments</span>','1 <span class="postHeaderValue">Comment</span>','% <span class="postHeaderValue">Comments</span>'); ?>
69
			</li>		
101
64
					</article>
70
	<?php endwhile; ?>
102
65
				</li>		
71
		</ul>
103
66
			<?php endwhile; ?>
72
	<?php else : ?>	
104
67
				</ul>
73
	<?php endif; // end have_posts ?>
105
68
			<?php else : ?>	
74
	</div><!-- /.eight-col -->
85
69
			<?php endif; // end have_posts ?>
86
70
		</div><!-- /.eight-col -->
87
71
	</section>
106
72
</div>
75
</div>
107
73
<?php get_footer(); ?>
76
<?php get_footer(); ?>
108
74
\ No newline at end of file
77
\ No newline at end of file
109
75
78
110
=== modified file 'archives.php'
111
--- archives.php	2013-05-16 10:23:33 +0000
112
+++ archives.php	2014-12-02 15:34:17 +0000
113
@@ -22,53 +22,55 @@
114
22
Template Name: Archives
22
Template Name: Archives
115
23
*/
23
*/
116
24
get_header(); ?>
24
get_header(); ?>
117
25
118
26
<div id="content" role="main">
25
<div id="content" role="main">
165
27
<div class="row">
26
	<div class="row">
166
28
<div class="two-col">
27
		<h1>Archives</h1>
167
29
<ul id="list-archives" class="no-bullets">
28
	</div>
168
30
<?php
29
	<div class="row">
169
31
/**/
30
		<span class="filter-toggle">Filter by date</span>
170
32
$years = $wpdb->get_col("SELECT DISTINCT YEAR(post_date) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' ORDER BY post_date DESC");
31
		<div class="two-col filter">
171
33
foreach($years as $year) :
32
	<div id="accordion">
172
34
?>
33
	<?php
173
35
	<li class="year"><h3><a href="<?php echo get_year_link($year); ?> "><?php echo $year; ?></a></h3>
34
	/**/
174
36
35
	$years = $wpdb->get_col("SELECT DISTINCT YEAR(post_date) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' ORDER BY post_date DESC");
175
37
		<ul id="" class="no-bullets">
36
	foreach($years as $year) :
176
38
		<?	$months = $wpdb->get_col("SELECT DISTINCT MONTH(post_date) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' AND YEAR(post_date) = '".$year."' ORDER BY post_date DESC");
37
	?>
177
39
			foreach($months as $month) :
38
		<h3><?php echo $year; ?></h3>
178
40
			?>
39
		<div>
179
41
			<li class=""><a href="<?php echo get_month_link($year, $month); ?>"><?php echo date( 'F', mktime(0, 0, 0, $month) );?>
40
			<ul id="" class="no-bullets">
180
42
			<?php $monthly_posts = query_posts("year=".$year."&monthnum=".$month."&order=DESC");
41
				<?	$months = $wpdb->get_col("SELECT DISTINCT MONTH(post_date) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' AND YEAR(post_date) = '".$year."' ORDER BY post_date DESC");
181
43
				  $post_count = count($monthly_posts);
42
					foreach($months as $month) :
182
44
			?>
43
					?>
183
45
(<?php if($post_count >= 1) { echo $post_count.''; } wp_reset_query(); ?>)</a></li>
44
					<li class=""><a href="<?php echo get_month_link($year, $month); ?>"><?php echo date( 'F', mktime(0, 0, 0, $month) );?>
184
46
			<?php endforeach;?>
45
					<?php $monthly_posts = query_posts("year=".$year."&monthnum=".$month."&order=DESC");
185
47
		</ul>
46
						  $post_count = count($monthly_posts);
186
48
	</li>
47
					?>
187
49
<?php endforeach; ?>
48
				(<?php if($post_count >= 1) { echo $post_count.''; } wp_reset_query(); ?>)</a></li>
188
50
</ul>
49
					<?php endforeach;?>
189
51
</div><!-- /.two-col -->
50
			</ul>
190
52
<?php $postCount = 0; ?>
51
		</div>
191
53
	<?php if(++$postCount == 1) { ?>
52
		<?php endforeach;?>
192
54
	<h1>Archives</h1>
53
		</div>
193
55
		<div class="nine-col last-col">
54
	</div><!-- /.two-col -->
194
56
			<ul id="results-list" class="no-bullets">
55
		<?php $postCount = 0; ?>
195
57
	<?php } ?>
56
			<?php if(++$postCount == 1) { ?>
196
58
            <?php $recent = new WP_Query("showposts=10"); while($recent->have_posts()) : $recent->the_post();?>
57
			
197
59
			<li class="box">
58
				<div class="eight-col prepend-one last-col">
198
60
					<article>
59
					<ul class="results-list no-bullets">
199
61
						<h3><a href="<?php the_permalink() ?>"><?php if (get_post_type() == 'post') { echo 'Blog: '; } else { $post_type = get_post_type_object(get_post_type($post)); echo $post_type->labels->singular_name, ': '; } ?><?php the_title(); ?></a></h3>
60
			<?php } ?>
200
62
						<p class="article-meta"><span class="off-left">Posted by </span><a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>"><strong><?php if(get_the_author_meta('first_name') == '') { ?><?php if(the_author_meta('display_name')) ?><?php } else { ?><?php if(the_author_meta('first_name')) ?> <?php if(the_author_meta('last_name')) ?><?php } ?> </strong></a> on <time datetime="<?php the_time('Y-m-d') ?>"><?php the_time('j') ?><sup><?php the_time('S') ?></sup><?php the_time(' F Y') ?></time></p>
61
		            <?php $recent = new WP_Query("showposts=10"); while($recent->have_posts()) : $recent->the_post();?>
201
63
						<?php the_excerpt(); ?>
62
					<li>
202
64
						<?#php comments_number('No <span class="postHeaderValue">Comments</span>','1 <span class="postHeaderValue">Comment</span>','% <span class="postHeaderValue">Comments</span>'); ?>
63
							<article>
203
65
					</article>
64
								<h3><a href="<?php the_permalink() ?>"><?php if (get_post_type() == 'post') { echo 'Blog: '; } else { $post_type = get_post_type_object(get_post_type($post)); echo $post_type->labels->singular_name, ': '; } ?><?php the_title(); ?></a></h3>
204
66
				</li>	
65
								<p class="article-meta"><span class="off-left">Posted by </span><a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>"><strong><?php if(get_the_author_meta('first_name') == '') { ?><?php if(the_author_meta('display_name')) ?><?php } else { ?><?php if(the_author_meta('first_name')) ?> <?php if(the_author_meta('last_name')) ?><?php } ?> </strong></a> on <time datetime="<?php the_time('Y-m-d') ?>"><?php the_time('j') ?><sup><?php the_time('S') ?></sup><?php the_time(' F Y') ?></time></p>
205
67
            <?php endwhile;?>
66
								<?php the_excerpt(); ?>
206
68
        </ul>
67
								<?#php comments_number('No <span class="postHeaderValue">Comments</span>','1 <span class="postHeaderValue">Comment</span>','% <span class="postHeaderValue">Comments</span>'); ?>
207
69
</div><!-- end .entry-content -->
68
							</article>
208
70
69
						</li>	
209
71
</div>
70
		            <?php endwhile;?>
210
72
	</div><!-- #content -->
71
		        </ul>
211
72
		</div><!-- end .entry-content -->
212
73
	</div>
213
74
</div><!-- #content -->
214
73
75
215
74
<?php get_footer(); ?>
76
<?php get_footer(); ?>
216
75
77
217
=== modified file 'author.php'
218
--- author.php	2013-05-16 10:23:33 +0000
219
+++ author.php	2014-12-02 15:34:17 +0000
220
@@ -20,13 +20,13 @@
221
20
20
222
21
<div class="row">
21
<div class="row">
223
22
	<div class="seven-col">
22
	<div class="seven-col">
231
23
		 <?php 
23
		<?php 
232
24
		 $curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author));				
24
		$curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author));				
233
25
		 if(get_the_author_meta('user_photo', $curauth->ID)): ?>	
25
		if(get_the_author_meta('user_photo', $curauth->ID)): ?>	
234
26
		    <img class="avatar" src="<?php bloginfo('url'); ?>/wp-content/uploads/<?php the_author_meta('user_photo',$curauth->ID); ?>" class="superellipse" alt="<?php the_author_meta('first_name',$curauth->ID); ?>'s photo" width="180" height="180" />
26
			<img class="avatar" src="<?php bloginfo('url'); ?>/wp-content/uploads/<?php the_author_meta('user_photo',$curauth->ID); ?>" class="superellipse" alt="<?php the_author_meta('first_name',$curauth->ID); ?>'s photo" width="180" height="180" />
235
27
	    <?php else : ?>
27
		<?php else : ?>
236
28
		    	<?php echo get_avatar($curauth->user_email, '180', $avatar); ?>
28
			<?php echo get_avatar($curauth->user_email, '180', $avatar); ?>
237
29
	    <?php endif; ?>
29
		<?php endif; ?>
238
30
	    <div class="bio">
30
	    <div class="bio">
239
31
	    	<header>
31
	    	<header>
240
32
		    	<h1><?php echo $curauth->first_name . ' ' . $curauth->last_name; ?></h1>
32
		    	<h1><?php echo $curauth->first_name . ' ' . $curauth->last_name; ?></h1>
241
33
33
242
=== modified file 'footer.php'
243
--- footer.php	2014-01-08 16:00:57 +0000
244
+++ footer.php	2014-12-02 15:34:17 +0000
245
@@ -19,23 +19,78 @@
246
19
</div><!-- /#main-content -->
19
</div><!-- /#main-content -->
247
20
</div><!-- /.wrapper -->
20
</div><!-- /.wrapper -->
248
21
21
260
22
<footer class="global clearfix" role="contentinfo">
22
<div class="footer-wrapper strip-light">
261
23
	<div class="legal clearfix">
23
	<footer class="global clearfix">
262
24
		<p>&copy; <?php echo date('Y'); ?> Canonical Ltd. Ubuntu and Canonical are registered trademarks of Canonical Ltd.</p>
24
		<nav role="navigation">
263
25
		<ul class="no-bullets inline">
25
			<div class="row">
264
26
			<li class="first"><a href="https://bugs.launchpad.net/canonical-blog/+filebug">Report a bug on this site</a></li>
26
				<div id="canonlist" class="canonlist four-col">
265
27
			<li class="link-rss"><a href="http://blog.canonical.com/feed/"><abbr title="Really Simple Syndication">RSS</abbr> feed</a></li>
27
					<h2>Canonical</h2>
266
28
			<li class="canonilink"><a href="http://www.canonical.com">Canonical Ltd</a></li>
28
					<ul>
267
29
			<li class="last-item"><p class="top-link accessibility-aid"><a href="#">Back to top</a></p></li>
29
						<li><a href="http://www.canonical.com/products">Products</a></li>
268
30
		</ul>
30
						<li><a href="http://www.canonical.com/projects">Projects</a></li>
269
31
	</div>
31
						<li><a href="http://www.canonical.com/services">Services</a></li>
270
32
</footer>
32
						<li><a href="http://www.canonical.com/partners">Partners</a></li>
271
33
						<li><a href="http://www.canonical.com/about">About</a></li>
272
34
						<li><a href="http://www.canonical.com/careers">Careers</a></li>
273
35
					</ul>
274
36
				</div>
275
37
				<div class="five-col">
276
38
					<h2>Follow us</h2>
277
39
					<ul class="list-social">
278
40
						<li><a id="item-twitter" href="https://twitter.com/Canonical">@canonical on Twitter</a></li>
279
41
						<li><a id="item-google" href="https://plus.google.com/116469902245452284818/posts">Canonical on Google+</a></li>
280
42
						<li><a id="item-facebook" href="https://www.facebook.com/pages/Canonical/125818784107695?fref=ts">Canonical on Facebook</a></li>
281
43
						<li><a id="item-canonical" href="http://www.canonical.com">Canonical</a></li>
282
44
					</ul>
283
45
				</div>
284
46
				<div id="additional-info" class="three-col last-col">
285
47
					<h2>Find out more</h2>
286
48
					<div>
287
49
					<ul>
288
50
						<li><a href="http://www.ubuntu.com">Ubuntu</a></li>
289
51
						<li><a href="http://www.ubuntu.com/management/ubuntu-advantage">Ubuntu Advantage</a></li>
290
52
						<li><a href="http://www.ubuntu.com/partners">Partnerships</a></li>
291
53
						<li><a href="http://insights.ubuntu.com">Press and resources</a></li>
292
54
					</ul>
293
55
					</div>
294
56
				</div>
295
57
			</div>
296
58
		</nav>
297
59
		<div class="legal clearfix">
298
60
			<div class="legal-inner">
299
61
				<p class="twelve-col">&copy; <?php echo date('Y'); ?> Canonical Ltd. Ubuntu and Canonical are registered trademarks of Canonical Ltd.</p>
300
62
				<ul class="inline clear">
301
63
					<li><a href="http://www.ubuntu.com/legal">Legal information</a></li>
302
64
					<li class="link-rss"><a href="http://blog.canonical.com/feed/"><abbr title="Really Simple Syndication">RSS</abbr> feed</a></li>
303
65
					<li class="canonilink"><a href="http://www.canonical.com">Canonical Ltd</a></li>
304
66
				</ul>
305
67
				<span class="accessibility-aid"><a href="#">Got to the top of the page</a></span>
306
68
			</div>
307
69
		</div><!-- /.legal -->
308
70
	</footer>
309
71
</div>
310
33
72
311
34
<?php wp_footer(); ?>
73
<?php wp_footer(); ?>
312
35
74
316
36
<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/plugins/yui-combined-min.js"></script>
75
<!-- Use this only until Modernizr fixes Opera Mini background-size detection -->
317
37
<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/core.js"></script>
76
<script>
318
38
<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/global.js"></script>
77
	var isOperaMini = (navigator.userAgent.indexOf('Opera Mini') > -1);
319
78
	if(isOperaMini) {
320
79
		var root = document.documentElement;
321
80
		root.className += " opera-mini";
322
81
	}
323
82
</script>
324
83
<script src="http://assets.ubuntu.com/sites/ubuntu/1244/u/js/plugins/yui-combined.min.js"></script>
325
84
<script>
326
85
	if(!core){ var core = {}; }
327
86
	core.globalPrepend = 'body';
328
87
</script>
329
39
88
330
89
<script src="//assets.ubuntu.com/sites/guidelines/js/responsive/core.js"></script>
331
90
<script src="//assets.ubuntu.com/sites/ubuntu/1244/u/js/global.js"></script>
332
91
<script src="//assets.ubuntu.com/sites/ubuntu/1244/u/js/scratch.js"></script>
333
92
<script src="//assets.ubuntu.com/sites/ubuntu/1244/u/js/plugins/respond.min.js"></script>
334
93
<script src="<?php bloginfo('template_url'); ?>/library/js/jquery.core.js"></script>
335
94
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
336
40
</body>
95
</body>
337
41
</html>
338
42
\ No newline at end of file
96
\ No newline at end of file
339
97
</html>
340
43
98
341
=== modified file 'functions.php'
342
--- functions.php	2013-11-12 16:09:15 +0000
343
+++ functions.php	2014-12-02 15:34:17 +0000
344
@@ -14,6 +14,23 @@
345
14
}
14
}
346
15
add_filter('get_comments_number', 'comment_count', 0);
15
add_filter('get_comments_number', 'comment_count', 0);
347
16
16
348
17
function div_wrapper($content) {
349
18
    // match any iframes
350
19
    $pattern = '~<iframe.*</iframe>|<embed.*</embed>~';
351
20
    preg_match_all($pattern, $content, $matches);
352
21
353
22
    foreach ($matches[0] as $match) {
354
23
        // wrap matched iframe with div
355
24
        $wrappedframe = '<div class="video-container">' . $match . '</div>';
356
25
357
26
        //replace original iframe with new in content
358
27
        $content = str_replace($match, $wrappedframe, $content);
359
28
    }
360
29
361
30
    return $content;    
362
31
}
363
32
add_filter('the_content', 'div_wrapper');
364
33
365
17
function canonical_scripts_styles() {
34
function canonical_scripts_styles() {
366
18
	// Adds JavaScript to pages with the comment form to support sites with
35
	// Adds JavaScript to pages with the comment form to support sites with
367
19
	// threaded comments (when in use).
36
	// threaded comments (when in use).
368
@@ -43,12 +60,12 @@
369
43
      </div>
60
      </div>
370
44
      <?php if ($comment->comment_approved == '0') : ?>
61
      <?php if ($comment->comment_approved == '0') : ?>
371
45
         <em><?php _e('Your comment is awaiting moderation.') ?></em>
62
         <em><?php _e('Your comment is awaiting moderation.') ?></em>
378
46
      <?php endif; ?>
63
      <?php endif; ?>	
379
47
64
      <div class="six-col last-col">
380
48
      <?php comment_text() ?>
65
	      <?php comment_text() ?>
381
49
66
	      <div class="reply">
382
50
      <div class="reply">
67
	         <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
383
51
         <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
68
	      </div>
384
52
      </div>
69
      </div>
385
53
     </div>
70
     </div>
386
54
<?php
71
<?php
387
55
72
388
=== modified file 'header.php'
389
--- header.php	2014-04-28 20:57:56 +0000
390
+++ header.php	2014-12-02 15:34:17 +0000
391
@@ -34,16 +34,21 @@
392
34
34
393
35
<!-- Google Chrome Frame for IE -->
35
<!-- Google Chrome Frame for IE -->
394
36
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
36
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
395
37
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;">
396
37
38
397
38
<link rel="shortcut icon" href="http://www.canonical.com/static/img/favicon.ico" />
39
<link rel="shortcut icon" href="http://www.canonical.com/static/img/favicon.ico" />
398
39
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
40
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
399
40
41
400
41
<!-- stylesheet -->
42
<!-- stylesheet -->
406
42
<link rel="stylesheet" type="text/css" media="all" href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,400italic" />
43
<!-- google fonts -->
407
43
<link rel="stylesheet" type="text/css" media="screen" href="http://assets.ubuntu.com/sites/guidelines/css/latest/ubuntu-styles.css" />
44
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,700,700italic|Ubuntu+Mono' rel='stylesheet' type='text/css' />
408
44
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
45
<link rel="stylesheet" type="text/css" media="screen" href="//assets.ubuntu.com/sites/guidelines/css/responsive/latest/ubuntu-styles.css">
409
45
<link rel="stylesheet" type="text/css" media="screen" href="http://assets.ubuntu.com/sites/ubuntu/latest/u/css/global.css" />
46
<link rel="stylesheet" type="text/css" media="screen" href="//assets.ubuntu.com/sites/ubuntu/1245/u/css/beta/global-responsive.css">
410
46
47
411
48
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/library/css/stylesheets/styles.css" type="text/css" />
412
49
413
50
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/library/js/modernizr.2.7.1.js"></script>
414
51
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/library/js/respond.js"></script>
415
47
<!-- wordpress head functions -->
52
<!-- wordpress head functions -->
416
48
<?php wp_head(); ?>
53
<?php wp_head(); ?>
417
49
<!-- end of wordpress head -->
54
<!-- end of wordpress head -->
418
@@ -56,15 +61,15 @@
419
56
	<nav role="navigation" class="nav-primary nav-right">
61
	<nav role="navigation" class="nav-primary nav-right">
420
57
		<div class="logo">
62
		<div class="logo">
421
58
			<a class="logo-ubuntu" href="<?php echo get_option('home'); ?>/">
63
			<a class="logo-ubuntu" href="<?php echo get_option('home'); ?>/">
423
59
				<img width="118" height="27" src="<?php echo get_template_directory_uri(); ?>/library/img/logo.png" alt="<?php bloginfo('name'); ?> logo" />
64
				<img width="130" height="27" src="<?php echo get_template_directory_uri(); ?>/library/img/logo.png" alt="<?php bloginfo('name'); ?> logo" />
424
60
				<span>blog</span>
65
				<span>blog</span>
425
61
			</a>
66
			</a>
426
62
		</div>
67
		</div>
427
63
		<ul>
68
		<ul>
428
64
			<?php //wp_list_pages('sort_column=menu_order&title_li=&depth=1'); ?>
69
			<?php //wp_list_pages('sort_column=menu_order&title_li=&depth=1'); ?>
432
65
			<li id="nav-about"><a href="/about">About</a></li>
70
			<li><a href="/about">About</a></li>
433
66
			<li id="nav-topics"><a href="#">Topics</a>
71
			<li class="topics"><a href="#">Topics</a>
434
67
				<ul>
72
				<ul class="second-level-nav">
435
68
					<?php
73
					<?php
436
69
						$category = get_category_by_slug('Featured');
74
						$category = get_category_by_slug('Featured');
437
70
						$catid = $category->term_id;
75
						$catid = $category->term_id;
438
@@ -74,9 +79,7 @@
439
74
			</li>
79
			</li>
440
75
			<li id="nav-archives"><a href="/archives">Archives</a></li>
80
			<li id="nav-archives"><a href="/archives">Archives</a></li>
441
76
		</ul>
81
		</ul>
445
77
		<div id="box-search">
82
		<?php include (TEMPLATEPATH . '/searchform.php'); ?>
443
78
			<?php include (TEMPLATEPATH . '/searchform.php'); ?>
444
79
		</div>
446
80
	</nav>
83
	</nav>
447
81
</header>
84
</header>
448
82
85
449
83
86
450
=== modified file 'index.php'
451
--- index.php	2014-01-09 13:19:17 +0000
452
+++ index.php	2014-12-02 15:34:17 +0000
453
@@ -32,9 +32,9 @@
454
32
	<div class="prepend-one three-col last-col">
32
	<div class="prepend-one three-col last-col">
455
33
		<a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>">
33
		<a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>">
456
34
		 <?php if(get_the_author_meta('user_photo', $curauth->ID)): ?>
34
		 <?php if(get_the_author_meta('user_photo', $curauth->ID)): ?>
458
35
		    <img class="avatar" src="<?php bloginfo('url'); ?>/wp-content/uploads/<?php the_author_meta('user_photo',$curauth->ID); ?>" class="superellipse" alt="<?php the_author_meta('first_name',$curauth->ID); ?>'s photo" width="60" height="60" />
35
			<img class="avatar" src="<?php bloginfo('url'); ?>/wp-content/uploads/<?php the_author_meta('user_photo',$curauth->ID); ?>" alt="<?php the_author_meta('display_name'); ?>'s photo" width="60" height="60" />
459
36
	    <?php else : ?>
36
	    <?php else : ?>
461
37
		    	<?php echo get_avatar($curauth->user_email, '60', $avatar); ?>
37
		    <?php echo get_avatar($curauth->user_email, '60', $avatar); ?>
462
38
	    <?php endif; ?>
38
	    <?php endif; ?>
463
39
	   </a>
39
	   </a>
464
40
		<p class="post-author"><a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>"><?php if(get_the_author_meta('first_name') == '') { ?><?php if(the_author_meta('display_name')) ?><?php } else { ?><?php if(the_author_meta('first_name')) ?><?php } if(get_the_author_meta('last_name') != '') { ?> <?php if(the_author_meta('last_name')) ?><?php } ?></a></p>
40
		<p class="post-author"><a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>"><?php if(get_the_author_meta('first_name') == '') { ?><?php if(the_author_meta('display_name')) ?><?php } else { ?><?php if(the_author_meta('first_name')) ?><?php } if(get_the_author_meta('last_name') != '') { ?> <?php if(the_author_meta('last_name')) ?><?php } ?></a></p>
465
41
41
466
=== modified file 'launchpad_comments.php'
467
--- launchpad_comments.php	2014-01-09 13:19:17 +0000
468
+++ launchpad_comments.php	2014-12-02 15:34:17 +0000
469
@@ -18,9 +18,8 @@
470
18
18
471
19
<?php // start editing here. ?>
19
<?php // start editing here. ?>
472
20
<div id="comments" class="eight-col">
20
<div id="comments" class="eight-col">
476
21
<?php if ($comments) : ?>
21
	<?php if ($comments) : ?>
477
22
<h3><?php comments_number('No comments', '1 comment', '% comments' );?> </h3>
22
		<h3><?php comments_number('No comments', '1 comment', '% comments' );?> </h3>
475
23
478
24
		<ol class="comment-list">
23
		<ol class="comment-list">
479
25
			<?php
24
			<?php
480
26
				wp_list_comments( array(
25
				wp_list_comments( array(
481
@@ -32,72 +31,68 @@
482
32
				) );
31
				) );
483
33
			?>
32
			?>
484
34
		</ol><!-- .comment-list -->
33
		</ol><!-- .comment-list -->
551
35
<?php if ($trackback == true) { ?>
34
		<?php if ($trackback == true) { ?>
552
36
<div id="post-trackbacks" class="container<?php if (get_comments_number()==0) { echo ' no-comments'; } ?>">
35
			<div id="post-trackbacks" class="container<?php if (get_comments_number()==0) { echo ' no-comments'; } ?>">
553
37
<h3>Trackbacks</h3>
36
				<h3>Trackbacks</h3>
554
38
<ol class="no-bullets">
37
				<ol class="no-bullets">
555
39
<?php foreach ($comments as $comment) : ?>
38
					<?php foreach ($comments as $comment) : ?>
556
40
<?php $comment_type = get_comment_type(); ?>
39
						<?php $comment_type = get_comment_type(); ?>
557
41
<?php if($comment_type != 'comment') { ?>
40
						<?php if($comment_type != 'comment') { ?>
558
42
<li><?php comment_author_link() ?></li>
41
							<li><?php comment_author_link() ?></li>
559
43
<?php } ?>
42
						<?php } ?>
560
44
<?php endforeach; ?>
43
					<?php endforeach; ?>
561
45
</ol>
44
				</ol>
562
46
</div>
45
			</div>
563
47
<?php } ?>
46
		<?php } ?>
564
48
<?php else : // this is displayed if there are no comments so far ?>
47
		<?php else : // this is displayed if there are no comments so far ?>
565
49
<?php if ('open' == $post->comment_status) : ?>
48
		<?php if ('open' == $post->comment_status) : ?>
566
50
<!-- If comments are open, but there are no comments. -->
49
		<!-- If comments are open, but there are no comments. -->
567
51
<?php else : // comments are closed ?>
50
		<?php else : // comments are closed ?>
568
52
<!-- If comments are closed. -->
51
		<!-- If comments are closed. -->
569
53
<p class="no-comments">Comments are closed.</p>
52
		<p class="no-comments">Comments are closed.</p>
570
54
<?php endif; ?>
53
	<?php endif; ?>
571
55
<?php endif; ?>
54
<?php endif; ?>
572
56
<?php if ('open' == $post->comment_status) : ?>
55
<?php if ('open' == $post->comment_status) : ?>
573
57
<div  id="respond">
56
	<div  id="respond">
574
58
<h3 id="add-comment"<?php if ($trackback == true) { echo ' class="has-trackbacks"'; } ?>>Add your comment</h3>
57
		<h3 id="add-comment"<?php if ($trackback == true) { echo ' class="has-trackbacks"'; } ?>>Add your comment</h3>
575
59
58
		<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
576
60
<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
59
			<p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>
577
61
<p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>
60
		<?php else : ?>
578
62
<?php else : ?>
61
		<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="comment-form" class="">
579
63
62
			<input name="comment_post_ID" value="0" id="comment_post_ID" type="hidden">
580
64
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="comment-form" class="">
63
			<input name="comment_parent" id="comment_parent" value="0" type="hidden">
581
65
<input name="comment_post_ID" value="0" id="comment_post_ID" type="hidden">
64
			<fieldset>
582
66
<input name="comment_parent" id="comment_parent" value="0" type="hidden">
65
				<ul class="no-bullets">
583
67
<fieldset>
66
					<?php if ( $user_ID ) : ?>
584
68
<ul class="no-bullets">
67
						<li><p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Log out &raquo;</a></p></li>
585
69
<?php if ( $user_ID ) : ?>
68
					<?php else : ?>
586
70
	<li><p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Log out &raquo;</a></p></li>
69
						<li>
587
71
70
							<label for="author">Your name <?php if ($req) echo "(required)"; ?></label>
588
72
<?php else : ?>
71
							<input class="text" type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="6" <?php if ($req) echo "aria-required='true'"; ?> />
589
73
72
						</li>
590
74
	<li>
73
						<li>
591
75
		<label for="author">Your name <?php if ($req) echo "(required)"; ?></label>
74
							<label for="email">Your email <?php if ($req) echo "(required)"; ?></label>
592
76
		<input class="text" type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="6" <?php if ($req) echo "aria-required='true'"; ?> />
75
							<input class="text" type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="7" <?php if ($req) echo "aria-required='true'"; ?> />
593
77
	</li>
76
						</li>
594
78
	<li>
77
						<li>
595
79
		<label for="email">Your email <?php if ($req) echo "(required)"; ?></label>
78
							<label for="url">Your website</label>
596
80
		<input class="text" type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="7" <?php if ($req) echo "aria-required='true'"; ?> />
79
							<input class="text" type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="8" />
597
81
	</li>
80
						</li>
598
82
	<li>
81
					<?php endif; ?>
599
83
		<label for="url">Your website</label>
82
					<li>
600
84
		<input class="text" type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="8" />
83
						<label for="comment">Your comment <?php if ($req) echo "(required)"; ?><?php cancel_comment_reply_link(); ?></label>
601
85
	</li>
84
						<textarea name="comment" id="comment" cols="10" rows="10" tabindex="9"></textarea>
602
86
<?php endif; ?>
85
					</li>
603
87
	<li>
86
					<!-- <li><p><strong>XHTML:</strong> You can use these tags: <code><?#php echo allowed_tags(); ?></code></p></li> -->
604
88
		<label for="comment">Your comment <?php if ($req) echo "(required)"; ?><?php cancel_comment_reply_link(); ?></label>
87
					<li>
605
89
		<textarea name="comment" id="comment" cols="10" rows="10" tabindex="9"></textarea>
88
						<button name="submit" type="submit" id="submit" tabindex="10" class="cta-canonical">Submit your comment</button>
606
90
	</li>
89
						<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
607
91
	<!-- <li><p><strong>XHTML:</strong> You can use these tags: <code><?#php echo allowed_tags(); ?></code></p></li> -->
90
					</li>
608
92
	<li>
91
				</ul>
609
93
		<button name="submit" type="submit" id="submit" tabindex="10" class="cta-canonical">Submit your comment</button>
92
				<div><?php do_action('comment_form', $post->ID); ?></div>
610
94
		<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
93
			</fieldset>
611
95
	</li>
94
		</form>
612
96
</ul>
95
	</div>
547
97
<div><?php do_action('comment_form', $post->ID); ?></div>
548
98
</fieldset>
549
99
</form>
550
100
</div>
613
101
<?php endif; // If registration required and not logged in ?>
96
<?php endif; // If registration required and not logged in ?>
614
102
<?php endif; // if you delete this the sky will fall on your head ?>
97
<?php endif; // if you delete this the sky will fall on your head ?>
615
103
</div><!-- /#comments -->
98
</div><!-- /#comments -->
616
104
\ No newline at end of file
99
\ No newline at end of file
617
105
100
618
=== modified file 'library/.DS_Store' (properties changed: -x to +x)
619
106
Binary files library/.DS_Store	2013-05-16 10:23:33 +0000 and library/.DS_Store	2014-12-02 15:34:17 +0000 differ
101
Binary files library/.DS_Store	2013-05-16 10:23:33 +0000 and library/.DS_Store	2014-12-02 15:34:17 +0000 differ
620
=== added file 'library/css/.DS_Store'
621
107
Binary files library/css/.DS_Store	1970-01-01 00:00:00 +0000 and library/css/.DS_Store	2014-12-02 15:34:17 +0000 differ
102
Binary files library/css/.DS_Store	1970-01-01 00:00:00 +0000 and library/css/.DS_Store	2014-12-02 15:34:17 +0000 differ
622
=== added file 'library/css/config.rb'
623
--- library/css/config.rb	1970-01-01 00:00:00 +0000
624
+++ library/css/config.rb	2014-12-02 15:34:17 +0000
625
@@ -0,0 +1,25 @@
626
1
require 'compass/import-once/activate'
627
2
# Require any additional compass plugins here.
628
3
629
4
# Set this to the root of your project when deployed:
630
5
http_path = "/"
631
6
css_dir = "stylesheets"
632
7
sass_dir = "sass"
633
8
images_dir = "images"
634
9
javascripts_dir = "javascripts"
635
10
636
11
# You can select your preferred output style here (can be overridden via the command line):
637
12
# output_style = :expanded or :nested or :compact or :compressed
638
13
639
14
# To enable relative paths to assets via compass helper functions. Uncomment:
640
15
# relative_assets = true
641
16
642
17
# To disable debugging comments that display the original location of your selectors. Uncomment:
643
18
line_comments = false
644
19
645
20
646
21
# If you prefer the indented syntax, you might want to regenerate this
647
22
# project again passing --syntax sass, or you can uncomment this:
648
23
# preferred_syntax = :sass
649
24
# and then run:
650
25
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
651
0
26
652
=== added directory 'library/css/sass'
653
=== added file 'library/css/sass/_core-constants.scss'
654
--- library/css/sass/_core-constants.scss	1970-01-01 00:00:00 +0000
655
+++ library/css/sass/_core-constants.scss	2014-12-02 15:34:17 +0000
656
@@ -0,0 +1,75 @@
657
1
@charset "UTF-8";
658
2
/**
659
3
 * Ubuntu Patterns Stylesheet
660
4
 *
661
5
 * The CSS file required by Ubuntu patterns page
662
6
 * 
663
7
 * @project		Ubuntu Patterns
664
8
 * @author		Web Team at Canonical Ltd
665
9
 * @copyright	2012 Canonical Ltd
666
10
 *
667
11
 * @see 		http://design.ubuntu.com
668
12
 */
669
13
 
670
14
$one_col:             6.38297%;
671
15
$two_col:             14.89361%;
672
16
$three_col:           23.40425%;
673
17
$four_col:            31.91489%;
674
18
$five_col:            40.42553%;
675
19
$six_col:             48.93617%;
676
20
$seven_col:           57.4468%;
677
21
$eight_col:           65.95744%;
678
22
$nine_col:            74.46808%;
679
23
$ten_col:             82.97872%;
680
24
$eleven-col:          91.48936%;
681
25
682
26
/**
683
27
 * standard colors
684
28
 *
685
29
 * @colordef standard colors
686
30
 */
687
31
688
32
$ubuntu_orange:			  #dd4814; /* ubuntu orange (used for text links also on any site except canonical) */
689
33
$light_orange:        #fdf6f2; /* used as background on pre text */
690
34
$canonical_aubergine:	#772953; /* canonical aubergine */
691
35
$light_aubergine:		  #77216f; /* light aubergine (consumer) */
692
36
$mid_aubergine:			  #5e2750; /* mid aubergine (both) */
693
37
$dark_aubergine:		  #2c001e; /* dark aubergine (enterprise) */
694
38
$warm_grey:				    #aea79f; /* warm grey */
695
39
$cool_grey:				    #333333; /* cool grey */
696
40
$light_grey:			    #f7f7f7; /* light grey */
697
41
698
42
/* notifications */
699
43
$error:					      #df382c; /* red */
700
44
$warning:				      #eca918; /* yellow */
701
45
$success:				      #38b44a; /* green */
702
46
$information:			    #19b6ee; /* cyan */
703
47
704
48
/* colour coded status - from negative to positive (Icon: canonical circle) */
705
49
$status_red:			    #df382c; /* red, for status that require immediate attention */
706
50
$status_grey:			    #aea79f; /* grey, for disabled status or ones that don’t require attention */
707
51
$status_yellow:			  #efb73e; /* yellow, for status that require attention */
708
52
$status_blue:			    #19b6ee; /* blue, for status that don’t require action */
709
53
$status_green:			  #38b44a; /* green, for positive status */
710
54
711
55
/* misc colours */
712
56
$box_solid_grey:		  #efefef;
713
57
$link_color:			  $ubuntu_orange; /* This is the global link color, mainly used for links in content */
714
58
715
59
/* blog colours */
716
60
717
61
$header_bg: $canonical_aubergine;
718
62
$nav_bg: #f0f0f0;
719
63
$nav_link_color: #fff;
720
64
$nav_border_dark: #642246;
721
65
$nav_border_light: #9d366d;
722
66
$nav_hover_bg: #923266;
723
67
$nav_active_bg: #ddd;
724
68
$search_bg: #481e3d;
725
69
$search_focus: #281122;
726
70
727
71
/* grid variables */
728
72
$base:                16;
729
73
$gutter_width:        20px;
730
74
$grid_gutter:         20px;
731
75
$gutter:              2.12766%;
732
0
\ No newline at end of file
76
\ No newline at end of file
733
1
77
734
=== added file 'library/css/sass/_core-mixins.scss'
735
--- library/css/sass/_core-mixins.scss	1970-01-01 00:00:00 +0000
736
+++ library/css/sass/_core-mixins.scss	2014-12-02 15:34:17 +0000
737
@@ -0,0 +1,73 @@
738
1
@charset "UTF-8";
739
2
/**
740
3
 * mixins
741
4
 *
742
5
 * @section mixins
743
6
 */
744
7
 
745
8
@mixin font_size ($size: 16) {
746
9
  font-size: ($size / $base)em; 
747
10
  margin-bottom: (12 / $size)em;
748
11
}
749
12
750
13
@mixin box_sizing ($type: border-box) {
751
14
	-webkit-box-sizing: $type;
752
15
	-moz-box-sizing:    $type;
753
16
	box-sizing:         $type;
754
17
}
755
18
756
19
@mixin rounded_corners($radius: 4px 4px 4px 4px) { 
757
20
  -webkit-border-radius: $radius;
758
21
  -moz-border-radius: $radius;
759
22
  border-radius: $radius;
760
23
}
761
24
762
25
@mixin box_shadow($shadow...) { 
763
26
  -moz-box-shadow: $shadow;
764
27
  -webkit-box-shadow: $shadow;
765
28
  box-shadow: $shadow;
766
29
}
767
30
768
31
@mixin gradient($from, $to) {
769
32
  background-color: $to;
770
33
  background-image: -moz-linear-gradient($from, $to);
771
34
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to));
772
35
  background-image: -webkit-linear-gradient($from, $to);
773
36
  background-image: -o-linear-gradient($from, $to);
774
37
}
775
38
776
39
@mixin footer($background) {
777
40
  padding: $gutter_width $two_col $gutter_width $four_col;
778
41
  margin-bottom: 0;
779
42
  background: url($background) no-repeat scroll $one_col center #F7F7F7;
780
43
}
781
44
782
45
@mixin clearfix() {
783
46
  *zoom:1;
784
47
785
48
  &:before,
786
49
  &:after {
787
50
      content:"";
788
51
      display:table;
789
52
  }
790
53
  &:after {
791
54
      clear:both;
792
55
  }
793
56
}
794
57
795
58
// CSS3 colunms
796
59
@mixin columns($num: 3, $gap: 20) {
797
60
  -moz-column-count: $num;
798
61
  -moz-column-gap: ($gap / $base)em;
799
62
  -webkit-column-count: $num;
800
63
  -webkit-column-gap: ($gap / $base)em;
801
64
  column-count: $num;
802
65
  column-gap: ($gap / $base)em;
803
66
}
804
67
805
68
@mixin background_size($size: 100% 100%) {
806
69
  -moz-background-size: $size;
807
70
  -webkit-background-size: $size;
808
71
  -o-background-size: $size;
809
72
  background-size: $size;
810
73
}
811
0
\ No newline at end of file
74
\ No newline at end of file
812
1
75
813
=== added file 'library/css/sass/styles.scss'
814
--- library/css/sass/styles.scss	1970-01-01 00:00:00 +0000
815
+++ library/css/sass/styles.scss	2014-12-02 15:34:17 +0000
816
@@ -0,0 +1,1438 @@
817
1
@charset 'UTF-8';
818
2
819
3
/* ---------------------------------------------------------------
820
4
------------------------------------------------------------------
821
5
	DO NOT EDIT STYLES.CSS
822
6
	It is autogenerated.
823
7
824
8
	Project:		Ubuntu Front-End
825
9
	Author:			Web Team at Canonical Ltd
826
10
	Last edited by: Richard McCartney
827
11
	Last edited on: 02/10/2014
828
12
829
13
	CONTENTS:
830
14
	-----------------------------------------------------------------
831
15
	
832
16
	@section header
833
17
	@section homepage
834
18
	@section Footer
835
19
	@section Tabbed menu in accordion mode (TODO: WIP)
836
20
	@section Taleo
837
21
838
22
	@section Medium / Tablet viewport
839
23
	@section Large / Desktop viewport
840
24
841
25
	Rounded corners
842
26
	-----------------------------------------------------------------
843
27
	@include rounded_corners(top-left top-right bottom-right bottom-left);
844
28
		examples
845
29
		@include rounded_corners(0 0 4px 4px); rounded bottoms
846
30
		@include rounded_corners(4px); all corners rounded
847
31
848
32
	Base grid sass, this lives in /sites/core/static/core-grid.scss
849
33
	-----------------------------------------------------------------
850
34
	$base: 			16;
851
35
	$column_width:	( 60 / $base )em;
852
36
	$gutter_width: 	( 20 / $base )em;
853
37
	$grid_column: 	( 57 / $base )em; nested columns
854
38
	$grid_gutter: 	( 18 / $base )em;
855
39
856
40
	Available grid widths
857
41
	-----------------------------------------------------------------
858
42
	$one_col - $twelve_col
859
43
860
44
	Using these enables us to give individual elements specific widths without adding a static width:
861
45
862
46
	padding: $gutter_width;
863
47
	width: $twelve_col - ( 2 * $gutter_width );
864
48
865
49
	Colour definitiions are in /sites/core/static/core-constants.scss
866
50
	-----------------------------------------------------------------
867
51
	$ubuntu_orange:			#dd4814; ubuntu orange (used for text links also on any site except canonical)
868
52
	$canonical_aubergine:	#772953; @warmcanonical aubergine
869
53
	$light_aubergine:		#77216f; light aubergine (consumer)
870
54
	$mid_aubergine:			#5e2750; mid aubergine (both)
871
55
	$dark_aubergine:		#2c001e; dark aubergine (enterprise)
872
56
	$warm_grey:				#aea79f; warm grey
873
57
	$cool_grey:				#333333; cool grey
874
58
	$light_grey:			#f7f7f7; light grey
875
59
876
60
	Notifications
877
61
	$error:					#df382c; red
878
62
	$warning:				#eca918; yellow
879
63
	$success:				#38b44a; green
880
64
	$information:			#19b6ee; cyan
881
65
882
66
	Colour coded status - from negative to positive (icon: canonical circle)
883
67
	$status_red:			#df382c; red, for status that require immediate attention
884
68
	$status_grey:			#aea79f; grey, for disabled status or ones that don’t require attention
885
69
	$status_yellow:			#efb73e; yellow, for status that require attention
886
70
	$status_blue:			#19b6ee; blue, for status that don’t require action
887
71
	$status_green:			#38b44a; green, for positive status
888
72
889
73
	misc colours
890
74
	$box_solid_grey:		#efefef;
891
75
892
76
	$link_color:			$ubuntu_orange; This is the global link color, mainly used for links in content
893
77
894
78
	Notes:
895
79
	-----------------------------------------------------------------
896
80
	Using '.yui3-js-enabled' for CSS with JS enabled as it's there for free atm, be nice to have just js-enabled as a class.
897
81
898
82
-----------------------------------------------------------------
899
83
-------------------------------------------------------------- */
900
84
901
85
@import 'core-constants';
902
86
@import 'core-mixins';
903
87
904
88
/* @section global
905
89
-------------------------------------------------------------- */
906
90
907
91
a {
908
92
909
93
    &:link,
910
94
    &:visited {
911
95
        color: $canonical_aubergine;
912
96
    }
913
97
}
914
98
915
99
#main-content .row-hero {
916
100
    padding-top: 40px;
917
101
}
918
102
919
103
.inner-wrapper {
920
104
    border-bottom: 1px solid #d4d7d4;
921
105
}
922
106
923
107
body {
924
108
925
109
    .search #main-content article {
926
110
        margin-top: 20px;
927
111
        padding-top: 20px;
928
112
        border-top: 1px dotted $warm_grey;
929
113
    }
930
114
931
115
    .single .post-tags {
932
116
        font-size: 13px;
933
117
    }
934
118
935
119
    sup {
936
120
        vertical-align: super;
937
121
    }
938
122
}
939
123
940
124
/* @section header
941
125
-------------------------------------------------------------- */
942
126
943
127
944
128
header.banner {
945
129
    @include box_shadow(0 2px 2px -2px $mid_aubergine inset);
946
130
    float: left;
947
131
    background-color: $header_bg;
948
132
    
949
133
    .logo-ubuntu,
950
134
    .nav-primary.nav-right .logo-ubuntu {
951
135
        min-width: 166px;
952
136
        padding-top: 10px;
953
137
        background: transparent;
954
138
        background-image:  url('../../img/logo.png');
955
139
        background-image:  url('../../img/logo.svg'), none;
956
140
        background-repeat: no-repeat;
957
141
        background-position: 0 15px;
958
142
        background-size: 130px 19px;
959
143
960
144
        span {
961
145
            font-weight: 300;
962
146
            position: relative;
963
147
            top: 1px;
964
148
            float: left;
965
149
            padding-right: 20px;
966
150
            padding-left: 140px;
967
151
        }
968
152
    }
969
153
970
154
    .nav-primary {
971
155
        position: relative;
972
156
        overflow: visible;
973
157
974
158
        &.active {
975
159
            border: none;
976
160
        }
977
161
978
162
        li {
979
163
            ul {
980
164
                li {
981
165
982
166
                    a:link,
983
167
                    a:visited {
984
168
                        width: 100%;
985
169
                    }
986
170
987
171
                    &:first-of-type a:link {
988
172
                        padding: 8px 10px;
989
173
                    }
990
174
                }
991
175
            }
992
176
        }
993
177
994
178
        ul {
995
179
            @include box_shadow(none);
996
180
            position: relative;
997
181
            top: 0;
998
182
            float: left;
999
183
            width: 100%;
1000
184
            padding: 0;
1001
185
            border: none;
1002
186
            background: none;
1003
187
            border-right: none;
1004
188
1005
189
            li {
1006
190
                font-size: 1em;
1007
191
                float: left;
1008
192
                margin: 0;
1009
193
                list-style-image: none;
1010
194
                vertical-align: bottom;
1011
195
                text-indent: 0;
1012
196
1013
197
                ul {
1014
198
                    display: block;
1015
199
                }
1016
200
1017
201
                &:hover {
1018
202
1019
203
                    ul:after {
1020
204
                        display: none;
1021
205
                    }
1022
206
                }
1023
207
            }
1024
208
1025
209
            ul {
1026
210
                @include box_shadow(none);
1027
211
                position: relative;
1028
212
                top: 0;
1029
213
                float: left;
1030
214
                width: 100%;
1031
215
                padding: 0;
1032
216
                border: none;
1033
217
                background: none;
1034
218
1035
219
                li {
1036
220
                    float: left;
1037
221
                    width: 50%;
1038
222
                    border: 0;
1039
223
                    border-right: none;
1040
224
                    border-left: none;
1041
225
                }
1042
226
1043
227
                a,
1044
228
                a:active,
1045
229
                a:hover,
1046
230
                a:visited,
1047
231
                a:link {
1048
232
                    border-left: none;
1049
233
                    width: 100%;
1050
234
                }
1051
235
1052
236
                a:hover {
1053
237
                    color: $light_aubergine;
1054
238
                }
1055
239
1056
240
                &:last-child {
1057
241
                    border-right: 0;
1058
242
                }
1059
243
            }
1060
244
        }
1061
245
1062
246
        .topics {
1063
247
            font-size: 90%;
1064
248
            top: auto;
1065
249
            left: 0;
1066
250
            width: 100%;
1067
251
            height: auto;
1068
252
            margin: 0;
1069
253
            text-indent: 0;
1070
254
            text-transform: none;
1071
255
            color: #808080;
1072
256
            border-left: none;
1073
257
            border-right: none;
1074
258
            display: block;
1075
259
1076
260
            > a {
1077
261
                color: #808080;
1078
262
                @include box_shadow(inset 0px -1px 0 #d4d7d4);
1079
263
1080
264
                &:hover {
1081
265
                    cursor: default;
1082
266
                    background: none;
1083
267
                }
1084
268
            }
1085
269
1086
270
            ul {
1087
271
1088
272
                li {
1089
273
                    @include box_sizing(border-box);
1090
274
                    border-right: 1px solid #d4d7d4;
1091
275
                    border-bottom: 1px solid #d4d7d4;
1092
276
1093
277
                    a,
1094
278
                    &:first-of-type a {
1095
279
                        font-size: 14px;
1096
280
                        width: 100%;
1097
281
                        padding: 8px 10px;
1098
282
                        color: #333;
1099
283
1100
284
                        &:hover {
1101
285
                            cursor: pointer;
1102
286
                            background: #f8f8f8;
1103
287
                        }
1104
288
                    }
1105
289
1106
290
                    &:nth-child(2n) {
1107
291
                        border-right: none;
1108
292
                    }
1109
293
                }
1110
294
            }
1111
295
        }
1112
296
1113
297
        #nav-archives {
1114
298
            position: absolute;
1115
299
            right: 0;
1116
300
            float: right;
1117
301
            border-bottom: 1px solid #d4d7d4;
1118
302
        }
1119
303
    }
1120
304
1121
305
    nav.nav-primary {
1122
306
        ul {
1123
307
            
1124
308
            li {
1125
309
                
1126
310
                ul {
1127
311
                    display: block;
1128
312
                }
1129
313
            }
1130
314
        }
1131
315
    }
1132
316
}
1133
317
1134
318
header.banner nav.nav-primary {
1135
319
    
1136
320
    ul.active {
1137
321
        @include box_shadow(inset 0px -1px 0 #d4d7d4);
1138
322
        background: $nav_bg;
1139
323
1140
324
        li ul {
1141
325
            display: block;
1142
326
            
1143
327
            li {
1144
328
                border-left: none;
1145
329
1146
330
                a {
1147
331
                    @media only screen and (max-width: 768px) {
1148
332
                        padding: 8px 10px;
1149
333
                    }
1150
334
                }
1151
335
            }
1152
336
        }
1153
337
    }
1154
338
    
1155
339
    .header-search {
1156
340
        @include box_sizing(border-box);
1157
341
        
1158
342
        &.active {
1159
343
            padding: 10px;
1160
344
        }
1161
345
        
1162
346
        input[type='search'] {
1163
347
            @include box_sizing();
1164
348
            @include box_shadow(0 1px 2px rgba(0,0,0,.3) inset,0 -1px 2px rgba(0,0,0,.2) inset,0 2px 0 rgba(255,255,255,.4));
1165
349
            height: 38px;
1166
350
            border-radius: 4px;  
1167
351
        }
1168
352
    }
1169
353
}
1170
354
1171
355
1172
356
/* @section homepage
1173
357
-------------------------------------------------------------- */
1174
358
1175
359
1176
360
1177
361
/* @section posts
1178
362
-------------------------------------------------------------- */
1179
363
1180
364
.single-post {
1181
365
    .avatar {
1182
366
        max-width: 56px;
1183
367
    }
1184
368
}
1185
369
.tags,
1186
370
.tags a:link,
1187
371
.tags a:visited {
1188
372
    font-size: 0.92308em;
1189
373
    margin: 0 0 5px 0;
1190
374
    padding: 0;
1191
375
    color: $warm_grey;
1192
376
}
1193
377
1194
378
.post-author {
1195
379
    font-size: 16px;
1196
380
    margin-bottom: 0;
1197
381
}
1198
382
1199
383
.post-date,
1200
384
#comments time {
1201
385
    font-size: 13px;
1202
386
    margin-bottom: 0px;
1203
387
    color: $warm_grey;
1204
388
}
1205
389
1206
390
.post-comments {
1207
391
    font-size: 13px;
1208
392
    margin-bottom: 0;
1209
393
}
1210
394
1211
395
.image-wrap {
1212
396
    position: relative;
1213
397
    display: inline-block;
1214
398
    max-width: 100%;
1215
399
    margin-bottom: 0px;
1216
400
    vertical-align: bottom;
1217
401
    background-size: 100% 100%;
1218
402
1219
403
    &:after {
1220
404
        position: absolute;
1221
405
        top: 0;
1222
406
        left: 0;
1223
407
        width: 100%;
1224
408
        height: 100%;
1225
409
        content: ' ';
1226
410
        background: url(../../img/white-squircle.png) no-repeat;
1227
411
        background-size: 100%;
1228
412
    }
1229
413
}
1230
414
1231
415
.post {
1232
416
1233
417
    .post-date,
1234
418
    .image-wrap {
1235
419
        margin-bottom: 10px;
1236
420
    }
1237
421
}
1238
422
1239
423
.row:last-of-type {
1240
424
    border-bottom: 0;
1241
425
}
1242
426
1243
427
#share-links {
1244
428
    margin-top: 10px;
1245
429
    padding-top: 10px;
1246
430
    border-top: 1px dotted $warm_grey;
1247
431
1248
432
    h3 {
1249
433
        font-size: 13px;
1250
434
        color: $warm_grey;
1251
435
    }
1252
436
}
1253
437
1254
438
#social-links {
1255
439
    margin-left: -8px;
1256
440
1257
441
    li {
1258
442
        display: inline;
1259
443
        float: left;
1260
444
        clear: none;
1261
445
        width: auto;
1262
446
        margin-left: 8px;
1263
447
        text-indent: -999em;
1264
448
1265
449
        a {
1266
450
            display: block;
1267
451
            overflow: hidden;
1268
452
            width: 24px;
1269
453
            height: 24px;
1270
454
            background-image: url('../../img/icons/icon-social-author.svg');
1271
455
            background-repeat: no-repeat;
1272
456
            @include background_size($size: 144px 48px);
1273
457
1274
458
            $list: launchpad email twitter google facebook rss;
1275
459
            $i: 0;
1276
460
1277
461
            @mixin social-icons {
1278
462
                @each $network in $list {
1279
463
                    &.social-#{$network} {
1280
464
                        background-position: #{$i} 0;
1281
465
1282
466
                        &:hover {
1283
467
                            background-position: #{$i} -24px;
1284
468
                        }
1285
469
                    }
1286
470
1287
471
                    $i: $i - 24px;
1288
472
                }
1289
473
            }
1290
474
1291
475
            @include social-icons;
1292
476
        }
1293
477
    }
1294
478
}
1295
479
1296
480
body.author {
1297
481
    
1298
482
    .avatar {
1299
483
        float: left;
1300
484
    }
1301
485
1302
486
    .bio {
1303
487
        margin-left: 0;
1304
488
        float: left;
1305
489
        width: 100%;
1306
490
1307
491
        h2 {
1308
492
            font-size: 21px;
1309
493
        }
1310
494
1311
495
        .location {
1312
496
            font-weight: 300;
1313
497
            padding-left: 14px;
1314
498
            color: #ada79f;
1315
499
            background: url('../../img/location_bg.png') no-repeat scroll 0 45% transparent;
1316
500
        }
1317
501
    }
1318
502
1319
503
    .description {
1320
504
        margin-top: 200px;
1321
505
    }
1322
506
}
1323
507
1324
508
li #comment-form li {
1325
509
    border: 0;
1326
510
}
1327
511
1328
512
#comments {
1329
513
    
1330
514
    h3 {
1331
515
        font-size: 1.5625em;
1332
516
        font-weight: 300;
1333
517
        line-height: 1;
1334
518
        display: block;
1335
519
        clear: both;
1336
520
        padding: .625em 0 .625em 0;
1337
521
        color: $warm_grey;
1338
522
        border-width: 1px 0;
1339
523
        border-style: solid;
1340
524
        border-color: #d7d7d7;
1341
525
        border-image: none;
1342
526
    }
1343
527
1344
528
    button,
1345
529
    input[type='submit'] {
1346
530
        background-color: #5f193e;
1347
531
        background-image: linear-gradient($canonical_aubergine, #5f193e);
1348
532
1349
533
        &:hover {
1350
534
            background: darken($canonical_aubergine, 10%);
1351
535
        }
1352
536
    }
1353
537
    
1354
538
    .reply a {
1355
539
        display: inline-block;
1356
540
        margin: 0 0 20px;
1357
541
        padding: 4px 10px;
1358
542
        text-decoration: none;
1359
543
        color: #fff;
1360
544
        border-radius: 4px;
1361
545
        background-color: $canonical_aubergine;
1362
546
        background-image: linear-gradient($canonical_aubergine, #5f193e);
1363
547
1364
548
        &:hover {
1365
549
            background: darken($canonical_aubergine, 10%);
1366
550
        }
1367
551
    }
1368
552
}
1369
553
1370
554
.has-related #comments h3#add-comment {
1371
555
    border: 0 none;
1372
556
}
1373
557
1374
558
#cancel-comment-reply-link {
1375
559
    margin-left: 10px;
1376
560
}
1377
561
1378
562
.comment-meta {
1379
563
1380
564
    cite {
1381
565
        font-style: normal;
1382
566
    }
1383
567
1384
568
    time {
1385
569
        font-weight: 300;
1386
570
        line-height: 1.2;
1387
571
        float: left;
1388
572
        clear: both;
1389
573
    }
1390
574
}
1391
575
1392
576
.comment-list {
1393
577
    margin-bottom: 0;
1394
578
    margin-left: 0;
1395
579
1396
580
    li {
1397
581
        position: relative;
1398
582
        display: block;
1399
583
        clear: both;
1400
584
        margin-bottom: 0;
1401
585
1402
586
        > div {
1403
587
            @include box_sizing(border-box);
1404
588
            display: block;
1405
589
            float: left;
1406
590
            clear: both;
1407
591
            width: 100%;
1408
592
            padding: 1.5em 0 0;     
1409
593
            border-bottom: 1px solid #d7d7d7;
1410
594
        }
1411
595
1412
596
        img.avatar {
1413
597
            float: left;
1414
598
            margin-bottom: 10px;
1415
599
        }
1416
600
    }
1417
601
1418
602
    .author-comment {
1419
603
        background-color: #f7f7f7;
1420
604
    }
1421
605
1422
606
    cite {
1423
607
        float: left;
1424
608
        clear: both;
1425
609
        width: 100%;
1426
610
1427
611
        a {
1428
612
            color: #333;
1429
613
1430
614
            &:hover {
1431
615
                color: $canonical_aubergine;
1432
616
            }
1433
617
        }
1434
618
    }
1435
619
}
1436
620
1437
621
.comment-content {
1438
622
1439
623
    div blockquote {
1440
624
        font-style: italic;
1441
625
        color: #ada79f;
1442
626
    }
1443
627
1444
628
    ul {
1445
629
        margin-bottom: .625em;
1446
630
        margin-left: 20px;
1447
631
1448
632
        li {
1449
633
            margin-bottom: 0;
1450
634
            padding-left: 0;
1451
635
            border: 0 none;
1452
636
        }
1453
637
    }
1454
638
}
1455
639
1456
640
.wp-temp-form-div {
1457
641
    display: block !important;
1458
642
    background: #333;
1459
643
}
1460
644
1461
645
#respond,
1462
646
#add-comment {
1463
647
    margin-bottom: 0;
1464
648
}
1465
649
1466
650
#post-trackbacks li {
1467
651
    padding: 0 20px;
1468
652
}
1469
653
1470
654
1471
655
1472
656
/* @section archive
1473
657
-------------------------------------------------------------- */
1474
658
1475
659
.filter {
1476
660
    display: none;
1477
661
    margin: 0;
1478
662
    float: left;
1479
663
}
1480
664
1481
665
.filter-toggle {
1482
666
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img//arrow_down_9fa097.svg");
1483
667
    background-position: center right 10px;
1484
668
    background-repeat: no-repeat;
1485
669
    -moz-background-size: 13px 13px;
1486
670
    -webkit-background-size: 13px 13px;
1487
671
    -o-background-size: 13px 13px;
1488
672
    background-size: 13px 13px;
1489
673
    clear: none;
1490
674
    position: relative;
1491
675
    width: 100%;
1492
676
    margin: -10px -10px 0;
1493
677
    padding: 10px;
1494
678
    cursor: pointer;
1495
679
    border-bottom: 1px dotted #888;
1496
680
    top: -10px;
1497
681
    text-transform: uppercase;
1498
682
    font-size: 0.75em;
1499
683
    letter-spacing: .05em;
1500
684
    font-weight: normal;
1501
685
    color: #888;
1502
686
    float: left;
1503
687
}
1504
688
1505
689
.ui-accordion {
1506
690
    width: 100%;
1507
691
    margin: 0;
1508
692
    display: inline-block;
1509
693
    padding: 0 10px;
1510
694
    margin: 0 -10px 20px;
1511
695
    border-bottom: 1px dotted #aea79f;
1512
696
1513
697
    h3 {
1514
698
        font-size: 13px;
1515
699
        font-weight: bold;
1516
700
        position: relative;
1517
701
        margin-bottom: 0;
1518
702
        border-top: 1px dotted #aea79f;
1519
703
        height: 36px;
1520
704
        line-height: 36px;
1521
705
        cursor: pointer;
1522
706
        width: 100%;
1523
707
        display: inline-block;
1524
708
        margin: 0 -10px;
1525
709
        padding: 0 10px 10px;
1526
710
1527
711
        &:first-of-type {
1528
712
            border-top: none;
1529
713
            margin-top: -10px;
1530
714
        }
1531
715
1532
716
        + div {
1533
717
            display: block;
1534
718
        }
1535
719
    }
1536
720
1537
721
    .ui-icon {
1538
722
        position: absolute;
1539
723
        top: 15px;
1540
724
        right: 0;
1541
725
        width: 8px;
1542
726
        height: 8px;
1543
727
        background: url(../../img/icon-accordion-inactive.png) 0 0 no-repeat transparent;
1544
728
        display: none;
1545
729
    }
1546
730
1547
731
    .ui-state-active .ui-icon {
1548
732
        background-image: url(../../img/icon-accordion-active.png);
1549
733
    }
1550
734
1551
735
    li {
1552
736
        line-height: 1.3;
1553
737
        margin-bottom: 12px;
1554
738
        padding: 0;
1555
739
        list-style: none;
1556
740
        border: 0;
1557
741
1558
742
        a {
1559
743
            font-size: 13px;
1560
744
        }
1561
745
    }
1562
746
}
1563
747
1564
748
.results-list {
1565
749
1566
750
    li {
1567
751
        margin-bottom: 50px;
1568
752
    }
1569
753
}
1570
754
1571
755
/* @section footer
1572
756
-------------------------------------------------------------- */
1573
757
1574
758
footer.global {
1575
759
    padding-top: 0;
1576
760
    background-color: transparent;
1577
761
    @include box_shadow(none);
1578
762
1579
763
    .row {
1580
764
        padding: 20px 0 0;
1581
765
        border-bottom: none;
1582
766
    }
1583
767
1584
768
    .two-col {
1585
769
        display: inline-block;
1586
770
        float: left;
1587
771
        width: 46%;
1588
772
        min-height: 200px;
1589
773
    }
1590
774
1591
775
    h2 {
1592
776
        padding-bottom: .75em;
1593
777
        letter-spacing: .05em;
1594
778
        text-transform: uppercase;
1595
779
        color: $warm_grey;
1596
780
    }
1597
781
1598
782
    nav .canonlist ul li {
1599
783
        display: inline;
1600
784
        float: left;
1601
785
        width: 48%;
1602
786
        min-height: 0;
1603
787
    }
1604
788
1605
789
    li {
1606
790
        margin-bottom: .5em;
1607
791
    }
1608
792
1609
793
    ul.inline {
1610
794
        margin-top: 5px;
1611
795
1612
796
        li {
1613
797
            line-height: 1;
1614
798
            display: inline;
1615
799
            float: left;
1616
800
1617
801
            &:after {
1618
802
                margin: 0 5px;
1619
803
                content: '•';
1620
804
                vertical-align: middle;
1621
805
                color: $warm_grey;
1622
806
            }
1623
807
1624
808
            &:last-child {
1625
809
                width: auto;
1626
810
            }
1627
811
        }
1628
812
    }
1629
813
1630
814
    a {
1631
815
        color: $cool_grey;
1632
816
    }
1633
817
1634
818
    .legal {
1635
819
        background: none;
1636
820
1637
821
        &.has-cookie {
1638
822
            /* if the cookie message is being displayed add padding so the legal links are still visible */
1639
823
            padding-bottom: 70px;
1640
824
        }
1641
825
    }
1642
826
1643
827
    .list-social li {
1644
828
        display: inline-block;
1645
829
        width: 45px;
1646
830
        height: 45px;
1647
831
        margin-right: 20px;
1648
832
        text-indent: -999em;
1649
833
1650
834
        a {
1651
835
            display: block;
1652
836
            overflow: hidden;
1653
837
            width: 44px;
1654
838
            height: 44px;
1655
839
            background-image: url('../../img/icons/icon-social.png');
1656
840
            background-image: url('../../img/icons/icon-social.svg'), none;
1657
841
            background-repeat: no-repeat;
1658
842
1659
843
            &#item-twitter {
1660
844
                background-position: 0 0;
1661
845
            }
1662
846
1663
847
            &#item-google {
1664
848
                background-position: -45px 0;
1665
849
            }
1666
850
1667
851
            &#item-facebook {
1668
852
                background-position: -90.5px 0;
1669
853
            }
1670
854
1671
855
            &#item-canonical {
1672
856
                background-position: -135px 0;
1673
857
            }
1674
858
1675
859
            &#item-twitter:hover {
1676
860
                background-position: 0 -45px;
1677
861
            }
1678
862
1679
863
            &#item-google:hover {
1680
864
                background-position: -45px -45px;
1681
865
            }
1682
866
1683
867
            &#item-facebook:hover {
1684
868
                background-position: -90.5px -45px;
1685
869
            }
1686
870
1687
871
            &#item-canonical:hover {
1688
872
                background-position: -135px -45px;
1689
873
            }
1690
874
        }
1691
875
    }
1692
876
}
1693
877
1694
878
.legal-inner {
1695
879
    float: none;
1696
880
    clear: none;
1697
881
    overflow: hidden;
1698
882
    width: 100%;
1699
883
    margin: 0;
1700
884
    padding: 0;
1701
885
}
1702
886
1703
887
.footer-wrapper.strip-light {
1704
888
    @include box_shadow(inset 0  4px 6px -4px rgba(0, 0, 0, .4));
1705
889
    background: none;
1706
890
}
1707
891
1708
892
footer #nav-global {
1709
893
1710
894
    h2 {
1711
895
        color: $warm_grey;
1712
896
    }
1713
897
1714
898
    li ul {
1715
899
        width: 100%;
1716
900
    }
1717
901
}
1718
902
1719
903
.yes-js #additional-info {
1720
904
    display: block;
1721
905
    width: 100%;
1722
906
    min-height: 0;
1723
907
    margin-bottom: -2px;
1724
908
    padding: 0;
1725
909
1726
910
    h2 {
1727
911
        display: block;
1728
912
        float: left;
1729
913
        clear: both;
1730
914
        width: 100%;
1731
915
        margin: 0 -10px;
1732
916
        padding: 8px 10px .8em;
1733
917
        border-top: 1px solid #d4d7d4;
1734
918
        border-bottom: 1px solid #d4d7d4;
1735
919
1736
920
        &:before {
1737
921
            @include background_size(14px 14px);
1738
922
            position: relative;
1739
923
            top: 3px;
1740
924
            display: inline-block;
1741
925
            width: 15px;
1742
926
            height: 15px;
1743
927
            margin-right: 3px;
1744
928
            content: '';
1745
929
            background-image: url('../../img/external-link.png');
1746
930
            background-image: url('../../img/external-link.svg');
1747
931
            background-repeat: no-repeat;  
1748
932
        }
1749
933
1750
934
        span {
1751
935
            @include background_size(100% 100%);
1752
936
            display: inline-block;
1753
937
            float: right;
1754
938
            clear: none;
1755
939
            width: 13px;
1756
940
            height: 13px;
1757
941
            margin-left: 6px;
1758
942
            background-image: url('../../img/arrow_down_9fa097.svg');
1759
943
            background-repeat: no-repeat;
1760
944
            background-position: 0 2px;    
1761
945
        }
1762
946
1763
947
        &.active span {
1764
948
            background-image: url('../../img/arrow_up_9fa097.svg');
1765
949
            background-position: 0 0;
1766
950
        }
1767
951
    }
1768
952
1769
953
    div {
1770
954
        display: none;
1771
955
        height: 0;
1772
956
1773
957
        &.active {
1774
958
            display: block;
1775
959
            height: auto;
1776
960
            margin-right: -10px;
1777
961
            margin-left: -10px;
1778
962
1779
963
            ul {
1780
964
                display: block;
1781
965
                float: left;
1782
966
                width: 100%;
1783
967
                margin: 0 -20px 0 0;
1784
968
                padding: 0;
1785
969
            }
1786
970
1787
971
            li {
1788
972
                @include box_sizing();
1789
973
                display: block;
1790
974
                float: left;
1791
975
                width: 50%;
1792
976
                margin: 0;
1793
977
                padding: 0;
1794
978
                border-left: 1px solid #d4d7d4;
1795
979
1796
980
                a {
1797
981
                    @include box_sizing();
1798
982
                    @include font_size (16);
1799
983
                    display: block;
1800
984
                    float: left;
1801
985
                    overflow: hidden;
1802
986
                    width: 100%;
1803
987
                    margin: 0;
1804
988
                    padding: 8px 10px;
1805
989
                    text-align: left;
1806
990
                    white-space: normal;
1807
991
                    border-bottom: 1px solid #d4d7d4; 
1808
992
                }
1809
993
            }
1810
994
        }
1811
995
    }
1812
996
}
1813
997
1814
998
.cookie-policy {
1815
999
    @include box_sizing(border-box);
1816
1000
    @include box_shadow(0 -1px 2px rgba(0,0,0,.2));
1817
1001
    position: fixed;
1818
1002
    z-index: 100;
1819
1003
    bottom: 0;
1820
1004
    width: 100%;
1821
1005
    padding-right: 30px;
1822
1006
    padding-left: 10px;
1823
1007
    color: #fff;
1824
1008
    background: #333;
1825
1009
1826
1010
    .wrapper {
1827
1011
        width: auto;
1828
1012
        background: transparent;
1829
1013
    }
1830
1014
1831
1015
    p {
1832
1016
        font-size: 13px;
1833
1017
        width: 100%;
1834
1018
        margin-bottom: 0;
1835
1019
        margin-left: 0;
1836
1020
        padding: 8px 0;
1837
1021
    }
1838
1022
1839
1023
    a {
1840
1024
        color: $ubuntu_orange;
1841
1025
    }
1842
1026
1843
1027
    .link-cta {
1844
1028
        @include background_size(16px 15px);
1845
1029
        font-size: 1em;
1846
1030
        display: block;
1847
1031
        float: right;
1848
1032
        width: 16px;
1849
1033
        height: 15px;
1850
1034
        margin-top: 12px;
1851
1035
        margin-right: -20px;
1852
1036
        padding: 0;
1853
1037
        text-decoration: none;
1854
1038
        text-indent: -999em;
1855
1039
        color: #fff;
1856
1040
        background-image: url('../../img/close.png');
1857
1041
        background-repeat: no-repeat;   
1858
1042
    }
1859
1043
}
1860
1044
1861
1045
.no-svg {
1862
1046
1863
1047
    header.banner {
1864
1048
1865
1049
        .logo-ubuntu,
1866
1050
        .nav-primary.nav-right .logo-ubuntu {
1867
1051
            background-image:  url('../../img/logo.png');
1868
1052
1869
1053
            img {
1870
1054
                left: 0;
1871
1055
                top: 15px;
1872
1056
            }
1873
1057
        }
1874
1058
    }
1875
1059
1876
1060
    .yes-js #additional-info {
1877
1061
1878
1062
        h2 {
1879
1063
1880
1064
            &:before {
1881
1065
                background-image: url('../../img/external-link.png');
1882
1066
            }
1883
1067
        }
1884
1068
    }
1885
1069
1886
1070
    footer.global {
1887
1071
1888
1072
        .list-social li a {
1889
1073
            background-image: url('../../img/icons/icon-social.png');
1890
1074
        }
1891
1075
    }
1892
1076
}
1893
1077
1894
1078
1895
1079
/* @section Medium / Desktop viewport
1896
1080
-------------------------------------------------------------- */
1897
1081
1898
1082
@media only screen and (min-width : 769px) {
1899
1083
    header.banner {
1900
1084
1901
1085
        .nav-primary {
1902
1086
1903
1087
            ul {
1904
1088
                border-left: 1px solid $nav_border_dark;
1905
1089
                border-right: 1px solid $nav_border_light;
1906
1090
                width: auto;
1907
1091
1908
1092
                li {
1909
1093
                    border: none;
1910
1094
1911
1095
                    ul {
1912
1096
                        @include box_shadow(0 2px 2px -1px #777);
1913
1097
                        @include rounded_corners(10px);
1914
1098
                        background: #f7f7f7;
1915
1099
                        border: 1px solid #d5d5d5;
1916
1100
                        display: none;
1917
1101
                        float: none;
1918
1102
                        margin: 0;
1919
1103
                        padding: 5px 0;
1920
1104
                        position: absolute;
1921
1105
                        top: 51px;
1922
1106
                        width: 200px;
1923
1107
1924
1108
                        li {
1925
1109
                            width: 100%;
1926
1110
                        }
1927
1111
                    }
1928
1112
1929
1113
                    a:link,
1930
1114
                    a:active,
1931
1115
                    a:visited {
1932
1116
                        border-left: 1px solid $nav_border_light;
1933
1117
                        border-right: 1px solid $nav_border_dark;
1934
1118
                    }
1935
1119
1936
1120
                    &:last-child {
1937
1121
                        border-right: 1px solid $nav_border_dark;
1938
1122
                        border-left: 1px solid $nav_border_dark;
1939
1123
                    }
1940
1124
1941
1125
                    a:hover {
1942
1126
                        background: $nav_hover_bg;
1943
1127
                        border-right: 1px solid $nav_hover_bg;
1944
1128
                    }
1945
1129
1946
1130
                    &:last-child {
1947
1131
                        border: none;
1948
1132
                    }
1949
1133
1950
1134
                    &:hover ul:after {
1951
1135
                        background: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/arrow-up-smaller.png") no-repeat;
1952
1136
                        content: '';
1953
1137
                        display: block;
1954
1138
                        height: 8px;
1955
1139
                        left: 20px;
1956
1140
                        position: relative;
1957
1141
                        top: -13px;
1958
1142
                        width: 200px;
1959
1143
                        z-index: 999;
1960
1144
                    }
1961
1145
                }
1962
1146
1963
1147
                .topics {
1964
1148
                    @include box_shadow(none);
1965
1149
                    width: auto;
1966
1150
                    border-bottom: none;
1967
1151
                    cursor: pointer;
1968
1152
1969
1153
                    &:hover {
1970
1154
                        background: $nav_hover_bg;
1971
1155
                    }
1972
1156
1973
1157
                    > a:link {
1974
1158
                        @include box_shadow(none);
1975
1159
                        color: #FFF;
1976
1160
                        cursor: pointer;
1977
1161
                    }
1978
1162
1979
1163
                    ul li {
1980
1164
                        border-right: none;
1981
1165
                        border-bottom: none;
1982
1166
1983
1167
                        a:hover,
1984
1168
                        &:first-of-type a:hover {
1985
1169
                            background: none;
1986
1170
                            color: $canonical_aubergine;
1987
1171
                        }
1988
1172
                    }
1989
1173
                }
1990
1174
1991
1175
                #nav-archives {
1992
1176
                    position: relative;
1993
1177
                    border-bottom: none;
1994
1178
                }
1995
1179
            }
1996
1180
        }
1997
1181
1998
1182
        nav.nav-primary {
1999
1183
2000
1184
            ul {
2001
1185
2002
1186
                li {
2003
1187
2004
1188
                    ul {
2005
1189
                        display: none;
2006
1190
                    }
2007
1191
2008
1192
                    a:link {
2009
1193
                        border-left: 1px solid $nav_border_light;
2010
1194
                    }
2011
1195
                }
2012
1196
2013
1197
                li ul li a:link {
2014
1198
                    border-left: none;
2015
1199
                }
2016
1200
2017
1201
                .topics ul li {
2018
1202
                    border-right: none;
2019
1203
                    border-bottom: none;
2020
1204
2021
1205
                    a:hover,
2022
1206
                    &:first-of-type a:hover {
2023
1207
                        background: none;
2024
1208
                    }
2025
1209
                }
2026
1210
            }
2027
1211
        }
2028
1212
    }
2029
1213
2030
1214
    #comments {
2031
1215
2032
1216
        h3 {
2033
1217
            padding-left: 20px;
2034
1218
        }
2035
1219
    }
2036
1220
2037
1221
    .comment-list {
2038
1222
2039
1223
        li {
2040
1224
2041
1225
            > div {
2042
1226
                padding-right: 20px;
2043
1227
                padding-left: 20px;
2044
1228
            }
2045
1229
        }
2046
1230
    }
2047
1231
2048
1232
    /* @section archives
2049
1233
    -------------------------------------------------------------- */
2050
1234
2051
1235
    .filter {
2052
1236
        display: block;
2053
1237
    }
2054
1238
2055
1239
    .filter-toggle {
2056
1240
        display: none;
2057
1241
    }
2058
1242
2059
1243
    .ui-accordion {
2060
1244
2061
1245
        h3 {
2062
1246
2063
1247
            + div {
2064
1248
                display: none;
2065
1249
            }
2066
1250
        }
2067
1251
    }
2068
1252
2069
1253
    /* @section homepage
2070
1254
    -------------------------------------------------------------- */
2071
1255
2072
1256
    footer #nav-global {
2073
1257
        display: none;
2074
1258
2075
1259
        div {
2076
1260
            display: none;
2077
1261
        }
2078
1262
2079
1263
        h2 {
2080
1264
            color: $warm_grey;
2081
1265
        }
2082
1266
2083
1267
        .nav-global-wrapper ul {
2084
1268
            margin-left: 10px;
2085
1269
2086
1270
            ul {
2087
1271
                margin-left: 0;
2088
1272
            }
2089
1273
        }
2090
1274
    }
2091
1275
2092
1276
    .legal-inner {
2093
1277
        float: none;
2094
1278
        clear: none;
2095
1279
        margin: 0;
2096
1280
        padding: 0;
2097
1281
        @include box_shadow(none);
2098
1282
    }
2099
1283
2100
1284
    .footer-wrapper.strip-light {
2101
1285
        padding-top: 10px;
2102
1286
    }
2103
1287
2104
1288
    footer.global {
2105
1289
2106
1290
        .two-col {
2107
1291
            display: inline-block;
2108
1292
            width: 14.89361%;
2109
1293
            min-height: 0;
2110
1294
        }
2111
1295
    }
2112
1296
2113
1297
    .yes-js #additional-info {
2114
1298
        float: right;
2115
1299
        width: 18%;
2116
1300
        min-height: inherit;
2117
1301
        margin-right: 0;
2118
1302
        margin-bottom: 0;
2119
1303
        padding: 0;
2120
1304
2121
1305
        div {
2122
1306
            display: block;
2123
1307
            height: auto;
2124
1308
        }
2125
1309
2126
1310
        h2 {
2127
1311
            display: block;
2128
1312
            float: left;
2129
1313
            clear: both;
2130
1314
            width: 100%;
2131
1315
            margin: inherit;
2132
1316
            margin-left: 0;
2133
1317
            padding: inherit;
2134
1318
            padding-bottom: .75em;
2135
1319
            border: 0;
2136
1320
2137
1321
            span {
2138
1322
                display: none;
2139
1323
            }
2140
1324
        }
2141
1325
    }
2142
1326
}
2143
1327
2144
1328
@media only screen and (min-width: 960px) {
2145
1329
2146
1330
    header.banner nav.nav-primary {
2147
1331
2148
1332
        .header-search {
2149
1333
            
2150
1334
            @include box_sizing(border-box);
2151
1335
            padding-top: 6px;
2152
1336
            padding-bottom: 4px;
2153
1337
            
2154
1338
            input[type="search"] {
2155
1339
                @include box_sizing();
2156
1340
                height: 38px;
2157
1341
                border-radius: 4px;
2158
1342
                background: $search_bg;
2159
1343
                box-shadow: none;
2160
1344
                border-bottom: 1px solid $light_aubergine;
2161
1345
                
2162
1346
                &:focus {
2163
1347
                    background-color: $search_focus;
2164
1348
                }
2165
1349
            }
2166
1350
        }
2167
1351
2168
1352
        .header-search {
2169
1353
            @include box_sizing(border-box);
2170
1354
2171
1355
            input[type='search'],
2172
1356
            input[type='text'] {
2173
1357
                @include box_sizing();
2174
1358
                height: 38px;
2175
1359
                border-radius: 4px;
2176
1360
                background: $search_bg;
2177
1361
                box-shadow: none;
2178
1362
                border-bottom: 1px solid $light_aubergine;
2179
1363
                
2180
1364
                &:focus {
2181
1365
                    background-color: $search_focus;
2182
1366
                }
2183
1367
            }
2184
1368
        }
2185
1369
    }
2186
1370
}
2187
1371
2188
1372
/* @section Large / Desktop viewport
2189
1373
-------------------------------------------------------------- */
2190
1374
2191
1375
@media only screen and (min-width : 984px) {
2192
1376
    /* get the desktop typography back in */
2193
1377
    h1 {
2194
1378
        font-size: 2.8125em;
2195
1379
    }
2196
1380
2197
1381
    h2 {
2198
1382
        font-size: 2em;
2199
1383
2200
1384
        margin-bottom: .375em;
2201
1385
    }
2202
1386
2203
1387
    h3 {
2204
1388
        font-size: 1.438em;
2205
1389
2206
1390
        margin-bottom: .522em;
2207
1391
    }
2208
1392
2209
1393
    h4 {
2210
1394
        font-size: 1em;
2211
1395
2212
1396
        margin-bottom: .75em;
2213
1397
    }
2214
1398
2215
1399
    h5 {
2216
1400
        font-size: 1em;
2217
1401
    }
2218
1402
2219
1403
    p,
2220
1404
    li,
2221
1405
    code,
2222
1406
    pre {
2223
1407
        font-size: 16px;
2224
1408
        line-height: 1.5;
2225
1409
2226
1410
        margin-bottom: .75em;
2227
1411
    }
2228
1412
2229
1413
    header.banner {
2230
1414
        margin-bottom: 20px;
2231
1415
    }
2232
1416
2233
1417
    footer .row {
2234
1418
        width: 984px;
2235
1419
        margin: 0 auto;
2236
1420
    }
2237
1421
2238
1422
    footer.global {
2239
1423
2240
1424
        .row {
2241
1425
            padding-right: 40px;
2242
1426
            padding-left: 40px;
2243
1427
        }
2244
1428
2245
1429
        .legal {
2246
1430
            background: none;
2247
1431
            
2248
1432
            p,
2249
1433
            ul {
2250
1434
                padding-left: 40px;
2251
1435
            }
2252
1436
        }
2253
1437
    }
2254
1438
}
2255
0
1439
2256
=== added directory 'library/css/stylesheets'
2257
=== added file 'library/css/stylesheets/.DS_Store'
2258
1
Binary files library/css/stylesheets/.DS_Store	1970-01-01 00:00:00 +0000 and library/css/stylesheets/.DS_Store	2014-12-02 15:34:17 +0000 differ
1440
Binary files library/css/stylesheets/.DS_Store	1970-01-01 00:00:00 +0000 and library/css/stylesheets/.DS_Store	2014-12-02 15:34:17 +0000 differ
2259
=== added file 'library/css/stylesheets/global-responsive.css'
2260
--- library/css/stylesheets/global-responsive.css	1970-01-01 00:00:00 +0000
2261
+++ library/css/stylesheets/global-responsive.css	2014-12-02 15:34:17 +0000
2262
@@ -0,0 +1,352 @@
2263
1
@charset "UTF-8";
2264
2
/**
2265
3
 * Ubuntu Patterns Stylesheet
2266
4
 *
2267
5
 * The CSS file required by Ubuntu patterns page
2268
6
 *
2269
7
 * @project		Ubuntu Patterns
2270
8
 * @author		Web Team at Canonical Ltd
2271
9
 * @copyright	2012 Canonical Ltd
2272
10
 *
2273
11
 * @see 		http://design.ubuntu.com
2274
12
 */
2275
13
/**
2276
14
 * standard colors
2277
15
 *
2278
16
 * @colordef standard colors
2279
17
 */
2280
18
/* assets database path */
2281
19
/* usage: background: url(//assets.ubuntu.com/sites/ubuntu/latest/u/img//backgrounds/background.jpg) no-repeat 0 0; */
2282
20
/* ubuntu orange (used for text links also on any site except canonical) */
2283
21
/* used as background on pre text */
2284
22
/* canonical aubergine */
2285
23
/* light aubergine (consumer) */
2286
24
/* mid aubergine (both) */
2287
25
/* dark aubergine (enterprise) */
2288
26
/* warm grey */
2289
27
/* cool grey */
2290
28
/* light grey */
2291
29
/* notifications */
2292
30
/* red */
2293
31
/* yellow */
2294
32
/* green */
2295
33
/* cyan */
2296
34
/* colour coded status - from negative to positive (Icon: canonical circle) */
2297
35
/* red, for status that require immediate attention */
2298
36
/* grey, for disabled status or ones that don’t require attention */
2299
37
/* yellow, for status that require attention */
2300
38
/* blue, for status that don’t require action */
2301
39
/* green, for positive status */
2302
40
/* misc colours */
2303
41
/* This is the global link color, mainly used for links in content */
2304
42
/* grid variables */
2305
43
/**
2306
44
 * mixins
2307
45
 *
2308
46
 * @section mixins
2309
47
 */
2310
48
/* @section global nav
2311
49
-------------------------------------------------------------- */
2312
50
footer #nav-global {
2313
51
  display: block;
2314
52
  margin: 0 -10px;
2315
53
  margin-top: -4px;
2316
54
  margin-bottom: 10px;
2317
55
  overflow: hidden; }
2318
56
  footer #nav-global div {
2319
57
    display: none; }
2320
58
    footer #nav-global div.active {
2321
59
      border-top: 1px solid #d4d7d4;
2322
60
      display: block;
2323
61
      margin-top: -1px; }
2324
62
  footer #nav-global h2 {
2325
63
    letter-spacing: 0;
2326
64
    position: relative;
2327
65
    z-index: 2; }
2328
66
    footer #nav-global h2 span {
2329
67
      background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img//arrow_down_9fa097.svg");
2330
68
      background-position: 0 2px;
2331
69
      background-repeat: no-repeat;
2332
70
      -moz-background-size: 100% 100%;
2333
71
      -webkit-background-size: 100% 100%;
2334
72
      -o-background-size: 100% 100%;
2335
73
      background-size: 100% 100%;
2336
74
      clear: none;
2337
75
      display: inline-block;
2338
76
      margin-left: 6px;
2339
77
      float: right;
2340
78
      height: 13px;
2341
79
      width: 13px;
2342
80
      margin-right: 20px;
2343
81
      position: relative; }
2344
82
    footer #nav-global h2.active span {
2345
83
      background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/arrow_up_9fa097.svg");
2346
84
      background-position: 0 0; }
2347
85
  footer #nav-global li ul {
2348
86
    clear: both;
2349
87
    display: block;
2350
88
    overflow: hidden;
2351
89
    float: left; }
2352
90
  footer #nav-global li.more {
2353
91
    width: 100%;
2354
92
    line-height: 0;
2355
93
    padding: 0;
2356
94
    margin: 0; }
2357
95
  footer #nav-global li.more a {
2358
96
    text-indent: -999em;
2359
97
    display: block;
2360
98
    padding: 0;
2361
99
    margin: 0;
2362
100
    border: 0; }
2363
101
  footer #nav-global li.more li a {
2364
102
    background: none;
2365
103
    text-indent: 0;
2366
104
    margin-left: 0;
2367
105
    font-size: 14px; }
2368
106
  footer #nav-global h2 {
2369
107
    border-bottom: 1px solid #D4D7D4;
2370
108
    color: #888888;
2371
109
    margin: 0;
2372
110
    padding: 10px 10px;
2373
111
    width: 100%;
2374
112
    text-transform: uppercase;
2375
113
    font-size: 0.75em;
2376
114
    letter-spacing: .05em; }
2377
115
  footer #nav-global h2:before {
2378
116
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-9fa097.svg");
2379
117
    -moz-background-size: 14px 14px;
2380
118
    -webkit-background-size: 14px 14px;
2381
119
    -o-background-size: 14px 14px;
2382
120
    background-size: 14px 14px;
2383
121
    background-repeat: no-repeat;
2384
122
    content: "";
2385
123
    display: inline-block;
2386
124
    height: 15px;
2387
125
    width: 15px;
2388
126
    margin-right: 3px;
2389
127
    top: 3px;
2390
128
    position: relative; }
2391
129
  footer #nav-global ul {
2392
130
    margin: 0;
2393
131
    padding: 0; }
2394
132
  footer #nav-global li a {
2395
133
    -webkit-box-sizing: border-box;
2396
134
    -moz-box-sizing: border-box;
2397
135
    box-sizing: border-box;
2398
136
    font-size: 1.14286 em;
2399
137
    margin-bottom: 0.75 em;
2400
138
    border-bottom: 1px solid #d4d7d4;
2401
139
    color: #333333;
2402
140
    display: block;
2403
141
    float: left;
2404
142
    overflow: hidden;
2405
143
    padding: 8px 10px;
2406
144
    text-align: left;
2407
145
    white-space: normal;
2408
146
    width: 100%;
2409
147
    margin-bottom: 0; }
2410
148
  footer #nav-global li a.external:after {
2411
149
    background: none; }
2412
150
  footer #nav-global li.more li a {
2413
151
    border-bottom: 1px solid #d4d7d4;
2414
152
    font-size: 14px;
2415
153
    line-height: 1.6;
2416
154
    padding: 8px 10px; }
2417
155
  footer #nav-global li.more li {
2418
156
    border-bottom: 1px solid #f2f2f4; }
2419
157
  footer #nav-global li {
2420
158
    -webkit-box-sizing: border-box;
2421
159
    -moz-box-sizing: border-box;
2422
160
    box-sizing: border-box;
2423
161
    border-bottom: 1px solid #f2f2f4;
2424
162
    border-left: 1px solid #d4d7d4;
2425
163
    display: block;
2426
164
    float: left;
2427
165
    margin: 0;
2428
166
    width: 50%; }
2429
167
  footer #nav-global li:last-item,
2430
168
  footer #nav-global li:last-item a {
2431
169
    border: 0; }
2432
170
  footer #nav-global li:nth-child(odd) {
2433
171
    border-left: 0; }
2434
172
2435
173
@media only screen and (min-width: 768px) {
2436
174
  body {
2437
175
    padding-top: 30px; }
2438
176
2439
177
  #nav-global {
2440
178
    background: #efefef;
2441
179
    width: 100%;
2442
180
    height: 30px;
2443
181
    line-height: 19.2px;
2444
182
    display: block;
2445
183
    z-index: 101;
2446
184
    position: relative;
2447
185
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
2448
186
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
2449
187
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
2450
188
    margin-top: -30px; }
2451
189
2452
190
  #nav-global .nav-global-wrapper {
2453
191
    -moz-box-sizing: border-box;
2454
192
    background: none repeat scroll 0 0 #FFFFFF;
2455
193
    margin: 0 auto;
2456
194
    position: relative;
2457
195
    text-align: left;
2458
196
    width: 984px; }
2459
197
2460
198
  #nav-global.drop-shadow {
2461
199
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
2462
200
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
2463
201
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
2464
202
2465
203
  #nav-global div {
2466
204
    background: #efefef;
2467
205
    box-shadow: none;
2468
206
    margin-top: 0;
2469
207
    margin-bottom: 0; }
2470
208
2471
209
  #nav-global ul {
2472
210
    margin-bottom: 0;
2473
211
    margin-left: 0;
2474
212
    top: 0; }
2475
213
2476
214
  #nav-global ul li {
2477
215
    float: left;
2478
216
    display: block;
2479
217
    text-align: left;
2480
218
    margin: 0;
2481
219
    height: 30px;
2482
220
    margin-top: -1px;
2483
221
    position: relative;
2484
222
    top: 0; }
2485
223
2486
224
  #nav-global ul ul {
2487
225
    display: none;
2488
226
    float: none;
2489
227
    background: #fff;
2490
228
    position: absolute;
2491
229
    min-width: 120px;
2492
230
    top: 30px;
2493
231
    border-top: 1px solid #d7d7d7;
2494
232
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
2495
233
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
2496
234
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }
2497
235
2498
236
  #nav-global ul ul a:link, #nav-global ul ul a:visited {
2499
237
    border-top: none;
2500
238
    float: none; }
2501
239
2502
240
  #nav-global ul ul li {
2503
241
    float: none; }
2504
242
2505
243
  #nav-global ul ul li:first-of-type {
2506
244
    padding-top: 5px; }
2507
245
2508
246
  #nav-global .more {
2509
247
    border-left: 1px solid transparent;
2510
248
    border-right: 1px solid transparent;
2511
249
    min-width: 60px; }
2512
250
2513
251
  #nav-global .more span {
2514
252
    display: block;
2515
253
    top: -10px;
2516
254
    left: 46px;
2517
255
    line-height: 19.2px;
2518
256
    height: 0;
2519
257
    position: relative;
2520
258
    -webkit-transform-origin: 0 0;
2521
259
    -moz-transform-origin: 0 0;
2522
260
    -ms-transform-origin: 0 0;
2523
261
    -o-transform-origin: 0 0;
2524
262
    -webkit-transform: rotate(90deg);
2525
263
    -moz-transform: rotate(90deg);
2526
264
    -ms-transform: rotate(90deg);
2527
265
    -o-transform: rotate(90deg);
2528
266
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
2529
267
2530
268
  #nav-global .open {
2531
269
    background: #fff;
2532
270
    min-width: 120px;
2533
271
    border-left: 1px solid #d7d7d7;
2534
272
    border-right: 1px solid #d7d7d7; }
2535
273
2536
274
  #nav-global a:link, #nav-global a:visited {
2537
275
    color: #333;
2538
276
    font-size: 12px;
2539
277
    font-weight: 300;
2540
278
    line-height: 1.6;
2541
279
    border-top: 3px solid transparent;
2542
280
    border-bottom: 0;
2543
281
    margin-right: 10px;
2544
282
    margin-left: 10px;
2545
283
    padding-top: 3px;
2546
284
    padding-bottom: 4px;
2547
285
    position: relative;
2548
286
    text-decoration: none;
2549
287
    -moz-transition: opacity 0.25s ease-in-out;
2550
288
    -webkit-transition: opacity 0.25s ease-in-out;
2551
289
    transition: opacity 0.25s ease-in-out;
2552
290
    display: block;
2553
291
    list-style-image: none; }
2554
292
2555
293
  #nav-global a.active {
2556
294
    color: #dd4814;
2557
295
    border-top: 3px solid #dd4814;
2558
296
    text-decoration: none;
2559
297
    opacity: 1; }
2560
298
2561
299
  #nav-global a:hover {
2562
300
    color: #dd4814;
2563
301
    text-decoration: none; }
2564
302
2565
303
  #nav-global:hover a {
2566
304
    opacity: 1; }
2567
305
2568
306
  #nav-global .open a:link,
2569
307
  #nav-global .open a:visited,
2570
308
  #nav-global .open span {
2571
309
    color: #dd4814;
2572
310
    opacity: 1; }
2573
311
2574
312
  #nav-global .open ul a:link,
2575
313
  #nav-global .open ul a:visited {
2576
314
    color: #333;
2577
315
    opacity: 1; }
2578
316
2579
317
  #nav-global .open ul a:hover {
2580
318
    color: #dd4814;
2581
319
    text-decoration: none; }
2582
320
2583
321
  #nav-global .open ul {
2584
322
    display: block; }
2585
323
2586
324
  #nav-global ul ul li:first-of-type a {
2587
325
    margin-left: 10px; }
2588
326
2589
327
  body #nav-global li:first-of-type a {
2590
328
    margin-left: 0; }
2591
329
2592
330
  /*
2593
331
  * Temp styles
2594
332
  */
2595
333
  .login-logout {
2596
334
    z-index: 5; } }
2597
335
@media only screen and (min-width: 768px) {
2598
336
  body #nav-global li:first-of-type a {
2599
337
    margin-left: 10px; } }
2600
338
@media only screen and (min-width: 768px) and (min-width: 768px) {
2601
339
  #nav-global .nav-global-wrapper {
2602
340
    width: auto !important; } }
2603
341
@media only screen and (max-width: 768px) {
2604
342
  body #nav-global li:first-of-type a {
2605
343
    margin-left: 10px; }
2606
344
2607
345
  #nav-global .nav-global-wrapper {
2608
346
    width: 100%; } }
2609
347
@media only screen and (min-width: 984px) {
2610
348
  body #nav-global li:first-of-type a {
2611
349
    margin-left: 0; }
2612
350
2613
351
  #nav-global .nav-global-wrapper {
2614
352
    width: 984px !important; } }
2615
0
\ No newline at end of file
353
\ No newline at end of file
2616
1
354
2617
=== added file 'library/css/stylesheets/styles.css'
2618
--- library/css/stylesheets/styles.css	1970-01-01 00:00:00 +0000
2619
+++ library/css/stylesheets/styles.css	2014-12-02 15:34:17 +0000
2620
@@ -0,0 +1,1294 @@
2621
1
@charset "UTF-8";
2622
2
/* ---------------------------------------------------------------
2623
3
------------------------------------------------------------------
2624
4
	DO NOT EDIT STYLES.CSS
2625
5
	It is autogenerated.
2626
6
2627
7
	Project:		Ubuntu Front-End
2628
8
	Author:			Web Team at Canonical Ltd
2629
9
	Last edited by: Richard McCartney
2630
10
	Last edited on: 02/10/2014
2631
11
2632
12
	CONTENTS:
2633
13
	-----------------------------------------------------------------
2634
14
	
2635
15
	@section header
2636
16
	@section homepage
2637
17
	@section Footer
2638
18
	@section Tabbed menu in accordion mode (TODO: WIP)
2639
19
	@section Taleo
2640
20
2641
21
	@section Medium / Tablet viewport
2642
22
	@section Large / Desktop viewport
2643
23
2644
24
	Rounded corners
2645
25
	-----------------------------------------------------------------
2646
26
	@include rounded_corners(top-left top-right bottom-right bottom-left);
2647
27
		examples
2648
28
		@include rounded_corners(0 0 4px 4px); rounded bottoms
2649
29
		@include rounded_corners(4px); all corners rounded
2650
30
2651
31
	Base grid sass, this lives in /sites/core/static/core-grid.scss
2652
32
	-----------------------------------------------------------------
2653
33
	$base: 			16;
2654
34
	$column_width:	( 60 / $base )em;
2655
35
	$gutter_width: 	( 20 / $base )em;
2656
36
	$grid_column: 	( 57 / $base )em; nested columns
2657
37
	$grid_gutter: 	( 18 / $base )em;
2658
38
2659
39
	Available grid widths
2660
40
	-----------------------------------------------------------------
2661
41
	$one_col - $twelve_col
2662
42
2663
43
	Using these enables us to give individual elements specific widths without adding a static width:
2664
44
2665
45
	padding: $gutter_width;
2666
46
	width: $twelve_col - ( 2 * $gutter_width );
2667
47
2668
48
	Colour definitiions are in /sites/core/static/core-constants.scss
2669
49
	-----------------------------------------------------------------
2670
50
	$ubuntu_orange:			#dd4814; ubuntu orange (used for text links also on any site except canonical)
2671
51
	$canonical_aubergine:	#772953; @warmcanonical aubergine
2672
52
	$light_aubergine:		#77216f; light aubergine (consumer)
2673
53
	$mid_aubergine:			#5e2750; mid aubergine (both)
2674
54
	$dark_aubergine:		#2c001e; dark aubergine (enterprise)
2675
55
	$warm_grey:				#aea79f; warm grey
2676
56
	$cool_grey:				#333333; cool grey
2677
57
	$light_grey:			#f7f7f7; light grey
2678
58
2679
59
	Notifications
2680
60
	$error:					#df382c; red
2681
61
	$warning:				#eca918; yellow
2682
62
	$success:				#38b44a; green
2683
63
	$information:			#19b6ee; cyan
2684
64
2685
65
	Colour coded status - from negative to positive (icon: canonical circle)
2686
66
	$status_red:			#df382c; red, for status that require immediate attention
2687
67
	$status_grey:			#aea79f; grey, for disabled status or ones that don’t require attention
2688
68
	$status_yellow:			#efb73e; yellow, for status that require attention
2689
69
	$status_blue:			#19b6ee; blue, for status that don’t require action
2690
70
	$status_green:			#38b44a; green, for positive status
2691
71
2692
72
	misc colours
2693
73
	$box_solid_grey:		#efefef;
2694
74
2695
75
	$link_color:			$ubuntu_orange; This is the global link color, mainly used for links in content
2696
76
2697
77
	Notes:
2698
78
	-----------------------------------------------------------------
2699
79
	Using '.yui3-js-enabled' for CSS with JS enabled as it's there for free atm, be nice to have just js-enabled as a class.
2700
80
2701
81
-----------------------------------------------------------------
2702
82
-------------------------------------------------------------- */
2703
83
/**
2704
84
 * Ubuntu Patterns Stylesheet
2705
85
 *
2706
86
 * The CSS file required by Ubuntu patterns page
2707
87
 * 
2708
88
 * @project		Ubuntu Patterns
2709
89
 * @author		Web Team at Canonical Ltd
2710
90
 * @copyright	2012 Canonical Ltd
2711
91
 *
2712
92
 * @see 		http://design.ubuntu.com
2713
93
 */
2714
94
/**
2715
95
 * standard colors
2716
96
 *
2717
97
 * @colordef standard colors
2718
98
 */
2719
99
/* ubuntu orange (used for text links also on any site except canonical) */
2720
100
/* used as background on pre text */
2721
101
/* canonical aubergine */
2722
102
/* light aubergine (consumer) */
2723
103
/* mid aubergine (both) */
2724
104
/* dark aubergine (enterprise) */
2725
105
/* warm grey */
2726
106
/* cool grey */
2727
107
/* light grey */
2728
108
/* notifications */
2729
109
/* red */
2730
110
/* yellow */
2731
111
/* green */
2732
112
/* cyan */
2733
113
/* colour coded status - from negative to positive (Icon: canonical circle) */
2734
114
/* red, for status that require immediate attention */
2735
115
/* grey, for disabled status or ones that don’t require attention */
2736
116
/* yellow, for status that require attention */
2737
117
/* blue, for status that don’t require action */
2738
118
/* green, for positive status */
2739
119
/* misc colours */
2740
120
/* This is the global link color, mainly used for links in content */
2741
121
/* blog colours */
2742
122
/* grid variables */
2743
123
/**
2744
124
 * mixins
2745
125
 *
2746
126
 * @section mixins
2747
127
 */
2748
128
/* @section global
2749
129
-------------------------------------------------------------- */
2750
130
a:link, a:visited {
2751
131
  color: #772953;
2752
132
}
2753
133
2754
134
#main-content .row-hero {
2755
135
  padding-top: 40px;
2756
136
}
2757
137
2758
138
.inner-wrapper {
2759
139
  border-bottom: 1px solid #d4d7d4;
2760
140
}
2761
141
2762
142
body .search #main-content article {
2763
143
  margin-top: 20px;
2764
144
  padding-top: 20px;
2765
145
  border-top: 1px dotted #aea79f;
2766
146
}
2767
147
body .single .post-tags {
2768
148
  font-size: 13px;
2769
149
}
2770
150
body sup {
2771
151
  vertical-align: super;
2772
152
}
2773
153
2774
154
/* @section header
2775
155
-------------------------------------------------------------- */
2776
156
header.banner {
2777
157
  -moz-box-shadow: 0 2px 2px -2px #5e2750 inset;
2778
158
  -webkit-box-shadow: 0 2px 2px -2px #5e2750 inset;
2779
159
  box-shadow: 0 2px 2px -2px #5e2750 inset;
2780
160
  float: left;
2781
161
  background-color: #772953;
2782
162
}
2783
163
header.banner .logo-ubuntu,
2784
164
header.banner .nav-primary.nav-right .logo-ubuntu {
2785
165
  min-width: 166px;
2786
166
  padding-top: 10px;
2787
167
  background: transparent;
2788
168
  background-image: url("../../img/logo.png");
2789
169
  background-image: url("../../img/logo.svg"), none;
2790
170
  background-repeat: no-repeat;
2791
171
  background-position: 0 15px;
2792
172
  background-size: 130px 19px;
2793
173
}
2794
174
header.banner .logo-ubuntu span,
2795
175
header.banner .nav-primary.nav-right .logo-ubuntu span {
2796
176
  font-weight: 300;
2797
177
  position: relative;
2798
178
  top: 1px;
2799
179
  float: left;
2800
180
  padding-right: 20px;
2801
181
  padding-left: 140px;
2802
182
}
2803
183
header.banner .nav-primary {
2804
184
  position: relative;
2805
185
  overflow: visible;
2806
186
}
2807
187
header.banner .nav-primary.active {
2808
188
  border: none;
2809
189
}
2810
190
header.banner .nav-primary li ul li a:link,
2811
191
header.banner .nav-primary li ul li a:visited {
2812
192
  width: 100%;
2813
193
}
2814
194
header.banner .nav-primary li ul li:first-of-type a:link {
2815
195
  padding: 8px 10px;
2816
196
}
2817
197
header.banner .nav-primary ul {
2818
198
  -moz-box-shadow: none;
2819
199
  -webkit-box-shadow: none;
2820
200
  box-shadow: none;
2821
201
  position: relative;
2822
202
  top: 0;
2823
203
  float: left;
2824
204
  width: 100%;
2825
205
  padding: 0;
2826
206
  border: none;
2827
207
  background: none;
2828
208
  border-right: none;
2829
209
}
2830
210
header.banner .nav-primary ul li {
2831
211
  font-size: 1em;
2832
212
  float: left;
2833
213
  margin: 0;
2834
214
  list-style-image: none;
2835
215
  vertical-align: bottom;
2836
216
  text-indent: 0;
2837
217
}
2838
218
header.banner .nav-primary ul li ul {
2839
219
  display: block;
2840
220
}
2841
221
header.banner .nav-primary ul li:hover ul:after {
2842
222
  display: none;
2843
223
}
2844
224
header.banner .nav-primary ul ul {
2845
225
  -moz-box-shadow: none;
2846
226
  -webkit-box-shadow: none;
2847
227
  box-shadow: none;
2848
228
  position: relative;
2849
229
  top: 0;
2850
230
  float: left;
2851
231
  width: 100%;
2852
232
  padding: 0;
2853
233
  border: none;
2854
234
  background: none;
2855
235
}
2856
236
header.banner .nav-primary ul ul li {
2857
237
  float: left;
2858
238
  width: 50%;
2859
239
  border: 0;
2860
240
  border-right: none;
2861
241
  border-left: none;
2862
242
}
2863
243
header.banner .nav-primary ul ul a,
2864
244
header.banner .nav-primary ul ul a:active,
2865
245
header.banner .nav-primary ul ul a:hover,
2866
246
header.banner .nav-primary ul ul a:visited,
2867
247
header.banner .nav-primary ul ul a:link {
2868
248
  border-left: none;
2869
249
  width: 100%;
2870
250
}
2871
251
header.banner .nav-primary ul ul a:hover {
2872
252
  color: #77216f;
2873
253
}
2874
254
header.banner .nav-primary ul ul:last-child {
2875
255
  border-right: 0;
2876
256
}
2877
257
header.banner .nav-primary .topics {
2878
258
  font-size: 90%;
2879
259
  top: auto;
2880
260
  left: 0;
2881
261
  width: 100%;
2882
262
  height: auto;
2883
263
  margin: 0;
2884
264
  text-indent: 0;
2885
265
  text-transform: none;
2886
266
  color: #808080;
2887
267
  border-left: none;
2888
268
  border-right: none;
2889
269
  display: block;
2890
270
}
2891
271
header.banner .nav-primary .topics > a {
2892
272
  color: #808080;
2893
273
  -moz-box-shadow: inset 0px -1px 0 #d4d7d4;
2894
274
  -webkit-box-shadow: inset 0px -1px 0 #d4d7d4;
2895
275
  box-shadow: inset 0px -1px 0 #d4d7d4;
2896
276
}
2897
277
header.banner .nav-primary .topics > a:hover {
2898
278
  cursor: default;
2899
279
  background: none;
2900
280
}
2901
281
header.banner .nav-primary .topics ul li {
2902
282
  -webkit-box-sizing: border-box;
2903
283
  -moz-box-sizing: border-box;
2904
284
  box-sizing: border-box;
2905
285
  border-right: 1px solid #d4d7d4;
2906
286
  border-bottom: 1px solid #d4d7d4;
2907
287
}
2908
288
header.banner .nav-primary .topics ul li a, header.banner .nav-primary .topics ul li:first-of-type a {
2909
289
  font-size: 14px;
2910
290
  width: 100%;
2911
291
  padding: 8px 10px;
2912
292
  color: #333;
2913
293
}
2914
294
header.banner .nav-primary .topics ul li a:hover, header.banner .nav-primary .topics ul li:first-of-type a:hover {
2915
295
  cursor: pointer;
2916
296
  background: #f8f8f8;
2917
297
}
2918
298
header.banner .nav-primary .topics ul li:nth-child(2n) {
2919
299
  border-right: none;
2920
300
}
2921
301
header.banner .nav-primary #nav-archives {
2922
302
  position: absolute;
2923
303
  right: 0;
2924
304
  float: right;
2925
305
  border-bottom: 1px solid #d4d7d4;
2926
306
}
2927
307
header.banner nav.nav-primary ul li ul {
2928
308
  display: block;
2929
309
}
2930
310
2931
311
header.banner nav.nav-primary ul.active {
2932
312
  -moz-box-shadow: inset 0px -1px 0 #d4d7d4;
2933
313
  -webkit-box-shadow: inset 0px -1px 0 #d4d7d4;
2934
314
  box-shadow: inset 0px -1px 0 #d4d7d4;
2935
315
  background: #f0f0f0;
2936
316
}
2937
317
header.banner nav.nav-primary ul.active li ul {
2938
318
  display: block;
2939
319
}
2940
320
header.banner nav.nav-primary ul.active li ul li {
2941
321
  border-left: none;
2942
322
}
2943
323
@media only screen and (max-width: 768px) {
2944
324
  header.banner nav.nav-primary ul.active li ul li a {
2945
325
    padding: 8px 10px;
2946
326
  }
2947
327
}
2948
328
header.banner nav.nav-primary .header-search {
2949
329
  -webkit-box-sizing: border-box;
2950
330
  -moz-box-sizing: border-box;
2951
331
  box-sizing: border-box;
2952
332
}
2953
333
header.banner nav.nav-primary .header-search.active {
2954
334
  padding: 10px;
2955
335
}
2956
336
header.banner nav.nav-primary .header-search input[type='search'] {
2957
337
  -webkit-box-sizing: border-box;
2958
338
  -moz-box-sizing: border-box;
2959
339
  box-sizing: border-box;
2960
340
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 2px rgba(0, 0, 0, 0.2) inset, 0 2px 0 rgba(255, 255, 255, 0.4);
2961
341
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 2px rgba(0, 0, 0, 0.2) inset, 0 2px 0 rgba(255, 255, 255, 0.4);
2962
342
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 2px rgba(0, 0, 0, 0.2) inset, 0 2px 0 rgba(255, 255, 255, 0.4);
2963
343
  height: 38px;
2964
344
  border-radius: 4px;
2965
345
}
2966
346
2967
347
/* @section homepage
2968
348
-------------------------------------------------------------- */
2969
349
/* @section posts
2970
350
-------------------------------------------------------------- */
2971
351
.single-post .avatar {
2972
352
  max-width: 56px;
2973
353
}
2974
354
2975
355
.tags,
2976
356
.tags a:link,
2977
357
.tags a:visited {
2978
358
  font-size: 0.92308em;
2979
359
  margin: 0 0 5px 0;
2980
360
  padding: 0;
2981
361
  color: #aea79f;
2982
362
}
2983
363
2984
364
.post-author {
2985
365
  font-size: 16px;
2986
366
  margin-bottom: 0;
2987
367
}
2988
368
2989
369
.post-date,
2990
370
#comments time {
2991
371
  font-size: 13px;
2992
372
  margin-bottom: 0px;
2993
373
  color: #aea79f;
2994
374
}
2995
375
2996
376
.post-comments {
2997
377
  font-size: 13px;
2998
378
  margin-bottom: 0;
2999
379
}
3000
380
3001
381
.image-wrap {
3002
382
  position: relative;
3003
383
  display: inline-block;
3004
384
  max-width: 100%;
3005
385
  margin-bottom: 0px;
3006
386
  vertical-align: bottom;
3007
387
  background-size: 100% 100%;
3008
388
}
3009
389
.image-wrap:after {
3010
390
  position: absolute;
3011
391
  top: 0;
3012
392
  left: 0;
3013
393
  width: 100%;
3014
394
  height: 100%;
3015
395
  content: ' ';
3016
396
  background: url(../../img/white-squircle.png) no-repeat;
3017
397
  background-size: 100%;
3018
398
}
3019
399
3020
400
.post .post-date,
3021
401
.post .image-wrap {
3022
402
  margin-bottom: 10px;
3023
403
}
3024
404
3025
405
.row:last-of-type {
3026
406
  border-bottom: 0;
3027
407
}
3028
408
3029
409
#share-links {
3030
410
  margin-top: 10px;
3031
411
  padding-top: 10px;
3032
412
  border-top: 1px dotted #aea79f;
3033
413
}
3034
414
#share-links h3 {
3035
415
  font-size: 13px;
3036
416
  color: #aea79f;
3037
417
}
3038
418
3039
419
#social-links {
3040
420
  margin-left: -8px;
3041
421
}
3042
422
#social-links li {
3043
423
  display: inline;
3044
424
  float: left;
3045
425
  clear: none;
3046
426
  width: auto;
3047
427
  margin-left: 8px;
3048
428
  text-indent: -999em;
3049
429
}
3050
430
#social-links li a {
3051
431
  display: block;
3052
432
  overflow: hidden;
3053
433
  width: 24px;
3054
434
  height: 24px;
3055
435
  background-image: url("../../img/icons/icon-social-author.svg");
3056
436
  background-repeat: no-repeat;
3057
437
  -moz-background-size: 144px 48px;
3058
438
  -webkit-background-size: 144px 48px;
3059
439
  -o-background-size: 144px 48px;
3060
440
  background-size: 144px 48px;
3061
441
}
3062
442
#social-links li a.social-launchpad {
3063
443
  background-position: 0 0;
3064
444
}
3065
445
#social-links li a.social-launchpad:hover {
3066
446
  background-position: 0 -24px;
3067
447
}
3068
448
#social-links li a.social-email {
3069
449
  background-position: -24px 0;
3070
450
}
3071
451
#social-links li a.social-email:hover {
3072
452
  background-position: -24px -24px;
3073
453
}
3074
454
#social-links li a.social-twitter {
3075
455
  background-position: -48px 0;
3076
456
}
3077
457
#social-links li a.social-twitter:hover {
3078
458
  background-position: -48px -24px;
3079
459
}
3080
460
#social-links li a.social-google {
3081
461
  background-position: -72px 0;
3082
462
}
3083
463
#social-links li a.social-google:hover {
3084
464
  background-position: -72px -24px;
3085
465
}
3086
466
#social-links li a.social-facebook {
3087
467
  background-position: -96px 0;
3088
468
}
3089
469
#social-links li a.social-facebook:hover {
3090
470
  background-position: -96px -24px;
3091
471
}
3092
472
#social-links li a.social-rss {
3093
473
  background-position: -120px 0;
3094
474
}
3095
475
#social-links li a.social-rss:hover {
3096
476
  background-position: -120px -24px;
3097
477
}
3098
478
3099
479
body.author .avatar {
3100
480
  float: left;
3101
481
}
3102
482
body.author .bio {
3103
483
  margin-left: 0;
3104
484
  float: left;
3105
485
  width: 100%;
3106
486
}
3107
487
body.author .bio h2 {
3108
488
  font-size: 21px;
3109
489
}
3110
490
body.author .bio .location {
3111
491
  font-weight: 300;
3112
492
  padding-left: 14px;
3113
493
  color: #ada79f;
3114
494
  background: url("../../img/location_bg.png") no-repeat scroll 0 45% transparent;
3115
495
}
3116
496
body.author .description {
3117
497
  margin-top: 200px;
3118
498
}
3119
499
3120
500
li #comment-form li {
3121
501
  border: 0;
3122
502
}
3123
503
3124
504
#comments h3 {
3125
505
  font-size: 1.5625em;
3126
506
  font-weight: 300;
3127
507
  line-height: 1;
3128
508
  display: block;
3129
509
  clear: both;
3130
510
  padding: .625em 0 .625em 0;
3131
511
  color: #aea79f;
3132
512
  border-width: 1px 0;
3133
513
  border-style: solid;
3134
514
  border-color: #d7d7d7;
3135
515
  border-image: none;
3136
516
}
3137
517
#comments button,
3138
518
#comments input[type='submit'] {
3139
519
  background-color: #5f193e;
3140
520
  background-image: linear-gradient(#772953, #5f193e);
3141
521
}
3142
522
#comments button:hover,
3143
523
#comments input[type='submit']:hover {
3144
524
  background: #511c39;
3145
525
}
3146
526
#comments .reply a {
3147
527
  display: inline-block;
3148
528
  margin: 0 0 20px;
3149
529
  padding: 4px 10px;
3150
530
  text-decoration: none;
3151
531
  color: #fff;
3152
532
  border-radius: 4px;
3153
533
  background-color: #772953;
3154
534
  background-image: linear-gradient(#772953, #5f193e);
3155
535
}
3156
536
#comments .reply a:hover {
3157
537
  background: #511c39;
3158
538
}
3159
539
3160
540
.has-related #comments h3#add-comment {
3161
541
  border: 0 none;
3162
542
}
3163
543
3164
544
#cancel-comment-reply-link {
3165
545
  margin-left: 10px;
3166
546
}
3167
547
3168
548
.comment-meta cite {
3169
549
  font-style: normal;
3170
550
}
3171
551
.comment-meta time {
3172
552
  font-weight: 300;
3173
553
  line-height: 1.2;
3174
554
  float: left;
3175
555
  clear: both;
3176
556
}
3177
557
3178
558
.comment-list {
3179
559
  margin-bottom: 0;
3180
560
  margin-left: 0;
3181
561
}
3182
562
.comment-list li {
3183
563
  position: relative;
3184
564
  display: block;
3185
565
  clear: both;
3186
566
  margin-bottom: 0;
3187
567
}
3188
568
.comment-list li > div {
3189
569
  -webkit-box-sizing: border-box;
3190
570
  -moz-box-sizing: border-box;
3191
571
  box-sizing: border-box;
3192
572
  display: block;
3193
573
  float: left;
3194
574
  clear: both;
3195
575
  width: 100%;
3196
576
  padding: 1.5em 0 0;
3197
577
  border-bottom: 1px solid #d7d7d7;
3198
578
}
3199
579
.comment-list li img.avatar {
3200
580
  float: left;
3201
581
  margin-bottom: 10px;
3202
582
}
3203
583
.comment-list .author-comment {
3204
584
  background-color: #f7f7f7;
3205
585
}
3206
586
.comment-list cite {
3207
587
  float: left;
3208
588
  clear: both;
3209
589
  width: 100%;
3210
590
}
3211
591
.comment-list cite a {
3212
592
  color: #333;
3213
593
}
3214
594
.comment-list cite a:hover {
3215
595
  color: #772953;
3216
596
}
3217
597
3218
598
.comment-content div blockquote {
3219
599
  font-style: italic;
3220
600
  color: #ada79f;
3221
601
}
3222
602
.comment-content ul {
3223
603
  margin-bottom: .625em;
3224
604
  margin-left: 20px;
3225
605
}
3226
606
.comment-content ul li {
3227
607
  margin-bottom: 0;
3228
608
  padding-left: 0;
3229
609
  border: 0 none;
3230
610
}
3231
611
3232
612
.wp-temp-form-div {
3233
613
  display: block !important;
3234
614
  background: #333;
3235
615
}
3236
616
3237
617
#respond,
3238
618
#add-comment {
3239
619
  margin-bottom: 0;
3240
620
}
3241
621
3242
622
#post-trackbacks li {
3243
623
  padding: 0 20px;
3244
624
}
3245
625
3246
626
/* @section archive
3247
627
-------------------------------------------------------------- */
3248
628
.filter {
3249
629
  display: none;
3250
630
  margin: 0;
3251
631
  float: left;
3252
632
}
3253
633
3254
634
.filter-toggle {
3255
635
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img//arrow_down_9fa097.svg");
3256
636
  background-position: center right 10px;
3257
637
  background-repeat: no-repeat;
3258
638
  -moz-background-size: 13px 13px;
3259
639
  -webkit-background-size: 13px 13px;
3260
640
  -o-background-size: 13px 13px;
3261
641
  background-size: 13px 13px;
3262
642
  clear: none;
3263
643
  position: relative;
3264
644
  width: 100%;
3265
645
  margin: -10px -10px 0;
3266
646
  padding: 10px;
3267
647
  cursor: pointer;
3268
648
  border-bottom: 1px dotted #888;
3269
649
  top: -10px;
3270
650
  text-transform: uppercase;
3271
651
  font-size: 0.75em;
3272
652
  letter-spacing: .05em;
3273
653
  font-weight: normal;
3274
654
  color: #888;
3275
655
  float: left;
3276
656
}
3277
657
3278
658
.ui-accordion {
3279
659
  width: 100%;
3280
660
  margin: 0;
3281
661
  display: inline-block;
3282
662
  padding: 0 10px;
3283
663
  margin: 0 -10px 20px;
3284
664
  border-bottom: 1px dotted #aea79f;
3285
665
}
3286
666
.ui-accordion h3 {
3287
667
  font-size: 13px;
3288
668
  font-weight: bold;
3289
669
  position: relative;
3290
670
  margin-bottom: 0;
3291
671
  border-top: 1px dotted #aea79f;
3292
672
  height: 36px;
3293
673
  line-height: 36px;
3294
674
  cursor: pointer;
3295
675
  width: 100%;
3296
676
  display: inline-block;
3297
677
  margin: 0 -10px;
3298
678
  padding: 0 10px 10px;
3299
679
}
3300
680
.ui-accordion h3:first-of-type {
3301
681
  border-top: none;
3302
682
  margin-top: -10px;
3303
683
}
3304
684
.ui-accordion h3 + div {
3305
685
  display: block;
3306
686
}
3307
687
.ui-accordion .ui-icon {
3308
688
  position: absolute;
3309
689
  top: 15px;
3310
690
  right: 0;
3311
691
  width: 8px;
3312
692
  height: 8px;
3313
693
  background: url(../../img/icon-accordion-inactive.png) 0 0 no-repeat transparent;
3314
694
  display: none;
3315
695
}
3316
696
.ui-accordion .ui-state-active .ui-icon {
3317
697
  background-image: url(../../img/icon-accordion-active.png);
3318
698
}
3319
699
.ui-accordion li {
3320
700
  line-height: 1.3;
3321
701
  margin-bottom: 12px;
3322
702
  padding: 0;
3323
703
  list-style: none;
3324
704
  border: 0;
3325
705
}
3326
706
.ui-accordion li a {
3327
707
  font-size: 13px;
3328
708
}
3329
709
3330
710
.results-list li {
3331
711
  margin-bottom: 50px;
3332
712
}
3333
713
3334
714
/* @section footer
3335
715
-------------------------------------------------------------- */
3336
716
footer.global {
3337
717
  padding-top: 0;
3338
718
  background-color: transparent;
3339
719
  -moz-box-shadow: none;
3340
720
  -webkit-box-shadow: none;
3341
721
  box-shadow: none;
3342
722
}
3343
723
footer.global .row {
3344
724
  padding: 20px 0 0;
3345
725
  border-bottom: none;
3346
726
}
3347
727
footer.global .two-col {
3348
728
  display: inline-block;
3349
729
  float: left;
3350
730
  width: 46%;
3351
731
  min-height: 200px;
3352
732
}
3353
733
footer.global h2 {
3354
734
  padding-bottom: .75em;
3355
735
  letter-spacing: .05em;
3356
736
  text-transform: uppercase;
3357
737
  color: #aea79f;
3358
738
}
3359
739
footer.global nav .canonlist ul li {
3360
740
  display: inline;
3361
741
  float: left;
3362
742
  width: 48%;
3363
743
  min-height: 0;
3364
744
}
3365
745
footer.global li {
3366
746
  margin-bottom: .5em;
3367
747
}
3368
748
footer.global ul.inline {
3369
749
  margin-top: 5px;
3370
750
}
3371
751
footer.global ul.inline li {
3372
752
  line-height: 1;
3373
753
  display: inline;
3374
754
  float: left;
3375
755
}
3376
756
footer.global ul.inline li:after {
3377
757
  margin: 0 5px;
3378
758
  content: '•';
3379
759
  vertical-align: middle;
3380
760
  color: #aea79f;
3381
761
}
3382
762
footer.global ul.inline li:last-child {
3383
763
  width: auto;
3384
764
}
3385
765
footer.global a {
3386
766
  color: #333333;
3387
767
}
3388
768
footer.global .legal {
3389
769
  background: none;
3390
770
}
3391
771
footer.global .legal.has-cookie {
3392
772
  /* if the cookie message is being displayed add padding so the legal links are still visible */
3393
773
  padding-bottom: 70px;
3394
774
}
3395
775
footer.global .list-social li {
3396
776
  display: inline-block;
3397
777
  width: 45px;
3398
778
  height: 45px;
3399
779
  margin-right: 20px;
3400
780
  text-indent: -999em;
3401
781
}
3402
782
footer.global .list-social li a {
3403
783
  display: block;
3404
784
  overflow: hidden;
3405
785
  width: 44px;
3406
786
  height: 44px;
3407
787
  background-image: url("../../img/icons/icon-social.png");
3408
788
  background-image: url("../../img/icons/icon-social.svg"), none;
3409
789
  background-repeat: no-repeat;
3410
790
}
3411
791
footer.global .list-social li a#item-twitter {
3412
792
  background-position: 0 0;
3413
793
}
3414
794
footer.global .list-social li a#item-google {
3415
795
  background-position: -45px 0;
3416
796
}
3417
797
footer.global .list-social li a#item-facebook {
3418
798
  background-position: -90.5px 0;
3419
799
}
3420
800
footer.global .list-social li a#item-canonical {
3421
801
  background-position: -135px 0;
3422
802
}
3423
803
footer.global .list-social li a#item-twitter:hover {
3424
804
  background-position: 0 -45px;
3425
805
}
3426
806
footer.global .list-social li a#item-google:hover {
3427
807
  background-position: -45px -45px;
3428
808
}
3429
809
footer.global .list-social li a#item-facebook:hover {
3430
810
  background-position: -90.5px -45px;
3431
811
}
3432
812
footer.global .list-social li a#item-canonical:hover {
3433
813
  background-position: -135px -45px;
3434
814
}
3435
815
3436
816
.legal-inner {
3437
817
  float: none;
3438
818
  clear: none;
3439
819
  overflow: hidden;
3440
820
  width: 100%;
3441
821
  margin: 0;
3442
822
  padding: 0;
3443
823
}
3444
824
3445
825
.footer-wrapper.strip-light {
3446
826
  -moz-box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.4);
3447
827
  -webkit-box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.4);
3448
828
  box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.4);
3449
829
  background: none;
3450
830
}
3451
831
3452
832
footer #nav-global h2 {
3453
833
  color: #aea79f;
3454
834
}
3455
835
footer #nav-global li ul {
3456
836
  width: 100%;
3457
837
}
3458
838
3459
839
.yes-js #additional-info {
3460
840
  display: block;
3461
841
  width: 100%;
3462
842
  min-height: 0;
3463
843
  margin-bottom: -2px;
3464
844
  padding: 0;
3465
845
}
3466
846
.yes-js #additional-info h2 {
3467
847
  display: block;
3468
848
  float: left;
3469
849
  clear: both;
3470
850
  width: 100%;
3471
851
  margin: 0 -10px;
3472
852
  padding: 8px 10px .8em;
3473
853
  border-top: 1px solid #d4d7d4;
3474
854
  border-bottom: 1px solid #d4d7d4;
3475
855
}
3476
856
.yes-js #additional-info h2:before {
3477
857
  -moz-background-size: 14px 14px;
3478
858
  -webkit-background-size: 14px 14px;
3479
859
  -o-background-size: 14px 14px;
3480
860
  background-size: 14px 14px;
3481
861
  position: relative;
3482
862
  top: 3px;
3483
863
  display: inline-block;
3484
864
  width: 15px;
3485
865
  height: 15px;
3486
866
  margin-right: 3px;
3487
867
  content: '';
3488
868
  background-image: url("../../img/external-link.png");
3489
869
  background-image: url("../../img/external-link.svg");
3490
870
  background-repeat: no-repeat;
3491
871
}
3492
872
.yes-js #additional-info h2 span {
3493
873
  -moz-background-size: 100% 100%;
3494
874
  -webkit-background-size: 100% 100%;
3495
875
  -o-background-size: 100% 100%;
3496
876
  background-size: 100% 100%;
3497
877
  display: inline-block;
3498
878
  float: right;
3499
879
  clear: none;
3500
880
  width: 13px;
3501
881
  height: 13px;
3502
882
  margin-left: 6px;
3503
883
  background-image: url("../../img/arrow_down_9fa097.svg");
3504
884
  background-repeat: no-repeat;
3505
885
  background-position: 0 2px;
3506
886
}
3507
887
.yes-js #additional-info h2.active span {
3508
888
  background-image: url("../../img/arrow_up_9fa097.svg");
3509
889
  background-position: 0 0;
3510
890
}
3511
891
.yes-js #additional-info div {
3512
892
  display: none;
3513
893
  height: 0;
3514
894
}
3515
895
.yes-js #additional-info div.active {
3516
896
  display: block;
3517
897
  height: auto;
3518
898
  margin-right: -10px;
3519
899
  margin-left: -10px;
3520
900
}
3521
901
.yes-js #additional-info div.active ul {
3522
902
  display: block;
3523
903
  float: left;
3524
904
  width: 100%;
3525
905
  margin: 0 -20px 0 0;
3526
906
  padding: 0;
3527
907
}
3528
908
.yes-js #additional-info div.active li {
3529
909
  -webkit-box-sizing: border-box;
3530
910
  -moz-box-sizing: border-box;
3531
911
  box-sizing: border-box;
3532
912
  display: block;
3533
913
  float: left;
3534
914
  width: 50%;
3535
915
  margin: 0;
3536
916
  padding: 0;
3537
917
  border-left: 1px solid #d4d7d4;
3538
918
}
3539
919
.yes-js #additional-info div.active li a {
3540
920
  -webkit-box-sizing: border-box;
3541
921
  -moz-box-sizing: border-box;
3542
922
  box-sizing: border-box;
3543
923
  font-size: 1 em;
3544
924
  margin-bottom: 0.75 em;
3545
925
  display: block;
3546
926
  float: left;
3547
927
  overflow: hidden;
3548
928
  width: 100%;
3549
929
  margin: 0;
3550
930
  padding: 8px 10px;
3551
931
  text-align: left;
3552
932
  white-space: normal;
3553
933
  border-bottom: 1px solid #d4d7d4;
3554
934
}
3555
935
3556
936
.cookie-policy {
3557
937
  -webkit-box-sizing: border-box;
3558
938
  -moz-box-sizing: border-box;
3559
939
  box-sizing: border-box;
3560
940
  -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
3561
941
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
3562
942
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
3563
943
  position: fixed;
3564
944
  z-index: 100;
3565
945
  bottom: 0;
3566
946
  width: 100%;
3567
947
  padding-right: 30px;
3568
948
  padding-left: 10px;
3569
949
  color: #fff;
3570
950
  background: #333;
3571
951
}
3572
952
.cookie-policy .wrapper {
3573
953
  width: auto;
3574
954
  background: transparent;
3575
955
}
3576
956
.cookie-policy p {
3577
957
  font-size: 13px;
3578
958
  width: 100%;
3579
959
  margin-bottom: 0;
3580
960
  margin-left: 0;
3581
961
  padding: 8px 0;
3582
962
}
3583
963
.cookie-policy a {
3584
964
  color: #dd4814;
3585
965
}
3586
966
.cookie-policy .link-cta {
3587
967
  -moz-background-size: 16px 15px;
3588
968
  -webkit-background-size: 16px 15px;
3589
969
  -o-background-size: 16px 15px;
3590
970
  background-size: 16px 15px;
3591
971
  font-size: 1em;
3592
972
  display: block;
3593
973
  float: right;
3594
974
  width: 16px;
3595
975
  height: 15px;
3596
976
  margin-top: 12px;
3597
977
  margin-right: -20px;
3598
978
  padding: 0;
3599
979
  text-decoration: none;
3600
980
  text-indent: -999em;
3601
981
  color: #fff;
3602
982
  background-image: url("../../img/close.png");
3603
983
  background-repeat: no-repeat;
3604
984
}
3605
985
3606
986
.no-svg header.banner .logo-ubuntu,
3607
987
.no-svg header.banner .nav-primary.nav-right .logo-ubuntu {
3608
988
  background-image: url("../../img/logo.png");
3609
989
}
3610
990
.no-svg header.banner .logo-ubuntu img,
3611
991
.no-svg header.banner .nav-primary.nav-right .logo-ubuntu img {
3612
992
  left: 0;
3613
993
  top: 15px;
3614
994
}
3615
995
.no-svg .yes-js #additional-info h2:before {
3616
996
  background-image: url("../../img/external-link.png");
3617
997
}
3618
998
.no-svg footer.global .list-social li a {
3619
999
  background-image: url("../../img/icons/icon-social.png");
3620
1000
}
3621
1001
3622
1002
/* @section Medium / Desktop viewport
3623
1003
-------------------------------------------------------------- */
3624
1004
@media only screen and (min-width: 769px) {
3625
1005
  header.banner .nav-primary ul {
3626
1006
    border-left: 1px solid #642246;
3627
1007
    border-right: 1px solid #9d366d;
3628
1008
    width: auto;
3629
1009
  }
3630
1010
  header.banner .nav-primary ul li {
3631
1011
    border: none;
3632
1012
  }
3633
1013
  header.banner .nav-primary ul li ul {
3634
1014
    -moz-box-shadow: 0 2px 2px -1px #777;
3635
1015
    -webkit-box-shadow: 0 2px 2px -1px #777;
3636
1016
    box-shadow: 0 2px 2px -1px #777;
3637
1017
    -webkit-border-radius: 10px;
3638
1018
    -moz-border-radius: 10px;
3639
1019
    border-radius: 10px;
3640
1020
    background: #f7f7f7;
3641
1021
    border: 1px solid #d5d5d5;
3642
1022
    display: none;
3643
1023
    float: none;
3644
1024
    margin: 0;
3645
1025
    padding: 5px 0;
3646
1026
    position: absolute;
3647
1027
    top: 51px;
3648
1028
    width: 200px;
3649
1029
  }
3650
1030
  header.banner .nav-primary ul li ul li {
3651
1031
    width: 100%;
3652
1032
  }
3653
1033
  header.banner .nav-primary ul li a:link,
3654
1034
  header.banner .nav-primary ul li a:active,
3655
1035
  header.banner .nav-primary ul li a:visited {
3656
1036
    border-left: 1px solid #9d366d;
3657
1037
    border-right: 1px solid #642246;
3658
1038
  }
3659
1039
  header.banner .nav-primary ul li:last-child {
3660
1040
    border-right: 1px solid #642246;
3661
1041
    border-left: 1px solid #642246;
3662
1042
  }
3663
1043
  header.banner .nav-primary ul li a:hover {
3664
1044
    background: #923266;
3665
1045
    border-right: 1px solid #923266;
3666
1046
  }
3667
1047
  header.banner .nav-primary ul li:last-child {
3668
1048
    border: none;
3669
1049
  }
3670
1050
  header.banner .nav-primary ul li:hover ul:after {
3671
1051
    background: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/arrow-up-smaller.png") no-repeat;
3672
1052
    content: '';
3673
1053
    display: block;
3674
1054
    height: 8px;
3675
1055
    left: 20px;
3676
1056
    position: relative;
3677
1057
    top: -13px;
3678
1058
    width: 200px;
3679
1059
    z-index: 999;
3680
1060
  }
3681
1061
  header.banner .nav-primary ul .topics {
3682
1062
    -moz-box-shadow: none;
3683
1063
    -webkit-box-shadow: none;
3684
1064
    box-shadow: none;
3685
1065
    width: auto;
3686
1066
    border-bottom: none;
3687
1067
    cursor: pointer;
3688
1068
  }
3689
1069
  header.banner .nav-primary ul .topics:hover {
3690
1070
    background: #923266;
3691
1071
  }
3692
1072
  header.banner .nav-primary ul .topics > a:link {
3693
1073
    -moz-box-shadow: none;
3694
1074
    -webkit-box-shadow: none;
3695
1075
    box-shadow: none;
3696
1076
    color: #FFF;
3697
1077
    cursor: pointer;
3698
1078
  }
3699
1079
  header.banner .nav-primary ul .topics ul li {
3700
1080
    border-right: none;
3701
1081
    border-bottom: none;
3702
1082
  }
3703
1083
  header.banner .nav-primary ul .topics ul li a:hover, header.banner .nav-primary ul .topics ul li:first-of-type a:hover {
3704
1084
    background: none;
3705
1085
    color: #772953;
3706
1086
  }
3707
1087
  header.banner .nav-primary ul #nav-archives {
3708
1088
    position: relative;
3709
1089
    border-bottom: none;
3710
1090
  }
3711
1091
  header.banner nav.nav-primary ul li ul {
3712
1092
    display: none;
3713
1093
  }
3714
1094
  header.banner nav.nav-primary ul li a:link {
3715
1095
    border-left: 1px solid #9d366d;
3716
1096
  }
3717
1097
  header.banner nav.nav-primary ul li ul li a:link {
3718
1098
    border-left: none;
3719
1099
  }
3720
1100
  header.banner nav.nav-primary ul .topics ul li {
3721
1101
    border-right: none;
3722
1102
    border-bottom: none;
3723
1103
  }
3724
1104
  header.banner nav.nav-primary ul .topics ul li a:hover, header.banner nav.nav-primary ul .topics ul li:first-of-type a:hover {
3725
1105
    background: none;
3726
1106
  }
3727
1107
3728
1108
  #comments h3 {
3729
1109
    padding-left: 20px;
3730
1110
  }
3731
1111
3732
1112
  .comment-list li > div {
3733
1113
    padding-right: 20px;
3734
1114
    padding-left: 20px;
3735
1115
  }
3736
1116
3737
1117
  /* @section archives
3738
1118
  -------------------------------------------------------------- */
3739
1119
  .filter {
3740
1120
    display: block;
3741
1121
  }
3742
1122
3743
1123
  .filter-toggle {
3744
1124
    display: none;
3745
1125
  }
3746
1126
3747
1127
  .ui-accordion h3 + div {
3748
1128
    display: none;
3749
1129
  }
3750
1130
3751
1131
  /* @section homepage
3752
1132
  -------------------------------------------------------------- */
3753
1133
  footer #nav-global {
3754
1134
    display: none;
3755
1135
  }
3756
1136
  footer #nav-global div {
3757
1137
    display: none;
3758
1138
  }
3759
1139
  footer #nav-global h2 {
3760
1140
    color: #aea79f;
3761
1141
  }
3762
1142
  footer #nav-global .nav-global-wrapper ul {
3763
1143
    margin-left: 10px;
3764
1144
  }
3765
1145
  footer #nav-global .nav-global-wrapper ul ul {
3766
1146
    margin-left: 0;
3767
1147
  }
3768
1148
3769
1149
  .legal-inner {
3770
1150
    float: none;
3771
1151
    clear: none;
3772
1152
    margin: 0;
3773
1153
    padding: 0;
3774
1154
    -moz-box-shadow: none;
3775
1155
    -webkit-box-shadow: none;
3776
1156
    box-shadow: none;
3777
1157
  }
3778
1158
3779
1159
  .footer-wrapper.strip-light {
3780
1160
    padding-top: 10px;
3781
1161
  }
3782
1162
3783
1163
  footer.global .two-col {
3784
1164
    display: inline-block;
3785
1165
    width: 14.89361%;
3786
1166
    min-height: 0;
3787
1167
  }
3788
1168
3789
1169
  .yes-js #additional-info {
3790
1170
    float: right;
3791
1171
    width: 18%;
3792
1172
    min-height: inherit;
3793
1173
    margin-right: 0;
3794
1174
    margin-bottom: 0;
3795
1175
    padding: 0;
3796
1176
  }
3797
1177
  .yes-js #additional-info div {
3798
1178
    display: block;
3799
1179
    height: auto;
3800
1180
  }
3801
1181
  .yes-js #additional-info h2 {
3802
1182
    display: block;
3803
1183
    float: left;
3804
1184
    clear: both;
3805
1185
    width: 100%;
3806
1186
    margin: inherit;
3807
1187
    margin-left: 0;
3808
1188
    padding: inherit;
3809
1189
    padding-bottom: .75em;
3810
1190
    border: 0;
3811
1191
  }
3812
1192
  .yes-js #additional-info h2 span {
3813
1193
    display: none;
3814
1194
  }
3815
1195
}
3816
1196
@media only screen and (min-width: 960px) {
3817
1197
  header.banner nav.nav-primary .header-search {
3818
1198
    -webkit-box-sizing: border-box;
3819
1199
    -moz-box-sizing: border-box;
3820
1200
    box-sizing: border-box;
3821
1201
    padding-top: 6px;
3822
1202
    padding-bottom: 4px;
3823
1203
  }
3824
1204
  header.banner nav.nav-primary .header-search input[type="search"] {
3825
1205
    -webkit-box-sizing: border-box;
3826
1206
    -moz-box-sizing: border-box;
3827
1207
    box-sizing: border-box;
3828
1208
    height: 38px;
3829
1209
    border-radius: 4px;
3830
1210
    background: #481e3d;
3831
1211
    box-shadow: none;
3832
1212
    border-bottom: 1px solid #77216f;
3833
1213
  }
3834
1214
  header.banner nav.nav-primary .header-search input[type="search"]:focus {
3835
1215
    background-color: #281122;
3836
1216
  }
3837
1217
  header.banner nav.nav-primary .header-search {
3838
1218
    -webkit-box-sizing: border-box;
3839
1219
    -moz-box-sizing: border-box;
3840
1220
    box-sizing: border-box;
3841
1221
  }
3842
1222
  header.banner nav.nav-primary .header-search input[type='search'],
3843
1223
  header.banner nav.nav-primary .header-search input[type='text'] {
3844
1224
    -webkit-box-sizing: border-box;
3845
1225
    -moz-box-sizing: border-box;
3846
1226
    box-sizing: border-box;
3847
1227
    height: 38px;
3848
1228
    border-radius: 4px;
3849
1229
    background: #481e3d;
3850
1230
    box-shadow: none;
3851
1231
    border-bottom: 1px solid #77216f;
3852
1232
  }
3853
1233
  header.banner nav.nav-primary .header-search input[type='search']:focus,
3854
1234
  header.banner nav.nav-primary .header-search input[type='text']:focus {
3855
1235
    background-color: #281122;
3856
1236
  }
3857
1237
}
3858
1238
/* @section Large / Desktop viewport
3859
1239
-------------------------------------------------------------- */
3860
1240
@media only screen and (min-width: 984px) {
3861
1241
  /* get the desktop typography back in */
3862
1242
  h1 {
3863
1243
    font-size: 2.8125em;
3864
1244
  }
3865
1245
3866
1246
  h2 {
3867
1247
    font-size: 2em;
3868
1248
    margin-bottom: .375em;
3869
1249
  }
3870
1250
3871
1251
  h3 {
3872
1252
    font-size: 1.438em;
3873
1253
    margin-bottom: .522em;
3874
1254
  }
3875
1255
3876
1256
  h4 {
3877
1257
    font-size: 1em;
3878
1258
    margin-bottom: .75em;
3879
1259
  }
3880
1260
3881
1261
  h5 {
3882
1262
    font-size: 1em;
3883
1263
  }
3884
1264
3885
1265
  p,
3886
1266
  li,
3887
1267
  code,
3888
1268
  pre {
3889
1269
    font-size: 16px;
3890
1270
    line-height: 1.5;
3891
1271
    margin-bottom: .75em;
3892
1272
  }
3893
1273
3894
1274
  header.banner {
3895
1275
    margin-bottom: 20px;
3896
1276
  }
3897
1277
3898
1278
  footer .row {
3899
1279
    width: 984px;
3900
1280
    margin: 0 auto;
3901
1281
  }
3902
1282
3903
1283
  footer.global .row {
3904
1284
    padding-right: 40px;
3905
1285
    padding-left: 40px;
3906
1286
  }
3907
1287
  footer.global .legal {
3908
1288
    background: none;
3909
1289
  }
3910
1290
  footer.global .legal p,
3911
1291
  footer.global .legal ul {
3912
1292
    padding-left: 40px;
3913
1293
  }
3914
1294
}
3915
0
1295
3916
=== added file 'library/css/stylesheets/ubuntu-styles.css'
3917
--- library/css/stylesheets/ubuntu-styles.css	1970-01-01 00:00:00 +0000
3918
+++ library/css/stylesheets/ubuntu-styles.css	2014-12-02 15:34:17 +0000
3919
@@ -0,0 +1,1 @@
3920
1
@charset "UTF-8";.fake{display:none}body{font-size:14px}.one-col,.two-col,.three-col,.four-col,.five-col,.six-col,.seven-col,.eight-col,.nine-col,.ten-col,.eleven-col,.twelve-col,.col{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;clear:none;display:inline-block;float:none;margin-right:2.12766%;margin-bottom:20px;padding:0;position:relative;width:100%}.twelve-col .one-col,.twelve-col .two-col,.twelve-col .three-col,.twelve-col .four-col,.twelve-col .five-col,.twelve-col .six-col,.twelve-col .seven-col,.twelve-col .eight-col,.twelve-col .nine-col,.twelve-col .ten-col,.twelve-col .eleven-col{width:100%}.last-col,.last{margin-right:0}.clearfix:after,.container:after{clear:both;content:"\0020";display:block;height:0;overflow:hidden;visibility:hidden}.clear{clear:both}.clearfix{display:block}@media only screen and (min-width: 768px){body{font-size:15px}.one-col,.two-col,.three-col,.four-col,.five-col,.six-col,.seven-col,.eight-col,.nine-col,.ten-col,.eleven-col,.twelve-col,.col{float:left}.one-col{width:6.38297%}.two-col{width:14.89361%}.three-col{width:23.40425%}.four-col{width:31.91489%}.five-col{width:40.42553%}.six-col{width:48.93617%}.seven-col{width:57.4468%}.eight-col{width:65.95744%}.nine-col{width:74.46808%}.ten-col{width:82.97872%}.eleven-col{width:91.48936%}.twelve-col{width:100%;margin-right:0}.twelve-col .one-col{width:6.3053%;margin-right:2.21238%}.twelve-col .two-col{width:14.823%;margin-right:2.21238%}.twelve-col .three-col{width:23.3407%;margin-right:2.21238%}.twelve-col .three-col{width:48.8938%;margin-right:2.21238%}.twelve-col .four-col{width:31.8584%;margin-right:2.21238%}.twelve-col .five-col{width:40.3761%;margin-right:2.21238%}.twelve-col .six-col{width:48.8938%;margin-right:2.21238%}.twelve-col .seven-col{width:57.4115%;margin-right:2.21238%}.twelve-col .eight-col{width:65.9292%;margin-right:2.21238%}.twelve-col .nine-col{width:74.4469%;margin-right:2.21238%}.twelve-col .ten-col{width:82.9646%;margin-right:2.21238%}.twelve-col .eleven-col{width:91.4823%;margin-right:2.21238%}.twelve-col .twelve-col{width:100%;margin-right:0}.eleven-col .one-col{width:6.89238%;margin-right:2.41837%}.eleven-col .two-col{width:16.20314%;margin-right:2.41837%}.eleven-col .three-col{width:25.5139%;margin-right:2.41837%}.eleven-col .four-col{width:34.82466%;margin-right:2.41837%}.eleven-col .five-col{width:44.13542%;margin-right:2.41837%}.eleven-col .six-col{width:53.44619%;margin-right:2.41837%}.eleven-col .seven-col{width:62.75695%;margin-right:2.41837%}.eleven-col .eight-col{width:72.06771%;margin-right:2.41837%}.eleven-col .nine-col{width:81.37847%;margin-right:2.41837%}.eleven-col .ten-col{width:90.68923%;margin-right:2.41837%}.eleven-col .eleven-col{width:100%;margin-right:0}.ten-col .one-col{width:7.6%;margin-right:2.66666%}.ten-col .two-col{width:17.86666%;margin-right:2.66666%}.ten-col .three-col{width:28.13333%;margin-right:2.66666%}.ten-col .four-col{width:38.4%;margin-right:2.66666%}.ten-col .five-col{width:48.66666%;margin-right:2.66666%}.ten-col .six-col{width:58.93333%;margin-right:2.66666%}.ten-col .seven-col{width:69.19999%;margin-right:2.66666%}.ten-col .eight-col{width:79.46666%;margin-right:2.66666%}.ten-col .nine-col{width:89.73333%;margin-right:2.66666%}.ten-col .ten-col{width:100%;margin-right:0}.nine-col .one-col{width:8.46953%;margin-right:2.97176%}.nine-col .two-col{width:19.91084%;margin-right:2.97176%}.nine-col .three-col{width:31.35215%;margin-right:2.97176%}.nine-col .four-col{width:42.79346%;margin-right:2.97176%}.nine-col .five-col{width:54.23476%;margin-right:2.97176%}.nine-col .six-col{width:65.67607%;margin-right:2.97176%}.nine-col .seven-col{width:77.11738%;margin-right:2.97176%}.nine-col .eight-col{width:88.55869%;margin-right:2.97176%}.nine-col .nine-col{width:100%;margin-right:0}.eight-col .one-col{width:9.56375%;margin-right:3.3557%}.eight-col .two-col{width:22.48322%;margin-right:3.3557%}.eight-col .three-col{width:35.40268%;margin-right:3.3557%}.eight-col .four-col{width:48.32214%;margin-right:3.3557%}.eight-col .five-col{width:61.24161%;margin-right:3.3557%}.eight-col .six-col{width:74.16107%;margin-right:3.3557%}.eight-col .seven-col{width:87.08053%;margin-right:3.3557%}.eight-col .eight-col{width:100%;margin-right:0}.seven-col .one-col{width:10.98265%;margin-right:3.85356%}.seven-col .two-col{width:25.81888%;margin-right:3.85356%}.seven-col .three-col{width:40.6551%;margin-right:3.85356%}.seven-col .four-col{width:55.49132%;margin-right:3.85356%}.seven-col .five-col{width:70.32755%;margin-right:3.85356%}.seven-col .six-col{width:85.16377%;margin-right:3.85356%}.seven-col .seven-col{width:100%;margin-right:0}.six-col .one-col{width:12.89592%;margin-right:4.52488%}.six-col .two-col{width:30.31674%;margin-right:4.52488%}.six-col .three-col{width:47.73755%;margin-right:4.52488%}.six-col .four-col{width:65.15837%;margin-right:4.52488%}.six-col .five-col{width:82.57918%;margin-right:4.52488%}.six-col .six-col{width:100%;margin-right:0}.five-col .one-col{width:15.61643%;margin-right:5.47945%}.five-col .two-col{width:36.71232%;margin-right:5.47945%}.five-col .three-col{width:57.80821%;margin-right:5.47945%}.five-col .four-col{width:78.9041%;margin-right:5.47945%}.five-col .five-col{width:100%;margin-right:0}.four-col .one-col{width:19.79166%;margin-right:6.94444%}.four-col .two-col{width:46.52777%;margin-right:6.94444%}.four-col .three-col{width:73.26388%;margin-right:6.94444%}.four-col .four-col{width:100%;margin-right:0}.three-col .one-col{width:27.01421%;margin-right:9.47867%}.three-col .two-col{width:63.5071%;margin-right:9.47867%}.three-col .three-col{width:100%;margin-right:0}.two-col .one-col{width:42.53731%;margin-right:14.92537%}.two-col .two-col{width:100%;margin-right:0}.one-col .one-col{width:100%;margin-right:0}.twelve-col .last-col{margin-right:0}.eleven-col .last-col{margin-right:0}.ten-col .last-col{margin-right:0}.nine-col .last-col{margin-right:0}.eight-col .last-col{margin-right:0}.seven-col .last-col{margin-right:0}.six-col .last-col{margin-right:0}.five-col .last-col{margin-right:0}.four-col .last-col{margin-right:0}.three-col .last-col{margin-right:0}.two-col .last-col{margin-right:0}.one-col .last-col{margin-right:0}.row,#context-footer{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:0;padding:40px 40px 20px}.row:after{content:".";visibility:hidden;display:block;height:0;clear:both}.row-feature{background:none}.container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:20px 20px 0;width:100%}.append-one{margin-right:8.51063%}.append-two{margin-right:17.02127%}.append-three{margin-right:25.53191%}.append-four{margin-right:34.04255%}.append-five{margin-right:42.55319%}.append-six{margin-right:51.06383%}.append-seven{margin-right:59.57446%}.append-eight{margin-right:68.0851%}.append-nine{margin-right:76.59574%}.append-ten{margin-right:85.10638%}.append-eleven{margin-right:93.61702%}.prepend-one{margin-left:8.51063%}.prepend-two{margin-left:17.02127%}.prepend-three{margin-left:25.53191%}.prepend-four{margin-left:34.04255%}.prepend-five{margin-left:42.55319%}.prepend-six{margin-left:51.06383%}.prepend-seven{margin-left:59.57446%}.prepend-eight{margin-left:68.0851%}.prepend-nine{margin-left:76.59574%}.prepend-ten{margin-left:85.10638%}.prepend-eleven{margin-left:93.61702%}.push-one{margin-left:57px}.pull-one,.pull-two,.pull-three,.pull-four,.pull-five,.pull-six,.pull-seven,.pull-eight,.pull-nine,.pull-ten,.pull-eleven{float:left;position:relative}.pull-one{margin-left:-6.38297%}.pull-two{margin-left:-17.02127%}.pull-three{margin-left:-25.53191%}.pull-four{margin-left:-34.04255%}.pull-five{margin-left:-34.04255%}.pull-six{margin-left:-51.06383%}.pull-seven{margin-left:-59.57446%}.pull-eight{margin-left:-68.0851%}.pull-nine{margin-left:-76.59574%}.pull-ten{margin-left:-85.10638%}.pull-eleven{margin-left:-93.61702%}.push-1,.push-two,.push-three,.push-four,.push-five,.push-six,.push-seven,.push-eight,.push-nine,.push-ten,.push-eleven{float:left;position:relative}.push-one{margin:0 -8.51063% 0 8.51063%}.push-two{margin:0 -19.14893% 0 19.14893%}.push-three{margin:0 -27.65957% 0 27.65957%}.push-four{margin:0 -36.17021% 0 36.17021%}.push-five{margin:0 -36.17021% 0 36.17021%}.push-six{margin:0 -53.19149% 0 53.19149%}.push-seven{margin:0 -61.70212% 0 61.70212%}.push-eight{margin:0 -70.21276% 0 70.21276%}.push-nine{margin:0 -78.7234% 0 78.7234%}.push-ten{margin:0 -87.23404% 0 87.23404%}.push-eleven{margin:0 -95.74468% 0 95.74468%}}@media only screen and (min-width: 984px){body{font-size:16px}.one-col,.two-col,.three-col,.four-col,.five-col,.six-col,.seven-col,.eight-col,.nine-col,.ten-col,.eleven-col,.twelve-col,.col{float:left}.one-col{width:6.38297%}.two-col{width:14.89361%}.three-col{width:23.40425%}.four-col{width:31.91489%}.five-col{width:40.42553%}.six-col{width:48.93617%}.seven-col{width:57.4468%}.eight-col{width:65.95744%}.nine-col{width:74.46808%}.ten-col{width:82.97872%}.eleven-col{width:91.48936%}.three-col:nth-child(1):nth-last-child(4),.three-col:nth-child(2):nth-last-child(3),.three-col:nth-child(3):nth-last-child(2),.three-col:nth-child(4):nth-last-child(1){width:23.36%}.three-col:nth-of-type(2){margin-right:2.21238%}.twelve-col{width:100%;margin-right:0}.twelve-col .one-col{width:6.3053%;margin-right:2.21238%}.twelve-col .two-col{width:14.823%;margin-right:2.21238%}.twelve-col .three-col{width:23.3407%;margin-right:2.21238%}.twelve-col .three-col:nth-child(1):nth-last-child(4),.twelve-col .three-col:nth-child(2):nth-last-child(3),.twelve-col .three-col:nth-child(3):nth-last-child(2),.twelve-col .three-col:nth-child(4):nth-last-child(1){width:23.3407%}.twelve-col .three-col:nth-of-type(2){margin-right:2.21238%}.twelve-col .four-col{width:31.8584%;margin-right:2.21238%}.twelve-col .five-col{width:40.3761%;margin-right:2.21238%}.twelve-col .six-col{width:48.8938%;margin-right:2.21238%}.twelve-col .seven-col{width:57.4115%;margin-right:2.21238%}.twelve-col .eight-col{width:65.9292%;margin-right:2.21238%}.twelve-col .nine-col{width:74.4469%;margin-right:2.21238%}.twelve-col .ten-col{width:82.9646%;margin-right:2.21238%}.twelve-col .eleven-col{width:91.4823%;margin-right:2.21238%}.twelve-col .twelve-col{width:100%;margin-right:0}.eleven-col .one-col{width:6.89238%;margin-right:2.41837%}.eleven-col .two-col{width:16.20314%;margin-right:2.41837%}.eleven-col .three-col{width:25.5139%;margin-right:2.41837%}.eleven-col .four-col{width:34.82466%;margin-right:2.41837%}.eleven-col .five-col{width:44.13542%;margin-right:2.41837%}.eleven-col .six-col{width:53.44619%;margin-right:2.41837%}.eleven-col .seven-col{width:62.75695%;margin-right:2.41837%}.eleven-col .eight-col{width:72.06771%;margin-right:2.41837%}.eleven-col .nine-col{width:81.37847%;margin-right:2.41837%}.eleven-col .ten-col{width:90.68923%;margin-right:2.41837%}.eleven-col .eleven-col{width:100%;margin-right:0}.ten-col .one-col{width:7.6%;margin-right:2.66666%}.ten-col .two-col{width:17.86666%;margin-right:2.66666%}.ten-col .three-col{width:28.13333%;margin-right:2.66666%}.ten-col .four-col{width:38.4%;margin-right:2.66666%}.ten-col .five-col{width:48.66666%;margin-right:2.66666%}.ten-col .six-col{width:58.93333%;margin-right:2.66666%}.ten-col .seven-col{width:69.19999%;margin-right:2.66666%}.ten-col .eight-col{width:79.46666%;margin-right:2.66666%}.ten-col .nine-col{width:89.73333%;margin-right:2.66666%}.ten-col .ten-col{width:100%;margin-right:0}.nine-col .one-col{width:8.46953%;margin-right:2.97176%}.nine-col .two-col{width:19.91084%;margin-right:2.97176%}.nine-col .three-col{width:31.35215%;margin-right:2.97176%}.nine-col .four-col{width:42.79346%;margin-right:2.97176%}.nine-col .five-col{width:54.23476%;margin-right:2.97176%}.nine-col .six-col{width:65.67607%;margin-right:2.97176%}.nine-col .seven-col{width:77.11738%;margin-right:2.97176%}.nine-col .eight-col{width:88.55869%;margin-right:2.97176%}.nine-col .nine-col{width:100%;margin-right:0}.eight-col .one-col{width:9.56375%;margin-right:3.3557%}.eight-col .two-col{width:22.48322%;margin-right:3.3557%}.eight-col .three-col{width:35.40268%;margin-right:3.3557%}.eight-col .four-col{width:48.32214%;margin-right:3.3557%}.eight-col .five-col{width:61.24161%;margin-right:3.3557%}.eight-col .six-col{width:74.16107%;margin-right:3.3557%}.eight-col .seven-col{width:87.08053%;margin-right:3.3557%}.eight-col .eight-col{width:100%;margin-right:0}.seven-col .one-col{width:10.98265%;margin-right:3.85356%}.seven-col .two-col{width:25.81888%;margin-right:3.85356%}.seven-col .three-col{width:40.6551%;margin-right:3.85356%}.seven-col .four-col{width:55.49132%;margin-right:3.85356%}.seven-col .five-col{width:70.32755%;margin-right:3.85356%}.seven-col .six-col{width:85.16377%;margin-right:3.85356%}.seven-col .seven-col{width:100%;margin-right:0}.six-col .one-col{width:12.89592%;margin-right:4.52488%}.six-col .two-col{width:30.31674%;margin-right:4.52488%}.six-col .three-col{width:47.73755%;margin-right:4.52488%}.six-col .four-col{width:65.15837%;margin-right:4.52488%}.six-col .five-col{width:82.57918%;margin-right:4.52488%}.six-col .six-col{width:100%;margin-right:0}.five-col .one-col{width:15.61643%;margin-right:5.47945%}.five-col .two-col{width:36.71232%;margin-right:5.47945%}.five-col .three-col{width:57.80821%;margin-right:5.47945%}.five-col .four-col{width:78.9041%;margin-right:5.47945%}.five-col .five-col{width:100%;margin-right:0}.four-col .one-col{width:19.79166%;margin-right:6.94444%}.four-col .two-col{width:46.52777%;margin-right:6.94444%}.four-col .three-col{width:73.26388%;margin-right:6.94444%}.four-col .four-col{width:100%;margin-right:0}.three-col .one-col{width:27.01421%;margin-right:9.47867%}.three-col .two-col{width:63.5071%;margin-right:9.47867%}.three-col .three-col{width:100%;margin-right:0}.two-col .one-col{width:42.53731%;margin-right:14.92537%}.two-col .two-col{width:100%;margin-right:0}.one-col .one-col{width:100%;margin-right:0}.twelve-col .last-col{margin-right:0}.eleven-col .last-col{margin-right:0}.ten-col .last-col{margin-right:0}.nine-col .last-col{margin-right:0}.eight-col .last-col{margin-right:0}.seven-col .last-col{margin-right:0}.six-col .last-col{margin-right:0}.five-col .last-col{margin-right:0}.four-col .last-col{margin-right:0}.three-col .last-col{margin-right:0}.two-col .last-col{margin-right:0}.one-col .last-col{margin-right:0}.row,#context-footer{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:0;padding:40px 40px 20px}.row:after{content:".";visibility:hidden;display:block;height:0;clear:both}.row-feature{background:none}.container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:20px 20px 0;width:100%}.append-one{margin-right:8.51063%}.append-two{margin-right:17.02127%}.append-three{margin-right:25.53191%}.append-four{margin-right:34.04255%}.append-five{margin-right:42.55319%}.append-six{margin-right:51.06383%}.append-seven{margin-right:59.57446%}.append-eight{margin-right:68.0851%}.append-nine{margin-right:76.59574%}.append-ten{margin-right:85.10638%}.append-eleven{margin-right:93.61702%}.prepend-one{margin-left:8.51063%}.prepend-two{margin-left:17.02127%}.prepend-three{margin-left:25.53191%}.prepend-four{margin-left:34.04255%}.prepend-five{margin-left:42.55319%}.prepend-six{margin-left:51.06383%}.prepend-seven{margin-left:59.57446%}.prepend-eight{margin-left:68.0851%}.prepend-nine{margin-left:76.59574%}.prepend-ten{margin-left:85.10638%}.prepend-eleven{margin-left:93.61702%}.push-one{margin-left:57px}.pull-one,.pull-two,.pull-three,.pull-four,.pull-five,.pull-six,.pull-seven,.pull-eight,.pull-nine,.pull-ten,.pull-eleven{float:left;position:relative}.pull-one{margin-left:-6.38297%}.pull-two{margin-left:-17.02127%}.pull-three{margin-left:-25.53191%}.pull-four{margin-left:-34.04255%}.pull-five{margin-left:-34.04255%}.pull-six{margin-left:-51.06383%}.pull-seven{margin-left:-59.57446%}.pull-eight{margin-left:-68.0851%}.pull-nine{margin-left:-76.59574%}.pull-ten{margin-left:-85.10638%}.pull-eleven{margin-left:-93.61702%}.push-1,.push-two,.push-three,.push-four,.push-five,.push-six,.push-seven,.push-eight,.push-nine,.push-ten,.push-eleven{float:left;position:relative}.push-one{margin:0 -8.51063% 0 8.51063%}.push-two{margin:0 -19.14893% 0 19.14893%}.push-three{margin:0 -27.65957% 0 27.65957%}.push-four{margin:0 -36.17021% 0 36.17021%}.push-five{margin:0 -36.17021% 0 36.17021%}.push-six{margin:0 -53.19149% 0 53.19149%}.push-seven{margin:0 -61.70212% 0 61.70212%}.push-eight{margin:0 -70.21276% 0 70.21276%}.push-nine{margin:0 -78.7234% 0 78.7234%}.push-ten{margin:0 -87.23404% 0 87.23404%}.push-eleven{margin:0 -95.74468% 0 95.74468%}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:300;src:url("http://themes.googleusercontent.com/static/fonts/ubuntu/v5/e7URzK__gdJcp1hLJYAEag.woff") format("woff")}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;src:local("Ubuntu"),url("http://themes.googleusercontent.com/static/fonts/ubuntu/v5/mZSs29ggGoaqrCNB3kDfZQ.woff") format("woff")}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:500;src:local("Ubuntu Medium"),local("Ubuntu-Medium"),url("http://themes.googleusercontent.com/static/fonts/ubuntu/v5/I5PmmDkYShUQg-ah7wh25w.woff") format("woff")}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:700;src:local("Ubuntu Bold"),local("Ubuntu-Bold"),url("http://themes.googleusercontent.com/static/fonts/ubuntu/v5/trnbTfqisuuhRVI3i45C5w.woff") format("woff")}@font-face{font-family:'Ubuntu';font-style:italic;font-weight:300;src:local("Ubuntu Light Italic"),local("Ubuntu-LightItalic"),url("http://themes.googleusercontent.com/static/fonts/ubuntu/v5/j-TYDdXcC_eQzhhp386SjT8E0i7KZn-EPnyo3HZu7kw.woff") format("woff")}@font-face{font-family:'Ubuntu';font-style:italic;font-weight:400;src:local("Ubuntu Italic"),local("Ubuntu-Italic"),url("http://themes.googleusercontent.com/static/fonts/ubuntu/v5/GZMdC02DTXXx8AdUvU2etw.woff") format("woff")}@font-face{font-family:'Ubuntu';font-style:italic;font-weight:500;src:local("Ubuntu Medium Italic"),local("Ubuntu-MediumItalic"),url("http://themes.googleusercontent.com/static/fonts/ubuntu/v5/NWdMogIO7U6AtEM4dDdf_T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff")}@font-face{font-family:'Ubuntu';font-style:italic;font-weight:700;src:local("Ubuntu Bold Italic"),local("Ubuntu-BoldItalic"),url("http://themes.googleusercontent.com/static/fonts/ubuntu/v5/pqisLQoeO9YTDCNnlQ9bfz8E0i7KZn-EPnyo3HZu7kw.woff") format("woff")}html{-moz-transition:background-position 100 ease;-ms-text-size-adjust:100%;-o-transition:background-position 100 ease;-webkit-text-size-adjust:100%;-webkit-transition:background-position 100 ease;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/backgrounds/image-background-paper.png") repeat-y fixed center top #f7f7f7;font-size:100%;overflow-y:scroll;text-size-adjust:100%;transition:background-position 100 ease}body{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/backgrounds/image-background-paper.png") repeat-y center top #f7f7f7;color:#333;font-family:Ubuntu, Arial, "libra sans", sans-serif;font-weight:300}blockquote,q{quotes:none}blockquote{margin:28px 20px}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}legend{border:0;*margin-left:-7px}figure{margin:0}abbr,acronym{cursor:help}a:focus{outline:thin dotted}a:hover,a:active{outline:0}a:link,a:visited{color:#dd4814;text-decoration:none}a:hover,a:active,a:focus{text-decoration:underline}a.link-arrow:after{content:"\0000a0›"}nav ul li h2 a:after{content:"\0000a0›"}nav ul li a:after,.carousel ul li a:after,ul li p a:after{content:""}ol,ul{margin-left:20px;margin-bottom:20px}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}nav ul,nav ol{list-style:none;list-style-image:none}svg:not(:root){overflow:hidden}img{border:0;height:auto;max-width:100%}img.left{margin-right:20px}img.right{margin-left:20px}.middle img{vertical-align:middle;margin-top:4em}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.3}h1{font-size:1.625em;margin-bottom:.5em}h2{font-size:1.438em;margin-bottom:.5em}h3{font-size:1.219em;margin-bottom:.522em}h4{font-size:1.25em;font-weight:400;margin-bottom:.615em}h5{font-size:1em;font-weight:700;margin-bottom:1em}h6{font-size:.723em;font-weight:400;margin-bottom:1em;letter-spacing:.1em;text-transform:uppercase}p,li{font-size:1em;line-height:1.5;margin:0;margin-bottom:.75em;padding:0}h2 span,h1 span{display:block}p+h2,ul+h2,ol+h2,pre+h2{margin-top:0.5625em}header nav a:link{font-weight:normal}p+h3,ul+h3,ol+h3,pre+h3{margin-top:0.78261em}p+h4,ul+h4,ol+h4,pre+h4{margin-top:1.39286em}ol+h2,p+h2,pre+h2,ul+h2{margin-top:.563em}ol+h3,p+h3,pre+h3,ul+h3{margin-top:.783em}ol+h4,p+h4,pre+h4,ul+h4{margin-top:1.219em}li{margin-bottom:.4em}li:last-of-type{margin-bottom:0}ins{background:#fffbeb;text-decoration:none}small,.smaller{font-size:13px}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{vertical-align:text-top}sub{vertical-align:text-bottom}dfn{font-style:italic}mark{background:#ff0;color:#000}code,pre{font-family:"Ubuntu Mono", "Consolas", "Monaco", "Lucida Console", "Courier New", Courier, monospace}pre{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fdf6f2;padding:.6em 1em;white-space:pre-wrap;word-wrap:break-word}blockquote{margin:0}blockquote>p{font-size:0.92857em;margin-bottom:0.92308em;font-weight:100;margin:0 0 .4em 0}blockquote small{font-size:.813em;line-height:1.4}button,input,select,textarea{font-family:Ubuntu,Arial,"libra sans",sans-serif;margin:0;vertical-align:baseline;*vertical-align:middle}select{font-size:1em;font-weight:300}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-box-sizing:content-box;-webkit-appearance:none;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Ubuntu,Arial,"libra sans",sans-serif;font-weight:300;outline:none;padding:0.6956522em 0.869565em}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}form fieldset{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-repeat:no-repeat;background-color:#EFEEEC;background-position:-15px -15px;border:0;margin-bottom:8px;padding:15px 20px}form fieldset h3{border-bottom:1px dotted #dfdcd9;margin-bottom:9px;padding-bottom:10px}form fieldset li:first-child{margin-top:0}form input[type="text"],form input[type="email"],form input[type="tel"],form textarea{-webkit-appearance:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;border:1px solid #999;display:block;font-family:Ubuntu,Arial,"libra sans",sans-serif;font-size:1em;font-weight:300;padding:0.6956522em 0.869565em}form input:focus,form textarea:focus{border:1px solid #dd4814}form textarea[readonly='readonly']{color:#999}form input[type="checkbox"],form input[type="radio"]{margin:0;width:auto}form input[type="checkbox"]+label,form input[type="radio"]+label{display:inline;margin-left:5px;vertical-align:middle;width:auto}form input[type="submit"]{font-size:1.14286em;margin-bottom:0.75em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#dd4814;background-image:-moz-linear-gradient(#f26120, #dd4814);background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f26120), to(#dd4814));background-image:-webkit-linear-gradient(#f26120, #dd4814);background-image:-o-linear-gradient(#f26120, #dd4814);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:0;color:#fff;display:block;padding:10px 14px;text-shadow:none;width:auto;margin-bottom:0}form input[type="submit"]:hover{background:#dd4814}form label{cursor:pointer;display:block;margin-bottom:4px}form label span{color:#df382c}form ul{margin-left:0}form li{list-style:none outside none;margin-top:14px}form button[type="submit"]{border:0;display:inline-block;font-family:Ubuntu, Arial, "libra sans", sans-serif;text-decoration:none;font-weight:300}form input[type="reset"]{display:none}table{border-collapse:collapse;border-spacing:0;overflow-x:scroll;margin-bottom:20px;margin:0 0 2.85714em 0;width:100%}table th,table td{padding:15px 10px;background:#f0edea;border:1px dotted #888}table td{text-align:center;vertical-align:middle}table thead th{border-collapse:separate;border-spacing:0 10px;background:#fee3d2;color:#333333;font-weight:normal}table tbody th{text-align:left;font-weight:normal;font-weight:300}table th[scope="col"]{text-align:center}table thead th:first-of-type{text-align:left}@media only screen and (max-width: 768px){table{display:block}}@media only screen and (min-width: 984px){form fieldset{padding:15px 20px}img{max-width:none}}.audience-consumer{color:#333}.audience-consumer .row-box,.audience-consumer .main-content{color:#333}.audience-consumer .inner-wrapper{background:#fff}.audience-consumer .quote-right-top{padding:60px 60px 0 40px;background:url("/sites/ubuntu/latest/u/img/patterns/quote-orange-br-287x287.png") no-repeat;height:287px;position:absolute;right:-40px;text-align:left;top:-90px;width:31.91489%}.audience-consumer .quote-right-top p{font-size:1.14286em;margin-bottom:0.75em;margin:0.769em;padding-bottom:0;color:#fff}.audience-consumer .quote-right-top p cite{font-size:0.85714em;margin-bottom:1em;color:#fff;padding:0}.audience-consumer .quote-right-top p a,.audience-consumer .quote-right p a{color:#fff}.audience-consumer .quote-right{font-size:1.28571em;margin-bottom:0.66667em;color:#fff;padding:50px 100px 0 50px;text-indent:-6px;background:url("/sites/ubuntu/latest/u/img/patterns/quote-orange-bl-287x287.png") no-repeat;min-height:287px;position:absolute;right:-20px;text-align:left;top:-90px;width:21.2006% em}.audience-consumer .quote-right cite{font-style:normal;margin-left:6px}.audience-consumer .quote-right-alt{background:url(/sites/ubuntu/latest/u/img/patterns/quote-white-br-360x360.png) 0 -100px no-repeat;color:#dd4814;padding:50px 50px 0 50px}.audience-consumer .quote-right-right{background:url("/sites/ubuntu/latest/u/img/patterns/quote-orange-br-287x287.png") no-repeat}.audience-enterprise h1{margin:0 0 18px 0}.audience-enterprise td{background:#fff}.audience-enterprise th,.audience-enterprise td{padding:6px 10px;background:#fff}.audience-enterprise th[scope="col"]{background:#E2D4DC;color:#772953}.audience-enterprise tbody th[rowspan]{background:#F7F2F6}.audience-enterprise tfoot th[rowspan]{background:#dfdcd9}.audience-enterprise tfoot td,.audience-enterprise tfoot th{font-weight:normal;background:#dfdcd9}.audience-enterprise .inner-wrapper{background:#2c001e;color:#fff}.audience-enterprise .row-box{background:#fff;color:#333}.row-enterprise{background:#772953;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.row-enterprise .box,.row-enterprise div{background:#772953;color:#fff}.row-enterprise a{color:#fff}.enterprise-dot-pattern{background:url("/sites/ubuntu/latest/u/img/patterns/enterprise-dot-pattern.png")}.developer-dot-pattern{background:url("/sites/ubuntu/latest/u/img/patterns/developer-dot-pattern.png")}.wrapper,header.banner .nav-primary,nav div.footer-a div,.inline-lists ul,.legal{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:auto}.inner-wrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;clear:both;display:block;float:left;width:100%;margin:0;padding-bottom:20px;position:relative;z-index:1}@media only screen and (min-width: 768px){.med-six-col .three-col{width:48%}.med-six-col .three-col:nth-of-type(2n){margin-right:0}}@media only screen and (min-width: 769px){.inner-wrapper{border-radius:4px;padding-bottom:20px}}@media only screen and (min-width: 984px){.wrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;margin:0 auto;position:relative;text-align:left;width:984px}.inner-wrapper{-moz-box-shadow:0 0 3px #c9c9c9;-webkit-box-shadow:0 0 3px #c9c9c9;box-shadow:0 0 3px #c9c9c9;margin:10px 0 30px}.three-col,.med-six-col .three-col{width:23.30%}.three-col.last-col:nth-of-type(2n){margin-right:0}.med-six-col .three-col:nth-of-type(2n){margin-right:20px}.med-six-col .three-col.last-col{margin-right:0}}.left{float:left}.right{float:right}.caps{text-transform:uppercase}img{border:0 none;height:auto;max-width:100%}img.left{margin-right:0}img.touch-border{margin-bottom:-3px}.accessibility-aid,.off-left{position:absolute;left:-999em}a.external{-moz-background-size:0.7em 0.7em;-webkit-background-size:0.7em 0.7em;-o-background-size:0.7em 0.7em;background-size:0.7em 0.7em;padding-right:.9em;background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-orange.svg");background-position:right 1px;background-repeat:no-repeat}.opera-mini a.external,.no-svg a.external{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-orange.png")}.text-center,.align-center{text-align:center}.no-margin{margin:0}.no-margin-bottom{margin-bottom:0}.no-padding-bottom{padding-bottom:0}.pull-left-20{margin-left:-20px}.pull-right-20{margin-right:-20px}.pull-left-40{margin-left:-40px}.pull-right-40{margin-right:-41px}.no-border{border:0}.link-top{font-size:1em;margin-bottom:0.85714em;clear:both;margin-bottom:40px;margin-top:-40px}.link-top a{background:#fff;margin-right:10px;margin-top:-17px;padding:5px;float:right}.pull-bottom-right{position:absolute;right:0;bottom:0;left:auto}.box .pull-bottom-right{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0}.pull-bottom-left{margin-left:-20px;margin-bottom:-21px}.pull-top-right{margin-left:-20px;margin-top:-21px}div.box-image-centered span img.priority-0,div.row-image-centered span img.priority-0,div.row.row-image-centered span img.priority-0,img.priority-0{position:absolute;left:-999em}.priority-0,.not-for-small{position:absolute;left:-999em}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-container+h3,.video-container+.video-title{margin-top:20px}@media only screen and (max-width: 768px){.pull-right-40{margin-right:-30px}.pull-bottom-right,.pull-bottom-left{position:static}img.pull-bottom-left{margin-bottom:0;margin-left:0}}@media only screen and (min-width: 768px){div.box-image-centered span img.priority-0,div.row-image-centered span img.priority-0,div.row.row-image-centered span img.priority-0,img.priority-0{position:relative;left:auto}.priority-0,.not-for-small{position:relative;left:auto}.for-mobile,.for-small{position:absolute;left:-999em}.pull-right{float:right;margin-right:-30px}img.pull-left{margin-left:-30px}img.touch-border{float:left;margin-bottom:-30px}}@media only screen and (min-width: 769px){img.left{margin-right:20px}}@media only screen and (min-width: 984px){img.touch-border{float:left;margin-bottom:-40px}img.pull-left{margin-left:-40px}.pull-right{float:right;margin-right:-40px}.for-tablet,.for-medium{display:none}.no-border{border:0}}.caps-centered,.muted-heading{font-size:.875em;margin-bottom:20px;text-align:center;text-transform:uppercase}p.intro{font-size:1.14286em;margin-bottom:0.75em;line-height:1.4}.row div p:last-child,.row div ul:last-child{margin-bottom:0}.four-col p:last-child{margin-bottom:0}.note{color:#888;font-size:.813em}@media only screen and (min-width: 768px){p.intro{font-size:1.13333em}}@media only screen and (min-width: 984px){h1{font-size:2.8125em}h2{font-size:2em;margin-bottom:.375em}h3{font-size:1.438em;margin-bottom:.522em}h4{font-size:1em;margin-bottom:.75em}h5{font-size:1em}p,li,code,pre{font-size:16px;line-height:1.5;margin-bottom:.75em}p.intro{font-size:1.25em}}header.banner{border-top:0;min-width:100%;width:auto;background:#dd4814;display:block;position:relative;z-index:2}header.banner .nav-primary{border:0;margin:0 auto;overflow:hidden}header.banner .nav-primary ul{border-right:1px solid #ed6637;float:left;margin:0;position:relative}header.banner .nav-primary ul li{border-left:1px solid #c64012;float:left;list-style-image:none;margin:0;text-indent:0;vertical-align:bottom}header.banner .nav-primary ul li:last-child{border-right:1px solid #c64012}header.banner .nav-primary ul li a:link,header.banner .nav-primary ul li a:visited{font-size:14px;border-left:1px solid #ec5b29;color:#fff;display:block;margin-bottom:0;padding:14px 14px 13px;position:relative;text-align:center;text-decoration:none;-webkit-font-smoothing:subpixel-antialiased;-moz-font-smoothing:subpixel-antialiased;-o-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased}header.banner .nav-primary ul a.active{background:#B83A10;border-left:1px solid #ec5b29}header.banner .nav-primary ul li a:hover{background:#e1662f;border-top:0;-moz-box-shadow:inset 0 2px 2px -2px #777;-webkit-box-shadow:inset 0 2px 2px -2px #777;box-shadow:inset 0 2px 2px -2px #777}#main-navigation-link{display:none}header.banner .nav-toggle{position:absolute;right:0;display:block;width:48px;height:48px;text-indent:-99999px;background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/navigation-menu-plain.svg);-moz-background-size:25px auto;-webkit-background-size:25px auto;-o-background-size:25px auto;background-size:25px auto;background-repeat:no-repeat;background-position:center center;cursor:pointer}header.banner .no-script{display:none}.opera-mini header.banner .nav-toggle,.no-svg header.banner .nav-toggle{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/navigation-menu-plain.png)}header.banner nav ul{background-color:#f0f0f0;display:none;float:left}header.banner .nav-primary.active{-moz-box-shadow:0 1px 2px 1px rgba(120,120,120,0.2);-webkit-box-shadow:0 1px 2px 1px rgba(120,120,120,0.2);box-shadow:0 1px 2px 1px rgba(120,120,120,0.2);padding:0;border-bottom:1px solid #d4d7d4}header nav ul.active{display:block}header.banner .nav-primary ul li,header.banner .nav-primary ul li a:link,header.banner .nav-primary ul li a:visited,header.banner .nav-primary ul li a:active{display:block;padding:0;margin:0;border:none}header.banner .nav-primary ul li a:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-color:#d0d0d0}header.banner .nav-primary ul li a.active{background-color:#ddd}header.banner .nav-primary ul li{border-bottom:1px solid #F2F2F4;font-size:16px}header.banner .nav-primary ul li:last-child{border:0}header.banner nav.nav-primary ul li a:link,header.banner .nav-primary ul li a:visited,header.banner .nav-primary ul li a:hover,header.banner .nav-primary ul li a:active{padding:14px 14px 13px;text-align:left}header.banner nav.nav-primary ul.active li ul{display:none}#menu.active:after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-arrow.svg);background-repeat:no-repeat;background-position:50% 26px;content:"";display:block;height:23px;margin-left:0;padding-bottom:17px;position:relative;top:-3px;width:48px;z-index:999}html.no-svg #menu.active:after,.opera-mini #menu.active:after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-arrow.png)}.nav-secondary{border-bottom:1px solid #dfdcd9;margin-bottom:0}.nav-secondary ul{float:left;margin-bottom:10px;margin-left:2px}.nav-secondary ul li{float:left;margin-top:16px;font-size:14px;margin-right:15px}.nav-secondary ul li a:link,.nav-secondary ul li a:visited{color:#333;font-size:14px;float:left}.nav-secondary ul li a:hover,.nav-secondary ul li a:active{color:#dd4814;text-decoration:none}.nav-secondary ul li,.nav-secondary ul li.active a:link,.nav-secondary ul li.active a:visited{color:#dd4814;text-decoration:none}.nav-secondary ul.breadcrumb{margin-left:20px}.nav-secondary ul.breadcrumb li,.nav-secondary ul.breadcrumb li a:link,.nav-secondary ul.breadcrumb li a:visited{color:#888;margin-right:8px}.nav-secondary ul.breadcrumb li.active a:link,.nav-secondary ul.breadcrumb li.active a:visited{color:#dd4814}header.banner h2{font-size:1.78571em;margin-bottom:0.48em;display:block;left:4px;margin-bottom:0;position:relative;text-transform:lowercase;top:14px}header.banner h2 a:link,header.banner h2 a:visited,header.banner a{color:#fff;float:left;text-decoration:none}header.banner .logo{border-left:0;float:left;height:48px;overflow:hidden}header.banner .logo-ubuntu{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/ubuntu-logo.png") no-repeat scroll 0 10px transparent;font-size:18px;margin-bottom:0;position:relative;text-transform:lowercase;float:left;margin:0;display:inline-block;height:32px;min-width:128px;margin-right:-20px;margin-left:10px;padding:7px 14px 9px 0}header.banner .logo-ubuntu img{margin-right:8px;position:absolute;left:-999em}header.banner .logo-ubuntu span{float:left;font-size:23px;font-weight:300;padding-left:122px;padding-right:20px;position:relative;top:5px}header.banner .nav-primary.nav-left .logo-ubuntu{float:right}header.banner .nav-primary.nav-right .logo-ubuntu{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/logos/logo-ubuntu-white.svg");background-size:107px 25px;float:left}html.no-svg header.banner .nav-primary.nav-right .logo-ubuntu,.opera-mini header.banner .nav-primary.nav-right .logo-ubuntu{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/logos/logo-ubuntu-white.png")}@media only screen and (max-width: 295px){header.banner .nav-primary.nav-right .logo-ubuntu,header.banner .logo-ubuntu{-moz-background-size:20px 20px;-webkit-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/logos/logo-ubuntu_cof-white_orange-hex.svg") 0 50% no-repeat;min-width:0;width:38px}header.banner .logo-ubuntu span{padding-left:38px}}html.no-svg header.banner .logo-ubuntu,.opera-mini header.banner .logo-ubuntu{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/logos/logo-ubuntu_cof-white_orange-hex.png")}@media only screen and (max-width: 768px){header.banner .nav-primary{-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.2);box-shadow:0 1px 2px 1px rgba(0,0,0,0.2)}header.banner .nav-primary.active{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;padding:0}header nav ul.active{float:left}header nav ul.active li:last-child a:link,header nav ul.active li:last-child a:visited{border-bottom:0}header.banner .nav-primary ul{position:relative;width:100%}header.banner .nav-primary ul li.active a:link,header.banner .nav-primary ul li.active a:visited{color:#333;font-weight:700}header.banner .nav-primary ul li,header.banner .nav-primary ul li a:link,header.banner .nav-primary ul li a:visited,header.banner .nav-primary ul li a:active{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:transparent;border:none;display:block;font-weight:300;margin:0;padding:0;width:100%}header.banner .nav-primary ul li a:link,header.banner .nav-primary ul li a:visited,header.banner .nav-primary ul li a:hover,header.banner .nav-primary ul li a:active{background-color:#f0f0f0;border-bottom:1px solid #d4d7d4;color:#333333;font-size:1em}header.banner .nav-primary ul li:nth-last-child(-n+2) a:link,header.banner .nav-primary ul li:nth-last-child(-n+2) a:visited{border:0}header.banner .nav-primary ul li a:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background:#f8f8f8}header.banner .nav-primary ul li a.active{background-color:#ddd}header.banner nav.nav-primary ul li a:link,header.banner .nav-primary ul li a:visited,header.banner .nav-primary ul li a:hover,header.banner .nav-primary ul li a:active{padding:8px 10px;text-align:left}header.banner .nav-primary ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:transparent;border-bottom:0;border-right:1px solid #d4d7d4;float:left;width:50%}.nav-secondary{background:#fff}.nav-secondary ul.second-level-nav{border-top:1px solid #d4d7d4;display:none;margin-bottom:0;margin-left:0;padding-bottom:10px;padding-top:10px;width:100%}.nav-secondary ul.second-level-nav li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;margin:0;float:left}.nav-secondary ul.second-level-nav li a,.nav-secondary ul.second-level-nav li a:link,.nav-secondary ul.second-level-nav li a:visited{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;padding:10px 10px 10px 20px;width:100%}.nav-secondary ul.second-level-nav li.active a,.nav-secondary ul.second-level-nav li.active a:link,.nav-secondary ul.second-level-nav li.active a:visited{color:#333;font-weight:700}.nav-secondary ul.third-level-nav{display:none;margin-bottom:0;width:100%;padding-bottom:20px}.nav-secondary ul.third-level-nav li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;margin:0;float:left;padding-left:30px}.nav-secondary ul.third-level-nav li a,.nav-secondary ul.third-level-nav li a:link,.nav-secondary ul.third-level-nav li a:visited{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 10px 10px 0;display:block;width:100%;height:100%}.nav-secondary ul.third-level-nav li.active a,.nav-secondary ul.third-level-nav li.active a:link,.nav-secondary ul.third-level-nav li.active a:visited{color:#333;font-weight:700}.nav-secondary ul.third-level-nav li.single-link{width:100%}.nav-secondary ul.third-level-nav li:only-child{width:100%}.nav-secondary ul.breadcrumb{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin-left:0;margin-bottom:0}.nav-secondary ul.breadcrumb li:first-of-type{border-bottom:1px solid #d4d7d4;margin-bottom:-1px}.nav-secondary ul.breadcrumb li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;width:100%;display:block;height:40px;margin:0}.nav-secondary ul.breadcrumb li a,.nav-secondary ul.breadcrumb li a:link,.nav-secondary ul.breadcrumb li a:visited{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;width:100%;color:#333333;display:block;margin-right:0;text-decoration:none;padding:8px 10px 0 10px}.nav-secondary ul.breadcrumb li.active{margin-top:12px}.nav-secondary ul.breadcrumb li.active a,.nav-secondary ul.breadcrumb li.active a:link,.nav-secondary ul.breadcrumb li.active a:visited{color:#333;font-weight:700}.nav-secondary ul.breadcrumb li:nth-of-type(2n){margin-top:12px}.nav-secondary ul.breadcrumb li .after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-down-arrow.svg);background-position:center center;background-repeat:no-repeat;background-size:18px;float:right;height:18px;margin-right:-5px;margin-top:-6px;padding:10px;position:relative;right:0;top:0;width:18px}.nav-secondary ul.breadcrumb li+li{display:none}.nav-secondary ul.breadcrumb li+li a:link,.nav-secondary ul.breadcrumb li+li a:active,.nav-secondary ul.breadcrumb li+li a:visited{padding-left:20px}.nav-secondary ul.breadcrumb li+li a.after{background-image:none}.nav-secondary.open ul.breadcrumb li a:after,.nav-secondary.open ul.breadcrumb li a:link:after,.nav-secondary.open ul.breadcrumb li a:visited:after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-up-arrow.svg)}.nav-secondary.open ul.breadcrumb li+li a.after{background-image:none}.nav-secondary.open ul.breadcrumb li .after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-up-arrow.svg);margin-top:-7px}.nav-secondary.open ul.second-level-nav,.nav-secondary.open ul.third-level-nav,.nav-secondary.open ul.breadcrumb li+li{display:block}.no-js .nav-secondary ul.second-level-nav{display:block}.no-js #main-navigation-link{position:absolute;right:10px;top:12px;width:20px;height:28px;z-index:999;text-indent:-999em;display:block}.no-js #main-navigation-link a{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/navigation-menu-plain.svg");background-position:center center;background-repeat:no-repeat;background-size:25px auto;display:block;width:28px;height:28px;position:absolute}html.no-svg .nav-secondary ul.breadcrumb li .after,.opera-mini .nav-secondary ul.breadcrumb li .after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-down-arrow.png)}html.no-svg .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:after,html.no-svg .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:link:after,html.no-svg .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:visited:after,.opera-mini .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:after,.opera-mini .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:link:after,.opera-mini .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:visited:after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-up-arrow.png)}html.no-svg .nav-secondary ul.breadcrumb.open ul.breadcrumb li .after,.opera-mini .nav-secondary ul.breadcrumb.open ul.breadcrumb li .after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-up-arrow.png)}html.no-svg header.banner .nav-primary #google-appliance-search-form button[type="submit"],.opera-mini header.banner .nav-primary #google-appliance-search-form button[type="submit"]{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/search-black.png")}html.no-svg .nav-secondary ul.breadcrumb li .after,.opera-mini .nav-secondary ul.breadcrumb li .after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-down-arrow.png)}html.no-svg .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:after,html.no-svg .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:link:after,html.no-svg .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:visited:after,.opera-mini .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:after,.opera-mini .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:link:after,.opera-mini .nav-secondary ul.breadcrumb.open ul.breadcrumb li a:visited:after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-up-arrow.png)}html.no-svg .nav-secondary ul.breadcrumb.open ul.breadcrumb li .after,.opera-mini .nav-secondary ul.breadcrumb.open ul.breadcrumb li .after{background-image:url(//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/nav-up-arrow.png)}html.no-svg header.banner .nav-primary #google-appliance-search-form button[type="submit"],.opera-mini header.banner .nav-primary #google-appliance-search-form button[type="submit"]{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/search-black.png")}header.banner .nav-toggle{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/navigation-menu-plain.svg");background-position:center center;background-repeat:no-repeat;background-size:25px auto;cursor:pointer;display:block;height:48px;position:absolute;right:0;text-indent:-99999px;width:48px}html.no-svg header.banner .nav-toggle,.opera-mini header.banner .nav-toggle{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/navigation-menu-plain.png")}}@media only screen and (min-width: 768px){header.banner .nav-primary ul li{border-bottom:0}}@media only screen and (min-width: 769px){header.banner{-moz-box-shadow:0 2px 2px -2px #777777 inset, 2px 1px #FFFFFF;-webkit-box-shadow:0 2px 2px -2px #777777 inset, 2px 1px #FFFFFF;box-shadow:0 2px 2px -2px #777777 inset, 2px 1px #FFFFFF}header.banner nav.nav-primary{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-bottom:0}header.banner .nav-toggle{display:none}header.banner nav ul{background-color:transparent;display:block}header.banner .nav-primary ul li{border-left:1px solid #C64012}header.banner .nav-primary ul li a:active,header.banner .nav-primary ul li a:hover,header.banner .nav-primary ul li a:visited,header.banner nav.nav-primary ul li a:link{border-left:1px solid #EC5B29}header.banner .nav-primary ul li:last-child{border-right:1px solid #C64012;border-left:1px solid #C64012}header.banner .nav-primary ul li a.active{background-color:#B83A10}header.banner .nav-primary ul li a:hover{background-color:#E1662F}.nav-secondary ul:last-child li:last-child{padding-bottom:10px}.nav-secondary ul.breadcrumb li,.nav-secondary ul.second-level-nav li,.nav-secondary ul.third-level-nav li{margin-right:15px}.nav-secondary ul.breadcrumb{float:left}.nav-secondary ul.breadcrumb li{margin-bottom:10px}.nav-secondary ul{float:none;margin-bottom:0}.nav-secondary ul li{margin-bottom:5px}}@media only screen and (min-width: 984px){header.banner{margin-bottom:20px}header.banner nav.nav-primary ul{display:block}header.banner .nav-primary,#nav-global .nav-global-wrapper{width:984px}header.banner .nav-primary.nav-right .logo-ubuntu{margin-left:0}}header.banner .nav-primary ul{position:static}header.banner .nav-primary li ul{-moz-box-shadow:0 2px 2px -1px #777;-webkit-box-shadow:0 2px 2px -1px #777;box-shadow:0 2px 2px -1px #777;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#f7f7f7;border:1px solid #d5d5d5;display:none;float:none;margin:0;padding:5px 0;position:absolute;top:51px;width:200px}header.banner .nav-primary li:hover ul:after{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/arrow-up-smaller.png") no-repeat;content:'';display:block;height:8px;left:20px;position:relative;top:-13px;width:200px;z-index:999}.no-generatedcontent header.banner .nav-primary li ul{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;top:48px}header.banner .nav-primary li ul .arrow-up{display:none}header.banner .nav-primary li ul li{border:0;float:none}header.banner .nav-primary li ul li a:link,header.banner .nav-primary li ul li a:visited{border:0;color:#333333;padding:0 0 11px 14px;text-align:left;width:170px}header.banner .nav-primary li ul li a:hover{background:none repeat scroll 0 0 transparent;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#DD4814}header.banner .nav-primary li ul li.first a:link,header.banner .nav-primary li ul li.first a:visited,header.banner .nav-primary li ul li:first-of-type a:link{padding:10px 14px}header.banner .nav-primary li ul li.active a:link,header.banner .nav-primary li ul li.active a:visited{background:none repeat scroll 0 0 transparent !important}header.banner .nav-primary li ul .promo{border-top:1px solid #D5D5D5;float:left;margin-top:5px;padding:15px 0 0}header.banner .nav-primary li ul .promo a:link,header.banner .nav-primary li ul .promo a:visited{background:none repeat scroll 0 0 transparent;border-left:0 none;color:#333333;height:auto;padding:0;text-align:left}header.banner .nav-primary li ul .promo p{margin:0 10px}header.banner .nav-primary li ul .promo a:hover{box-shadow:none;color:#DD4814}header.banner .nav-primary li ul .promo img{margin-top:14px;margin-bottom:-6px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;position:relative;top:1px}header.banner .nav-primary li ul .promo .category{color:#888;font-size:11px;margin:0 10px;text-transform:uppercase}header.banner .nav-primary li:hover ul{display:block}html.lt-ie8 header.banner .nav-primary li:hover ul{display:none}.header-search,#box-search{padding:7px 0 7px 14px;overflow:hidden}.header-search input[type="search"],.header-search input[type="text"],#box-search input[type="search"],#box-search input[type="text"]{-webkit-appearance:none;-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;background-color:#be3d00;border:none;color:#fff;display:block;float:left;font-size:16px;height:2.1em;margin-bottom:0;padding:0.5em 2.5em 0.5em 0.5em;width:100%}.header-search ::-webkit-input-placeholder,#box-search ::-webkit-input-placeholder{color:white;opacity:0.4}.header-search ::-webkit-input-placeholder,#box-search ::-webkit-input-placeholder{color:white;opacity:0.4}.header-search ::-moz-placeholder,#box-search ::-moz-placeholder{color:white;opacity:0.4}.header-search :-ms-input-placeholder,#box-search :-ms-input-placeholder{color:white;opacity:0.4}.header-search input:-moz-placeholder,#box-search input:-moz-placeholder{color:white;opacity:0.4}.header-search ::placeholder,#box-search ::placeholder{color:white;opacity:0.4}.header-search input[type="search"]:focus,#box-search input[type="search"]:focus{background-color:#a63603}.header-search button[type=submit],#box-search button[type=submit]{padding:3px 2px;line-height:0;float:left;margin-left:-40px;display:block;background:none;overflow:visible}.header-search button[type=submit]:hover,#box-search button[type=submit]:hover{background:none}.header-search button[type=submit] img,#box-search button[type=submit] img{height:28px;width:28px}header.banner .search-toggle{-moz-background-size:20px 20px;-webkit-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px;background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/search_icon_white_64.png");background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/search.svg");background-position:center center;background-repeat:no-repeat;display:block;height:48px;outline:none;overflow:hidden;position:absolute;right:58px;text-indent:-999em;top:0;width:24px}.search-toggle:link,.search-toggle:active{outline:none}#box-search,.header-search{background:#f0f0f0;border:0;display:none;float:left;margin-bottom:0;position:relative;margin:0 0 -1px 0;padding:0;width:100%;z-index:3}#box-search.active,.header-search.active,.header-search.open{display:block}#box-search div,.header-search div{-moz-box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3),inset 0 5px 5px -5px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3),inset 0 5px 5px -5px rgba(0,0,0,0.3);box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3),inset 0 5px 5px -5px rgba(0,0,0,0.3);background:#f0f0f0;margin:10px;position:relative;z-index:1}#box-search form input[type="search"],.header-search form input[type="search"]{font-size:1.14286em;margin-bottom:0.75em;-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3) inset,0 -1px 3px rgba(0,0,0,0.2) inset,0 2px 0 rgba(255,255,255,0.4);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3) inset,0 -1px 3px rgba(0,0,0,0.2) inset,0 2px 0 rgba(255,255,255,0.4);box-shadow:0 2px 2px rgba(0,0,0,0.3) inset,0 -1px 3px rgba(0,0,0,0.2) inset,0 2px 0 rgba(255,255,255,0.4);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:0;color:#333;font-size:16px;height:auto;margin:0;float:left;padding:9px 10px;width:100%}.yes-js .header-inner #box-search,.yes-js .header-inner .header-search{display:none}.yes-js .header-inner #box-search form,.yes-js .header-inner .header-search form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;margin-right:0;overflow:hidden;padding:10px;top:0;z-index:999;position:relative;width:100%}@media only screen and (max-width: 768px){header.banner .search-toggle{right:48px}html.no-svg .search-toggle,.opera-mini .search-toggle{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/search-white.png")}}@media only screen and (min-width: 768px){header.banner .search-toggle{display:none}}@media only screen and (min-width: 960px){#box-search,.header-search{background:none;overflow:hidden;padding:7px 0 7px 14px;border-right:0 none;float:right;margin-bottom:0;padding-bottom:5px;padding-right:0;padding-top:7px;max-width:220px}#box-search form input[type="text"],#box-search form input[type="search"],.header-search form input[type="text"],.header-search form input[type="search"]{-moz-box-shadow:0 2px 4px rgba(0,0,0,0.4) inset;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.4) inset;box-shadow:0 2px 4px rgba(0,0,0,0.4) inset;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-search.png") no-repeat scroll 5px center,none repeat scroll 0 0 #be3d00;border:6px solid #DE6532;border-width:0 0 1px;color:#fff;font-size:0.813em;height:24px;margin-bottom:0;padding:4px 4px 4px 30px;transition:all 0.5s ease 0s;width:86px}}@media only screen and (max-width: 960px){header.banner nav.nav-primary .header-search{padding:0;position:relative;top:0;width:100%}header.banner nav.nav-primary .header-search input[type="search"]{border-radius:0;background:#f7f7f7;color:#333}header.banner nav.nav-primary .header-search button[type="submit"]{width:32px;height:38px;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/search-black.svg") no-repeat scroll center center transparent;background-size:28px 28px}header.banner nav.nav-primary .header-search button[type="submit"] img{max-width:none;display:none}header.banner nav.nav-primary .header-search.open{display:block}header.banner .search-toggle{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/search-white.svg");background-position:center center;background-repeat:no-repeat;background-size:25px auto;cursor:pointer;right:0;display:block;height:48px;position:absolute;text-indent:-99999px;width:48px}html.no-svg header.banner .search-toggle,.opera-mini header.banner .search-toggle{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/img/search-white.png")}.opera-mini x:-o-prefocus,.opera-mini header.banner .search-toggle{-o-background-size:25px auto;background-size:25px auto}}@media only screen and (min-width: 984px){#box-search,.header-search{display:block;margin-right:0}#box-search form input[type="text"]:focus,.header-search form input[type="text"]:focus{width:160px}}@media only screen and (max-width: 768px){header.banner .search-toggle{right:48px}}body.ubuntu-search .nav-secondary,body.search-results .nav-secondary,body.search-no-results .nav-secondary{display:none}body.ubuntu-search section>h1,body.ubuntu-search section article h1,body.search-results section>h1,body.search-results section article h1,body.search-no-results section>h1,body.search-no-results section article h1{padding-bottom:10px;font-size:1.438em;margin-bottom:0}body.ubuntu-search section>h1,body.search-results section>h1,body.search-no-results section>h1{border-bottom:1px dotted #dfdcd9}body.ubuntu-search .main-search,body.search-results .main-search,body.search-no-results .main-search{padding:20px 0;margin:0 0 20px 0;background-color:transparent}body.ubuntu-search .main-search input[type="search"],body.search-results .main-search input[type="search"],body.search-no-results .main-search input[type="search"]{float:left;width:100%;font-size:2em;border:1px solid #999;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.2em 65px 0.2em 0.2em}body.ubuntu-search .main-search button[type=submit],body.search-results .main-search button[type=submit],body.search-no-results .main-search button[type=submit]{padding:4px;line-height:0;float:left;margin-left:-53px;display:block;background:none;overflow:visible;width:auto;margin-top:-4px}body.ubuntu-search .main-search button[type=submit]:hover,body.search-results .main-search button[type=submit]:hover,body.search-no-results .main-search button[type=submit]:hover{background:none}body.ubuntu-search .main-search button[type=submit] img,body.search-results .main-search button[type=submit] img,body.search-no-results .main-search button[type=submit] img{height:45px;width:45px}body.ubuntu-search .search-result h1 .title-main,body.search-results .search-result h1 .title-main,body.search-no-results .search-result h1 .title-main{margin-right:20px}body.ubuntu-search .search-result h1 .result-url,body.search-results .search-result h1 .result-url,body.search-no-results .search-result h1 .result-url{color:#999;overflow:hidden;text-overflow:ellipsis;display:block;vertical-align:bottom;padding-bottom:2px}body.ubuntu-search .search-result h1 .result-url a,body.search-results .search-result h1 .result-url a,body.search-no-results .search-result h1 .result-url a{color:#999}body.ubuntu-search .search-result p,body.search-results .search-result p,body.search-no-results .search-result p{margin-bottom:0}body.ubuntu-search .num-results,body.search-results .num-results,body.search-no-results .num-results{display:inline-block;margin-left:20px}body.ubuntu-search .bottom-results-total,body.search-results .bottom-results-total,body.search-no-results .bottom-results-total{text-align:center;width:100%;overflow:visible;padding-top:20px;margin:0}body.ubuntu-search .bottom-nav,body.search-results .bottom-nav,body.search-no-results .bottom-nav{overflow:hidden;margin-top:-26px}body.ubuntu-search .bottom-nav ul,body.search-results .bottom-nav ul,body.search-no-results .bottom-nav ul{margin-bottom:0;margin-left:0;padding:0;overflow:hidden}body.ubuntu-search .bottom-nav li,body.search-results .bottom-nav li,body.search-no-results .bottom-nav li{float:left;margin-left:15px}body.ubuntu-search .bottom-nav li:first-child,body.search-results .bottom-nav li:first-child,body.search-no-results .bottom-nav li:first-child{margin-left:0}body.ubuntu-search .nav-back,body.search-results .nav-back,body.search-no-results .nav-back{float:left}body.ubuntu-search .nav-back li:before,body.search-results .nav-back li:before,body.search-no-results .nav-back li:before{content:"\2039";color:#dd4814;margin-right:5px}body.ubuntu-search .nav-back li.item-extreme:before,body.search-results .nav-back li.item-extreme:before,body.search-no-results .nav-back li.item-extreme:before{content:"\2039\2039"}body.ubuntu-search .nav-forward,body.search-results .nav-forward,body.search-no-results .nav-forward{float:right}body.ubuntu-search .nav-forward li:after,body.search-results .nav-forward li:after,body.search-no-results .nav-forward li:after{content:"\203A";color:#dd4814;margin-left:5px}body.ubuntu-search .nav-forward li.item-extreme:after,body.search-results .nav-forward li.item-extreme:after,body.search-no-results .nav-forward li.item-extreme:after{content:"\203A\203A"}body.ubuntu-search .error-notification,body.search-results .error-notification,body.search-no-results .error-notification{background-color:#fdffdc;color:#333;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:20px;display:block}body.ubuntu-search .result-line,body.search-results .result-line,body.search-no-results .result-line{color:#ada69e}body.ubuntu-search .results-top,body.search-results .results-top,body.search-no-results .results-top{border-bottom:1px dotted #dfdcd9;padding-bottom:0.5em}body.ubuntu-search .search-container,body.search-results .search-container,body.search-no-results .search-container{padding-bottom:0}@media only screen and (min-width: 768px){.ubuntu-search .main-search button[type=submit]{margin-left:-60px;margin-top:0}}body footer.global #nav-global li:first-of-type a{margin-left:0}footer.global{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:inset 0 2px 2px -1px #d3d3d3;-webkit-box-shadow:inset 0 2px 2px -1px #d3d3d3;box-shadow:inset 0 2px 2px -1px #d3d3d3;background:none;border-top:0;clear:both;display:block;padding:30px 10px 20px;position:relative;width:100%}footer.global .legal{margin:0 auto;width:100%}footer.global .legal{background-image:none;position:relative;clear:both;min-height:40px}footer.global .legal p,footer.global .legal ul{padding-left:0}footer.global h2{font-size:0.75em;line-height:1.4;margin-bottom:0;padding-bottom:0.5em}footer.global h2,footer.global h2 a:link,footer.global h2 a:visited{color:#333;font-weight:normal}footer.global nav ul li h2 a:after{content:""}footer.global ul{margin:0}footer.global nav ul li.two-col{display:inline-block;min-height:10em;vertical-align:top}footer.global nav ul li li{font-size:0.85714em;margin-bottom:1em;font-size:0.75em;margin-bottom:0}footer.global ul li li a:link,footer.global ul li li a:visited{color:#333;margin-bottom:0}footer.global ul li li a:hover,footer.global ul li li a:active,footer.global h2 a:hover,footer.global h2 a:active{color:#dd4814}footer.global .inline li{display:inline}footer.global p,footer.global ul.inline li a{color:#333;font-size:12px;margin-bottom:0}footer.global ul.inline li a:hover{color:#dd4814}footer.global ul.inline li:after{color:#888;content:"\00b7";vertical-align:middle;margin:0 5px}footer.global ul.inline li:last-child{width:120px}footer.global ul.inline li:last-child:after{content:""}footer.global .inline li{float:none;margin-bottom:0}footer.global .top-link{-moz-box-shadow:0 -4px 4px -4px rgba(0,0,0,0.3) inset;-webkit-box-shadow:0 -4px 4px -4px rgba(0,0,0,0.3) inset;box-shadow:0 -4px 4px -4px rgba(0,0,0,0.3) inset;background:none repeat scroll 0 0 rgba(0,0,0,0);border:0 none;float:left;font-size:0.75em;letter-spacing:0.05em;margin:0 0 0 -10px;padding-right:20px;text-transform:uppercase;width:100%}footer.global .top-link a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-upload-warmgrey.svg");background-position:10px center;background-repeat:no-repeat;background-size:14px 14px;border-bottom:0 none;color:#888888;display:block;float:none;font-weight:400;padding:12px 0 12px 28px}html.no-svg footer.global .top-link a,.opera-mini footer.global .top-link a{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-upload-warmgrey.png")}@media only screen and (max-width: 768px){footer.no-global .legal{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;box-shadow:0 2px 2px -1px #D3D3D3 inset;padding-top:10px;margin-left:-10px;padding-left:10px;padding-right:10px}#livechat-eye-catcher{display:block}}@media only screen and (min-width: 768px){footer.global .inline li{display:inline;float:left}}@media only screen and (min-width: 769px){footer.global .top-link{display:none}footer.global .footer-b h2 a i{font-style:normal;display:inline}}@media only screen and (min-width: 984px){footer.global .legal{width:984px}footer.global{padding:30px 0 20px}footer.global .legal{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/logos/logo-ubuntu-grey.png") 100% 0 no-repeat}footer.global .footer-a{display:block}}#context-footer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1em;margin-bottom:0.85714em;border-bottom:0;clear:both;padding-bottom:1px;padding-top:0;position:relative;margin-bottom:0;margin-left:0;margin-right:0;width:100%}#context-footer hr{-moz-box-shadow:inset 0 2px 2px -2px #333;-webkit-box-shadow:inset 0 2px 2px -2px #333;box-shadow:inset 0 2px 2px -2px #333;background:#dd4814;height:14px;margin:0 0 10px;border:0;clear:both}#context-footer div.twelve-col{display:table;float:none;margin-bottom:7px}#context-footer div div{display:block;padding-left:0;margin-bottom:20px}#context-footer div div div{display:block;padding-left:0;margin-bottom:0}#context-footer div div.feature-one{padding-left:0}#context-footer div div.feature-four{margin-bottom:0;margin-right:0}#context-footer>div{padding-left:10px;padding-right:10px}#context-footer ul{margin-bottom:5px}#context-footer li.active{display:none}#context-footer h3{font-size:1.14286em;margin-bottom:0.75em;font-weight:normal}#context-footer .list a:after,#context-footer a.link-arrow:after,#context-footer nav ul li h2 a:after{content:' \203A'}@media only screen and (min-width: 768px){#context-footer{margin-bottom:12px;padding-left:30px;padding-right:30px}#context-footer div+div{width:31%}#context-footer div div.feature-four{padding-bottom:20px}#context-footer hr{margin:0 -30px 40px}#context-footer>div{padding-left:0;padding-right:0}}@media only screen and (min-width: 984px){#context-footer{padding:0 40px 10px}#context-footer div div{display:table-cell;float:none;padding-left:20px;margin-bottom:0}#context-footer hr{margin:0 -40px 40px}}a.link-cta-ubuntu,a.link-cta-canonical,a.link-cta-inverted,button.cta-ubuntu,button.cta-canonical,form button[type="submit"],form input[type="submit"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1.14286em;margin-bottom:0.75em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#dd4814;color:#fff;text-decoration:none;display:inline-block;margin:0;font-family:Ubuntu, Arial, 'libra sans', sans-serif;font-weight:300;-webkit-font-smoothing:subpixel-antialiased;-moz-font-smoothing:subpixel-antialiased;-o-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased;padding:8px 14px;width:100%;text-align:center}a.cta-large,button.cta-large{font-size:1.28571em;margin-bottom:0.66667em;padding:10px 20px}a.link-cta-canonical,button.cta-canonical,form button.cta-canonical[type="submit"],form input.cta-canonical[type="submit"]{background:#772953;color:#fff}a.link-cta-inverted,button.cta-inverted{background:#fff;color:#333}.row-enterprise a.link-cta-canonical,.row-enterprise button.link-cta-canonical{background:#fff;color:#772953}a.link-cta-ubuntu:hover,a.link-cta-ubuntu:hover,button.cta-ubuntu:hover,form button[type="submit"]:hover,form input[type="submit"]:hover{background:#c03f11;text-decoration:none}a.link-cta-canonical:hover,button.cta-canonical:hover{background:#5f2143;text-decoration:none}a.link-cta-inverted:hover,.row-enterprise a.link-cta-canonical:hover,button.cta-inverted:hover,.row-enterprise button.cta-canonical:hover{background:#fff;text-decoration:underline}a.cta-deactivated,a.cta-deactivated:hover,button.cta-deactivated,button.cta-deactivated:hover{background:#efefef;color:#fff;cursor:not-allowed}@media only screen and (min-width: 768px){a.link-cta-ubuntu,a.link-cta-canonical,a.link-cta-inverted,button.cta-ubuntu,button.cta-canonical,form button[type="submit"],form input[type="submit"]{width:auto}}@media only screen and (min-width: 984px){a.link-cta-ubuntu,a.link-cta-canonical,a.link-cta-inverted,button.cta-ubuntu,button.cta-canonical,form button[type="submit"],form input[type="submit"]{width:auto}}form input,form select,form textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}form .fieldset-submit ul{margin-bottom:0}form fieldset .mktError,form fieldset .errMsg,form fieldset .reqMark{color:#df382c}form fieldset .mktFormMsg{clear:both;display:block}.row{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px dotted #888;clear:both;padding:20px 10px 0;position:relative}.row br{display:none}.row.no-padding-bottom{padding-bottom:0 !important}.row-grey{background:#f7f7f7}.no-border{border:0}#main-content .row-hero{margin-top:20px;padding-top:0}.row-background{color:#fff;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/backgrounds/image-background-wallpaper.jpg") no-repeat scroll 50% 50% #4b1827}.row-background a.alternate{color:#fff;text-decoration:underline}.row-background a.alternate:hover{color:rgba(255,255,255,0.6)}@media only screen and (min-width: 768px){.row-background{background-position:center 50%;background-size:100% auto}}.strip{width:100%;display:block}.strip-dark{background-color:#2c001e;background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/backgrounds/background-grid.png");background-repeat:repeat;color:#fff}.strip-dark .list-ubuntu li{border:0}.strip-dark .resource{color:#333;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.strip-dark .resource:before{border-right-color:#2c001e}#main-content .strip-dark .resource:before{border-bottom-width:29px;right:-2px;top:-1px}#main-content .strip-dark .resource:hover:before{border-bottom-width:34px}#main-content .strip-dark .resource h2{padding-right:20px}.row-aux{background-color:rgba(255,255,255,0.6);text-align:center}.row-aux h2,.row-aux p{text-align:left}.row-aux a p{color:#333;margin-bottom:30px}.row-step h2{position:relative;top:5px}.row-step .step{position:relative;top:-5px;height:32px;width:32px;border-radius:50%;border:3px solid #dd4814;color:#dd4814;line-height:32px;text-align:center;background-color:#fff;font-size:23px;font-weight:400}@media only screen and (min-width: 768px){.row{padding:30px}#main-content .row-hero{margin-top:40px}}@media only screen and (min-width: 769px){.row-step .step{height:42px;width:42px;line-height:42px}.row br{display:block}}@media only screen and (min-width: 984px){.row br{display:block}.row{padding:60px 40px 40px}.no-border{border:0}}.row.row-image-centered,div.box-image-centered,div.row-image-centered,div.row.row-image-centered{padding:20px 10px 0}.row-box.row-image-centered{padding-top:20px;padding-bottom:20px}.row.row-image-centered{padding-top:40px;padding-bottom:40px}.row-hero.row-image-centered{padding-top:0}div.row-image-centered div,div.row-image-centered span,div.box-image-centered div,div.box-image-centered span,div.row.row-image-centered div,div.row.row-image-centered span{float:none}div.row-image-centered span,div.box-image-centered span,div.row.row-image-centered span{width:100%}div.row-image-centered span img,div.box-image-centered span img,div.row.row-image-centered span img{height:auto;max-width:100%;display:block;padding:0;margin:0 auto;margin-bottom:20px}div.row-image-centered p,div.row-image-centered h2,div.row-image-centered h3,div.box-image-centered p,div.box-image-centered h2,div.box-image-centered h3,div.row.row-image-centered p,div.row.row-image-centered h2,div.row.row-image-centered h3{float:none}@media only screen and (min-width: 768px){div.row-image-centered,div.row.row-image-centered,div.box-image-centered{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:20px;display:table}div.row-image-centered div,div.row.row-image-centered div,div.box-image-centered div{float:none;display:table-cell;position:relative}div.row-image-centered div p,div.row-image-centered div h2,div.row-image-centered div h3,div.row.row-image-centered div p,div.row.row-image-centered div h2,div.row.row-image-centered div h3,div.box-image-centered div p,div.box-image-centered div h2,div.box-image-centered div h3{display:block;width:100%;float:left}div.row-image-centered div+span img,div.row.row-image-centered div+span img,div.box-image-centered div+span img{padding-right:0;margin-bottom:20px}div.row-image-centered span,div.row.row-image-centered span,div.box-image-centered span{display:table-cell;float:none;position:relative;text-align:center;top:0;vertical-align:middle;width:auto}div.row-image-centered span img,div.row.row-image-centered span img,div.box-image-centered span img{padding-right:20px}.align-vertically{-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.align-vertically img,.align-vertically div{-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);position:relative;top:50%;transform:translateY(-50%)}}div.box-image-centered{padding-top:20px}@media only screen and (min-width: 768px){.row.row-image-centered,div.box-image-centered,div.row-image-centered,div.row.row-image-centered{padding:30px}div.box-image-centered div+span img,div.row-image-centered div+span img,div.row.row-image-centered div+span img,div.box-image-centered span img.priority-0,div.row-image-centered span img.priority-0,div.row.row-image-centered span img.priority-0{margin-right:auto;display:table-cell;margin-bottom:0}}@media only screen and (min-width: 984px){.row.row-image-centered,div.row-image-centered,div.row.row-image-centered,div.box-image-centered{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:60px 40px 60px;display:table}.row.row-image-centered div,div.row-image-centered div,div.row.row-image-centered div,div.box-image-centered div{float:none;display:table-cell;position:relative}.row.row-image-centered div p,.row.row-image-centered div h2,.row.row-image-centered div h3,div.row-image-centered div p,div.row-image-centered div h2,div.row-image-centered div h3,div.row.row-image-centered div p,div.row.row-image-centered div h2,div.row.row-image-centered div h3,div.box-image-centered div p,div.box-image-centered div h2,div.box-image-centered div h3{display:block;width:100%;float:left}.row.row-image-centered div+span img,div.row-image-centered div+span img,div.row.row-image-centered div+span img,div.box-image-centered div+span img{padding-right:0}.row.row-image-centered span,div.row-image-centered span,div.row.row-image-centered span,div.box-image-centered span{display:table-cell;float:none;position:relative;text-align:center;top:0;vertical-align:middle;width:auto}.row.row-image-centered span img,div.row-image-centered span img,div.row.row-image-centered span img,div.box-image-centered span img{padding-right:20px}}.box,.box-grey{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:1.333em 20px}.box{background:#fff;border:1px solid #dfdcd9}.box-grey{background:#f7f7f7;color:#333}.box-orange{background:#dd4814;color:#fff}.box-highlight{-moz-box-shadow:0 2px 2px 0 #c2c2c2;-webkit-box-shadow:0 2px 2px 0 #c2c2c2;box-shadow:0 2px 2px 0 #c2c2c2;border:1px solid #f7f7f7}.box-textured{-moz-box-shadow:0 2px 2px 0 #c2c2c2;-webkit-box-shadow:0 2px 2px 0 #c2c2c2;box-shadow:0 2px 2px 0 #c2c2c2;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/grey-textured-background.jpg");border:0}.box-padded{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#efefef;border:0;margin-bottom:20px;padding:6px 5px}.box-padded h3{font-size:1.39286em;margin-bottom:0.61538em;margin-left:5px;margin-top:5px}.box-padded li h3{font-size:1.39286em;margin-bottom:0.61538em;margin:0}.box-padded div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;overflow:hidden;padding:8px 8px 2px}.box-padded-feature{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/soft-centre-bkg.gif") repeat scroll 0 0 #a09f9f;border:0;margin-bottom:20px;padding:11px 5px 6px}.box-padded-feature h3{color:#fff;margin-left:5px;font-size:1.39286em;margin-bottom:0.61538em}.box-padded-feature h4{font-size:1.14286em;margin-bottom:0.75em;font-weight:normal}.box-padded-feature>div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;overflow:hidden;padding:20px 8px}.box-padded-feature div div{margin-bottom:0}.box-padded-feature .inline-icons{display:table;width:100%;margin:0;text-align:center}.box-padded-feature .inline-icons li{display:table-cell;text-align:left;float:none}.box-padded-feature .one-col{width:48px;float:left}.resource{cursor:pointer;padding-bottom:40px;position:relative;-moz-transition:background .2s ease-out;-webkit-transition:background .2s ease-out;transition:background .2s ease-out}.resource h2{padding-right:20px}.resource.five-col h2 a:link,.resource.five-col h2 a:visited,.resource.four-col h2 a:link,.resource.four-col h2 a:visited{font-size:inherit !important}.resource.four-col h2 a:link,.resource.four-col h2 a:visited{font-size:1.125em}.resource.twelve-col h2 a:link,.resource.twelve-col h2 a:visited{font-size:1.40625em}.resource:hover{background-color:#fafafa}.resource:after{-moz-box-shadow:0 -1px 2px 0 #ddd;-webkit-box-shadow:0 -1px 2px 0 #ddd;box-shadow:0 -1px 2px 0 #ddd;content:'';height:1px;position:absolute;right:-6px;top:14px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;width:41px;z-index:2}.resource:hover:after{right:-9px;top:18px;width:48px}.resource:before{content:'';position:absolute;-moz-transition:border-width .2s ease-out;-webkit-transition:border-width .2s ease-out;transition:border-width .2s ease-out;top:-2px;right:-3px;width:0;height:0;border-bottom:30px solid #fdfdfd;border-right:30px solid #fff;-webkit-box-shadow:-2px 2px 2px rgba(176,176,176,0.4);-moz-box-shadow:-2px 2px 2px rgba(176,176,176,0.4);box-shadow:-2px 2px 2px rgba(176,176,176,0.4);z-index:2;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0}.resource:hover:before{border-bottom-width:35px;border-right-width:35px}.resource:last-of-type{margin-bottom:30px}.resource .content-cat{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-resource-hub-icon-document.png") left center no-repeat;color:#aea79f;font-size:14px;letter-spacing:1px;margin:0;padding-left:20px;padding:0;position:absolute;text-transform:uppercase}.resource .content-cat-webinar{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-resource-hub-webinar.png") left center no-repeat}.resource.box-image-centered div+span img{margin-top:40px}html.yui3-js-enabled .resource:hover a{text-decoration:underline}.row-grey .resource:before{border-right-color:#f7f7f7}@media only screen and (max-width: 768px){.box-padded-feature .inline-icons li{float:left;display:block}.box-padded-feature .one-col{width:48px;float:left}}.arrow-up,.arrow-down,.arrow-right,.arrow-left{height:11px;position:absolute;width:18px}.arrow-up{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/arrow-up.png") 0 0 no-repeat;left:20px;top:-11px}.arrow-down{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/arrow-down.png") 0 0 no-repeat;bottom:-11px;right:20px}.arrow-right{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/arrow-right.png") 0 0 no-repeat;height:18px;right:-11px;top:20px;width:11px}.arrow-left{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/arrow-left.png") 0 0 no-repeat;bottom:20px;height:18px;left:-11px;width:11px}div>.arrow-left{left:-10px}@media only screen and (min-width: 769px){html.yui3-js-enabled .arrow{visibility:visible}}.list,.list-ubuntu,.list-canonical{list-style:none;margin-left:0}.list li,.list-ubuntu li,.list-canonical li{border-bottom:1px dotted #888;margin-bottom:0;padding:10px 0}.list li:last-of-type,.list li.last-item,.list-ubuntu li:last-of-type,.list-ubuntu li.last-item,.list-canonical li:last-of-type,.list-canonical li.last-item{border:0;padding-bottom:0}.list article{border-bottom:1px dotted #888;margin-bottom:0;padding:10px 0}.list-spaced article,.list-spaced li{padding:30px 0}nav .list a{display:block}.list-ubuntu li,.list-canonical li{background-repeat:no-repeat;background-position:0 1em;padding-left:25px}.list-ubuntu li{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/tick-orange.svg")}.list-canonical li{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/tick-midaubergine.svg")}.list-warm li{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/tick-warmgrey.svg")}.list-dark li{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/tick-darkaubergine.svg")}.vertical-divider .list-canonical li,.vertical-divider .list-ubuntu li{padding-left:25px}html.no-svg .list-ubuntu li,.opera-mini .list-ubuntu li{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/tick-orange.png")}html.no-svg .list-canonical li,.opera-mini .list-canonical li{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/tick-midaubergine.png")}html.no-svg .list-warm li,.opera-mini .list-warm li{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/tick-warmgrey.png")}html.no-svg .list-dark li,.opera-mini .list-dark li{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/tick-darkaubergine.png")}.no-bullets{list-style:none;margin-left:0}.row .combined-list ul,.row .combined-list div{margin-bottom:0}.row .combined-list li.last-item{border-bottom:1px dotted #888;padding-bottom:10px}.row .combined-list div.last-col,.row .combined-list ul.last-col{margin-bottom:20px}.row .combined-list div.last-col li.last-item,.row .combined-list ul.last-col li.last-item{border-bottom:0;padding-bottom:0}.inline{margin-left:0}.inline li{display:inline;list-style:none;margin-left:0;float:left}@media only screen and (min-width: 768px){.row .combined-list ul,.row .combined-list div{margin-bottom:20px}.row .combined-list li.last-item{border-bottom:0;padding-bottom:0}}ul.inline-logos{float:left;margin-left:0;padding:0;text-align:center;width:100%}ul.inline-logos li{clear:none;display:inline-block;float:none;margin:10px 20px;padding:0}ul.inline-logos li.clear-row{clear:left}ul.inline-logos li.last-item{border:0}ul.inline-logos img{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;vertical-align:middle;max-width:115px;max-height:32px}.inline-icons{margin:0 0 20px}.inline-icons li{margin-right:20px;margin-bottom:20px;text-align:left;display:inline-block}.inline-icons li.last-item{margin-right:0}.inline-icons.no-margin-bottom li{margin-bottom:0}.inline-icons img{vertical-align:middle;max-width:115px;max-height:32px}@media only screen and (max-width: 768px){ul.inline-logos img{max-width:172px;max-height:48px}}@media only screen and (min-width: 769px){ul.inline-logos li{clear:none;display:inline-block;height:auto;margin:20px 0;border-right:1px dotted #bbb;line-height:60px;padding:0 40px}ul.inline-logos li img{float:none;vertical-align:middle;max-width:200px;max-height:45px}}@media only screen and (min-width: 984px){.inline-icons{text-align:left;margin-bottom:20px}}blockquote.pull-quote{text-indent:0}blockquote.pull-quote p{color:#333;padding-left:10px;padding-right:10px;font-size:1.77379em;margin-bottom:0.48323em;text-indent:-.4em;margin-left:.4em;line-height:1.3}blockquote.pull-quote p span{font-weight:bold;color:#dd4814;line-height:0;position:relative;left:-5px}blockquote.pull-quote p span+span{left:5px}blockquote.pull-quote p cite{margin:10px 0 0;font-weight:300;display:block;font-size:.75em;text-indent:0}blockquote.pull-quote.js{padding-left:60px;display:table-cell}blockquote.quote-canonical,blockquote.quote-canonical-white{font-size:1.14286em;margin-bottom:0.75em;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/quote-white-360x360.png") no-repeat 20px -130px;color:#772953;float:right;font-size:1em;height:215px;margin-top:0;padding:20px 60px 0;position:relative;width:236px}blockquote.quote-canonical-white{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/quote-aubergine-345x345.png") no-repeat 0 0;color:#fff;padding:80px 60px 0;height:265px}blockquote.quote p:first-child{font-size:1.28571em;margin-bottom:0.66667em;line-height:1.3;text-indent:-7px}blockquote.quote-right-bottom{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-quote-orange.svg");background-repeat:no-repeat;background-size:287px 286px;color:#fff;height:167px;padding:60px 40px;position:static;right:-40px;top:-90px;width:207px}blockquote.quote-right-bottom p{color:#fff}blockquote.quote-grey{font-size:2.57143em;margin-bottom:0.33333em;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/quote-grey-br-211x211.png") no-repeat scroll 0 0 transparent;color:#fff;height:152px;line-height:40px;margin-left:20px;padding:60px 0 0;text-align:center;width:211px}blockquote.quote-bottom-left{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/quote-orange-bl-287x287.png") no-repeat;color:#fff;height:167px;padding:55px 40px 70px 45px;width:225px}html.no-svg blockquote.quote-right-bottom,.opera-mini blockquote.quote-right-bottom{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-quote-orange.png")}.row-quote{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.row-quote blockquote{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}.row-quote blockquote p{margin-bottom:.75em;line-height:1.3;color:#333;padding-left:10px;padding-right:10px;text-indent:0}.row-quote blockquote span{font-weight:bold;color:#dd4814;line-height:0;position:relative;left:-5px}.row-quote blockquote span+span{left:5px}.row-quote blockquote cite{color:#333;font-style:normal;margin-bottom:0;font-size:.75em;text-indent:-14px;text-indent:0}.row-quote .quote-twitter{background:#fcece7 url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/pictogram-twitter-115x139.png") 20px bottom no-repeat;padding:20px 20px 20px 23.40425%}.row-quote .quote-twitter-small{background:#fcece7 url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/pictogram-twitter-54x63.png") 99% bottom no-repeat;padding:20px 20px 20px 80px}.row-quote .quote-twitter-small p{margin:0;padding:0}blockquote.quote-canonical,blockquote.quote-canonical-white{background:none;color:#333;width:auto;height:auto;padding:0 30px;margin-top:20px}@media only screen and (min-width: 768px){.row-quote blockquote{text-indent:-7px}.pull-quote{text-indent:-.4em}.row-quote blockquote p{font-size:1.77357em;margin-bottom:0.48329em}blockquote.pull-quote p,.row-quote blockquote p{padding-left:0;padding-right:0;text-indent:-.7em}blockquote.pull-quote p span,.row-quote blockquote p span{font-size:1.391304348em}blockquote.pull-quote p cite,.row-quote blockquote p cite{margin-left:0;text-indent:0}blockquote.pull-quote p span,.row-quote blockquote p span{top:5px}}@media only screen and (min-width: 769px){.row-quote blockquote p{font-size:1.77357em;margin-bottom:0.48329em;text-indent:-.4em}}@media only screen and (min-width: 984px){.row-quote blockquote{padding:0 80px 20px;text-indent:-10px}blockquote.pull-quote p span,.row-quote blockquote p span{top:10px}}html.js .tabbed-content .accordion-button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;padding-bottom:.6em;padding-right:20px}html.yui3-js-enabled .tabbed-menu{display:none;padding-bottom:20px;padding-top:20px}html.yui3-js-enabled .arrow{display:none;position:absolute;visibility:hidden}html.yui3-js-enabled .tabbed-content{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:8px 8px 0;background:#f7f7f7;margin-bottom:8px}html.yui3-js-enabled .tabbed-content.hide{display:block;opacity:1 !important}html.yui3-js-enabled .tabbed-content .title{display:none}html.yui3-js-enabled .tabbed-content div{display:none}html.yui3-js-enabled .tabbed-content .accordion-button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-arrow-down.svg") no-repeat scroll right 3px #f7f7f7;color:#333;display:block;font-size:16px;padding-bottom:.6em;padding-right:20px;width:100%}html.yui3-js-enabled .tabbed-content.open .accordion-button{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-arrow-up.svg");margin-bottom:10px}html.yui3-js-enabled .tabbed-content.open div{display:block}html.yui3-js-enabled html.yui3-js-enabled.opera-mini .tabbed-content .accordion-button,html.yui3-js-enabled html.yui3-js-enabled.no-svg .tabbed-content .accordion-button{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-arrow-right.png")}html.yui3-js-enabled html.yui3-js-enabled.opera-mini .tabbed-content.open .accordion-button,html.yui3-js-enabled html.yui3-js-enabled.no-svg .tabbed-content.open .accordion-button{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-arrow-up.png")}html.yui3-js-enabled html.yui3-js-enabled.opera-mini.tabbed-content .accordion-button{background-image:none;margin-bottom:10px}html.yui3-js-enabled html.yui3-js-enabled.opera-mini.tabbed-content div{display:block}@media only screen and (min-width: 768px){html.yui3-js-enabled .tabbed-menu{display:block}html.yui3-js-enabled .tabbed-content{margin-bottom:20px;padding:40px}html.yui3-js-enabled .tabbed-content.hide{display:none;opacity:0 !important}html.yui3-js-enabled .tabbed-content .title{display:block}html.yui3-js-enabled .tabbed-content div{display:block}html.yui3-js-enabled .tabbed-content .vertical-divider div{display:table-cell}html.yui3-js-enabled .tabbed-content .accordion-button{display:none}}html.yui3-js-enabled .accordion-button.active{background-color:transparent}@media only screen and (min-width: 768px){.tabbed-menu{-moz-box-shadow:0 -1px 10px #cfcfcf inset;-webkit-box-shadow:0 -1px 10px #cfcfcf inset;box-shadow:0 -1px 10px #cfcfcf inset;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;background:none repeat scroll 0 0 #f7f7f7;padding-bottom:20px;padding-top:20px;position:relative}.tabbed-menu ul{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:table;margin-bottom:0;padding:0;position:relative;table-layout:fixed;width:100%}.tabbed-menu li{text-align:center;display:table-cell}.tabbed-menu a{color:#666;display:block;outline:none}.tabbed-menu a .active{color:#772953;text-decoration:none}.tabbed-menu a:hover{text-decoration:none}.tabbed-menu .arrow{bottom:0;position:absolute}.tabbed-content{*zoom:1;padding:20px 40px 0}.tabbed-content:before,.tabbed-content:after{content:"";display:table}.tabbed-content:after{clear:both}.tabbed-content .row{padding-left:0;padding-right:0}.tabbed-content .main-content{padding-bottom:40px}html.yui3-js-enabled .tabbed-content.hide{display:none;opacity:0}.tabbed-content-bg{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;margin-left:20px;margin-right:20px}.tabbed-content-bg .row-box{padding-left:0;padding-right:0}html.yui3-js-enabled .arrow{visibility:visible}}.row.vertical-divider{padding-bottom:40px}.vertical-divider div,.vertical-divider li{border-right:0;display:block;padding-left:0;padding-right:0}.vertical-divider-full{padding-bottom:0}.vertical-divider-full>div{padding-bottom:40px}.row.vertical-divider-full{padding-bottom:0}@media only screen and (max-width: 767px){.vertical-divider>div,.vertical-divider>li{border-bottom:1px dotted #888;padding-bottom:20px}.vertical-divider div:last-of-type,.vertical-divider li:last-of-type,.inline-icons li:last-of-type{border-bottom:0;padding-bottom:5px}.row.vertical-divider{padding-bottom:0}.equal-height div,.equal-height li{height:auto !important}}@media only screen and (min-width: 984px){.row.vertical-divider{padding-bottom:60px}.vertical-divider>div,.vertical-divider>li{border-right:1px dotted #888;display:table-cell;float:none;margin-right:0;padding-left:20px;padding-right:20px;vertical-align:top}.vertical-divider>div:last-child,.vertical-divider>li:last-child,.vertical-divider>div.last-col,.vertical-divider>li.last-col,.vertical-divider>div:last-of-type,.vertical-divider>li:last-of-type{border-right:0;padding-right:0}.vertical-divider>div:first-child,.vertical-divider>li:first-child,.vertical-divider>div.first-col,.vertical-divider>li.first-col,.vertical-divider>div:first-of-type,.vertical-divider>li:first-of-type{padding-left:0}}.slider{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#f7f7f7;padding-top:40px}.slider .slide-window{overflow:hidden;position:relative;height:450px;-moz-transition:left 1s;-webkit-transition:left 1s;-o-transition:left 1s;transition:left 1s}.slider .slide-container{position:absolute;width:2800 px;-moz-transition:left 1s;-webkit-transition:left 1s;-o-transition:left 1s;transition:left 1s;left:0}.slider .slider-dots ul{position:absolute;top:550px;left:220px;z-index:5}.slider .slider-dots li{background-position:0 -8px;background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/sprite-pager.png") no-repeat;float:left;height:7px;list-style-type:none;margin-right:.75em;text-indent:-9999em;width:7px}.slider .slider-dots li.active{background-position:0 0}.slider .slider-dots a{display:block;outline:0}.slider .slide{float:right;width:700px}.slider .slide h3{margin-top:65px;display:inline-block}.slider .slide p{width:350px}.slider .arrow-prev,.slider .arrow-next{font-size:5em;margin-top:150px;display:block;color:#888;outline:0}.slider .arrow-prev:hover,.slider .arrow-next:hover{text-decoration:none;color:#333}.slider .arrow-prev:active,.slider .arrow-next:active{padding-top:1px;text-decoration:none}.slider .arrow-prev:focus,.slider .arrow-next:focus{text-decoration:none}.yui3-tooltip-hidden{display:none}.yui3-tooltip-content{-moz-box-shadow:0 2px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.2);box-shadow:0 2px 8px rgba(0,0,0,0.2);background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/grey-textured-background.jpg") repeat scroll 0 0 transparent;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #e3e3e3;color:#333;margin-top:-30px;max-width:520px;position:relative}.yui3-tooltip .yui3-widget-bd{padding:20px;width:320px}.yui3-tooltip .yui3-widget-bd *{max-width:100%}.yui3-tooltip .yui3-widget-bd h5{margin-bottom:10px;font-size:22px;font-weight:300}.yui3-tooltip .yui3-widget-bd img{float:left;margin-right:10px}.yui3-tooltip .yui3-widget-bd q{border-bottom:1px dotted #888;border-top:1px dotted #888;display:block;font-size:16px;font-style:italic;margin-bottom:0;margin-top:20px;padding:10px 0}.yui3-tooltip .yui3-widget-bd p:last-child{margin-bottom:0}.yui3-tooltip .yui3-widget-ft,.yui3-tooltip .yui3-widget-ft div{position:absolute;width:0;height:0;border-style:solid;line-height:0;font-size:0}.yui3-tooltip .yui3-tooltip-align-bottom .yui3-widget-ft,.yui3-tooltip .yui3-tooltip-align-bottom .yui3-widget-ft div{top:-10px;left:50%;margin:0 0 0 -10px;border-width:0 10px 10px;border-color:#efefef transparent}.yui3-tooltip .yui3-tooltip-align-bottom .yui3-widget-ft div{top:0;border-color:#efefef transparent}.tooltip-label{-moz-box-shadow:3px 3px 6px rgba(0,0,0,0.3);-webkit-box-shadow:3px 3px 6px rgba(0,0,0,0.3);box-shadow:3px 3px 6px rgba(0,0,0,0.3);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;border:1px solid #dfdcd9;display:none;font-size:13px;line-height:1;margin:0;padding:6px 5px;position:absolute;top:-20px;white-space:nowrap;z-index:1000}
3921
0
\ No newline at end of file
2
\ No newline at end of file
3922
1
3
3923
=== modified file 'library/functions/general.php' (properties changed: -x to +x)
3924
=== modified file 'library/functions/javascript.php' (properties changed: -x to +x)
3925
=== modified file 'library/functions/rss.php' (properties changed: -x to +x)
3926
=== added file 'library/img/.DS_Store'
3927
2
Binary files library/img/.DS_Store	1970-01-01 00:00:00 +0000 and library/img/.DS_Store	2014-12-02 15:34:17 +0000 differ
4
Binary files library/img/.DS_Store	1970-01-01 00:00:00 +0000 and library/img/.DS_Store	2014-12-02 15:34:17 +0000 differ
3928
=== added file 'library/img/arrow_down.svg'
3929
--- library/img/arrow_down.svg	1970-01-01 00:00:00 +0000
3930
+++ library/img/arrow_down.svg	2014-12-02 15:34:17 +0000
3931
@@ -0,0 +1,61 @@
3932
1
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
3933
2
<!-- Created with Inkscape (http://www.inkscape.org/) -->
3934
3
3935
4
<svg
3936
5
   xmlns:dc="http://purl.org/dc/elements/1.1/"
3937
6
   xmlns:cc="http://creativecommons.org/ns#"
3938
7
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
3939
8
   xmlns:svg="http://www.w3.org/2000/svg"
3940
9
   xmlns="http://www.w3.org/2000/svg"
3941
10
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
3942
11
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
3943
12
   id="svg2"
3944
13
   version="1.1"
3945
14
   inkscape:version="0.48+devel r12648"
3946
15
   width="90"
3947
16
   height="90"
3948
17
   xml:space="preserve"
3949
18
   sodipodi:docname="dropdown-menu.svg"><metadata
3950
19
     id="metadata8"><rdf:RDF><cc:Work
3951
20
         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
3952
21
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
3953
22
     id="defs6"><clipPath
3954
23
       clipPathUnits="userSpaceOnUse"
3955
24
       id="clipPath16"><path
3956
25
         d="m 0,595.28 841.89,0 L 841.89,0 0,0 0,595.28 Z"
3957
26
         id="path18"
3958
27
         inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
3959
28
     pagecolor="#ffffff"
3960
29
     bordercolor="#666666"
3961
30
     borderopacity="1"
3962
31
     objecttolerance="10"
3963
32
     gridtolerance="10"
3964
33
     guidetolerance="10"
3965
34
     inkscape:pageopacity="0"
3966
35
     inkscape:pageshadow="2"
3967
36
     inkscape:window-width="640"
3968
37
     inkscape:window-height="480"
3969
38
     id="namedview4"
3970
39
     showgrid="false"
3971
40
     fit-margin-top="0"
3972
41
     fit-margin-left="0"
3973
42
     fit-margin-right="0"
3974
43
     fit-margin-bottom="0"
3975
44
     inkscape:zoom="2.4272256"
3976
45
     inkscape:cx="-157.44016"
3977
46
     inkscape:cy="98.291931"
3978
47
     inkscape:current-layer="g10" /><g
3979
48
     id="g10"
3980
49
     inkscape:groupmode="layer"
3981
50
     inkscape:label="chevron"
3982
51
     transform="matrix(1.25,0,0,-1.25,-406.97987,423.35437)"><g
3983
52
       id="g12"
3984
53
       transform="matrix(0,-0.54716981,0.54545455,0,180.52017,492.43318)"><g
3985
54
         id="g14"
3986
55
         clip-path="url(#clipPath16)"><g
3987
56
           id="g20"
3988
57
           transform="translate(358.7529,350.7095)"><path
3989
58
             d="M 0.08234413,-0.04707909 C -3.7872386,6.7930863 -8.1560576,13.837137 -13.025115,21.088072 c -4.866051,7.248937 -10.085977,14.383937 -15.657776,21.400003 -1.493699,1.879947 -2.9884,3.705923 -4.486109,5.485925 l 0,-20.343595 c 3.055567,-4.021746 6.04898,-8.184412 8.972219,-12.50499 3.403428,-5.03018 6.597338,-10.1742961 9.588746,-15.43634617 C -11.61763,-5.5719818 -7.9465387,-12.998818 -5.6007295,-18.026 c -2.3458092,-5.026182 -6.0169005,-12.453019 -9.0073055,-17.715069 -2.991408,-5.26205 -6.185318,-10.406166 -9.588746,-15.435347 -2.923239,-4.321577 -5.916652,-8.484243 -8.972219,-12.505989 l 0,-20.343595 c 1.497709,1.780002 2.99241,3.606978 4.486109,5.485925 5.571799,7.017066 10.791725,14.151066 15.657776,21.400003 4.8690574,7.251934 9.2378764,14.294986 13.10745913,21.135151 C 3.9519268,-29.163756 7.0044862,-23.170116 9.231,-18.026 7.0044862,-12.881884 3.9519268,-6.8882439 0.08234413,-0.04707909"
3990
59
             style="fill:#5D264F;fill-opacity:1;fill-rule:nonzero;stroke:none"
3991
60
             id="path22"
3992
61
             inkscape:connector-curvature="0" /></g></g></g></g></svg>
3993
0
\ No newline at end of file
62
\ No newline at end of file
3994
1
63
3995
=== added file 'library/img/arrow_down_9fa097.png'
3996
2
Binary files library/img/arrow_down_9fa097.png	1970-01-01 00:00:00 +0000 and library/img/arrow_down_9fa097.png	2014-12-02 15:34:17 +0000 differ
64
Binary files library/img/arrow_down_9fa097.png	1970-01-01 00:00:00 +0000 and library/img/arrow_down_9fa097.png	2014-12-02 15:34:17 +0000 differ
3997
=== added file 'library/img/arrow_down_9fa097.svg'
3998
--- library/img/arrow_down_9fa097.svg	1970-01-01 00:00:00 +0000
3999
+++ library/img/arrow_down_9fa097.svg	2014-12-02 15:34:17 +0000
4000
@@ -0,0 +1,61 @@
4001
1
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
4002
2
<!-- Created with Inkscape (http://www.inkscape.org/) -->
4003
3
4004
4
<svg
4005
5
   xmlns:dc="http://purl.org/dc/elements/1.1/"
4006
6
   xmlns:cc="http://creativecommons.org/ns#"
4007
7
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
4008
8
   xmlns:svg="http://www.w3.org/2000/svg"
4009
9
   xmlns="http://www.w3.org/2000/svg"
4010
10
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
4011
11
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
4012
12
   id="svg2"
4013
13
   version="1.1"
4014
14
   inkscape:version="0.48+devel r12648"
4015
15
   width="90"
4016
16
   height="90"
4017
17
   xml:space="preserve"
4018
18
   sodipodi:docname="dropdown-menu.svg"><metadata
4019
19
     id="metadata8"><rdf:RDF><cc:Work
4020
20
         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
4021
21
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
4022
22
     id="defs6"><clipPath
4023
23
       clipPathUnits="userSpaceOnUse"
4024
24
       id="clipPath16"><path
4025
25
         d="m 0,595.28 841.89,0 L 841.89,0 0,0 0,595.28 Z"
4026
26
         id="path18"
4027
27
         inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
4028
28
     pagecolor="#ffffff"
4029
29
     bordercolor="#666666"
4030
30
     borderopacity="1"
4031
31
     objecttolerance="10"
4032
32
     gridtolerance="10"
4033
33
     guidetolerance="10"
4034
34
     inkscape:pageopacity="0"
4035
35
     inkscape:pageshadow="2"
4036
36
     inkscape:window-width="640"
4037
37
     inkscape:window-height="480"
4038
38
     id="namedview4"
4039
39
     showgrid="false"
4040
40
     fit-margin-top="0"
4041
41
     fit-margin-left="0"
4042
42
     fit-margin-right="0"
4043
43
     fit-margin-bottom="0"
4044
44
     inkscape:zoom="2.4272256"
4045
45
     inkscape:cx="-157.44016"
4046
46
     inkscape:cy="98.291931"
4047
47
     inkscape:current-layer="g10" /><g
4048
48
     id="g10"
4049
49
     inkscape:groupmode="layer"
4050
50
     inkscape:label="chevron"
4051
51
     transform="matrix(1.25,0,0,-1.25,-406.97987,423.35437)"><g
4052
52
       id="g12"
4053
53
       transform="matrix(0,-0.54716981,0.54545455,0,180.52017,492.43318)"><g
4054
54
         id="g14"
4055
55
         clip-path="url(#clipPath16)"><g
4056
56
           id="g20"
4057
57
           transform="translate(358.7529,350.7095)"><path
4058
58
             d="M 0.08234413,-0.04707909 C -3.7872386,6.7930863 -8.1560576,13.837137 -13.025115,21.088072 c -4.866051,7.248937 -10.085977,14.383937 -15.657776,21.400003 -1.493699,1.879947 -2.9884,3.705923 -4.486109,5.485925 l 0,-20.343595 c 3.055567,-4.021746 6.04898,-8.184412 8.972219,-12.50499 3.403428,-5.03018 6.597338,-10.1742961 9.588746,-15.43634617 C -11.61763,-5.5719818 -7.9465387,-12.998818 -5.6007295,-18.026 c -2.3458092,-5.026182 -6.0169005,-12.453019 -9.0073055,-17.715069 -2.991408,-5.26205 -6.185318,-10.406166 -9.588746,-15.435347 -2.923239,-4.321577 -5.916652,-8.484243 -8.972219,-12.505989 l 0,-20.343595 c 1.497709,1.780002 2.99241,3.606978 4.486109,5.485925 5.571799,7.017066 10.791725,14.151066 15.657776,21.400003 4.8690574,7.251934 9.2378764,14.294986 13.10745913,21.135151 C 3.9519268,-29.163756 7.0044862,-23.170116 9.231,-18.026 7.0044862,-12.881884 3.9519268,-6.8882439 0.08234413,-0.04707909"
4059
59
             style="fill:#9fa097;fill-opacity:1;fill-rule:nonzero;stroke:none"
4060
60
             id="path22"
4061
61
             inkscape:connector-curvature="0" /></g></g></g></g></svg>
4062
0
\ No newline at end of file
62
\ No newline at end of file
4063
1
63
4064
=== added file 'library/img/arrow_up.svg'
4065
--- library/img/arrow_up.svg	1970-01-01 00:00:00 +0000
4066
+++ library/img/arrow_up.svg	2014-12-02 15:34:17 +0000
4067
@@ -0,0 +1,34 @@
4068
1
<?xml version="1.0" encoding="utf-8"?>
4069
2
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
4070
3
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4071
4
<svg version="1.1"
4072
5
	 id="svg2" sodipodi:docname="dropdown-menu.svg" inkscape:version="0.48+devel r12648" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
4073
6
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px"
4074
7
	 viewBox="0 0 90 90" enable-background="new 0 0 90 90" xml:space="preserve">
4075
8
<sodipodi:namedview  id="namedview4" borderopacity="1" bordercolor="#666666" pagecolor="#ffffff" guidetolerance="10" objecttolerance="10" gridtolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" fit-margin-top="0" inkscape:window-width="640" inkscape:window-height="480" inkscape:cx="-157.44016" showgrid="false" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:zoom="2.4272256" inkscape:cy="98.291931" inkscape:current-layer="g10">
4076
9
	</sodipodi:namedview>
4077
10
<sodipodi:namedview  id="namedview4" borderopacity="1" bordercolor="#666666" pagecolor="#ffffff" guidetolerance="10" objecttolerance="10" gridtolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" fit-margin-top="0" inkscape:window-width="640" inkscape:window-height="480" inkscape:cx="-157.44016" showgrid="false" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:zoom="2.4272256" inkscape:cy="98.291931" inkscape:current-layer="g10">
4078
11
	</sodipodi:namedview>
4079
12
<g id="g10_1_" transform="matrix(1.25,0,0,-1.25,-406.97987,423.35437)" inkscape:groupmode="layer" inkscape:label="chevron">
4080
13
	<g id="g12_1_" transform="matrix(0,-0.54716981,0.54545455,0,180.52017,492.43318)">
4081
14
		<g>
4082
15
			<defs>
4083
16
				<rect id="SVGID_1_" x="69.475" y="81.283" width="405.873" height="575.821"/>
4084
17
			</defs>
4085
18
			<clipPath id="SVGID_2_">
4086
19
				<use xlink:href="#SVGID_1_"  overflow="visible"/>
4087
20
			</clipPath>
4088
21
			<g id="g14_1_" clip-path="url(#SVGID_2_)">
4089
22
				<g id="g20_1_" transform="translate(358.7529,350.7095)">
4090
23
					<path id="path22_1_" inkscape:connector-curvature="0" fill="#5D264F" d="M-24.231-34.538
4091
24
						c3.869-6.841,8.238-13.885,13.107-21.135c4.866-7.25,10.086-14.386,15.657-21.401c1.493-1.879,2.988-3.707,4.486-5.486v20.344
4092
25
						c-3.055,4.022-6.048,8.184-8.972,12.504c-3.404,5.03-6.596,10.175-9.589,15.437c-2.99,5.261-6.662,12.687-9.007,17.715
4093
26
						c2.344,5.026,6.017,12.452,9.007,17.715c2.993,5.262,6.185,10.407,9.589,15.436c2.924,4.321,5.917,8.483,8.972,12.505V49.44
4094
27
						c-1.498-1.78-2.993-3.607-4.486-5.486c-5.571-7.018-10.791-14.151-15.657-21.401c-4.869-7.25-9.238-14.294-13.107-21.135
4095
28
						C-28.1-5.422-31.153-11.415-33.38-16.56C-31.153-21.704-28.1-27.697-24.231-34.538"/>
4096
29
				</g>
4097
30
			</g>
4098
31
		</g>
4099
32
	</g>
4100
33
</g>
4101
34
</svg>
4102
0
35
4103
=== added file 'library/img/arrow_up_9fa097.png'
4104
1
Binary files library/img/arrow_up_9fa097.png	1970-01-01 00:00:00 +0000 and library/img/arrow_up_9fa097.png	2014-12-02 15:34:17 +0000 differ
36
Binary files library/img/arrow_up_9fa097.png	1970-01-01 00:00:00 +0000 and library/img/arrow_up_9fa097.png	2014-12-02 15:34:17 +0000 differ
4105
=== added file 'library/img/arrow_up_9fa097.svg'
4106
--- library/img/arrow_up_9fa097.svg	1970-01-01 00:00:00 +0000
4107
+++ library/img/arrow_up_9fa097.svg	2014-12-02 15:34:17 +0000
4108
@@ -0,0 +1,34 @@
4109
1
<?xml version="1.0" encoding="utf-8"?>
4110
2
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
4111
3
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4112
4
<svg version="1.1"
4113
5
	 id="svg2" sodipodi:docname="dropdown-menu.svg" inkscape:version="0.48+devel r12648" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
4114
6
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px"
4115
7
	 viewBox="0 0 90 90" enable-background="new 0 0 90 90" xml:space="preserve">
4116
8
<sodipodi:namedview  id="namedview4" borderopacity="1" bordercolor="#666666" pagecolor="#ffffff" guidetolerance="10" objecttolerance="10" gridtolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" fit-margin-top="0" inkscape:window-width="640" inkscape:window-height="480" inkscape:cx="-157.44016" showgrid="false" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:zoom="2.4272256" inkscape:cy="98.291931" inkscape:current-layer="g10">
4117
9
	</sodipodi:namedview>
4118
10
<sodipodi:namedview  id="namedview4" borderopacity="1" bordercolor="#666666" pagecolor="#ffffff" guidetolerance="10" objecttolerance="10" gridtolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" fit-margin-top="0" inkscape:window-width="640" inkscape:window-height="480" inkscape:cx="-157.44016" showgrid="false" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:zoom="2.4272256" inkscape:cy="98.291931" inkscape:current-layer="g10">
4119
11
	</sodipodi:namedview>
4120
12
<g id="g10_1_" transform="matrix(1.25,0,0,-1.25,-406.97987,423.35437)" inkscape:groupmode="layer" inkscape:label="chevron">
4121
13
	<g id="g12_1_" transform="matrix(0,-0.54716981,0.54545455,0,180.52017,492.43318)">
4122
14
		<g>
4123
15
			<defs>
4124
16
				<rect id="SVGID_1_" x="69.475" y="81.283" width="405.873" height="575.821"/>
4125
17
			</defs>
4126
18
			<clipPath id="SVGID_2_">
4127
19
				<use xlink:href="#SVGID_1_"  overflow="visible"/>
4128
20
			</clipPath>
4129
21
			<g id="g14_1_" clip-path="url(#SVGID_2_)">
4130
22
				<g id="g20_1_" transform="translate(358.7529,350.7095)">
4131
23
					<path id="path22_1_" inkscape:connector-curvature="0" fill="#9fa097" d="M-24.231-34.538
4132
24
						c3.869-6.841,8.238-13.885,13.107-21.135c4.866-7.25,10.086-14.386,15.657-21.401c1.493-1.879,2.988-3.707,4.486-5.486v20.344
4133
25
						c-3.055,4.022-6.048,8.184-8.972,12.504c-3.404,5.03-6.596,10.175-9.589,15.437c-2.99,5.261-6.662,12.687-9.007,17.715
4134
26
						c2.344,5.026,6.017,12.452,9.007,17.715c2.993,5.262,6.185,10.407,9.589,15.436c2.924,4.321,5.917,8.483,8.972,12.505V49.44
4135
27
						c-1.498-1.78-2.993-3.607-4.486-5.486c-5.571-7.018-10.791-14.151-15.657-21.401c-4.869-7.25-9.238-14.294-13.107-21.135
4136
28
						C-28.1-5.422-31.153-11.415-33.38-16.56C-31.153-21.704-28.1-27.697-24.231-34.538"/>
4137
29
				</g>
4138
30
			</g>
4139
31
		</g>
4140
32
	</g>
4141
33
</g>
4142
34
</svg>
4143
0
35
4144
=== added file 'library/img/close.png'
4145
1
Binary files library/img/close.png	1970-01-01 00:00:00 +0000 and library/img/close.png	2014-12-02 15:34:17 +0000 differ
36
Binary files library/img/close.png	1970-01-01 00:00:00 +0000 and library/img/close.png	2014-12-02 15:34:17 +0000 differ
4146
=== added file 'library/img/close.svg'
4147
--- library/img/close.svg	1970-01-01 00:00:00 +0000
4148
+++ library/img/close.svg	2014-12-02 15:34:17 +0000
4149
@@ -0,0 +1,21 @@
4150
1
<?xml version="1.0" encoding="utf-8"?>
4151
2
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
4152
3
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4153
4
<svg version="1.1"
4154
5
	 id="svg3747" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" sodipodi:docname="close@30.svg" inkscape:version="0.48.3.1 r9886"
4155
6
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px"
4156
7
	 viewBox="0 0 90 90" enable-background="new 0 0 90 90" xml:space="preserve">
4157
8
<sodipodi:namedview  fit-margin-left="0" fit-margin-top="0" showgrid="true" inkscape:cy="43.24527" inkscape:cx="26.149528" inkscape:zoom="7.9580785" borderopacity="1.0" bordercolor="#666666" pagecolor="#ffffff" id="base" inkscape:window-maximized="1" inkscape:window-y="24" inkscape:window-x="0" inkscape:window-height="1029" inkscape:window-width="1920" fit-margin-bottom="0" inkscape:current-layer="g4171" fit-margin-right="0" inkscape:document-units="px" inkscape:pageshadow="2" inkscape:pageopacity="0.0">
4158
9
	
4159
10
		<inkscape:grid  originy="-4.7900391e-05px" originx="0px" enabled="true" visible="true" empspacing="6" id="grid3007" type="xygrid" snapvisiblegridlinesonly="true">
4160
11
		</inkscape:grid>
4161
12
</sodipodi:namedview>
4162
13
<g id="layer1" transform="translate(-144,-962.36215)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4163
14
	<g id="g4171" transform="translate(-198,611)">
4164
15
		<rect id="rect4198" x="342" y="351.362" fill="none" width="90" height="90"/>
4165
16
		<path id="rect3978" sodipodi:nodetypes="ccccccccccccc" inkscape:connector-curvature="0" fill="#808080" d="M356.517,357.362
4166
17
			L348,365.879l30.483,30.483L348,426.844l8.517,8.518L387,404.88l30.482,30.482l8.518-8.518l-30.482-30.482L426,365.879
4167
18
			l-8.518-8.517L387,387.845L356.517,357.362z"/>
4168
19
	</g>
4169
20
</g>
4170
21
</svg>
4171
0
22
4172
=== modified file 'library/img/error404-hero-full-canonical.png' (properties changed: -x to +x)
4173
=== added file 'library/img/external-link.png'
4174
1
Binary files library/img/external-link.png	1970-01-01 00:00:00 +0000 and library/img/external-link.png	2014-12-02 15:34:17 +0000 differ
23
Binary files library/img/external-link.png	1970-01-01 00:00:00 +0000 and library/img/external-link.png	2014-12-02 15:34:17 +0000 differ
4175
=== added file 'library/img/external-link.svg'
4176
--- library/img/external-link.svg	1970-01-01 00:00:00 +0000
4177
+++ library/img/external-link.svg	2014-12-02 15:34:17 +0000
4178
@@ -0,0 +1,134 @@
4179
1
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
4180
2
<!-- Created with Inkscape (http://www.inkscape.org/) -->
4181
3
4182
4
<svg
4183
5
   xmlns:dc="http://purl.org/dc/elements/1.1/"
4184
6
   xmlns:cc="http://creativecommons.org/ns#"
4185
7
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
4186
8
   xmlns:svg="http://www.w3.org/2000/svg"
4187
9
   xmlns="http://www.w3.org/2000/svg"
4188
10
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
4189
11
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
4190
12
   width="90"
4191
13
   height="90"
4192
14
   id="svg3140"
4193
15
   version="1.1"
4194
16
   inkscape:version="0.48+devel r12585"
4195
17
   sodipodi:docname="external-link.svg">
4196
18
  <defs
4197
19
     id="defs3142" />
4198
20
  <sodipodi:namedview
4199
21
     id="base"
4200
22
     pagecolor="#ffffff"
4201
23
     bordercolor="#666666"
4202
24
     borderopacity="1.0"
4203
25
     inkscape:pageopacity="0.0"
4204
26
     inkscape:pageshadow="2"
4205
27
     inkscape:zoom="2.6077032"
4206
28
     inkscape:cx="40.342015"
4207
29
     inkscape:cy="41.108902"
4208
30
     inkscape:document-units="px"
4209
31
     inkscape:current-layer="g4978"
4210
32
     showgrid="true"
4211
33
     inkscape:window-width="1920"
4212
34
     inkscape:window-height="1029"
4213
35
     inkscape:window-x="0"
4214
36
     inkscape:window-y="24"
4215
37
     inkscape:window-maximized="1"
4216
38
     fit-margin-top="0"
4217
39
     fit-margin-left="0"
4218
40
     fit-margin-right="0"
4219
41
     fit-margin-bottom="0"
4220
42
     showguides="false"
4221
43
     inkscape:snap-global="true"
4222
44
     inkscape:snap-bbox="true"
4223
45
     inkscape:bbox-paths="true"
4224
46
     inkscape:bbox-nodes="true"
4225
47
     inkscape:snap-bbox-edge-midpoints="true"
4226
48
     inkscape:snap-bbox-midpoints="true"
4227
49
     inkscape:snap-intersection-paths="true"
4228
50
     inkscape:object-nodes="true"
4229
51
     inkscape:snap-smooth-nodes="true"
4230
52
     inkscape:snap-midpoints="true"
4231
53
     inkscape:object-paths="true"
4232
54
     inkscape:snap-object-midpoints="true"
4233
55
     inkscape:snap-center="true">
4234
56
    <inkscape:grid
4235
57
       type="xygrid"
4236
58
       id="grid3178"
4237
59
       empspacing="6"
4238
60
       visible="true"
4239
61
       enabled="true"
4240
62
       snapvisiblegridlinesonly="true"
4241
63
       originx="0px"
4242
64
       originy="-1.7382813e-05px" />
4243
65
  </sodipodi:namedview>
4244
66
  <metadata
4245
67
     id="metadata3145">
4246
68
    <rdf:RDF>
4247
69
      <cc:Work
4248
70
         rdf:about="">
4249
71
        <dc:format>image/svg+xml</dc:format>
4250
72
        <dc:type
4251
73
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
4252
74
        <dc:title></dc:title>
4253
75
      </cc:Work>
4254
76
    </rdf:RDF>
4255
77
  </metadata>
4256
78
  <g
4257
79
     inkscape:label="Layer 1"
4258
80
     inkscape:groupmode="layer"
4259
81
     id="layer1"
4260
82
     transform="translate(0,-962.36218)">
4261
83
    <rect
4262
84
       style="color:#000000;fill:none;stroke:none;stroke-width:7.5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
4263
85
       id="rect4198"
4264
86
       width="90"
4265
87
       height="90"
4266
88
       x="0"
4267
89
       y="962.36218" />
4268
90
    <g
4269
91
       id="g4978"
4270
92
       transform="translate(-60,548.00002)">
4271
93
      <path
4272
94
         style="fill:#808080;fill-opacity:1"
4273
95
         d="M 33 13.011719 C 8.9936146 13.041401 6 13.746598 6 31 L 6 67 C 6 85 9 85 36 85 L 48 85 C 75 85 78 85 78 67 L 78 58 L 69 58 L 69 64 C 69 76 69 76 45 76 L 39 76 C 15 76 15 76 15 64 L 15 34 C 15 23.136095 15.191578 22.114954 33 22.017578 L 33 13.011719 z "
4274
96
         transform="translate(60,414.36216)"
4275
97
         id="path3759" />
4276
98
      <rect
4277
99
         style="color:#000000;fill:none;stroke:none;stroke-width:6;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
4278
100
         id="rect3045"
4279
101
         width="90"
4280
102
         height="90"
4281
103
         x="0"
4282
104
         y="1.7382814e-05"
4283
105
         transform="translate(60,414.36216)" />
4284
106
      <path
4285
107
         sodipodi:type="star"
4286
108
         style="color:#000000;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
4287
109
         id="path4984-3"
4288
110
         sodipodi:sides="3"
4289
111
         sodipodi:cx="111"
4290
112
         sodipodi:cy="174.09448"
4291
113
         sodipodi:r1="5.8309517"
4292
114
         sodipodi:r2="2.9154758"
4293
115
         sodipodi:arg1="1.0471976"
4294
116
         sodipodi:arg2="2.0943951"
4295
117
         inkscape:flatsided="true"
4296
118
         inkscape:rounded="0.06"
4297
119
         inkscape:randomized="0"
4298
120
         d="m 113.91548,179.14423 c -0.52479,0.30299 -8.74643,-4.44378 -8.74643,-5.04975 0,-0.60597 8.22164,-5.35273 8.74643,-5.04975 0.52478,0.30299 0.52478,9.79652 0,10.0995 z"
4299
121
         transform="matrix(-2.9934635,2.9934635,-3.1108986,-3.1108989,1000.1718,648.37103)"
4300
122
         inkscape:transform-center-y="5.2240217"
4301
123
         inkscape:transform-center-x="5.2240132"
4302
124
         xml:space="default" />
4303
125
      <path
4304
126
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#808080;fill-opacity:1;stroke:none;stroke-width:9;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
4305
127
         d="m 116.42642,438.99503 -24.340002,24.33999 9.940732,9.94073 24.34,-24.34 z"
4306
128
         id="path3789"
4307
129
         inkscape:connector-curvature="0"
4308
130
         xml:space="default"
4309
131
         sodipodi:nodetypes="ccccc" />
4310
132
    </g>
4311
133
  </g>
4312
134
</svg>
4313
0
135
4314
=== modified file 'library/img/footer_logo.png' (properties changed: -x to +x)
4315
=== added file 'library/img/icon-accordion-active.png'
4316
1
Binary files library/img/icon-accordion-active.png	1970-01-01 00:00:00 +0000 and library/img/icon-accordion-active.png	2014-12-02 15:34:17 +0000 differ
136
Binary files library/img/icon-accordion-active.png	1970-01-01 00:00:00 +0000 and library/img/icon-accordion-active.png	2014-12-02 15:34:17 +0000 differ
4317
=== added file 'library/img/icon-accordion-inactive.png'
4318
2
Binary files library/img/icon-accordion-inactive.png	1970-01-01 00:00:00 +0000 and library/img/icon-accordion-inactive.png	2014-12-02 15:34:17 +0000 differ
137
Binary files library/img/icon-accordion-inactive.png	1970-01-01 00:00:00 +0000 and library/img/icon-accordion-inactive.png	2014-12-02 15:34:17 +0000 differ
4319
=== modified file 'library/img/icon-search.png' (properties changed: -x to +x)
4320
=== added directory 'library/img/icons'
4321
=== added file 'library/img/icons/icon-social-author.png'
4322
3
Binary files library/img/icons/icon-social-author.png	1970-01-01 00:00:00 +0000 and library/img/icons/icon-social-author.png	2014-12-02 15:34:17 +0000 differ
138
Binary files library/img/icons/icon-social-author.png	1970-01-01 00:00:00 +0000 and library/img/icons/icon-social-author.png	2014-12-02 15:34:17 +0000 differ
4323
=== added file 'library/img/icons/icon-social-author.svg'
4324
--- library/img/icons/icon-social-author.svg	1970-01-01 00:00:00 +0000
4325
+++ library/img/icons/icon-social-author.svg	2014-12-02 15:34:17 +0000
4326
@@ -0,0 +1,112 @@
4327
1
<?xml version="1.0" encoding="utf-8"?>
4328
2
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
4329
3
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4330
4
<svg version="1.1"
4331
5
	 id="svg5918" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" sodipodi:docname="twitter_64.svg" inkscape:version="0.91pre2 r"
4332
6
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="144.175px"
4333
7
	 height="48.105px" viewBox="0 -0.094 144.175 48.105" enable-background="new 0 -0.094 144.175 48.105" xml:space="preserve">
4334
8
<path id="path5832_1_" inkscape:connector-curvature="0" fill="#AEA79F" d="M11.998,0C5.372,0,0,5.372,0,11.998l0,0
4335
9
	c0,6.625,5.372,11.997,11.998,11.997l0,0c6.625,0,11.997-5.372,11.997-11.997l0,0C23.995,5.372,18.624,0,11.998,0L11.998,0z"/>
4336
10
<sodipodi:namedview  id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:zoom="0.35" inkscape:cx="-593" inkscape:cy="-26.57143" showgrid="false" fit-margin-top="0" fit-margin-left="0" inkscape:document-units="px" fit-margin-bottom="0" fit-margin-right="0" inkscape:current-layer="layer1" inkscape:pageopacity="0.0" inkscape:pageshadow="2">
4337
11
	</sodipodi:namedview>
4338
12
<g id="layer1" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4339
13
	<path id="path5750" inkscape:connector-curvature="0" fill="#AEA79F" d="M313.772,460.284c-6.63,0-12.006,5.375-12.006,12.006
4340
14
		c0,6.63,5.375,12.006,12.006,12.006s12.006-5.375,12.006-12.006C325.778,465.659,320.403,460.284,313.772,460.284z"/>
4341
15
	<path id="path5679-3" sodipodi:nodetypes="sccccccccscccccs" inkscape:connector-curvature="0" fill="#FFFFFF" d="M315.509,466.262
4342
16
		c-1.124,0.347-2.205,1.89-1.866,3.636c-3.729-0.228-5.376-2.261-6.366-3.233c-1.01,1.812,0.025,3.574,0.93,4.144
4343
17
		c-0.478,0.027-1.055-0.183-1.341-0.365c-0.108,1.672,1.231,2.831,2.371,3.131c-0.364,0.11-0.708,0.125-1.294,0.037
4344
18
		c0.499,1.681,1.843,2.131,2.843,2.206c-1.288,1.136-2.834,1.384-4.515,1.301c4.359,2.713,8.762,1.043,10.904-1.084
4345
19
		c1.799-1.788,2.604-4.465,2.631-6.86c0.413-0.341,1.245-1.062,1.471-1.627c-0.328,0.128-0.979,0.435-1.656,0.462
4346
20
		c0.558-0.373,1.198-1.118,1.266-1.702c-0.619,0.343-1.334,0.64-1.947,0.734C317.784,465.905,316.659,465.906,315.509,466.262z"/>
4347
21
</g>
4348
22
<g id="layer1_1_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4349
23
	<path id="path5803" inkscape:connector-curvature="0" fill="#AEA79F" d="M337.809,460.268c-6.63,0-12.006,5.375-12.006,12.006l0,0
4350
24
		c0,6.63,5.376,12.006,12.006,12.006l0,0c6.631,0,12.006-5.375,12.006-12.006l0,0C349.815,465.643,344.441,460.268,337.809,460.268
4351
25
		L337.809,460.268z"/>
4352
26
	<path id="path5709-9" inkscape:connector-curvature="0" fill="#FFFFFF" d="M337.295,464.395c-1.083,0-2.646,0.262-3.789,1.227
4353
27
		c-0.861,0.762-1.283,1.811-1.283,2.755c0,1.603,1.204,3.228,3.328,3.228c0.2,0,0.419-0.022,0.641-0.043
4354
28
		c-0.1,0.248-0.198,0.453-0.198,0.802c0,0.637,0.318,1.027,0.6,1.396c-0.903,0.064-2.588,0.166-3.83,0.947
4355
29
		c-1.183,0.72-1.542,1.767-1.542,2.506c0,1.521,1.402,2.938,4.31,2.938c3.448,0,5.271-1.951,5.271-3.883
4356
30
		c0-1.419-0.801-2.117-1.683-2.877l-0.723-0.573c-0.22-0.187-0.521-0.434-0.521-0.884c0-0.453,0.3-0.742,0.562-1.008
4357
31
		c0.841-0.677,1.683-1.398,1.683-2.918c0-1.562-0.961-2.384-1.421-2.774h1.243l1.305-0.839H337.295z M335.833,465.173
4358
32
		c1.663,0,2.524,2.299,2.524,3.78c0,0.37-0.04,1.027-0.5,1.501c-0.323,0.329-0.863,0.573-1.364,0.573
4359
33
		c-1.725,0-2.506-2.28-2.506-3.656c0-0.535,0.1-1.089,0.441-1.521C334.749,465.438,335.311,465.173,335.833,465.173L335.833,465.173
4360
34
		z M343.805,469.36v1.942h-1.898v0.972h1.898v1.956h0.938v-1.956h1.906v-0.972h-1.906v-1.942H343.805z M336.814,474.338
4361
35
		c0.201,0,0.3-0.001,0.46,0.02c1.524,1.11,2.188,1.663,2.188,2.714c0,1.273-1.022,2.22-2.947,2.22c-2.145,0-3.529-1.049-3.529-2.508
4362
36
		s1.284-1.953,1.725-2.116C335.552,474.377,336.634,474.338,336.814,474.338z"/>
4363
37
</g>
4364
38
<g id="layer1_2_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4365
39
	<path id="path5775" inkscape:connector-curvature="0" fill="#AEA79F" d="M361.831,460.3c-6.631,0-12.006,5.375-12.006,12.006l0,0
4366
40
		c0,6.63,5.375,12.006,12.006,12.006l0,0c6.631,0,12.006-5.375,12.006-12.006l0,0C373.837,465.675,368.463,460.3,361.831,460.3
4367
41
		L361.831,460.3z"/>
4368
42
	<path id="rect5792" inkscape:connector-curvature="0" fill="#FFFFFF" d="M367.12,467.805c-2.192,0-3.692,1.338-3.692,3.794v1.925
4369
43
		h-2.479v2.871h2.479v7.797c1.017-0.134,2.013-0.398,2.963-0.785v-7.012h2.473l0.369-2.871h-2.842v-1.639
4370
44
		c0-0.832,0.268-1.686,1.425-1.4h1.519v-2.568C369.072,467.882,368.169,467.805,367.12,467.805z"/>
4371
45
</g>
4372
46
<g id="layer1_3_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4373
47
	<path id="path5832" inkscape:connector-curvature="0" fill="#AEA79F" d="M289.751,460.362c-6.63,0-12.006,5.375-12.006,12.006l0,0
4374
48
		c0,6.63,5.375,12.006,12.006,12.006l0,0c6.63,0,12.006-5.375,12.006-12.006l0,0C301.757,465.737,296.382,460.362,289.751,460.362
4375
49
		L289.751,460.362z"/>
4376
50
	<path id="path4237-1" sodipodi:nodetypes="sssssssssccccccc" inkscape:connector-curvature="0" fill="#FFFFFF" d="M285.249,467.491
4377
51
		c-1.501,0-2.251,0-2.251,1.744v6.077c0,1.746,0.75,1.746,2.251,1.746h9.004c1.501,0,2.251,0,2.251-1.746v-6.077
4378
52
		c0-1.744-0.75-1.744-2.251-1.744H285.249z M284.313,468.523l5.444,3.159l5.445-3.159l0.396,0.648l-5.84,4.141l-5.841-4.141
4379
53
		L284.313,468.523z"/>
4380
54
</g>
4381
55
<text transform="matrix(1 0 0 1 5.1045 17.3184)" fill="#FFFFFF" font-family="'Ubuntu-Medium'" font-size="16.8436">lp</text>
4382
56
<path fill="#AEA79F" d="M132.169,19.572c-4.222,0-7.645-3.422-7.645-7.645c0-4.222,3.422-7.645,7.645-7.645
4383
57
	c4.223,0,7.645,3.422,7.645,7.645C139.814,16.151,136.392,19.572,132.169,19.572z M144.175,11.928
4384
58
	c0,6.63-5.375,12.006-12.006,12.006c-6.63,0-12.006-5.375-12.006-12.006c0-6.631,5.375-12.006,12.006-12.006
4385
59
	C138.8-0.078,144.175,5.296,144.175,11.928z M132.169,2.842c-5.018,0-9.085,4.068-9.085,9.085c0,5.018,4.067,9.085,9.085,9.085
4386
60
	s9.086-4.067,9.086-9.085C141.255,6.911,137.187,2.842,132.169,2.842z"/>
4387
61
<path id="path5832_5_" inkscape:connector-curvature="0" fill="#DD4813" d="M11.998,24C5.372,24,0,29.372,0,35.998l0,0
4388
62
	c0,6.625,5.372,11.997,11.998,11.997l0,0c6.625,0,11.997-5.372,11.997-11.997l0,0C23.995,29.372,18.624,24,11.998,24L11.998,24z"/>
4389
63
<g id="layer1_11_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4390
64
	<path id="path5750_2_" inkscape:connector-curvature="0" fill="#DD4813" d="M313.772,484.284c-6.63,0-12.006,5.375-12.006,12.006
4391
65
		c0,6.63,5.375,12.006,12.006,12.006s12.006-5.375,12.006-12.006C325.778,489.659,320.403,484.284,313.772,484.284z"/>
4392
66
	<path id="path5679-3_2_" sodipodi:nodetypes="sccccccccscccccs" inkscape:connector-curvature="0" fill="#FFFFFF" d="
4393
67
		M315.509,490.262c-1.124,0.347-2.205,1.89-1.866,3.636c-3.729-0.228-5.376-2.261-6.366-3.233c-1.01,1.812,0.025,3.574,0.93,4.144
4394
68
		c-0.478,0.027-1.055-0.183-1.341-0.365c-0.108,1.672,1.231,2.831,2.371,3.131c-0.364,0.11-0.708,0.125-1.294,0.037
4395
69
		c0.499,1.681,1.843,2.131,2.843,2.206c-1.288,1.136-2.834,1.384-4.515,1.301c4.359,2.713,8.762,1.043,10.904-1.084
4396
70
		c1.799-1.788,2.604-4.465,2.631-6.86c0.413-0.341,1.245-1.062,1.471-1.627c-0.328,0.128-0.979,0.435-1.656,0.462
4397
71
		c0.558-0.373,1.198-1.118,1.266-1.702c-0.619,0.343-1.334,0.64-1.947,0.734C317.784,489.905,316.659,489.906,315.509,490.262z"/>
4398
72
</g>
4399
73
<g id="layer1_10_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4400
74
	<path id="path5803_2_" inkscape:connector-curvature="0" fill="#DD4813" d="M337.809,484.268c-6.63,0-12.006,5.375-12.006,12.006
4401
75
		l0,0c0,6.63,5.376,12.006,12.006,12.006l0,0c6.631,0,12.006-5.375,12.006-12.006l0,0
4402
76
		C349.815,489.643,344.441,484.268,337.809,484.268L337.809,484.268z"/>
4403
77
	<path id="path5709-9_2_" inkscape:connector-curvature="0" fill="#FFFFFF" d="M337.295,488.395c-1.083,0-2.646,0.262-3.789,1.227
4404
78
		c-0.861,0.762-1.283,1.811-1.283,2.755c0,1.603,1.204,3.228,3.328,3.228c0.2,0,0.419-0.022,0.641-0.043
4405
79
		c-0.1,0.248-0.198,0.453-0.198,0.802c0,0.637,0.318,1.027,0.6,1.396c-0.903,0.064-2.588,0.166-3.83,0.947
4406
80
		c-1.183,0.72-1.542,1.767-1.542,2.506c0,1.521,1.402,2.938,4.31,2.938c3.448,0,5.271-1.951,5.271-3.883
4407
81
		c0-1.419-0.801-2.117-1.683-2.877l-0.723-0.573c-0.22-0.187-0.521-0.434-0.521-0.884c0-0.453,0.3-0.742,0.562-1.008
4408
82
		c0.841-0.677,1.683-1.398,1.683-2.918c0-1.562-0.961-2.384-1.421-2.774h1.243l1.305-0.839H337.295z M335.833,489.173
4409
83
		c1.663,0,2.524,2.299,2.524,3.78c0,0.37-0.04,1.027-0.5,1.501c-0.323,0.329-0.863,0.573-1.364,0.573
4410
84
		c-1.725,0-2.506-2.28-2.506-3.656c0-0.535,0.1-1.089,0.441-1.521C334.749,489.438,335.311,489.173,335.833,489.173L335.833,489.173
4411
85
		z M343.805,493.36v1.942h-1.898v0.972h1.898v1.956h0.938v-1.956h1.906v-0.972h-1.906v-1.942H343.805z M336.814,498.338
4412
86
		c0.201,0,0.3-0.001,0.46,0.02c1.524,1.11,2.188,1.663,2.188,2.714c0,1.273-1.022,2.22-2.947,2.22c-2.145,0-3.529-1.049-3.529-2.508
4413
87
		s1.284-1.953,1.725-2.116C335.552,498.377,336.634,498.338,336.814,498.338z"/>
4414
88
</g>
4415
89
<g id="layer1_9_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4416
90
	<path id="path5775_2_" inkscape:connector-curvature="0" fill="#DD4813" d="M361.831,484.3c-6.631,0-12.006,5.375-12.006,12.006
4417
91
		l0,0c0,6.63,5.375,12.005,12.006,12.005l0,0c6.631,0,12.006-5.375,12.006-12.005l0,0C373.837,489.675,368.463,484.3,361.831,484.3
4418
92
		L361.831,484.3z"/>
4419
93
	<path id="rect5792_2_" inkscape:connector-curvature="0" fill="#FFFFFF" d="M367.12,491.805c-2.192,0-3.692,1.338-3.692,3.794
4420
94
		v1.925h-2.479v2.871h2.479v7.797c1.017-0.134,2.013-0.397,2.963-0.785v-7.012h2.473l0.369-2.871h-2.842v-1.639
4421
95
		c0-0.832,0.268-1.686,1.425-1.4h1.519v-2.568C369.072,491.882,368.169,491.805,367.12,491.805z"/>
4422
96
</g>
4423
97
<g id="layer1_8_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4424
98
	<path id="path5832_4_" inkscape:connector-curvature="0" fill="#DD4813" d="M289.751,484.362c-6.63,0-12.006,5.375-12.006,12.006
4425
99
		l0,0c0,6.63,5.375,12.006,12.006,12.006l0,0c6.63,0,12.006-5.375,12.006-12.006l0,0
4426
100
		C301.757,489.737,296.382,484.362,289.751,484.362L289.751,484.362z"/>
4427
101
	<path id="path4237-1_2_" sodipodi:nodetypes="sssssssssccccccc" inkscape:connector-curvature="0" fill="#FFFFFF" d="
4428
102
		M285.249,491.491c-1.501,0-2.251,0-2.251,1.744v6.077c0,1.746,0.75,1.746,2.251,1.746h9.004c1.501,0,2.251,0,2.251-1.746v-6.077
4429
103
		c0-1.744-0.75-1.744-2.251-1.744H285.249z M284.313,492.523l5.444,3.159l5.445-3.159l0.396,0.648l-5.84,4.141l-5.841-4.141
4430
104
		L284.313,492.523z"/>
4431
105
</g>
4432
106
<text transform="matrix(1 0 0 1 5.1045 41.3184)" fill="#FFFFFF" font-family="'Ubuntu-Medium'" font-size="16.8436">lp</text>
4433
107
<path fill="#DD4813" d="M132.169,43.572c-4.222,0-7.645-3.422-7.645-7.645c0-4.222,3.422-7.645,7.645-7.645
4434
108
	c4.223,0,7.645,3.422,7.645,7.645C139.814,40.151,136.392,43.572,132.169,43.572z M144.175,35.928
4435
109
	c0,6.63-5.375,12.006-12.006,12.006c-6.63,0-12.006-5.375-12.006-12.006c0-6.631,5.375-12.006,12.006-12.006
4436
110
	C138.8,23.922,144.175,29.296,144.175,35.928z M132.169,26.842c-5.018,0-9.085,4.068-9.085,9.085c0,5.018,4.067,9.085,9.085,9.085
4437
111
	s9.086-4.067,9.086-9.085C141.255,30.911,137.187,26.842,132.169,26.842z"/>
4438
112
</svg>
4439
0
113
4440
=== added file 'library/img/icons/icon-social.png'
4441
1
Binary files library/img/icons/icon-social.png	1970-01-01 00:00:00 +0000 and library/img/icons/icon-social.png	2014-12-02 15:34:17 +0000 differ
114
Binary files library/img/icons/icon-social.png	1970-01-01 00:00:00 +0000 and library/img/icons/icon-social.png	2014-12-02 15:34:17 +0000 differ
4442
=== added file 'library/img/icons/icon-social.svg'
4443
--- library/img/icons/icon-social.svg	1970-01-01 00:00:00 +0000
4444
+++ library/img/icons/icon-social.svg	2014-12-02 15:34:17 +0000
4445
@@ -0,0 +1,76 @@
4446
1
<?xml version="1.0" encoding="utf-8"?>
4447
2
<!-- Generator: Adobe Illustrator 17.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
4448
3
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4449
4
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4450
5
	 width="179px" height="89px" viewBox="0 0 179 89" enable-background="new 0 0 179 89" xml:space="preserve">
4451
6
<g id="icon-social-google">
4452
7
	<path fill="#AEA79F" d="M47.446,11.84c-0.009,0.244-0.015,0.487-0.015,0.73c0,4.31,2.264,10.686,7.78,10.686
4453
8
		c1.602,0,3.246-0.406,4.301-1.609c1.203-1.379,1.675-3.194,1.675-4.122c0-4.634-2.687-11.843-8.007-11.843
4454
9
		c-0.367,0-0.74,0.047-1.11,0.124C50.2,7.526,48.632,9.567,47.446,11.84z"/>
4455
10
	<path fill="#AEA79F" d="M80.938,5.013v6.626h5.429C85.002,9.089,83.153,6.838,80.938,5.013z"/>
4456
11
	<path fill="#AEA79F" d="M57.492,34.453c-0.511-0.066-0.832-0.067-1.47-0.067c-0.566,0-3.879,0.125-6.542,0.971
4457
12
		c3.783,4.942,9.611,8.234,16.223,8.606c0.093-0.232,0.2-0.459,0.195-0.955C65.862,39.719,62.369,37.93,57.492,34.453z"/>
4458
13
	<path fill="#AEA79F" d="M51.979,25.826c-2.869,0-5.228-1.08-6.979-2.51c0.213,3.6,1.29,6.964,3.028,9.893
4459
14
		c2.621-0.672,5.579-0.509,7.286-0.625c-0.899-1.161-1.924-2.382-1.924-4.375c0-1.094,0.32-1.739,0.64-2.512
4460
15
		C53.324,25.76,52.622,25.826,51.979,25.826z"/>
4461
16
	<path fill="#AEA79F" d="M80.938,15.052v8.204h-3.486v-8.204H69.32v-3.413h8.132V3.506h1.414C75.433,1.291,71.347,0,66.958,0
4462
17
		c-4.433,0-8.556,1.315-12.009,3.571c0.518-0.035,1.027-0.056,1.521-0.065h13.553l-3.599,2.905h-3.93
4463
18
		c1.574,1.365,3.923,3.805,3.923,8.152c0,4.762-2.51,7.019-5.204,9.139c-0.833,0.835-1.795,1.739-1.795,3.157
4464
19
		c0,1.414,0.962,2.186,1.666,2.767l2.31,1.798c2.821,2.382,6.507,5.142,6.507,9.583c0,1.056-0.114,2.009-0.408,2.844
4465
20
		C80.448,42.593,88.958,33.292,88.958,22c0-2.429-0.399-4.763-1.126-6.948H80.938z"/>
4466
21
</g>
4467
22
<path fill="#AEA79F" d="M157.001,36.008c-7.737,0-14.009-6.27-14.009-14.009c0-7.737,6.272-14.008,14.009-14.008
4468
23
	s14.008,6.271,14.008,14.008C171.009,29.739,164.738,36.008,157.001,36.008z M179,22c0,12.15-9.85,22-22,22c-12.151,0-22-9.85-22-22
4469
24
	c0-12.151,9.849-22,22-22C169.15,0,179,9.849,179,22z M157,5.352c-9.195,0-16.648,7.454-16.648,16.648
4470
25
	c0,9.196,7.453,16.648,16.648,16.648c9.196,0,16.648-7.452,16.648-16.648C173.649,12.806,166.196,5.352,157,5.352z"/>
4471
26
<g id="icon-social-facebook">
4472
27
	<path fill="#AEA79F" d="M112,0C99.85,0,90,9.85,90,22s9.85,22,22,22c0.382,0,0.761-0.01,1.138-0.029V27.802H108v-6.851h5.138V15.26
4473
28
		c0-4.301,2.925-8.26,9.331-8.26c2.594,0,4.496,0.25,4.496,0.25l-0.143,6.851c0,0-1.951-0.018-4.085-0.018
4474
29
		c-2.31,0-2.747,1.07-2.747,2.837v4.032H127l-0.303,6.851h-6.708v14.696C128.188,39.3,134,31.331,134,22C134,9.85,124.15,0,112,0z"
4475
30
		/>
4476
31
</g>
4477
32
<g id="icon-social-twitter">
4478
33
	<path fill="#AEA79F" d="M44,22c0,12.15-9.85,22-22,22S0,34.15,0,22S9.85,0,22,0S44,9.85,44,22z M26.009,11.74
4479
34
		c-1.947,0.59-3.82,3.217-3.233,6.189c-6.461-0.389-9.315-3.848-11.031-5.504c-1.749,3.085,0.045,6.082,1.611,7.053
4480
35
		c-0.827,0.045-1.827-0.312-2.323-0.622c-0.189,2.846,2.132,4.818,4.107,5.329c-0.631,0.188-1.226,0.214-2.243,0.062
4481
36
		c0.866,2.862,3.192,3.628,4.925,3.754c-2.231,1.934-4.91,2.356-7.823,2.214c7.553,4.617,15.18,1.776,18.893-1.847
4482
37
		c3.117-3.043,4.511-7.599,4.559-11.675c0.714-0.579,2.156-1.807,2.548-2.768c-0.569,0.219-1.695,0.739-2.869,0.786
4483
38
		c0.968-0.633,2.076-1.902,2.192-2.895c-1.071,0.583-2.311,1.088-3.372,1.249C29.949,11.135,28,11.136,26.009,11.74L26.009,11.74z"
4484
39
		/>
4485
40
</g>
4486
41
<g id="icon-social-google_2_">
4487
42
	<path fill="#DD4813" d="M47.446,56.84c-0.009,0.244-0.015,0.487-0.015,0.73c0,4.31,2.264,10.686,7.78,10.686
4488
43
		c1.602,0,3.246-0.406,4.301-1.609c1.203-1.379,1.675-3.194,1.675-4.122c0-4.634-2.687-11.843-8.007-11.843
4489
44
		c-0.367,0-0.74,0.047-1.11,0.124C50.2,52.526,48.632,54.567,47.446,56.84z"/>
4490
45
	<path fill="#DD4813" d="M80.938,50.013v6.626h5.429C85.002,54.089,83.153,51.838,80.938,50.013z"/>
4491
46
	<path fill="#DD4813" d="M57.492,79.453c-0.511-0.066-0.832-0.067-1.47-0.067c-0.566,0-3.879,0.125-6.542,0.971
4492
47
		c3.783,4.942,9.611,8.234,16.223,8.606c0.093-0.232,0.2-0.459,0.195-0.955C65.862,84.719,62.369,82.93,57.492,79.453z"/>
4493
48
	<path fill="#DD4813" d="M51.979,70.826c-2.869,0-5.228-1.08-6.979-2.51c0.213,3.6,1.29,6.964,3.028,9.893
4494
49
		c2.621-0.672,5.579-0.509,7.286-0.625c-0.899-1.161-1.924-2.382-1.924-4.375c0-1.094,0.32-1.739,0.64-2.512
4495
50
		C53.324,70.76,52.622,70.826,51.979,70.826z"/>
4496
51
	<path fill="#DD4813" d="M80.938,60.052v8.204h-3.486v-8.204H69.32v-3.413h8.132v-8.133h1.414C75.433,46.291,71.347,45,66.958,45
4497
52
		c-4.433,0-8.556,1.315-12.009,3.571c0.518-0.035,1.027-0.056,1.521-0.065h13.553l-3.599,2.905h-3.93
4498
53
		c1.574,1.365,3.923,3.805,3.923,8.152c0,4.762-2.51,7.019-5.204,9.139c-0.833,0.835-1.795,1.739-1.795,3.157
4499
54
		c0,1.414,0.962,2.186,1.666,2.767l2.31,1.798c2.821,2.382,6.507,5.142,6.507,9.583c0,1.056-0.114,2.009-0.408,2.844
4500
55
		C80.448,87.593,88.958,78.292,88.958,67c0-2.429-0.399-4.763-1.126-6.948H80.938z"/>
4501
56
</g>
4502
57
<path fill="#DD4813" d="M157.001,81.008c-7.737,0-14.009-6.27-14.009-14.009c0-7.737,6.272-14.008,14.009-14.008
4503
58
	s14.008,6.271,14.008,14.008C171.009,74.739,164.738,81.008,157.001,81.008z M179,67c0,12.15-9.85,22-22,22c-12.151,0-22-9.85-22-22
4504
59
	c0-12.151,9.849-22,22-22C169.15,45,179,54.849,179,67z M157,50.352c-9.195,0-16.648,7.454-16.648,16.648
4505
60
	c0,9.196,7.453,16.648,16.648,16.648c9.196,0,16.648-7.452,16.648-16.648C173.649,57.806,166.196,50.352,157,50.352z"/>
4506
61
<g id="icon-social-facebook_2_">
4507
62
	<path fill="#DD4813" d="M112,45c-12.15,0-22,9.85-22,22s9.85,22,22,22c0.382,0,0.761-0.01,1.138-0.029V72.802H108v-6.851h5.138
4508
63
		V60.26c0-4.301,2.925-8.26,9.331-8.26c2.594,0,4.496,0.25,4.496,0.25l-0.143,6.851c0,0-1.951-0.018-4.085-0.018
4509
64
		c-2.31,0-2.747,1.07-2.747,2.837v4.032H127l-0.303,6.851h-6.708v14.696C128.188,84.3,134,76.331,134,67C134,54.85,124.15,45,112,45
4510
65
		z"/>
4511
66
</g>
4512
67
<g id="icon-social-twitter_2_">
4513
68
	<path fill="#DD4813" d="M44,67c0,12.15-9.85,22-22,22S0,79.15,0,67s9.85-22,22-22S44,54.85,44,67z M26.009,56.74
4514
69
		c-1.947,0.59-3.82,3.217-3.233,6.189c-6.461-0.389-9.315-3.848-11.031-5.504c-1.749,3.085,0.045,6.082,1.611,7.053
4515
70
		c-0.827,0.045-1.827-0.312-2.323-0.622c-0.189,2.846,2.132,4.818,4.107,5.329c-0.631,0.188-1.226,0.214-2.243,0.062
4516
71
		c0.866,2.862,3.192,3.628,4.925,3.754c-2.231,1.934-4.91,2.356-7.823,2.214c7.553,4.617,15.18,1.776,18.893-1.847
4517
72
		c3.117-3.043,4.511-7.599,4.559-11.675c0.714-0.579,2.156-1.807,2.548-2.768c-0.569,0.219-1.695,0.739-2.869,0.786
4518
73
		c0.968-0.633,2.076-1.902,2.192-2.895c-1.071,0.583-2.311,1.088-3.372,1.249C29.949,56.135,28,56.136,26.009,56.74L26.009,56.74z"
4519
74
		/>
4520
75
</g>
4521
76
</svg>
4522
0
77
4523
=== added file 'library/img/icons/social-icons.svg'
4524
--- library/img/icons/social-icons.svg	1970-01-01 00:00:00 +0000
4525
+++ library/img/icons/social-icons.svg	2014-12-02 15:34:17 +0000
4526
@@ -0,0 +1,113 @@
4527
1
<?xml version="1.0" encoding="utf-8"?>
4528
2
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
4529
3
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4530
4
<svg version="1.1"
4531
5
	 id="svg5918" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="0.91pre2 r" sodipodi:docname="twitter_64.svg"
4532
6
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="151.056px"
4533
7
	 height="45.996px" viewBox="-47 0 151.056 45.996" enable-background="new -47 0 151.056 45.996" xml:space="preserve">
4534
8
<path id="path5832_1_" inkscape:connector-curvature="0" fill="#AEA79F" d="M-35.5,0C-41.851,0-47,5.149-47,11.499l0,0
4535
9
	c0,6.351,5.148,11.499,11.499,11.499l0,0c6.351,0,11.499-5.148,11.499-11.499l0,0C-24.001,5.149-29.149,0-35.5,0L-35.5,0z"/>
4536
10
<sodipodi:namedview  fit-margin-left="0" fit-margin-top="0" showgrid="false" inkscape:cy="-26.57143" inkscape:cx="-593" inkscape:zoom="0.35" borderopacity="1.0" bordercolor="#666666" pagecolor="#ffffff" id="base" inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:current-layer="layer1" fit-margin-right="0" fit-margin-bottom="0" inkscape:document-units="px">
4537
11
	</sodipodi:namedview>
4538
12
<g id="layer1" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4539
13
	<path id="path5750" inkscape:connector-curvature="0" fill="#AEA79F" d="M269.437,460.362c-6.351,0-11.499,5.149-11.499,11.499
4540
14
		c0,6.351,5.148,11.499,11.499,11.499c6.351,0,11.5-5.148,11.5-11.499C280.936,465.511,275.788,460.362,269.437,460.362z"/>
4541
15
	<path id="path5679-3" sodipodi:nodetypes="sccccccccscccccs" inkscape:connector-curvature="0" fill="#FFFFFF" d="M271.101,466.087
4542
16
		c-1.076,0.333-2.111,1.811-1.787,3.483c-3.572-0.219-5.15-2.167-6.098-3.097c-0.967,1.735,0.024,3.423,0.891,3.969
4543
17
		c-0.457,0.026-1.01-0.175-1.285-0.35c-0.104,1.602,1.179,2.711,2.271,2.999c-0.349,0.106-0.677,0.121-1.24,0.036
4544
18
		c0.478,1.611,1.765,2.042,2.723,2.113c-1.233,1.088-2.714,1.325-4.325,1.246c4.175,2.598,8.393,1,10.445-1.04
4545
19
		c1.723-1.712,2.494-4.276,2.521-6.57c0.395-0.327,1.192-1.017,1.409-1.559c-0.314,0.124-0.937,0.416-1.586,0.442
4546
20
		c0.535-0.356,1.147-1.071,1.212-1.629c-0.592,0.328-1.277,0.612-1.864,0.703C273.279,465.746,272.202,465.748,271.101,466.087z"/>
4547
21
</g>
4548
22
<g id="layer1_1_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4549
23
	<path id="path5803" inkscape:connector-curvature="0" fill="#AEA79F" d="M295.048,460.362c-6.351,0-11.499,5.149-11.499,11.499l0,0
4550
24
		c0,6.351,5.148,11.499,11.499,11.499l0,0c6.351,0,11.5-5.148,11.5-11.499l0,0C306.548,465.511,301.4,460.362,295.048,460.362
4551
25
		L295.048,460.362z"/>
4552
26
	<path id="path5709-9" inkscape:connector-curvature="0" fill="#FFFFFF" d="M294.556,464.315c-1.038,0-2.534,0.25-3.63,1.175
4553
27
		c-0.825,0.729-1.229,1.734-1.229,2.639c0,1.535,1.152,3.091,3.188,3.091c0.191,0,0.402-0.021,0.614-0.041
4554
28
		c-0.096,0.236-0.189,0.434-0.189,0.769c0,0.609,0.304,0.983,0.573,1.337c-0.864,0.061-2.478,0.158-3.667,0.906
4555
29
		c-1.134,0.69-1.479,1.693-1.479,2.401c0,1.457,1.345,2.814,4.13,2.814c3.301,0,5.049-1.869,5.049-3.719
4556
30
		c0-1.36-0.767-2.028-1.612-2.757l-0.69-0.549c-0.212-0.179-0.501-0.416-0.501-0.847c0-0.434,0.288-0.71,0.538-0.965
4557
31
		c0.806-0.649,1.612-1.34,1.612-2.795c0-1.497-0.921-2.283-1.363-2.656h1.191l1.249-0.804H294.556z M293.156,465.059
4558
32
		c1.593,0,2.417,2.203,2.417,3.621c0,0.354-0.036,0.984-0.479,1.438c-0.31,0.315-0.827,0.549-1.307,0.549
4559
33
		c-1.651,0-2.4-2.184-2.4-3.502c0-0.513,0.096-1.042,0.423-1.457C292.118,465.314,292.656,465.059,293.156,465.059L293.156,465.059z
4560
34
		 M300.791,469.07v1.861h-1.818v0.93h1.818v1.874h0.898v-1.874h1.825v-0.93h-1.825v-1.861H300.791z M294.096,473.838
4561
35
		c0.191,0,0.288-0.001,0.439,0.019c1.46,1.063,2.095,1.593,2.095,2.6c0,1.218-0.979,2.126-2.822,2.126
4562
36
		c-2.053,0-3.38-1.004-3.38-2.402c0-1.397,1.229-1.87,1.652-2.026C292.886,473.876,293.921,473.838,294.096,473.838z"/>
4563
37
</g>
4564
38
<g id="layer1_2_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4565
39
	<path id="path5775" inkscape:connector-curvature="0" fill="#AEA79F" d="M320.66,460.362c-6.35,0-11.498,5.149-11.498,11.5l0,0
4566
40
		c0,6.35,5.148,11.498,11.498,11.498l0,0c6.352,0,11.5-5.148,11.5-11.498l0,0C332.16,465.511,327.011,460.362,320.66,460.362
4567
41
		L320.66,460.362z"/>
4568
42
	<path id="rect5792" inkscape:connector-curvature="0" fill="#FFFFFF" d="M325.725,467.55c-2.099,0-3.536,1.281-3.536,3.635v1.844
4569
43
		h-2.373v2.749h2.373v7.468c0.975-0.128,1.928-0.38,2.838-0.752v-6.716h2.369l0.354-2.749h-2.723v-1.571
4570
44
		c0-0.796,0.258-1.614,1.364-1.34h1.456v-2.459C327.597,467.624,326.732,467.55,325.725,467.55z"/>
4571
45
</g>
4572
46
<g id="layer1_3_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4573
47
	<path id="path5832" inkscape:connector-curvature="0" fill="#AEA79F" d="M243.825,460.362c-6.35,0-11.499,5.149-11.499,11.499l0,0
4574
48
		c0,6.351,5.148,11.499,11.499,11.499l0,0c6.351,0,11.5-5.148,11.5-11.499l0,0C255.325,465.511,250.176,460.362,243.825,460.362
4575
49
		L243.825,460.362z"/>
4576
50
	<path id="path4237-1" sodipodi:nodetypes="sssssssssccccccc" inkscape:connector-curvature="0" fill="#FFFFFF" d="M239.513,467.19
4577
51
		c-1.437,0-2.156,0-2.156,1.672v5.82c0,1.671,0.719,1.671,2.156,1.671h8.625c1.437,0,2.156,0,2.156-1.671v-5.82
4578
52
		c0-1.672-0.719-1.672-2.156-1.672H239.513z M238.617,468.179l5.214,3.025l5.215-3.025l0.379,0.622l-5.595,3.966l-5.594-3.966
4579
53
		L238.617,468.179z"/>
4580
54
</g>
4581
55
<text transform="matrix(1 0 0 1 -42.1055 16.5996)" fill="#FFFFFF" font-family="'Ubuntu-Medium'" font-size="16.1439">lp</text>
4582
56
<path fill="#AEA79F" d="M92.558,18.82c-4.045,0-7.322-3.276-7.322-7.322c0-4.043,3.277-7.322,7.322-7.322
4583
57
	c4.044,0,7.322,3.278,7.322,7.322C99.88,15.544,96.602,18.82,92.558,18.82z M104.057,11.499c0,6.351-5.148,11.499-11.5,11.499
4584
58
	c-6.351,0-11.498-5.148-11.498-11.499C81.059,5.148,86.206,0,92.557,0C98.908,0,104.057,5.148,104.057,11.499z M92.557,2.798
4585
59
	c-4.805,0-8.701,3.896-8.701,8.701c0,4.806,3.896,8.702,8.701,8.702c4.807,0,8.703-3.896,8.703-8.702
4586
60
	C101.26,6.693,97.363,2.798,92.557,2.798z"/>
4587
61
<path id="path5832_3_" inkscape:connector-curvature="0" fill="#DD4813" d="M-35.5,22.998c-6.35,0-11.499,5.148-11.499,11.5l0,0
4588
62
	c0,6.351,5.148,11.498,11.499,11.498l0,0c6.351,0,11.499-5.147,11.499-11.498l0,0C-24.001,28.146-29.149,22.998-35.5,22.998
4589
63
	L-35.5,22.998z"/>
4590
64
<g id="layer1_7_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4591
65
	<path id="path5750_1_" inkscape:connector-curvature="0" fill="#DD4813" d="M269.437,483.36c-6.351,0-11.499,5.148-11.499,11.5
4592
66
		c0,6.351,5.148,11.498,11.499,11.498c6.351,0,11.5-5.147,11.5-11.498C280.936,488.509,275.788,483.36,269.437,483.36z"/>
4593
67
	<path id="path5679-3_1_" sodipodi:nodetypes="sccccccccscccccs" inkscape:connector-curvature="0" fill="#FFFFFF" d="
4594
68
		M271.101,489.086c-1.076,0.333-2.111,1.811-1.787,3.483c-3.572-0.219-5.15-2.166-6.098-3.097c-0.967,1.735,0.024,3.423,0.891,3.969
4595
69
		c-0.457,0.025-1.01-0.175-1.285-0.351c-0.104,1.602,1.179,2.711,2.271,3c-0.349,0.105-0.677,0.12-1.24,0.034
4596
70
		c0.478,1.611,1.765,2.041,2.723,2.113c-1.233,1.089-2.714,1.326-4.325,1.246c4.175,2.598,8.393,1,10.445-1.039
4597
71
		c1.723-1.712,2.494-4.277,2.521-6.57c0.395-0.327,1.192-1.018,1.409-1.56c-0.314,0.124-0.937,0.417-1.586,0.444
4598
72
		c0.535-0.357,1.147-1.071,1.212-1.63c-0.592,0.328-1.277,0.613-1.864,0.702C273.279,488.745,272.202,488.745,271.101,489.086z"/>
4599
73
</g>
4600
74
<g id="layer1_6_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4601
75
	<path id="path5803_1_" inkscape:connector-curvature="0" fill="#DD4813" d="M295.048,483.36c-6.351,0-11.499,5.148-11.499,11.5l0,0
4602
76
		c0,6.351,5.148,11.498,11.499,11.498l0,0c6.351,0,11.5-5.147,11.5-11.498l0,0C306.548,488.509,301.4,483.36,295.048,483.36
4603
77
		L295.048,483.36z"/>
4604
78
	<path id="path5709-9_1_" inkscape:connector-curvature="0" fill="#FFFFFF" d="M294.556,487.313c-1.038,0-2.534,0.251-3.63,1.175
4605
79
		c-0.825,0.729-1.229,1.734-1.229,2.639c0,1.534,1.152,3.091,3.188,3.091c0.191,0,0.402-0.021,0.614-0.042
4606
80
		c-0.096,0.237-0.189,0.434-0.189,0.77c0,0.609,0.304,0.983,0.573,1.337c-0.864,0.062-2.478,0.158-3.667,0.906
4607
81
		c-1.134,0.69-1.479,1.693-1.479,2.402c0,1.457,1.345,2.814,4.13,2.814c3.301,0,5.049-1.869,5.049-3.72
4608
82
		c0-1.361-0.767-2.028-1.612-2.757l-0.69-0.548c-0.212-0.18-0.501-0.416-0.501-0.848c0-0.434,0.288-0.711,0.538-0.966
4609
83
		c0.806-0.648,1.612-1.34,1.612-2.794c0-1.497-0.921-2.283-1.363-2.657h1.191l1.249-0.804H294.556z M293.156,488.058
4610
84
		c1.593,0,2.417,2.202,2.417,3.621c0,0.354-0.036,0.984-0.479,1.438c-0.31,0.314-0.827,0.549-1.307,0.549
4611
85
		c-1.651,0-2.4-2.185-2.4-3.502c0-0.513,0.096-1.043,0.423-1.457C292.118,488.312,292.656,488.058,293.156,488.058L293.156,488.058z
4612
86
		 M300.791,492.068v1.861h-1.818v0.931h1.818v1.873h0.898v-1.873h1.825v-0.931h-1.825v-1.861H300.791z M294.096,496.836
4613
87
		c0.191,0,0.288-0.001,0.439,0.02c1.46,1.062,2.095,1.593,2.095,2.6c0,1.218-0.979,2.124-2.822,2.124
4614
88
		c-2.053,0-3.38-1.004-3.38-2.401c0-1.396,1.229-1.87,1.652-2.025C292.886,496.873,293.921,496.836,294.096,496.836z"/>
4615
89
</g>
4616
90
<g id="layer1_5_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4617
91
	<path id="path5775_1_" inkscape:connector-curvature="0" fill="#DD4813" d="M320.66,483.36c-6.35,0-11.498,5.148-11.498,11.5l0,0
4618
92
		c0,6.351,5.148,11.498,11.498,11.498l0,0c6.352,0,11.5-5.147,11.5-11.498l0,0C332.16,488.509,327.011,483.36,320.66,483.36
4619
93
		L320.66,483.36z"/>
4620
94
	<path id="rect5792_1_" inkscape:connector-curvature="0" fill="#FFFFFF" d="M325.725,490.548c-2.099,0-3.536,1.281-3.536,3.634
4621
95
		v1.845h-2.373v2.748h2.373v7.468c0.975-0.128,1.928-0.382,2.838-0.75v-6.718h2.369l0.354-2.748h-2.723v-1.57
4622
96
		c0-0.797,0.258-1.615,1.364-1.342h1.456v-2.459C327.597,490.623,326.732,490.548,325.725,490.548z"/>
4623
97
</g>
4624
98
<g id="layer1_4_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer">
4625
99
	<path id="path5832_2_" inkscape:connector-curvature="0" fill="#DD4813" d="M243.825,483.36c-6.35,0-11.499,5.148-11.499,11.5l0,0
4626
100
		c0,6.351,5.148,11.498,11.499,11.498l0,0c6.351,0,11.5-5.147,11.5-11.498l0,0C255.325,488.509,250.176,483.36,243.825,483.36
4627
101
		L243.825,483.36z"/>
4628
102
	<path id="path4237-1_1_" sodipodi:nodetypes="sssssssssccccccc" inkscape:connector-curvature="0" fill="#FFFFFF" d="
4629
103
		M239.513,490.188c-1.437,0-2.156,0-2.156,1.672v5.821c0,1.671,0.719,1.671,2.156,1.671h8.625c1.437,0,2.156,0,2.156-1.671v-5.821
4630
104
		c0-1.672-0.719-1.672-2.156-1.672H239.513z M238.617,491.177l5.214,3.026l5.215-3.026l0.379,0.622l-5.595,3.966l-5.594-3.966
4631
105
		L238.617,491.177z"/>
4632
106
</g>
4633
107
<text transform="matrix(1 0 0 1 -42.1055 39.5977)" fill="#FFFFFF" font-family="'Ubuntu-Medium'" font-size="16.1439">lp</text>
4634
108
<path fill="#DD4813" d="M92.558,41.818c-4.045,0-7.322-3.276-7.322-7.321c0-4.044,3.277-7.322,7.322-7.322
4635
109
	c4.044,0,7.322,3.278,7.322,7.322C99.88,38.543,96.602,41.818,92.558,41.818z M104.057,34.498c0,6.351-5.148,11.498-11.5,11.498
4636
110
	c-6.351,0-11.498-5.147-11.498-11.498c0-6.352,5.147-11.5,11.498-11.5C98.908,22.998,104.057,28.146,104.057,34.498z M92.557,25.796
4637
111
	c-4.805,0-8.701,3.896-8.701,8.702c0,4.805,3.896,8.701,8.701,8.701c4.807,0,8.703-3.896,8.703-8.701
4638
112
	C101.26,29.692,97.363,25.796,92.557,25.796z"/>
4639
113
</svg>
4640
0
114
4641
=== modified file 'library/img/location_bg.png' (properties changed: -x to +x)
4642
=== modified file 'library/img/logo.png' (properties changed: -x to +x)
4643
=== added file 'library/img/logo.svg'
4644
--- library/img/logo.svg	1970-01-01 00:00:00 +0000
4645
+++ library/img/logo.svg	2014-12-02 15:34:17 +0000
4646
@@ -0,0 +1,57 @@
4647
1
<?xml version="1.0" encoding="utf-8"?>
4648
2
<!-- Generator: Adobe Illustrator 17.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
4649
3
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4650
4
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4651
5
	 width="120px" height="16px" viewBox="0 0 120 16" enable-background="new 0 0 120 16" xml:space="preserve">
4652
6
<g>
4653
7
	<path fill="#FFFFFF" d="M7.054,15.665c-1.051,0-2.011-0.173-2.877-0.519c-0.867-0.347-1.61-0.855-2.229-1.525
4654
8
		c-0.62-0.672-1.1-1.49-1.438-2.456C0.168,10.199,0,9.088,0,7.832c0-1.254,0.186-2.369,0.562-3.341
4655
9
		c0.375-0.975,0.887-1.793,1.535-2.457C2.749,1.371,3.499,0.865,4.35,0.519C5.2,0.174,6.102,0,7.054,0c0.65,0,1.23,0.043,1.742,0.13
4656
10
		c0.509,0.086,0.956,0.188,1.332,0.303c0.374,0.115,0.677,0.231,0.907,0.346c0.23,0.115,0.39,0.201,0.476,0.26L10.884,2.77
4657
11
		c-0.131-0.086-0.317-0.181-0.563-0.282c-0.246-0.101-0.529-0.202-0.854-0.302c-0.325-0.101-0.682-0.185-1.073-0.25
4658
12
		c-0.39-0.064-0.798-0.098-1.232-0.098c-0.735,0-1.406,0.138-2.012,0.411C4.544,2.524,4.025,2.921,3.592,3.44
4659
13
		c-0.433,0.52-0.768,1.15-1.007,1.893C2.348,6.076,2.228,6.91,2.228,7.832c0,0.896,0.108,1.71,0.316,2.445
4660
14
		c0.208,0.736,0.524,1.367,0.95,1.894c0.426,0.526,0.953,0.935,1.581,1.223c0.626,0.288,1.364,0.433,2.22,0.433
4661
15
		c0.95,0,1.74-0.101,2.366-0.303c0.628-0.202,1.101-0.382,1.418-0.541l0.542,1.731c-0.101,0.073-0.283,0.162-0.542,0.272
4662
16
		c-0.259,0.107-0.584,0.212-0.972,0.312c-0.391,0.102-0.845,0.189-1.363,0.26C8.221,15.629,7.66,15.665,7.054,15.665z"/>
4663
17
	<path fill="#FFFFFF" d="M20.381,0.346c0.52,1.082,1.018,2.175,1.496,3.278c0.474,1.104,0.954,2.261,1.437,3.474
4664
18
		c0.482,1.211,0.978,2.492,1.482,3.84c0.504,1.349,1.045,2.817,1.622,4.404h-2.29c-0.248-0.65-0.479-1.291-0.694-1.926
4665
19
		c-0.217-0.635-0.44-1.277-0.672-1.925h-6.792l-1.363,3.851H12.42c0.576-1.587,1.116-3.054,1.624-4.404
4666
20
		c0.503-1.348,0.999-2.628,1.482-3.84c0.482-1.212,0.962-2.37,1.437-3.474c0.476-1.104,0.975-2.196,1.496-3.277h1.923V0.346z
4667
21
		 M19.363,2.748C18.86,3.83,18.38,4.955,17.925,6.123c-0.452,1.169-0.904,2.388-1.351,3.658h5.581
4668
22
		c-0.46-1.255-0.918-2.47-1.372-3.647C20.327,4.959,19.854,3.83,19.363,2.748z"/>
4669
23
	<path fill="#FFFFFF" d="M38.817,15.342c-0.317-0.534-0.682-1.133-1.093-1.797c-0.411-0.664-0.855-1.351-1.331-2.066
4670
24
		c-0.475-0.713-0.97-1.439-1.482-2.174c-0.513-0.736-1.022-1.447-1.527-2.132c-0.505-0.686-0.995-1.331-1.469-1.936
4671
25
		c-0.478-0.607-0.917-1.14-1.321-1.602v11.706h-2.056V0.346h1.665c0.68,0.722,1.403,1.562,2.176,2.521
4672
26
		c0.77,0.959,1.537,1.947,2.293,2.964c0.756,1.017,1.471,2.017,2.142,2.997c0.672,0.981,1.238,1.853,1.698,2.617v-11.1h2.057v14.995
4673
27
		L38.817,15.342L38.817,15.342z"/>
4674
28
	<path fill="#FFFFFF" d="M71.576,15.342c-0.317-0.534-0.682-1.133-1.093-1.797c-0.411-0.664-0.854-1.351-1.332-2.066
4675
29
		c-0.474-0.713-0.969-1.439-1.48-2.174c-0.513-0.736-1.021-1.447-1.527-2.132c-0.503-0.686-0.994-1.331-1.471-1.936
4676
30
		c-0.476-0.607-0.916-1.14-1.32-1.602v11.706h-2.055V0.346h1.666c0.677,0.722,1.402,1.562,2.174,2.521s1.536,1.947,2.294,2.964
4677
31
		c0.757,1.017,1.47,2.017,2.142,2.997c0.669,0.981,1.236,1.853,1.699,2.617v-11.1h2.054v14.995L71.576,15.342L71.576,15.342z"/>
4678
32
	<path fill="#FFFFFF" d="M77.137,0.346h2.098v14.995h-2.098V0.346z"/>
4679
33
	<path fill="#FFFFFF" d="M89.492,15.665c-1.053,0-2.014-0.173-2.878-0.519c-0.864-0.347-1.609-0.855-2.228-1.525
4680
34
		c-0.62-0.672-1.101-1.49-1.439-2.456c-0.34-0.966-0.509-2.077-0.509-3.333c0-1.254,0.19-2.369,0.562-3.341
4681
35
		c0.377-0.975,0.885-1.793,1.536-2.457c0.65-0.662,1.398-1.168,2.252-1.515C87.638,0.174,88.539,0,89.492,0
4682
36
		c0.649,0,1.229,0.043,1.742,0.13c0.51,0.086,0.955,0.188,1.331,0.303c0.375,0.115,0.678,0.231,0.908,0.346
4683
37
		c0.23,0.115,0.39,0.201,0.475,0.26L93.321,2.77c-0.13-0.086-0.317-0.181-0.564-0.282c-0.244-0.101-0.529-0.202-0.854-0.302
4684
38
		c-0.323-0.101-0.68-0.185-1.067-0.25c-0.393-0.064-0.803-0.098-1.236-0.098c-0.735,0-1.406,0.138-2.012,0.411
4685
39
		c-0.606,0.274-1.125,0.671-1.559,1.19c-0.433,0.52-0.768,1.15-1.007,1.893c-0.237,0.743-0.355,1.577-0.355,2.498
4686
40
		c0,0.896,0.103,1.71,0.312,2.445c0.209,0.736,0.527,1.367,0.951,1.894c0.427,0.526,0.953,0.935,1.58,1.223
4687
41
		c0.628,0.288,1.368,0.433,2.218,0.433c0.952,0,1.74-0.101,2.368-0.303c0.628-0.202,1.101-0.382,1.416-0.541l0.542,1.731
4688
42
		c-0.101,0.073-0.282,0.162-0.542,0.272c-0.257,0.107-0.583,0.212-0.97,0.312c-0.391,0.102-0.845,0.189-1.365,0.26
4689
43
		C90.66,15.629,90.097,15.665,89.492,15.665z"/>
4690
44
	<path fill="#FFFFFF" d="M102.819,0.346c0.521,1.082,1.018,2.175,1.495,3.278c0.476,1.104,0.955,2.261,1.439,3.474
4691
45
		c0.482,1.211,0.976,2.492,1.482,3.84c0.505,1.349,1.045,2.817,1.623,4.404h-2.295c-0.244-0.65-0.475-1.291-0.691-1.926
4692
46
		c-0.217-0.635-0.44-1.277-0.671-1.925h-6.793l-1.362,3.851h-2.187c0.577-1.587,1.117-3.054,1.623-4.404
4693
47
		c0.503-1.348,0.998-2.628,1.482-3.84c0.482-1.212,0.963-2.37,1.439-3.474c0.476-1.104,0.976-2.196,1.493-3.277h1.925V0.346z
4694
48
		 M101.801,2.748c-0.503,1.082-0.983,2.207-1.437,3.375C99.91,7.292,99.46,8.511,99.011,9.78h5.582
4695
49
		c-0.461-1.255-0.919-2.47-1.373-3.647C102.766,4.959,102.294,3.83,101.801,2.748z"/>
4696
50
	<path fill="#FFFFFF" d="M120,13.588v1.754h-9.023V0.346h2.099v13.242H120z"/>
4697
51
	<path fill="#FFFFFF" d="M50.934,12.821c-2.755,0-4.987-2.233-4.987-4.989c0-2.754,2.232-4.986,4.987-4.986
4698
52
		c2.755,0,4.987,2.232,4.987,4.986C55.921,10.588,53.689,12.821,50.934,12.821z"/>
4699
53
	<path fill="#FFFFFF" d="M58.768,7.833c0,4.325-3.508,7.832-7.833,7.832c-4.327,0-7.833-3.507-7.833-7.832
4700
54
		C43.102,3.507,46.607,0,50.934,0C55.26,0,58.768,3.507,58.768,7.833z M50.934,1.905c-3.275,0-5.928,2.655-5.928,5.928
4701
55
		c0,3.274,2.653,5.927,5.928,5.927c3.276,0,5.927-2.652,5.927-5.927C56.861,4.56,54.21,1.905,50.934,1.905z"/>
4702
56
</g>
4703
57
</svg>
4704
0
58
4705
=== modified file 'library/img/main-nav-arrow.png' (properties changed: -x to +x)
4706
=== modified file 'library/img/sprite-social-media.png' (properties changed: -x to +x)
4707
=== modified file 'library/img/white-squircle.png' (properties changed: -x to +x)
4708
=== modified file 'library/js/.DS_Store' (properties changed: -x to +x)
4709
=== modified file 'library/js/core.js' (properties changed: -x to +x)
4710
--- library/js/core.js	2013-05-16 10:23:33 +0000
4711
+++ library/js/core.js	2014-12-02 15:34:17 +0000
4712
@@ -1,9 +1,238 @@
4722
1
// prepare images for inset box shadow
1
/**
4723
2
$(document).ready(function(e){
2
 * Ubuntu Core Front-End Framework
4724
3
	$('#main-content img.avatar').each(function() {
3
 *
4725
4
		var imgClass = $(this).attr('class');
4
 * Core javascript file part of Ubuntu Core Front-End Framework
4726
5
		$(this).wrap('<span class="image-wrap ' + imgClass + '" style="width: auto; height: auto;"/>');
5
 *
4727
6
		$(this).removeAttr('class');
6
 * This file containes the classes required by ubuntu.com to interact.
4728
7
	});
7
 *
4729
8
});
8
 * @project		Ubuntu Core Front-End Framework
4730
9
9
 * @author		Web Team at Canonical Ltd
4731
10
 * @copyright	2012 Canonical Ltd
4732
11
 *
4733
12
 */
4734
13
4735
14
/**
4736
15
 * Table of contents
4737
16
 *
4738
17
 * Core
4739
18
 * - setEqualHeight
4740
19
 * - hashBang
4741
20
 * - getPullQuotes
4742
21
 * - setupTooltips
4743
22
 *
4744
23
 */
4745
24
4746
25
if(!core){ var core = {}; }
4747
26
YUI().use('node', 'anim','event-resize', function(Y) {
4748
27
	core.setEqualHeight = function($className) {
4749
28
		var maxHeight = 0;
4750
29
		var heightArray = Array();
4751
30
		var collection = Y.all('.'+$className);
4752
31
		collection.each(function(node) {
4753
32
			node.all(' > div, > ul li').each(function(node) {
4754
33
				if(node.get('clientHeight') > maxHeight){
4755
34
					maxHeight = node.get('clientHeight');
4756
35
				}
4757
36
			});
4758
37
			node.all('> div, > ul li').setStyle('height', maxHeight);
4759
38
			maxHeight = 0;
4760
39
		});
4761
40
	};
4762
41
4763
42
	core.hashBang = function() {
4764
43
		Y.all('#main-content a').each(function (node) {
4765
44
			var hrefValue = node.get('href');
4766
45
			if( hrefValue.indexOf("#") != -1 ) {
4767
46
				var cleanTarget = core.qualifyURL(hrefValue.substr(0,hrefValue.indexOf('#')));
4768
47
				var hashValue = hrefValue.substr(hrefValue.indexOf('#')+1);
4769
48
				var cleanURL = window.location.href;
4770
49
				node.setAttribute('data-hash',hashValue);
4771
50
				node.set('href',hrefValue.substr(0,hrefValue.indexOf('#')));
4772
51
				if(cleanURL == cleanTarget){
4773
52
					node.on("click", function (e) {
4774
53
						e.preventDefault();
4775
54
						window.name = null;
4776
55
						if(!this.hasClass('slideless')) {
4777
56
							core.slideToAnchor(this.getAttribute('data-hash'));
4778
57
						}
4779
58
					});
4780
59
				}else{
4781
60
					node.on("click", function (e) {
4782
61
						window.name = 'Â¬'+node.getAttribute('data-hash');
4783
62
					});
4784
63
				}
4785
64
			}else{
4786
65
				node.on("click", function (e) {
4787
66
					window.name = null;
4788
67
				});
4789
68
			}
4790
69
		});
4791
70
		core.checkForSession();
4792
71
	};
4793
72
4794
73
	core.qualifyURL = function($url) {
4795
74
		var img = document.createElement('img');
4796
75
		img.src = $url;
4797
76
		$url = img.src;
4798
77
		img = null;
4799
78
		return $url;
4800
79
	};
4801
80
4802
81
	core.checkForSession = function() {
4803
82
		var session = window.name;
4804
83
		if(session){
4805
84
			if(session.charAt(0) == 'Â¬'){
4806
85
				core.jumpToAnchor(session.substring(1));
4807
86
			}
4808
87
		}
4809
88
	};
4810
89
4811
90
	core.slideToAnchor = function($name) {
4812
91
		var target;
4813
92
			var destination = 0;
4814
93
			if($name !== ''){
4815
94
				destination = Y.one('#'+$name).getXY()[1] - 20;
4816
95
			}
4817
96
			var webkitAnim = new Y.Anim({
4818
97
				node: Y.one('html'),
4819
98
				to: { scroll: [0, destination]},
4820
99
				easing: 'easeOut',
4821
100
				duration: 1,
4822
101
			});
4823
102
			var ffAnim = new Y.Anim({
4824
103
				node: Y.one('body'),
4825
104
				to: { scroll: [0, destination]},
4826
105
				easing: 'easeOut',
4827
106
				duration: 1,
4828
107
			});
4829
108
			webkitAnim.run(1000);
4830
109
			ffAnim.run(1000);
4831
110
	};
4832
111
4833
112
	core.jumpToAnchor = function($name) {
4834
113
		if(document.getElementById($name)){
4835
114
			document.getElementById($name).scrollIntoView();
4836
115
		}else{
4837
116
			window.name = null;
4838
117
		}
4839
118
	};
4840
119
4841
120
	core.getPullQuotes = function() {
4842
121
		Y.all('span.pullquote').each(function (node) {
4843
122
			var item = Y.Node.create('<div class="pull-quote js">&ldquo;'+node.getContent()+'&rdquo;</div>');
4844
123
			node.get('parentNode').get('parentNode').get('parentNode').append(item);
4845
124
		});
4846
125
	};
4847
126
4848
127
	core.setupTooltips = function() {
4849
128
		if(Y.one('.tooltip') !== null) {
4850
129
			Y.all('.tooltip').each(function (node) {
4851
130
				node.get('parentNode').prepend('<p class="tooltip-label">'+node.get('title')+'</p>');
4852
131
				var title = this.get('title');
4853
132
				node.on('mouseover', function(e){
4854
133
					this.set('title','');
4855
134
					this.get('parentNode').one('.tooltip-label').setStyle('display', 'inline');
4856
135
				});
4857
136
				node.on('mouseout', function(e){
4858
137
					this.set('title',title);
4859
138
					this.get('parentNode').one('.tooltip-label').setStyle('display', 'none');
4860
139
				});
4861
140
			});
4862
141
		}
4863
142
	};
4864
143
4865
144
	core.sectionTabs = function() {
4866
145
4867
146
		if(Y.one('.tabbed-content')) {
4868
147
			Y.one('.tabbed-menu').append('<img src="//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/tabbed-nav-arrow.png" class="arrow" height="6" width="12" alt="">');
4869
148
4870
149
			var p = Y.one('.tabbed-menu a.active');
4871
150
			var s = p.get('href').split('#')[1];
4872
151
			var a = Y.one('.arrow');
4873
152
			var w = (p.get('clientWidth') / 2) - 7;
4874
153
			var x = (p.get('parentNode').getXY()[0] - p.get('parentNode').get('parentNode').getXY()[0]) + w;
4875
154
			Y.all('.tabbed-content').each(function() {
4876
155
			  	if(this.get('id') != s){
4877
156
			  		this.setStyle('opacity', '0');
4878
157
			  	}
4879
158
			  }
4880
159
			);
4881
160
			a.setStyle('left',x+'px').setStyle('display', 'inline');
4882
161
			Y.all('.tabbed-menu a').on('click',function(e) {
4883
162
				e.preventDefault();
4884
163
				Y.all('.tabbed-menu a').removeClass('active');
4885
164
				e.currentTarget.addClass('active');
4886
165
				Y.all('.tabbed-content').addClass('hide').setStyle('opacity','0');
4887
166
				s = e.currentTarget.getAttribute('data-hash');
4888
167
				Y.one('#'+s).removeClass('hide');
4889
168
				new Y.Anim({ node: '#'+s, to: { opacity: 1 } }).run();
4890
169
				x = (e.currentTarget.get('parentNode').getXY()[0] - e.currentTarget.get('parentNode').get('parentNode').getXY()[0]) + w;
4891
170
				new Y.Anim({ node: a, to: { left: x+'px' } }).run();
4892
171
			});
4893
172
		}
4894
173
	}
4895
174
	
4896
175
	core.tabbedContent = function() {
4897
176
		Y.all('.tabbed-content .accordion-button').on('click', function(e){
4898
177
			e.preventDefault();
4899
178
			e.target.get('parentNode').toggleClass('open');
4900
179
		});
4901
180
	};
4902
181
4903
182
	core.svgFallback = function() {
4904
183
		if(Modernizr){
4905
184
			if (!Modernizr.svg || !Modernizr.backgroundsize) {
4906
185
				Y.all("img[src$='.svg']").each(function(node) {
4907
186
					node.setAttribute("src", node.getAttribute('src').toString().match(/.*\/(.+?)\./)[0]+'png');
4908
187
				});
4909
188
			}
4910
189
		}
4911
190
	};
4912
191
4913
192
	core.resourceHubBoxes = function() {
4914
193
		Y.all(".resource").on('click',function(e) {
4915
194
			e.preventDefault();
4916
195
			e.stopPropagation();
4917
196
			if(e.currentTarget.one('a') !== null) {
4918
197
				window.location = e.currentTarget.one('a').get("href");
4919
198
			}
4920
199
		});
4921
200
	};
4922
201
	
4923
202
	core.navOnboarding = function() {
4924
203
		var key = 'ubuntu';
4925
204
		var nav_secondary = Y.one('.nav-secondary');
4926
205
		if(nav_secondary && !nav_secondary.test(':empty')) {
4927
206
			if(Y.one('html').hasClass('localstorage')) {
4928
207
				if(localStorage.getItem(key) === null) {
4929
208
					nav_secondary.addClass('open');
4930
209
				}else{
4931
210
					ls = JSON.parse(localStorage.getItem( key ));
4932
211
					if(ls.navigation !== 'onboard') {
4933
212
						nav_secondary.addClass('open');
4934
213
					}
4935
214
				}
4936
215
			}
4937
216
		}
4938
217
	};
4939
218
4940
219
	core.setLocalStorage = function($value) {
4941
220
		var key = 'ubuntu';
4942
221
		var value = $value;
4943
222
		var ubuntu = {};
4944
223
		var nav_secondary = Y.one('.nav-secondary');
4945
224
		ubuntu.navigation = value;
4946
225
		localStorage.setItem(key,JSON.stringify(ubuntu));
4947
226
	};
4948
227
4949
228
	core.sectionTabs();
4950
229
	core.tabbedContent();
4951
230
	core.hashBang();
4952
231
	core.setEqualHeight('equal-height');
4953
232
	core.getPullQuotes();
4954
233
	core.setupTooltips();
4955
234
	core.svgFallback();
4956
235
	core.resourceHubBoxes();
4957
236
	// core.mobileNav();
4958
237
	core.navOnboarding();
4959
238
});
4960
10
\ No newline at end of file
239
\ No newline at end of file
4961
11
240
4962
=== added file 'library/js/global.js'
4963
--- library/js/global.js	1970-01-01 00:00:00 +0000
4964
+++ library/js/global.js	2014-12-02 15:34:17 +0000
4965
@@ -0,0 +1,110 @@
4966
1
4967
2
var ai = [{ url: "http://www.ubuntu.com", title:"Ubuntu" },
4968
3
{ url: "http://community.ubuntu.com/", title:"Community" },
4969
4
{ url: "http://askubuntu.com", title:"Ask!" },
4970
5
{ url: "http://developer.ubuntu.com", title:"Developer" },
4971
6
{ url: "https://design.ubuntu.com", title:"Design" },
4972
7
{ url: "http://discourse.ubuntu.com", title:"Discourse" },
4973
8
{ url: "http://www.ubuntu.com/certification", title:"Hardware" },
4974
9
{ url: "https://insights.ubuntu.com", title:"Insights" },
4975
10
{ url: "https://juju.ubuntu.com", title:"Juju" },
4976
11
{ url: "http://shop.ubuntu.com", title:"Shop" }];
4977
12
4978
13
var more = [{ url: "http://apps.ubuntu.com", title:"Apps" },
4979
14
{ url: "https://help.ubuntu.com", title:"Help" },
4980
15
{ url: "http://ubuntuforums.org", title:"Forum" },
4981
16
{ url: "http://www.launchpad.net", title:"Launchpad" },
4982
17
{ url: "http://maas.ubuntu.com", title:"MAAS" },
4983
18
{ url: "http://www.canonical.com", title:"Canonical" }];
4984
19
4985
20
4986
21
if(!core){ var core = {}; }
4987
22
4988
23
core.setupGlobalNav = function () {
4989
24
	core.deployNav(core.getNav());
4990
25
	core.trackClicks();
4991
26
};
4992
27
4993
28
core.getNav = function() {
4994
29
	var begin = '<nav role="navigation" id="nav-global"><div class="nav-global-wrapper"><ul>';
4995
30
	var end = '</ul></div></nav>';
4996
31
	var mu = '';
4997
32
	var i = 0;
4998
33
	while(i < ai.length) {
4999
34
		mu += '<li><a href="' + ai[i].url + '" ' + core.getActive(ai[i].url) + '>' + ai[i].title + '</a></li>';
5000
35
		i++;
Status:	Merged
Approved by:	Richard McCartney on 2015-07-08
Approved revision:	48
Merged at revision:	17
Proposed branch:	lp:~canonical-website-editors/canonical-blog/responsive
Merge into:	lp:canonical-blog
Diff against target:	6606 lines (+5530/-496) 36 files modified .bzrignore (+4/-0) archive.php (+41/-38) archives.php (+49/-47) author.php (+7/-7) footer.php (+70/-15) functions.php (+23/-6) header.php (+15/-12) index.php (+2/-2) launchpad_comments.php (+64/-69) library/css/config.rb (+25/-0) library/css/sass/_core-constants.scss (+75/-0) library/css/sass/_core-mixins.scss (+73/-0) library/css/sass/styles.scss (+1438/-0) library/css/stylesheets/global-responsive.css (+352/-0) library/css/stylesheets/styles.css (+1294/-0) library/css/stylesheets/ubuntu-styles.css (+1/-0) library/img/arrow_down.svg (+61/-0) library/img/arrow_down_9fa097.svg (+61/-0) library/img/arrow_up.svg (+34/-0) library/img/arrow_up_9fa097.svg (+34/-0) library/img/close.svg (+21/-0) library/img/external-link.svg (+134/-0) library/img/icons/icon-social-author.svg (+112/-0) library/img/icons/icon-social.svg (+76/-0) library/img/icons/social-icons.svg (+113/-0) library/img/logo.svg (+57/-0) library/js/core.js (+238/-9) library/js/global.js (+110/-0) library/js/jquery.core.js (+65/-0) library/js/modernizr.2.7.1.js (+4/-0) library/js/respond.js (+237/-0) library/js/scratch.js (+253/-0) search.php (+35/-41) searchform.php (+6/-5) single.php (+9/-9) style.css (+337/-236)
To merge this branch:	bzr merge lp:~canonical-website-editors/canonical-blog/responsive
Related bugs:	Link a bug report
Reviewer	Date Requested	Status
Richard McCartney (community)		Approve on 2015-07-08
Anthony Dillon	2014-10-27	Needs Fixing on 2014-11-12
Review via email: mp+239725@code.launchpad.net