Merge lp:~canonical-website-editors/canonical-blog/responsive into lp:canonical-blog
- responsive
- Merge into trunk
Status: | Merged |
---|---|
Approved by: | Richard McCartney |
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: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Richard McCartney (community) | Approve | ||
Anthony Dillon | Needs Fixing | ||
Review via email: mp+239725@code.launchpad.net |
Commit message
Description of the change
Merge for all responsive work undertaken on Canonical Blog. Using the ubuntu web style guide applied new responsive styles and JS.
- 43. By ricgard <email address hidden>
-
Fix for the search box on desktop / respnosive
- 44. By ricgard <email address hidden>
-
Footer fix
- 45. By ricgard <email address hidden>
-
Fixes for home page makrup and mobile header navigation icons
- 46. By ricgard <email address hidden>
-
Basecamp QA fixes and issues
- 47. By ricgard <email address hidden>
-
QA changes and amendments
Richard McCartney (ricgard) wrote : | # |
Hey,
I've fixed the issue with the top menu was a rogue media query. Also I have fixed the sorting to follow more of how we have done SCSS on guidelines after talking to you. Would be great if we can get the same ways and styles its hard as everyone is different.
Everything should be live on blog.webteam now
Rich
Anthony Dillon (ya-bo-ng) wrote : | # |
Thank Rich,
Much better but you still have the bespoke grid styling in there. Once that is removed we can land this.
Thanks,
Ant.
- 48. By ricgard <email address hidden>
-
QA changes and design changes
Richard McCartney (ricgard) wrote : | # |
Approving merge after talking to Ant
Preview Diff
1 | === modified file '.DS_Store' |
2 | 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 | +.DS_Store |
8 | +library/css/.sass-cache |
9 | +.sass-cashe/* |
10 | +config.rb |
11 | |
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 | $postCount = 0; |
17 | ?> |
18 | <div class="row"> |
19 | - <section> |
20 | - <div class="two-col"> |
21 | - <ul id="list-archives" class="no-bullets"> |
22 | +<?php if (have_posts()) : ?> |
23 | +<?php while (have_posts()) : the_post(); ?> |
24 | +<?php if(++$postCount == 1) { ?> |
25 | + <h1>Posts from <?php the_time(' F Y') ?></h1> |
26 | +</div> |
27 | +<div class="row"> |
28 | + <span class="filter-toggle">Filter by date</span> |
29 | +<div class="two-col filter"> |
30 | + <div id="accordion"> |
31 | <?php |
32 | /**/ |
33 | $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 | foreach($years as $year) : |
35 | ?> |
36 | - <li class="year"><h3><a href="<?php echo get_year_link($year); ?> "><?php echo $year; ?></a></h3> |
37 | - |
38 | + <h3><?php echo $year; ?></h3> |
39 | + <div> |
40 | <ul id="" class="no-bullets"> |
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"); |
42 | - foreach($months as $month) : |
43 | - ?> |
44 | - <li class=""><a href="<?php echo get_month_link($year, $month); ?>"><?php echo date( 'F', mktime(0, 0, 0, $month) );?> |
45 | - <?php $monthly_posts = query_posts("year=".$year."&monthnum=".$month."&order=DESC"); |
46 | - $post_count = count($monthly_posts); |
47 | - ?> |
48 | - (<?php if($post_count >= 1) { echo $post_count.''; } wp_reset_query(); ?>)</a></li> |
49 | - <?php endforeach;?> |
50 | + <? $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 | + foreach($months as $month) : |
52 | + ?> |
53 | + <li class=""><a href="<?php echo get_month_link($year, $month); ?>"><?php echo date( 'F', mktime(0, 0, 0, $month) );?> |
54 | + <?php $monthly_posts = query_posts("year=".$year."&monthnum=".$month."&order=DESC"); |
55 | + $post_count = count($monthly_posts); |
56 | + ?> |
57 | + (<?php if($post_count >= 1) { echo $post_count.''; } wp_reset_query(); ?>)</a></li> |
58 | + <?php endforeach;?> |
59 | </ul> |
60 | - </li> |
61 | - <?php endforeach; ?> |
62 | - </ul> |
63 | + </div> |
64 | + <?php endforeach;?> |
65 | + </div> |
66 | </div><!-- /.two-col --> |
67 | - <?php if (have_posts()) : ?> |
68 | - <?php while (have_posts()) : the_post(); ?> |
69 | - <?php if(++$postCount == 1) { ?> |
70 | - <h1>Posts from <?php the_time(' F Y') ?></h1> |
71 | - <div class="nine-col last-col"> |
72 | - <ul id="results-list" class="no-bullets"> |
73 | - <?php } ?> |
74 | - <li class="box"> |
75 | - <article> |
76 | - <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> |
77 | - <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> |
78 | - <?php the_excerpt(); ?> |
79 | - <?#php comments_number('No <span class="postHeaderValue">Comments</span>','1 <span class="postHeaderValue">Comment</span>','% <span class="postHeaderValue">Comments</span>'); ?> |
80 | - </article> |
81 | - </li> |
82 | - <?php endwhile; ?> |
83 | - </ul> |
84 | - <?php else : ?> |
85 | - <?php endif; // end have_posts ?> |
86 | - </div><!-- /.eight-col --> |
87 | - </section> |
88 | + |
89 | + |
90 | + <div class="eight-col prepend-one last-col"> |
91 | + <ul class="results-list no-bullets"> |
92 | + <?php } ?> |
93 | + <li> |
94 | + <article> |
95 | + <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 | + <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 | + <?php the_excerpt(); ?> |
98 | + <?#php comments_number('No <span class="postHeaderValue">Comments</span>','1 <span class="postHeaderValue">Comment</span>','% <span class="postHeaderValue">Comments</span>'); ?> |
99 | + </article> |
100 | + </li> |
101 | + <?php endwhile; ?> |
102 | + </ul> |
103 | + <?php else : ?> |
104 | + <?php endif; // end have_posts ?> |
105 | + </div><!-- /.eight-col --> |
106 | </div> |
107 | <?php get_footer(); ?> |
108 | \ No newline at end of file |
109 | |
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 | Template Name: Archives |
115 | */ |
116 | get_header(); ?> |
117 | - |
118 | <div id="content" role="main"> |
119 | -<div class="row"> |
120 | -<div class="two-col"> |
121 | -<ul id="list-archives" class="no-bullets"> |
122 | -<?php |
123 | -/**/ |
124 | -$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"); |
125 | -foreach($years as $year) : |
126 | -?> |
127 | - <li class="year"><h3><a href="<?php echo get_year_link($year); ?> "><?php echo $year; ?></a></h3> |
128 | - |
129 | - <ul id="" class="no-bullets"> |
130 | - <? $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"); |
131 | - foreach($months as $month) : |
132 | - ?> |
133 | - <li class=""><a href="<?php echo get_month_link($year, $month); ?>"><?php echo date( 'F', mktime(0, 0, 0, $month) );?> |
134 | - <?php $monthly_posts = query_posts("year=".$year."&monthnum=".$month."&order=DESC"); |
135 | - $post_count = count($monthly_posts); |
136 | - ?> |
137 | -(<?php if($post_count >= 1) { echo $post_count.''; } wp_reset_query(); ?>)</a></li> |
138 | - <?php endforeach;?> |
139 | - </ul> |
140 | - </li> |
141 | -<?php endforeach; ?> |
142 | -</ul> |
143 | -</div><!-- /.two-col --> |
144 | -<?php $postCount = 0; ?> |
145 | - <?php if(++$postCount == 1) { ?> |
146 | - <h1>Archives</h1> |
147 | - <div class="nine-col last-col"> |
148 | - <ul id="results-list" class="no-bullets"> |
149 | - <?php } ?> |
150 | - <?php $recent = new WP_Query("showposts=10"); while($recent->have_posts()) : $recent->the_post();?> |
151 | - <li class="box"> |
152 | - <article> |
153 | - <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> |
154 | - <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> |
155 | - <?php the_excerpt(); ?> |
156 | - <?#php comments_number('No <span class="postHeaderValue">Comments</span>','1 <span class="postHeaderValue">Comment</span>','% <span class="postHeaderValue">Comments</span>'); ?> |
157 | - </article> |
158 | - </li> |
159 | - <?php endwhile;?> |
160 | - </ul> |
161 | -</div><!-- end .entry-content --> |
162 | - |
163 | -</div> |
164 | - </div><!-- #content --> |
165 | + <div class="row"> |
166 | + <h1>Archives</h1> |
167 | + </div> |
168 | + <div class="row"> |
169 | + <span class="filter-toggle">Filter by date</span> |
170 | + <div class="two-col filter"> |
171 | + <div id="accordion"> |
172 | + <?php |
173 | + /**/ |
174 | + $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 | + foreach($years as $year) : |
176 | + ?> |
177 | + <h3><?php echo $year; ?></h3> |
178 | + <div> |
179 | + <ul id="" class="no-bullets"> |
180 | + <? $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 | + foreach($months as $month) : |
182 | + ?> |
183 | + <li class=""><a href="<?php echo get_month_link($year, $month); ?>"><?php echo date( 'F', mktime(0, 0, 0, $month) );?> |
184 | + <?php $monthly_posts = query_posts("year=".$year."&monthnum=".$month."&order=DESC"); |
185 | + $post_count = count($monthly_posts); |
186 | + ?> |
187 | + (<?php if($post_count >= 1) { echo $post_count.''; } wp_reset_query(); ?>)</a></li> |
188 | + <?php endforeach;?> |
189 | + </ul> |
190 | + </div> |
191 | + <?php endforeach;?> |
192 | + </div> |
193 | + </div><!-- /.two-col --> |
194 | + <?php $postCount = 0; ?> |
195 | + <?php if(++$postCount == 1) { ?> |
196 | + |
197 | + <div class="eight-col prepend-one last-col"> |
198 | + <ul class="results-list no-bullets"> |
199 | + <?php } ?> |
200 | + <?php $recent = new WP_Query("showposts=10"); while($recent->have_posts()) : $recent->the_post();?> |
201 | + <li> |
202 | + <article> |
203 | + <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 | + <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 | + <?php the_excerpt(); ?> |
206 | + <?#php comments_number('No <span class="postHeaderValue">Comments</span>','1 <span class="postHeaderValue">Comment</span>','% <span class="postHeaderValue">Comments</span>'); ?> |
207 | + </article> |
208 | + </li> |
209 | + <?php endwhile;?> |
210 | + </ul> |
211 | + </div><!-- end .entry-content --> |
212 | + </div> |
213 | +</div><!-- #content --> |
214 | |
215 | <?php get_footer(); ?> |
216 | |
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 | |
222 | <div class="row"> |
223 | <div class="seven-col"> |
224 | - <?php |
225 | - $curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author)); |
226 | - if(get_the_author_meta('user_photo', $curauth->ID)): ?> |
227 | - <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" /> |
228 | - <?php else : ?> |
229 | - <?php echo get_avatar($curauth->user_email, '180', $avatar); ?> |
230 | - <?php endif; ?> |
231 | + <?php |
232 | + $curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author)); |
233 | + if(get_the_author_meta('user_photo', $curauth->ID)): ?> |
234 | + <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 | + <?php else : ?> |
236 | + <?php echo get_avatar($curauth->user_email, '180', $avatar); ?> |
237 | + <?php endif; ?> |
238 | <div class="bio"> |
239 | <header> |
240 | <h1><?php echo $curauth->first_name . ' ' . $curauth->last_name; ?></h1> |
241 | |
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 | </div><!-- /#main-content --> |
247 | </div><!-- /.wrapper --> |
248 | |
249 | -<footer class="global clearfix" role="contentinfo"> |
250 | - <div class="legal clearfix"> |
251 | - <p>© <?php echo date('Y'); ?> Canonical Ltd. Ubuntu and Canonical are registered trademarks of Canonical Ltd.</p> |
252 | - <ul class="no-bullets inline"> |
253 | - <li class="first"><a href="https://bugs.launchpad.net/canonical-blog/+filebug">Report a bug on this site</a></li> |
254 | - <li class="link-rss"><a href="http://blog.canonical.com/feed/"><abbr title="Really Simple Syndication">RSS</abbr> feed</a></li> |
255 | - <li class="canonilink"><a href="http://www.canonical.com">Canonical Ltd</a></li> |
256 | - <li class="last-item"><p class="top-link accessibility-aid"><a href="#">Back to top</a></p></li> |
257 | - </ul> |
258 | - </div> |
259 | -</footer> |
260 | +<div class="footer-wrapper strip-light"> |
261 | + <footer class="global clearfix"> |
262 | + <nav role="navigation"> |
263 | + <div class="row"> |
264 | + <div id="canonlist" class="canonlist four-col"> |
265 | + <h2>Canonical</h2> |
266 | + <ul> |
267 | + <li><a href="http://www.canonical.com/products">Products</a></li> |
268 | + <li><a href="http://www.canonical.com/projects">Projects</a></li> |
269 | + <li><a href="http://www.canonical.com/services">Services</a></li> |
270 | + <li><a href="http://www.canonical.com/partners">Partners</a></li> |
271 | + <li><a href="http://www.canonical.com/about">About</a></li> |
272 | + <li><a href="http://www.canonical.com/careers">Careers</a></li> |
273 | + </ul> |
274 | + </div> |
275 | + <div class="five-col"> |
276 | + <h2>Follow us</h2> |
277 | + <ul class="list-social"> |
278 | + <li><a id="item-twitter" href="https://twitter.com/Canonical">@canonical on Twitter</a></li> |
279 | + <li><a id="item-google" href="https://plus.google.com/116469902245452284818/posts">Canonical on Google+</a></li> |
280 | + <li><a id="item-facebook" href="https://www.facebook.com/pages/Canonical/125818784107695?fref=ts">Canonical on Facebook</a></li> |
281 | + <li><a id="item-canonical" href="http://www.canonical.com">Canonical</a></li> |
282 | + </ul> |
283 | + </div> |
284 | + <div id="additional-info" class="three-col last-col"> |
285 | + <h2>Find out more</h2> |
286 | + <div> |
287 | + <ul> |
288 | + <li><a href="http://www.ubuntu.com">Ubuntu</a></li> |
289 | + <li><a href="http://www.ubuntu.com/management/ubuntu-advantage">Ubuntu Advantage</a></li> |
290 | + <li><a href="http://www.ubuntu.com/partners">Partnerships</a></li> |
291 | + <li><a href="http://insights.ubuntu.com">Press and resources</a></li> |
292 | + </ul> |
293 | + </div> |
294 | + </div> |
295 | + </div> |
296 | + </nav> |
297 | + <div class="legal clearfix"> |
298 | + <div class="legal-inner"> |
299 | + <p class="twelve-col">© <?php echo date('Y'); ?> Canonical Ltd. Ubuntu and Canonical are registered trademarks of Canonical Ltd.</p> |
300 | + <ul class="inline clear"> |
301 | + <li><a href="http://www.ubuntu.com/legal">Legal information</a></li> |
302 | + <li class="link-rss"><a href="http://blog.canonical.com/feed/"><abbr title="Really Simple Syndication">RSS</abbr> feed</a></li> |
303 | + <li class="canonilink"><a href="http://www.canonical.com">Canonical Ltd</a></li> |
304 | + </ul> |
305 | + <span class="accessibility-aid"><a href="#">Got to the top of the page</a></span> |
306 | + </div> |
307 | + </div><!-- /.legal --> |
308 | + </footer> |
309 | +</div> |
310 | |
311 | <?php wp_footer(); ?> |
312 | |
313 | -<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/plugins/yui-combined-min.js"></script> |
314 | -<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/core.js"></script> |
315 | -<script src="http://assets.ubuntu.com/sites/ubuntu/latest/u/js/global.js"></script> |
316 | +<!-- Use this only until Modernizr fixes Opera Mini background-size detection --> |
317 | +<script> |
318 | + var isOperaMini = (navigator.userAgent.indexOf('Opera Mini') > -1); |
319 | + if(isOperaMini) { |
320 | + var root = document.documentElement; |
321 | + root.className += " opera-mini"; |
322 | + } |
323 | +</script> |
324 | +<script src="http://assets.ubuntu.com/sites/ubuntu/1244/u/js/plugins/yui-combined.min.js"></script> |
325 | +<script> |
326 | + if(!core){ var core = {}; } |
327 | + core.globalPrepend = 'body'; |
328 | +</script> |
329 | |
330 | +<script src="//assets.ubuntu.com/sites/guidelines/js/responsive/core.js"></script> |
331 | +<script src="//assets.ubuntu.com/sites/ubuntu/1244/u/js/global.js"></script> |
332 | +<script src="//assets.ubuntu.com/sites/ubuntu/1244/u/js/scratch.js"></script> |
333 | +<script src="//assets.ubuntu.com/sites/ubuntu/1244/u/js/plugins/respond.min.js"></script> |
334 | +<script src="<?php bloginfo('template_url'); ?>/library/js/jquery.core.js"></script> |
335 | +<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> |
336 | </body> |
337 | -</html> |
338 | \ No newline at end of file |
339 | +</html> |
340 | |
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 | } |
346 | add_filter('get_comments_number', 'comment_count', 0); |
347 | |
348 | +function div_wrapper($content) { |
349 | + // match any iframes |
350 | + $pattern = '~<iframe.*</iframe>|<embed.*</embed>~'; |
351 | + preg_match_all($pattern, $content, $matches); |
352 | + |
353 | + foreach ($matches[0] as $match) { |
354 | + // wrap matched iframe with div |
355 | + $wrappedframe = '<div class="video-container">' . $match . '</div>'; |
356 | + |
357 | + //replace original iframe with new in content |
358 | + $content = str_replace($match, $wrappedframe, $content); |
359 | + } |
360 | + |
361 | + return $content; |
362 | +} |
363 | +add_filter('the_content', 'div_wrapper'); |
364 | + |
365 | function canonical_scripts_styles() { |
366 | // Adds JavaScript to pages with the comment form to support sites with |
367 | // threaded comments (when in use). |
368 | @@ -43,12 +60,12 @@ |
369 | </div> |
370 | <?php if ($comment->comment_approved == '0') : ?> |
371 | <em><?php _e('Your comment is awaiting moderation.') ?></em> |
372 | - <?php endif; ?> |
373 | - |
374 | - <?php comment_text() ?> |
375 | - |
376 | - <div class="reply"> |
377 | - <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?> |
378 | + <?php endif; ?> |
379 | + <div class="six-col last-col"> |
380 | + <?php comment_text() ?> |
381 | + <div class="reply"> |
382 | + <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?> |
383 | + </div> |
384 | </div> |
385 | </div> |
386 | <?php |
387 | |
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 | |
393 | <!-- Google Chrome Frame for IE --> |
394 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
395 | +<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;"> |
396 | |
397 | <link rel="shortcut icon" href="http://www.canonical.com/static/img/favicon.ico" /> |
398 | <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> |
399 | |
400 | <!-- stylesheet --> |
401 | -<link rel="stylesheet" type="text/css" media="all" href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,400italic" /> |
402 | -<link rel="stylesheet" type="text/css" media="screen" href="http://assets.ubuntu.com/sites/guidelines/css/latest/ubuntu-styles.css" /> |
403 | -<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" /> |
404 | -<link rel="stylesheet" type="text/css" media="screen" href="http://assets.ubuntu.com/sites/ubuntu/latest/u/css/global.css" /> |
405 | - |
406 | +<!-- google fonts --> |
407 | +<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,700,700italic|Ubuntu+Mono' rel='stylesheet' type='text/css' /> |
408 | +<link rel="stylesheet" type="text/css" media="screen" href="//assets.ubuntu.com/sites/guidelines/css/responsive/latest/ubuntu-styles.css"> |
409 | +<link rel="stylesheet" type="text/css" media="screen" href="//assets.ubuntu.com/sites/ubuntu/1245/u/css/beta/global-responsive.css"> |
410 | + |
411 | +<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/library/css/stylesheets/styles.css" type="text/css" /> |
412 | + |
413 | +<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/library/js/modernizr.2.7.1.js"></script> |
414 | +<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/library/js/respond.js"></script> |
415 | <!-- wordpress head functions --> |
416 | <?php wp_head(); ?> |
417 | <!-- end of wordpress head --> |
418 | @@ -56,15 +61,15 @@ |
419 | <nav role="navigation" class="nav-primary nav-right"> |
420 | <div class="logo"> |
421 | <a class="logo-ubuntu" href="<?php echo get_option('home'); ?>/"> |
422 | - <img width="118" height="27" src="<?php echo get_template_directory_uri(); ?>/library/img/logo.png" alt="<?php bloginfo('name'); ?> logo" /> |
423 | + <img width="130" height="27" src="<?php echo get_template_directory_uri(); ?>/library/img/logo.png" alt="<?php bloginfo('name'); ?> logo" /> |
424 | <span>blog</span> |
425 | </a> |
426 | </div> |
427 | <ul> |
428 | <?php //wp_list_pages('sort_column=menu_order&title_li=&depth=1'); ?> |
429 | - <li id="nav-about"><a href="/about">About</a></li> |
430 | - <li id="nav-topics"><a href="#">Topics</a> |
431 | - <ul> |
432 | + <li><a href="/about">About</a></li> |
433 | + <li class="topics"><a href="#">Topics</a> |
434 | + <ul class="second-level-nav"> |
435 | <?php |
436 | $category = get_category_by_slug('Featured'); |
437 | $catid = $category->term_id; |
438 | @@ -74,9 +79,7 @@ |
439 | </li> |
440 | <li id="nav-archives"><a href="/archives">Archives</a></li> |
441 | </ul> |
442 | - <div id="box-search"> |
443 | - <?php include (TEMPLATEPATH . '/searchform.php'); ?> |
444 | - </div> |
445 | + <?php include (TEMPLATEPATH . '/searchform.php'); ?> |
446 | </nav> |
447 | </header> |
448 | |
449 | |
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 | <div class="prepend-one three-col last-col"> |
455 | <a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>"> |
456 | <?php if(get_the_author_meta('user_photo', $curauth->ID)): ?> |
457 | - <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" /> |
458 | + <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 | <?php else : ?> |
460 | - <?php echo get_avatar($curauth->user_email, '60', $avatar); ?> |
461 | + <?php echo get_avatar($curauth->user_email, '60', $avatar); ?> |
462 | <?php endif; ?> |
463 | </a> |
464 | <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 | |
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 | |
471 | <?php // start editing here. ?> |
472 | <div id="comments" class="eight-col"> |
473 | -<?php if ($comments) : ?> |
474 | -<h3><?php comments_number('No comments', '1 comment', '% comments' );?> </h3> |
475 | - |
476 | + <?php if ($comments) : ?> |
477 | + <h3><?php comments_number('No comments', '1 comment', '% comments' );?> </h3> |
478 | <ol class="comment-list"> |
479 | <?php |
480 | wp_list_comments( array( |
481 | @@ -32,72 +31,68 @@ |
482 | ) ); |
483 | ?> |
484 | </ol><!-- .comment-list --> |
485 | -<?php if ($trackback == true) { ?> |
486 | -<div id="post-trackbacks" class="container<?php if (get_comments_number()==0) { echo ' no-comments'; } ?>"> |
487 | -<h3>Trackbacks</h3> |
488 | -<ol class="no-bullets"> |
489 | -<?php foreach ($comments as $comment) : ?> |
490 | -<?php $comment_type = get_comment_type(); ?> |
491 | -<?php if($comment_type != 'comment') { ?> |
492 | -<li><?php comment_author_link() ?></li> |
493 | -<?php } ?> |
494 | -<?php endforeach; ?> |
495 | -</ol> |
496 | -</div> |
497 | -<?php } ?> |
498 | -<?php else : // this is displayed if there are no comments so far ?> |
499 | -<?php if ('open' == $post->comment_status) : ?> |
500 | -<!-- If comments are open, but there are no comments. --> |
501 | -<?php else : // comments are closed ?> |
502 | -<!-- If comments are closed. --> |
503 | -<p class="no-comments">Comments are closed.</p> |
504 | -<?php endif; ?> |
505 | -<?php endif; ?> |
506 | -<?php if ('open' == $post->comment_status) : ?> |
507 | -<div id="respond"> |
508 | -<h3 id="add-comment"<?php if ($trackback == true) { echo ' class="has-trackbacks"'; } ?>>Add your comment</h3> |
509 | - |
510 | -<?php if ( get_option('comment_registration') && !$user_ID ) : ?> |
511 | -<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> |
512 | -<?php else : ?> |
513 | - |
514 | -<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="comment-form" class=""> |
515 | -<input name="comment_post_ID" value="0" id="comment_post_ID" type="hidden"> |
516 | -<input name="comment_parent" id="comment_parent" value="0" type="hidden"> |
517 | -<fieldset> |
518 | -<ul class="no-bullets"> |
519 | -<?php if ( $user_ID ) : ?> |
520 | - <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 »</a></p></li> |
521 | - |
522 | -<?php else : ?> |
523 | - |
524 | - <li> |
525 | - <label for="author">Your name <?php if ($req) echo "(required)"; ?></label> |
526 | - <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'"; ?> /> |
527 | - </li> |
528 | - <li> |
529 | - <label for="email">Your email <?php if ($req) echo "(required)"; ?></label> |
530 | - <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'"; ?> /> |
531 | - </li> |
532 | - <li> |
533 | - <label for="url">Your website</label> |
534 | - <input class="text" type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="8" /> |
535 | - </li> |
536 | -<?php endif; ?> |
537 | - <li> |
538 | - <label for="comment">Your comment <?php if ($req) echo "(required)"; ?><?php cancel_comment_reply_link(); ?></label> |
539 | - <textarea name="comment" id="comment" cols="10" rows="10" tabindex="9"></textarea> |
540 | - </li> |
541 | - <!-- <li><p><strong>XHTML:</strong> You can use these tags: <code><?#php echo allowed_tags(); ?></code></p></li> --> |
542 | - <li> |
543 | - <button name="submit" type="submit" id="submit" tabindex="10" class="cta-canonical">Submit your comment</button> |
544 | - <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" /> |
545 | - </li> |
546 | -</ul> |
547 | -<div><?php do_action('comment_form', $post->ID); ?></div> |
548 | -</fieldset> |
549 | -</form> |
550 | -</div> |
551 | + <?php if ($trackback == true) { ?> |
552 | + <div id="post-trackbacks" class="container<?php if (get_comments_number()==0) { echo ' no-comments'; } ?>"> |
553 | + <h3>Trackbacks</h3> |
554 | + <ol class="no-bullets"> |
555 | + <?php foreach ($comments as $comment) : ?> |
556 | + <?php $comment_type = get_comment_type(); ?> |
557 | + <?php if($comment_type != 'comment') { ?> |
558 | + <li><?php comment_author_link() ?></li> |
559 | + <?php } ?> |
560 | + <?php endforeach; ?> |
561 | + </ol> |
562 | + </div> |
563 | + <?php } ?> |
564 | + <?php else : // this is displayed if there are no comments so far ?> |
565 | + <?php if ('open' == $post->comment_status) : ?> |
566 | + <!-- If comments are open, but there are no comments. --> |
567 | + <?php else : // comments are closed ?> |
568 | + <!-- If comments are closed. --> |
569 | + <p class="no-comments">Comments are closed.</p> |
570 | + <?php endif; ?> |
571 | +<?php endif; ?> |
572 | +<?php if ('open' == $post->comment_status) : ?> |
573 | + <div id="respond"> |
574 | + <h3 id="add-comment"<?php if ($trackback == true) { echo ' class="has-trackbacks"'; } ?>>Add your comment</h3> |
575 | + <?php if ( get_option('comment_registration') && !$user_ID ) : ?> |
576 | + <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 | + <?php else : ?> |
578 | + <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="comment-form" class=""> |
579 | + <input name="comment_post_ID" value="0" id="comment_post_ID" type="hidden"> |
580 | + <input name="comment_parent" id="comment_parent" value="0" type="hidden"> |
581 | + <fieldset> |
582 | + <ul class="no-bullets"> |
583 | + <?php if ( $user_ID ) : ?> |
584 | + <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 »</a></p></li> |
585 | + <?php else : ?> |
586 | + <li> |
587 | + <label for="author">Your name <?php if ($req) echo "(required)"; ?></label> |
588 | + <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 | + </li> |
590 | + <li> |
591 | + <label for="email">Your email <?php if ($req) echo "(required)"; ?></label> |
592 | + <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 | + </li> |
594 | + <li> |
595 | + <label for="url">Your website</label> |
596 | + <input class="text" type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="8" /> |
597 | + </li> |
598 | + <?php endif; ?> |
599 | + <li> |
600 | + <label for="comment">Your comment <?php if ($req) echo "(required)"; ?><?php cancel_comment_reply_link(); ?></label> |
601 | + <textarea name="comment" id="comment" cols="10" rows="10" tabindex="9"></textarea> |
602 | + </li> |
603 | + <!-- <li><p><strong>XHTML:</strong> You can use these tags: <code><?#php echo allowed_tags(); ?></code></p></li> --> |
604 | + <li> |
605 | + <button name="submit" type="submit" id="submit" tabindex="10" class="cta-canonical">Submit your comment</button> |
606 | + <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" /> |
607 | + </li> |
608 | + </ul> |
609 | + <div><?php do_action('comment_form', $post->ID); ?></div> |
610 | + </fieldset> |
611 | + </form> |
612 | + </div> |
613 | <?php endif; // If registration required and not logged in ?> |
614 | <?php endif; // if you delete this the sky will fall on your head ?> |
615 | </div><!-- /#comments --> |
616 | \ No newline at end of file |
617 | |
618 | === modified file 'library/.DS_Store' (properties changed: -x to +x) |
619 | 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 | 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 | +require 'compass/import-once/activate' |
627 | +# Require any additional compass plugins here. |
628 | + |
629 | +# Set this to the root of your project when deployed: |
630 | +http_path = "/" |
631 | +css_dir = "stylesheets" |
632 | +sass_dir = "sass" |
633 | +images_dir = "images" |
634 | +javascripts_dir = "javascripts" |
635 | + |
636 | +# You can select your preferred output style here (can be overridden via the command line): |
637 | +# output_style = :expanded or :nested or :compact or :compressed |
638 | + |
639 | +# To enable relative paths to assets via compass helper functions. Uncomment: |
640 | +# relative_assets = true |
641 | + |
642 | +# To disable debugging comments that display the original location of your selectors. Uncomment: |
643 | +line_comments = false |
644 | + |
645 | + |
646 | +# If you prefer the indented syntax, you might want to regenerate this |
647 | +# project again passing --syntax sass, or you can uncomment this: |
648 | +# preferred_syntax = :sass |
649 | +# and then run: |
650 | +# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass |
651 | |
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 | +@charset "UTF-8"; |
658 | +/** |
659 | + * Ubuntu Patterns Stylesheet |
660 | + * |
661 | + * The CSS file required by Ubuntu patterns page |
662 | + * |
663 | + * @project Ubuntu Patterns |
664 | + * @author Web Team at Canonical Ltd |
665 | + * @copyright 2012 Canonical Ltd |
666 | + * |
667 | + * @see http://design.ubuntu.com |
668 | + */ |
669 | + |
670 | +$one_col: 6.38297%; |
671 | +$two_col: 14.89361%; |
672 | +$three_col: 23.40425%; |
673 | +$four_col: 31.91489%; |
674 | +$five_col: 40.42553%; |
675 | +$six_col: 48.93617%; |
676 | +$seven_col: 57.4468%; |
677 | +$eight_col: 65.95744%; |
678 | +$nine_col: 74.46808%; |
679 | +$ten_col: 82.97872%; |
680 | +$eleven-col: 91.48936%; |
681 | + |
682 | +/** |
683 | + * standard colors |
684 | + * |
685 | + * @colordef standard colors |
686 | + */ |
687 | + |
688 | +$ubuntu_orange: #dd4814; /* ubuntu orange (used for text links also on any site except canonical) */ |
689 | +$light_orange: #fdf6f2; /* used as background on pre text */ |
690 | +$canonical_aubergine: #772953; /* canonical aubergine */ |
691 | +$light_aubergine: #77216f; /* light aubergine (consumer) */ |
692 | +$mid_aubergine: #5e2750; /* mid aubergine (both) */ |
693 | +$dark_aubergine: #2c001e; /* dark aubergine (enterprise) */ |
694 | +$warm_grey: #aea79f; /* warm grey */ |
695 | +$cool_grey: #333333; /* cool grey */ |
696 | +$light_grey: #f7f7f7; /* light grey */ |
697 | + |
698 | +/* notifications */ |
699 | +$error: #df382c; /* red */ |
700 | +$warning: #eca918; /* yellow */ |
701 | +$success: #38b44a; /* green */ |
702 | +$information: #19b6ee; /* cyan */ |
703 | + |
704 | +/* colour coded status - from negative to positive (Icon: canonical circle) */ |
705 | +$status_red: #df382c; /* red, for status that require immediate attention */ |
706 | +$status_grey: #aea79f; /* grey, for disabled status or ones that don’t require attention */ |
707 | +$status_yellow: #efb73e; /* yellow, for status that require attention */ |
708 | +$status_blue: #19b6ee; /* blue, for status that don’t require action */ |
709 | +$status_green: #38b44a; /* green, for positive status */ |
710 | + |
711 | +/* misc colours */ |
712 | +$box_solid_grey: #efefef; |
713 | +$link_color: $ubuntu_orange; /* This is the global link color, mainly used for links in content */ |
714 | + |
715 | +/* blog colours */ |
716 | + |
717 | +$header_bg: $canonical_aubergine; |
718 | +$nav_bg: #f0f0f0; |
719 | +$nav_link_color: #fff; |
720 | +$nav_border_dark: #642246; |
721 | +$nav_border_light: #9d366d; |
722 | +$nav_hover_bg: #923266; |
723 | +$nav_active_bg: #ddd; |
724 | +$search_bg: #481e3d; |
725 | +$search_focus: #281122; |
726 | + |
727 | +/* grid variables */ |
728 | +$base: 16; |
729 | +$gutter_width: 20px; |
730 | +$grid_gutter: 20px; |
731 | +$gutter: 2.12766%; |
732 | \ No newline at end of file |
733 | |
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 | +@charset "UTF-8"; |
739 | +/** |
740 | + * mixins |
741 | + * |
742 | + * @section mixins |
743 | + */ |
744 | + |
745 | +@mixin font_size ($size: 16) { |
746 | + font-size: ($size / $base)em; |
747 | + margin-bottom: (12 / $size)em; |
748 | +} |
749 | + |
750 | +@mixin box_sizing ($type: border-box) { |
751 | + -webkit-box-sizing: $type; |
752 | + -moz-box-sizing: $type; |
753 | + box-sizing: $type; |
754 | +} |
755 | + |
756 | +@mixin rounded_corners($radius: 4px 4px 4px 4px) { |
757 | + -webkit-border-radius: $radius; |
758 | + -moz-border-radius: $radius; |
759 | + border-radius: $radius; |
760 | +} |
761 | + |
762 | +@mixin box_shadow($shadow...) { |
763 | + -moz-box-shadow: $shadow; |
764 | + -webkit-box-shadow: $shadow; |
765 | + box-shadow: $shadow; |
766 | +} |
767 | + |
768 | +@mixin gradient($from, $to) { |
769 | + background-color: $to; |
770 | + background-image: -moz-linear-gradient($from, $to); |
771 | + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to)); |
772 | + background-image: -webkit-linear-gradient($from, $to); |
773 | + background-image: -o-linear-gradient($from, $to); |
774 | +} |
775 | + |
776 | +@mixin footer($background) { |
777 | + padding: $gutter_width $two_col $gutter_width $four_col; |
778 | + margin-bottom: 0; |
779 | + background: url($background) no-repeat scroll $one_col center #F7F7F7; |
780 | +} |
781 | + |
782 | +@mixin clearfix() { |
783 | + *zoom:1; |
784 | + |
785 | + &:before, |
786 | + &:after { |
787 | + content:""; |
788 | + display:table; |
789 | + } |
790 | + &:after { |
791 | + clear:both; |
792 | + } |
793 | +} |
794 | + |
795 | +// CSS3 colunms |
796 | +@mixin columns($num: 3, $gap: 20) { |
797 | + -moz-column-count: $num; |
798 | + -moz-column-gap: ($gap / $base)em; |
799 | + -webkit-column-count: $num; |
800 | + -webkit-column-gap: ($gap / $base)em; |
801 | + column-count: $num; |
802 | + column-gap: ($gap / $base)em; |
803 | +} |
804 | + |
805 | +@mixin background_size($size: 100% 100%) { |
806 | + -moz-background-size: $size; |
807 | + -webkit-background-size: $size; |
808 | + -o-background-size: $size; |
809 | + background-size: $size; |
810 | +} |
811 | \ No newline at end of file |
812 | |
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 | +@charset 'UTF-8'; |
818 | + |
819 | +/* --------------------------------------------------------------- |
820 | +------------------------------------------------------------------ |
821 | + DO NOT EDIT STYLES.CSS |
822 | + It is autogenerated. |
823 | + |
824 | + Project: Ubuntu Front-End |
825 | + Author: Web Team at Canonical Ltd |
826 | + Last edited by: Richard McCartney |
827 | + Last edited on: 02/10/2014 |
828 | + |
829 | + CONTENTS: |
830 | + ----------------------------------------------------------------- |
831 | + |
832 | + @section header |
833 | + @section homepage |
834 | + @section Footer |
835 | + @section Tabbed menu in accordion mode (TODO: WIP) |
836 | + @section Taleo |
837 | + |
838 | + @section Medium / Tablet viewport |
839 | + @section Large / Desktop viewport |
840 | + |
841 | + Rounded corners |
842 | + ----------------------------------------------------------------- |
843 | + @include rounded_corners(top-left top-right bottom-right bottom-left); |
844 | + examples |
845 | + @include rounded_corners(0 0 4px 4px); rounded bottoms |
846 | + @include rounded_corners(4px); all corners rounded |
847 | + |
848 | + Base grid sass, this lives in /sites/core/static/core-grid.scss |
849 | + ----------------------------------------------------------------- |
850 | + $base: 16; |
851 | + $column_width: ( 60 / $base )em; |
852 | + $gutter_width: ( 20 / $base )em; |
853 | + $grid_column: ( 57 / $base )em; nested columns |
854 | + $grid_gutter: ( 18 / $base )em; |
855 | + |
856 | + Available grid widths |
857 | + ----------------------------------------------------------------- |
858 | + $one_col - $twelve_col |
859 | + |
860 | + Using these enables us to give individual elements specific widths without adding a static width: |
861 | + |
862 | + padding: $gutter_width; |
863 | + width: $twelve_col - ( 2 * $gutter_width ); |
864 | + |
865 | + Colour definitiions are in /sites/core/static/core-constants.scss |
866 | + ----------------------------------------------------------------- |
867 | + $ubuntu_orange: #dd4814; ubuntu orange (used for text links also on any site except canonical) |
868 | + $canonical_aubergine: #772953; @warmcanonical aubergine |
869 | + $light_aubergine: #77216f; light aubergine (consumer) |
870 | + $mid_aubergine: #5e2750; mid aubergine (both) |
871 | + $dark_aubergine: #2c001e; dark aubergine (enterprise) |
872 | + $warm_grey: #aea79f; warm grey |
873 | + $cool_grey: #333333; cool grey |
874 | + $light_grey: #f7f7f7; light grey |
875 | + |
876 | + Notifications |
877 | + $error: #df382c; red |
878 | + $warning: #eca918; yellow |
879 | + $success: #38b44a; green |
880 | + $information: #19b6ee; cyan |
881 | + |
882 | + Colour coded status - from negative to positive (icon: canonical circle) |
883 | + $status_red: #df382c; red, for status that require immediate attention |
884 | + $status_grey: #aea79f; grey, for disabled status or ones that don’t require attention |
885 | + $status_yellow: #efb73e; yellow, for status that require attention |
886 | + $status_blue: #19b6ee; blue, for status that don’t require action |
887 | + $status_green: #38b44a; green, for positive status |
888 | + |
889 | + misc colours |
890 | + $box_solid_grey: #efefef; |
891 | + |
892 | + $link_color: $ubuntu_orange; This is the global link color, mainly used for links in content |
893 | + |
894 | + Notes: |
895 | + ----------------------------------------------------------------- |
896 | + 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 | + |
898 | +----------------------------------------------------------------- |
899 | +-------------------------------------------------------------- */ |
900 | + |
901 | +@import 'core-constants'; |
902 | +@import 'core-mixins'; |
903 | + |
904 | +/* @section global |
905 | +-------------------------------------------------------------- */ |
906 | + |
907 | +a { |
908 | + |
909 | + &:link, |
910 | + &:visited { |
911 | + color: $canonical_aubergine; |
912 | + } |
913 | +} |
914 | + |
915 | +#main-content .row-hero { |
916 | + padding-top: 40px; |
917 | +} |
918 | + |
919 | +.inner-wrapper { |
920 | + border-bottom: 1px solid #d4d7d4; |
921 | +} |
922 | + |
923 | +body { |
924 | + |
925 | + .search #main-content article { |
926 | + margin-top: 20px; |
927 | + padding-top: 20px; |
928 | + border-top: 1px dotted $warm_grey; |
929 | + } |
930 | + |
931 | + .single .post-tags { |
932 | + font-size: 13px; |
933 | + } |
934 | + |
935 | + sup { |
936 | + vertical-align: super; |
937 | + } |
938 | +} |
939 | + |
940 | +/* @section header |
941 | +-------------------------------------------------------------- */ |
942 | + |
943 | + |
944 | +header.banner { |
945 | + @include box_shadow(0 2px 2px -2px $mid_aubergine inset); |
946 | + float: left; |
947 | + background-color: $header_bg; |
948 | + |
949 | + .logo-ubuntu, |
950 | + .nav-primary.nav-right .logo-ubuntu { |
951 | + min-width: 166px; |
952 | + padding-top: 10px; |
953 | + background: transparent; |
954 | + background-image: url('../../img/logo.png'); |
955 | + background-image: url('../../img/logo.svg'), none; |
956 | + background-repeat: no-repeat; |
957 | + background-position: 0 15px; |
958 | + background-size: 130px 19px; |
959 | + |
960 | + span { |
961 | + font-weight: 300; |
962 | + position: relative; |
963 | + top: 1px; |
964 | + float: left; |
965 | + padding-right: 20px; |
966 | + padding-left: 140px; |
967 | + } |
968 | + } |
969 | + |
970 | + .nav-primary { |
971 | + position: relative; |
972 | + overflow: visible; |
973 | + |
974 | + &.active { |
975 | + border: none; |
976 | + } |
977 | + |
978 | + li { |
979 | + ul { |
980 | + li { |
981 | + |
982 | + a:link, |
983 | + a:visited { |
984 | + width: 100%; |
985 | + } |
986 | + |
987 | + &:first-of-type a:link { |
988 | + padding: 8px 10px; |
989 | + } |
990 | + } |
991 | + } |
992 | + } |
993 | + |
994 | + ul { |
995 | + @include box_shadow(none); |
996 | + position: relative; |
997 | + top: 0; |
998 | + float: left; |
999 | + width: 100%; |
1000 | + padding: 0; |
1001 | + border: none; |
1002 | + background: none; |
1003 | + border-right: none; |
1004 | + |
1005 | + li { |
1006 | + font-size: 1em; |
1007 | + float: left; |
1008 | + margin: 0; |
1009 | + list-style-image: none; |
1010 | + vertical-align: bottom; |
1011 | + text-indent: 0; |
1012 | + |
1013 | + ul { |
1014 | + display: block; |
1015 | + } |
1016 | + |
1017 | + &:hover { |
1018 | + |
1019 | + ul:after { |
1020 | + display: none; |
1021 | + } |
1022 | + } |
1023 | + } |
1024 | + |
1025 | + ul { |
1026 | + @include box_shadow(none); |
1027 | + position: relative; |
1028 | + top: 0; |
1029 | + float: left; |
1030 | + width: 100%; |
1031 | + padding: 0; |
1032 | + border: none; |
1033 | + background: none; |
1034 | + |
1035 | + li { |
1036 | + float: left; |
1037 | + width: 50%; |
1038 | + border: 0; |
1039 | + border-right: none; |
1040 | + border-left: none; |
1041 | + } |
1042 | + |
1043 | + a, |
1044 | + a:active, |
1045 | + a:hover, |
1046 | + a:visited, |
1047 | + a:link { |
1048 | + border-left: none; |
1049 | + width: 100%; |
1050 | + } |
1051 | + |
1052 | + a:hover { |
1053 | + color: $light_aubergine; |
1054 | + } |
1055 | + |
1056 | + &:last-child { |
1057 | + border-right: 0; |
1058 | + } |
1059 | + } |
1060 | + } |
1061 | + |
1062 | + .topics { |
1063 | + font-size: 90%; |
1064 | + top: auto; |
1065 | + left: 0; |
1066 | + width: 100%; |
1067 | + height: auto; |
1068 | + margin: 0; |
1069 | + text-indent: 0; |
1070 | + text-transform: none; |
1071 | + color: #808080; |
1072 | + border-left: none; |
1073 | + border-right: none; |
1074 | + display: block; |
1075 | + |
1076 | + > a { |
1077 | + color: #808080; |
1078 | + @include box_shadow(inset 0px -1px 0 #d4d7d4); |
1079 | + |
1080 | + &:hover { |
1081 | + cursor: default; |
1082 | + background: none; |
1083 | + } |
1084 | + } |
1085 | + |
1086 | + ul { |
1087 | + |
1088 | + li { |
1089 | + @include box_sizing(border-box); |
1090 | + border-right: 1px solid #d4d7d4; |
1091 | + border-bottom: 1px solid #d4d7d4; |
1092 | + |
1093 | + a, |
1094 | + &:first-of-type a { |
1095 | + font-size: 14px; |
1096 | + width: 100%; |
1097 | + padding: 8px 10px; |
1098 | + color: #333; |
1099 | + |
1100 | + &:hover { |
1101 | + cursor: pointer; |
1102 | + background: #f8f8f8; |
1103 | + } |
1104 | + } |
1105 | + |
1106 | + &:nth-child(2n) { |
1107 | + border-right: none; |
1108 | + } |
1109 | + } |
1110 | + } |
1111 | + } |
1112 | + |
1113 | + #nav-archives { |
1114 | + position: absolute; |
1115 | + right: 0; |
1116 | + float: right; |
1117 | + border-bottom: 1px solid #d4d7d4; |
1118 | + } |
1119 | + } |
1120 | + |
1121 | + nav.nav-primary { |
1122 | + ul { |
1123 | + |
1124 | + li { |
1125 | + |
1126 | + ul { |
1127 | + display: block; |
1128 | + } |
1129 | + } |
1130 | + } |
1131 | + } |
1132 | +} |
1133 | + |
1134 | +header.banner nav.nav-primary { |
1135 | + |
1136 | + ul.active { |
1137 | + @include box_shadow(inset 0px -1px 0 #d4d7d4); |
1138 | + background: $nav_bg; |
1139 | + |
1140 | + li ul { |
1141 | + display: block; |
1142 | + |
1143 | + li { |
1144 | + border-left: none; |
1145 | + |
1146 | + a { |
1147 | + @media only screen and (max-width: 768px) { |
1148 | + padding: 8px 10px; |
1149 | + } |
1150 | + } |
1151 | + } |
1152 | + } |
1153 | + } |
1154 | + |
1155 | + .header-search { |
1156 | + @include box_sizing(border-box); |
1157 | + |
1158 | + &.active { |
1159 | + padding: 10px; |
1160 | + } |
1161 | + |
1162 | + input[type='search'] { |
1163 | + @include box_sizing(); |
1164 | + @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 | + height: 38px; |
1166 | + border-radius: 4px; |
1167 | + } |
1168 | + } |
1169 | +} |
1170 | + |
1171 | + |
1172 | +/* @section homepage |
1173 | +-------------------------------------------------------------- */ |
1174 | + |
1175 | + |
1176 | + |
1177 | +/* @section posts |
1178 | +-------------------------------------------------------------- */ |
1179 | + |
1180 | +.single-post { |
1181 | + .avatar { |
1182 | + max-width: 56px; |
1183 | + } |
1184 | +} |
1185 | +.tags, |
1186 | +.tags a:link, |
1187 | +.tags a:visited { |
1188 | + font-size: 0.92308em; |
1189 | + margin: 0 0 5px 0; |
1190 | + padding: 0; |
1191 | + color: $warm_grey; |
1192 | +} |
1193 | + |
1194 | +.post-author { |
1195 | + font-size: 16px; |
1196 | + margin-bottom: 0; |
1197 | +} |
1198 | + |
1199 | +.post-date, |
1200 | +#comments time { |
1201 | + font-size: 13px; |
1202 | + margin-bottom: 0px; |
1203 | + color: $warm_grey; |
1204 | +} |
1205 | + |
1206 | +.post-comments { |
1207 | + font-size: 13px; |
1208 | + margin-bottom: 0; |
1209 | +} |
1210 | + |
1211 | +.image-wrap { |
1212 | + position: relative; |
1213 | + display: inline-block; |
1214 | + max-width: 100%; |
1215 | + margin-bottom: 0px; |
1216 | + vertical-align: bottom; |
1217 | + background-size: 100% 100%; |
1218 | + |
1219 | + &:after { |
1220 | + position: absolute; |
1221 | + top: 0; |
1222 | + left: 0; |
1223 | + width: 100%; |
1224 | + height: 100%; |
1225 | + content: ' '; |
1226 | + background: url(../../img/white-squircle.png) no-repeat; |
1227 | + background-size: 100%; |
1228 | + } |
1229 | +} |
1230 | + |
1231 | +.post { |
1232 | + |
1233 | + .post-date, |
1234 | + .image-wrap { |
1235 | + margin-bottom: 10px; |
1236 | + } |
1237 | +} |
1238 | + |
1239 | +.row:last-of-type { |
1240 | + border-bottom: 0; |
1241 | +} |
1242 | + |
1243 | +#share-links { |
1244 | + margin-top: 10px; |
1245 | + padding-top: 10px; |
1246 | + border-top: 1px dotted $warm_grey; |
1247 | + |
1248 | + h3 { |
1249 | + font-size: 13px; |
1250 | + color: $warm_grey; |
1251 | + } |
1252 | +} |
1253 | + |
1254 | +#social-links { |
1255 | + margin-left: -8px; |
1256 | + |
1257 | + li { |
1258 | + display: inline; |
1259 | + float: left; |
1260 | + clear: none; |
1261 | + width: auto; |
1262 | + margin-left: 8px; |
1263 | + text-indent: -999em; |
1264 | + |
1265 | + a { |
1266 | + display: block; |
1267 | + overflow: hidden; |
1268 | + width: 24px; |
1269 | + height: 24px; |
1270 | + background-image: url('../../img/icons/icon-social-author.svg'); |
1271 | + background-repeat: no-repeat; |
1272 | + @include background_size($size: 144px 48px); |
1273 | + |
1274 | + $list: launchpad email twitter google facebook rss; |
1275 | + $i: 0; |
1276 | + |
1277 | + @mixin social-icons { |
1278 | + @each $network in $list { |
1279 | + &.social-#{$network} { |
1280 | + background-position: #{$i} 0; |
1281 | + |
1282 | + &:hover { |
1283 | + background-position: #{$i} -24px; |
1284 | + } |
1285 | + } |
1286 | + |
1287 | + $i: $i - 24px; |
1288 | + } |
1289 | + } |
1290 | + |
1291 | + @include social-icons; |
1292 | + } |
1293 | + } |
1294 | +} |
1295 | + |
1296 | +body.author { |
1297 | + |
1298 | + .avatar { |
1299 | + float: left; |
1300 | + } |
1301 | + |
1302 | + .bio { |
1303 | + margin-left: 0; |
1304 | + float: left; |
1305 | + width: 100%; |
1306 | + |
1307 | + h2 { |
1308 | + font-size: 21px; |
1309 | + } |
1310 | + |
1311 | + .location { |
1312 | + font-weight: 300; |
1313 | + padding-left: 14px; |
1314 | + color: #ada79f; |
1315 | + background: url('../../img/location_bg.png') no-repeat scroll 0 45% transparent; |
1316 | + } |
1317 | + } |
1318 | + |
1319 | + .description { |
1320 | + margin-top: 200px; |
1321 | + } |
1322 | +} |
1323 | + |
1324 | +li #comment-form li { |
1325 | + border: 0; |
1326 | +} |
1327 | + |
1328 | +#comments { |
1329 | + |
1330 | + h3 { |
1331 | + font-size: 1.5625em; |
1332 | + font-weight: 300; |
1333 | + line-height: 1; |
1334 | + display: block; |
1335 | + clear: both; |
1336 | + padding: .625em 0 .625em 0; |
1337 | + color: $warm_grey; |
1338 | + border-width: 1px 0; |
1339 | + border-style: solid; |
1340 | + border-color: #d7d7d7; |
1341 | + border-image: none; |
1342 | + } |
1343 | + |
1344 | + button, |
1345 | + input[type='submit'] { |
1346 | + background-color: #5f193e; |
1347 | + background-image: linear-gradient($canonical_aubergine, #5f193e); |
1348 | + |
1349 | + &:hover { |
1350 | + background: darken($canonical_aubergine, 10%); |
1351 | + } |
1352 | + } |
1353 | + |
1354 | + .reply a { |
1355 | + display: inline-block; |
1356 | + margin: 0 0 20px; |
1357 | + padding: 4px 10px; |
1358 | + text-decoration: none; |
1359 | + color: #fff; |
1360 | + border-radius: 4px; |
1361 | + background-color: $canonical_aubergine; |
1362 | + background-image: linear-gradient($canonical_aubergine, #5f193e); |
1363 | + |
1364 | + &:hover { |
1365 | + background: darken($canonical_aubergine, 10%); |
1366 | + } |
1367 | + } |
1368 | +} |
1369 | + |
1370 | +.has-related #comments h3#add-comment { |
1371 | + border: 0 none; |
1372 | +} |
1373 | + |
1374 | +#cancel-comment-reply-link { |
1375 | + margin-left: 10px; |
1376 | +} |
1377 | + |
1378 | +.comment-meta { |
1379 | + |
1380 | + cite { |
1381 | + font-style: normal; |
1382 | + } |
1383 | + |
1384 | + time { |
1385 | + font-weight: 300; |
1386 | + line-height: 1.2; |
1387 | + float: left; |
1388 | + clear: both; |
1389 | + } |
1390 | +} |
1391 | + |
1392 | +.comment-list { |
1393 | + margin-bottom: 0; |
1394 | + margin-left: 0; |
1395 | + |
1396 | + li { |
1397 | + position: relative; |
1398 | + display: block; |
1399 | + clear: both; |
1400 | + margin-bottom: 0; |
1401 | + |
1402 | + > div { |
1403 | + @include box_sizing(border-box); |
1404 | + display: block; |
1405 | + float: left; |
1406 | + clear: both; |
1407 | + width: 100%; |
1408 | + padding: 1.5em 0 0; |
1409 | + border-bottom: 1px solid #d7d7d7; |
1410 | + } |
1411 | + |
1412 | + img.avatar { |
1413 | + float: left; |
1414 | + margin-bottom: 10px; |
1415 | + } |
1416 | + } |
1417 | + |
1418 | + .author-comment { |
1419 | + background-color: #f7f7f7; |
1420 | + } |
1421 | + |
1422 | + cite { |
1423 | + float: left; |
1424 | + clear: both; |
1425 | + width: 100%; |
1426 | + |
1427 | + a { |
1428 | + color: #333; |
1429 | + |
1430 | + &:hover { |
1431 | + color: $canonical_aubergine; |
1432 | + } |
1433 | + } |
1434 | + } |
1435 | +} |
1436 | + |
1437 | +.comment-content { |
1438 | + |
1439 | + div blockquote { |
1440 | + font-style: italic; |
1441 | + color: #ada79f; |
1442 | + } |
1443 | + |
1444 | + ul { |
1445 | + margin-bottom: .625em; |
1446 | + margin-left: 20px; |
1447 | + |
1448 | + li { |
1449 | + margin-bottom: 0; |
1450 | + padding-left: 0; |
1451 | + border: 0 none; |
1452 | + } |
1453 | + } |
1454 | +} |
1455 | + |
1456 | +.wp-temp-form-div { |
1457 | + display: block !important; |
1458 | + background: #333; |
1459 | +} |
1460 | + |
1461 | +#respond, |
1462 | +#add-comment { |
1463 | + margin-bottom: 0; |
1464 | +} |
1465 | + |
1466 | +#post-trackbacks li { |
1467 | + padding: 0 20px; |
1468 | +} |
1469 | + |
1470 | + |
1471 | + |
1472 | +/* @section archive |
1473 | +-------------------------------------------------------------- */ |
1474 | + |
1475 | +.filter { |
1476 | + display: none; |
1477 | + margin: 0; |
1478 | + float: left; |
1479 | +} |
1480 | + |
1481 | +.filter-toggle { |
1482 | + background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img//arrow_down_9fa097.svg"); |
1483 | + background-position: center right 10px; |
1484 | + background-repeat: no-repeat; |
1485 | + -moz-background-size: 13px 13px; |
1486 | + -webkit-background-size: 13px 13px; |
1487 | + -o-background-size: 13px 13px; |
1488 | + background-size: 13px 13px; |
1489 | + clear: none; |
1490 | + position: relative; |
1491 | + width: 100%; |
1492 | + margin: -10px -10px 0; |
1493 | + padding: 10px; |
1494 | + cursor: pointer; |
1495 | + border-bottom: 1px dotted #888; |
1496 | + top: -10px; |
1497 | + text-transform: uppercase; |
1498 | + font-size: 0.75em; |
1499 | + letter-spacing: .05em; |
1500 | + font-weight: normal; |
1501 | + color: #888; |
1502 | + float: left; |
1503 | +} |
1504 | + |
1505 | +.ui-accordion { |
1506 | + width: 100%; |
1507 | + margin: 0; |
1508 | + display: inline-block; |
1509 | + padding: 0 10px; |
1510 | + margin: 0 -10px 20px; |
1511 | + border-bottom: 1px dotted #aea79f; |
1512 | + |
1513 | + h3 { |
1514 | + font-size: 13px; |
1515 | + font-weight: bold; |
1516 | + position: relative; |
1517 | + margin-bottom: 0; |
1518 | + border-top: 1px dotted #aea79f; |
1519 | + height: 36px; |
1520 | + line-height: 36px; |
1521 | + cursor: pointer; |
1522 | + width: 100%; |
1523 | + display: inline-block; |
1524 | + margin: 0 -10px; |
1525 | + padding: 0 10px 10px; |
1526 | + |
1527 | + &:first-of-type { |
1528 | + border-top: none; |
1529 | + margin-top: -10px; |
1530 | + } |
1531 | + |
1532 | + + div { |
1533 | + display: block; |
1534 | + } |
1535 | + } |
1536 | + |
1537 | + .ui-icon { |
1538 | + position: absolute; |
1539 | + top: 15px; |
1540 | + right: 0; |
1541 | + width: 8px; |
1542 | + height: 8px; |
1543 | + background: url(../../img/icon-accordion-inactive.png) 0 0 no-repeat transparent; |
1544 | + display: none; |
1545 | + } |
1546 | + |
1547 | + .ui-state-active .ui-icon { |
1548 | + background-image: url(../../img/icon-accordion-active.png); |
1549 | + } |
1550 | + |
1551 | + li { |
1552 | + line-height: 1.3; |
1553 | + margin-bottom: 12px; |
1554 | + padding: 0; |
1555 | + list-style: none; |
1556 | + border: 0; |
1557 | + |
1558 | + a { |
1559 | + font-size: 13px; |
1560 | + } |
1561 | + } |
1562 | +} |
1563 | + |
1564 | +.results-list { |
1565 | + |
1566 | + li { |
1567 | + margin-bottom: 50px; |
1568 | + } |
1569 | +} |
1570 | + |
1571 | +/* @section footer |
1572 | +-------------------------------------------------------------- */ |
1573 | + |
1574 | +footer.global { |
1575 | + padding-top: 0; |
1576 | + background-color: transparent; |
1577 | + @include box_shadow(none); |
1578 | + |
1579 | + .row { |
1580 | + padding: 20px 0 0; |
1581 | + border-bottom: none; |
1582 | + } |
1583 | + |
1584 | + .two-col { |
1585 | + display: inline-block; |
1586 | + float: left; |
1587 | + width: 46%; |
1588 | + min-height: 200px; |
1589 | + } |
1590 | + |
1591 | + h2 { |
1592 | + padding-bottom: .75em; |
1593 | + letter-spacing: .05em; |
1594 | + text-transform: uppercase; |
1595 | + color: $warm_grey; |
1596 | + } |
1597 | + |
1598 | + nav .canonlist ul li { |
1599 | + display: inline; |
1600 | + float: left; |
1601 | + width: 48%; |
1602 | + min-height: 0; |
1603 | + } |
1604 | + |
1605 | + li { |
1606 | + margin-bottom: .5em; |
1607 | + } |
1608 | + |
1609 | + ul.inline { |
1610 | + margin-top: 5px; |
1611 | + |
1612 | + li { |
1613 | + line-height: 1; |
1614 | + display: inline; |
1615 | + float: left; |
1616 | + |
1617 | + &:after { |
1618 | + margin: 0 5px; |
1619 | + content: '•'; |
1620 | + vertical-align: middle; |
1621 | + color: $warm_grey; |
1622 | + } |
1623 | + |
1624 | + &:last-child { |
1625 | + width: auto; |
1626 | + } |
1627 | + } |
1628 | + } |
1629 | + |
1630 | + a { |
1631 | + color: $cool_grey; |
1632 | + } |
1633 | + |
1634 | + .legal { |
1635 | + background: none; |
1636 | + |
1637 | + &.has-cookie { |
1638 | + /* if the cookie message is being displayed add padding so the legal links are still visible */ |
1639 | + padding-bottom: 70px; |
1640 | + } |
1641 | + } |
1642 | + |
1643 | + .list-social li { |
1644 | + display: inline-block; |
1645 | + width: 45px; |
1646 | + height: 45px; |
1647 | + margin-right: 20px; |
1648 | + text-indent: -999em; |
1649 | + |
1650 | + a { |
1651 | + display: block; |
1652 | + overflow: hidden; |
1653 | + width: 44px; |
1654 | + height: 44px; |
1655 | + background-image: url('../../img/icons/icon-social.png'); |
1656 | + background-image: url('../../img/icons/icon-social.svg'), none; |
1657 | + background-repeat: no-repeat; |
1658 | + |
1659 | + &#item-twitter { |
1660 | + background-position: 0 0; |
1661 | + } |
1662 | + |
1663 | + &#item-google { |
1664 | + background-position: -45px 0; |
1665 | + } |
1666 | + |
1667 | + &#item-facebook { |
1668 | + background-position: -90.5px 0; |
1669 | + } |
1670 | + |
1671 | + &#item-canonical { |
1672 | + background-position: -135px 0; |
1673 | + } |
1674 | + |
1675 | + &#item-twitter:hover { |
1676 | + background-position: 0 -45px; |
1677 | + } |
1678 | + |
1679 | + &#item-google:hover { |
1680 | + background-position: -45px -45px; |
1681 | + } |
1682 | + |
1683 | + &#item-facebook:hover { |
1684 | + background-position: -90.5px -45px; |
1685 | + } |
1686 | + |
1687 | + &#item-canonical:hover { |
1688 | + background-position: -135px -45px; |
1689 | + } |
1690 | + } |
1691 | + } |
1692 | +} |
1693 | + |
1694 | +.legal-inner { |
1695 | + float: none; |
1696 | + clear: none; |
1697 | + overflow: hidden; |
1698 | + width: 100%; |
1699 | + margin: 0; |
1700 | + padding: 0; |
1701 | +} |
1702 | + |
1703 | +.footer-wrapper.strip-light { |
1704 | + @include box_shadow(inset 0 4px 6px -4px rgba(0, 0, 0, .4)); |
1705 | + background: none; |
1706 | +} |
1707 | + |
1708 | +footer #nav-global { |
1709 | + |
1710 | + h2 { |
1711 | + color: $warm_grey; |
1712 | + } |
1713 | + |
1714 | + li ul { |
1715 | + width: 100%; |
1716 | + } |
1717 | +} |
1718 | + |
1719 | +.yes-js #additional-info { |
1720 | + display: block; |
1721 | + width: 100%; |
1722 | + min-height: 0; |
1723 | + margin-bottom: -2px; |
1724 | + padding: 0; |
1725 | + |
1726 | + h2 { |
1727 | + display: block; |
1728 | + float: left; |
1729 | + clear: both; |
1730 | + width: 100%; |
1731 | + margin: 0 -10px; |
1732 | + padding: 8px 10px .8em; |
1733 | + border-top: 1px solid #d4d7d4; |
1734 | + border-bottom: 1px solid #d4d7d4; |
1735 | + |
1736 | + &:before { |
1737 | + @include background_size(14px 14px); |
1738 | + position: relative; |
1739 | + top: 3px; |
1740 | + display: inline-block; |
1741 | + width: 15px; |
1742 | + height: 15px; |
1743 | + margin-right: 3px; |
1744 | + content: ''; |
1745 | + background-image: url('../../img/external-link.png'); |
1746 | + background-image: url('../../img/external-link.svg'); |
1747 | + background-repeat: no-repeat; |
1748 | + } |
1749 | + |
1750 | + span { |
1751 | + @include background_size(100% 100%); |
1752 | + display: inline-block; |
1753 | + float: right; |
1754 | + clear: none; |
1755 | + width: 13px; |
1756 | + height: 13px; |
1757 | + margin-left: 6px; |
1758 | + background-image: url('../../img/arrow_down_9fa097.svg'); |
1759 | + background-repeat: no-repeat; |
1760 | + background-position: 0 2px; |
1761 | + } |
1762 | + |
1763 | + &.active span { |
1764 | + background-image: url('../../img/arrow_up_9fa097.svg'); |
1765 | + background-position: 0 0; |
1766 | + } |
1767 | + } |
1768 | + |
1769 | + div { |
1770 | + display: none; |
1771 | + height: 0; |
1772 | + |
1773 | + &.active { |
1774 | + display: block; |
1775 | + height: auto; |
1776 | + margin-right: -10px; |
1777 | + margin-left: -10px; |
1778 | + |
1779 | + ul { |
1780 | + display: block; |
1781 | + float: left; |
1782 | + width: 100%; |
1783 | + margin: 0 -20px 0 0; |
1784 | + padding: 0; |
1785 | + } |
1786 | + |
1787 | + li { |
1788 | + @include box_sizing(); |
1789 | + display: block; |
1790 | + float: left; |
1791 | + width: 50%; |
1792 | + margin: 0; |
1793 | + padding: 0; |
1794 | + border-left: 1px solid #d4d7d4; |
1795 | + |
1796 | + a { |
1797 | + @include box_sizing(); |
1798 | + @include font_size (16); |
1799 | + display: block; |
1800 | + float: left; |
1801 | + overflow: hidden; |
1802 | + width: 100%; |
1803 | + margin: 0; |
1804 | + padding: 8px 10px; |
1805 | + text-align: left; |
1806 | + white-space: normal; |
1807 | + border-bottom: 1px solid #d4d7d4; |
1808 | + } |
1809 | + } |
1810 | + } |
1811 | + } |
1812 | +} |
1813 | + |
1814 | +.cookie-policy { |
1815 | + @include box_sizing(border-box); |
1816 | + @include box_shadow(0 -1px 2px rgba(0,0,0,.2)); |
1817 | + position: fixed; |
1818 | + z-index: 100; |
1819 | + bottom: 0; |
1820 | + width: 100%; |
1821 | + padding-right: 30px; |
1822 | + padding-left: 10px; |
1823 | + color: #fff; |
1824 | + background: #333; |
1825 | + |
1826 | + .wrapper { |
1827 | + width: auto; |
1828 | + background: transparent; |
1829 | + } |
1830 | + |
1831 | + p { |
1832 | + font-size: 13px; |
1833 | + width: 100%; |
1834 | + margin-bottom: 0; |
1835 | + margin-left: 0; |
1836 | + padding: 8px 0; |
1837 | + } |
1838 | + |
1839 | + a { |
1840 | + color: $ubuntu_orange; |
1841 | + } |
1842 | + |
1843 | + .link-cta { |
1844 | + @include background_size(16px 15px); |
1845 | + font-size: 1em; |
1846 | + display: block; |
1847 | + float: right; |
1848 | + width: 16px; |
1849 | + height: 15px; |
1850 | + margin-top: 12px; |
1851 | + margin-right: -20px; |
1852 | + padding: 0; |
1853 | + text-decoration: none; |
1854 | + text-indent: -999em; |
1855 | + color: #fff; |
1856 | + background-image: url('../../img/close.png'); |
1857 | + background-repeat: no-repeat; |
1858 | + } |
1859 | +} |
1860 | + |
1861 | +.no-svg { |
1862 | + |
1863 | + header.banner { |
1864 | + |
1865 | + .logo-ubuntu, |
1866 | + .nav-primary.nav-right .logo-ubuntu { |
1867 | + background-image: url('../../img/logo.png'); |
1868 | + |
1869 | + img { |
1870 | + left: 0; |
1871 | + top: 15px; |
1872 | + } |
1873 | + } |
1874 | + } |
1875 | + |
1876 | + .yes-js #additional-info { |
1877 | + |
1878 | + h2 { |
1879 | + |
1880 | + &:before { |
1881 | + background-image: url('../../img/external-link.png'); |
1882 | + } |
1883 | + } |
1884 | + } |
1885 | + |
1886 | + footer.global { |
1887 | + |
1888 | + .list-social li a { |
1889 | + background-image: url('../../img/icons/icon-social.png'); |
1890 | + } |
1891 | + } |
1892 | +} |
1893 | + |
1894 | + |
1895 | +/* @section Medium / Desktop viewport |
1896 | +-------------------------------------------------------------- */ |
1897 | + |
1898 | +@media only screen and (min-width : 769px) { |
1899 | + header.banner { |
1900 | + |
1901 | + .nav-primary { |
1902 | + |
1903 | + ul { |
1904 | + border-left: 1px solid $nav_border_dark; |
1905 | + border-right: 1px solid $nav_border_light; |
1906 | + width: auto; |
1907 | + |
1908 | + li { |
1909 | + border: none; |
1910 | + |
1911 | + ul { |
1912 | + @include box_shadow(0 2px 2px -1px #777); |
1913 | + @include rounded_corners(10px); |
1914 | + background: #f7f7f7; |
1915 | + border: 1px solid #d5d5d5; |
1916 | + display: none; |
1917 | + float: none; |
1918 | + margin: 0; |
1919 | + padding: 5px 0; |
1920 | + position: absolute; |
1921 | + top: 51px; |
1922 | + width: 200px; |
1923 | + |
1924 | + li { |
1925 | + width: 100%; |
1926 | + } |
1927 | + } |
1928 | + |
1929 | + a:link, |
1930 | + a:active, |
1931 | + a:visited { |
1932 | + border-left: 1px solid $nav_border_light; |
1933 | + border-right: 1px solid $nav_border_dark; |
1934 | + } |
1935 | + |
1936 | + &:last-child { |
1937 | + border-right: 1px solid $nav_border_dark; |
1938 | + border-left: 1px solid $nav_border_dark; |
1939 | + } |
1940 | + |
1941 | + a:hover { |
1942 | + background: $nav_hover_bg; |
1943 | + border-right: 1px solid $nav_hover_bg; |
1944 | + } |
1945 | + |
1946 | + &:last-child { |
1947 | + border: none; |
1948 | + } |
1949 | + |
1950 | + &:hover ul:after { |
1951 | + background: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/arrow-up-smaller.png") no-repeat; |
1952 | + content: ''; |
1953 | + display: block; |
1954 | + height: 8px; |
1955 | + left: 20px; |
1956 | + position: relative; |
1957 | + top: -13px; |
1958 | + width: 200px; |
1959 | + z-index: 999; |
1960 | + } |
1961 | + } |
1962 | + |
1963 | + .topics { |
1964 | + @include box_shadow(none); |
1965 | + width: auto; |
1966 | + border-bottom: none; |
1967 | + cursor: pointer; |
1968 | + |
1969 | + &:hover { |
1970 | + background: $nav_hover_bg; |
1971 | + } |
1972 | + |
1973 | + > a:link { |
1974 | + @include box_shadow(none); |
1975 | + color: #FFF; |
1976 | + cursor: pointer; |
1977 | + } |
1978 | + |
1979 | + ul li { |
1980 | + border-right: none; |
1981 | + border-bottom: none; |
1982 | + |
1983 | + a:hover, |
1984 | + &:first-of-type a:hover { |
1985 | + background: none; |
1986 | + color: $canonical_aubergine; |
1987 | + } |
1988 | + } |
1989 | + } |
1990 | + |
1991 | + #nav-archives { |
1992 | + position: relative; |
1993 | + border-bottom: none; |
1994 | + } |
1995 | + } |
1996 | + } |
1997 | + |
1998 | + nav.nav-primary { |
1999 | + |
2000 | + ul { |
2001 | + |
2002 | + li { |
2003 | + |
2004 | + ul { |
2005 | + display: none; |
2006 | + } |
2007 | + |
2008 | + a:link { |
2009 | + border-left: 1px solid $nav_border_light; |
2010 | + } |
2011 | + } |
2012 | + |
2013 | + li ul li a:link { |
2014 | + border-left: none; |
2015 | + } |
2016 | + |
2017 | + .topics ul li { |
2018 | + border-right: none; |
2019 | + border-bottom: none; |
2020 | + |
2021 | + a:hover, |
2022 | + &:first-of-type a:hover { |
2023 | + background: none; |
2024 | + } |
2025 | + } |
2026 | + } |
2027 | + } |
2028 | + } |
2029 | + |
2030 | + #comments { |
2031 | + |
2032 | + h3 { |
2033 | + padding-left: 20px; |
2034 | + } |
2035 | + } |
2036 | + |
2037 | + .comment-list { |
2038 | + |
2039 | + li { |
2040 | + |
2041 | + > div { |
2042 | + padding-right: 20px; |
2043 | + padding-left: 20px; |
2044 | + } |
2045 | + } |
2046 | + } |
2047 | + |
2048 | + /* @section archives |
2049 | + -------------------------------------------------------------- */ |
2050 | + |
2051 | + .filter { |
2052 | + display: block; |
2053 | + } |
2054 | + |
2055 | + .filter-toggle { |
2056 | + display: none; |
2057 | + } |
2058 | + |
2059 | + .ui-accordion { |
2060 | + |
2061 | + h3 { |
2062 | + |
2063 | + + div { |
2064 | + display: none; |
2065 | + } |
2066 | + } |
2067 | + } |
2068 | + |
2069 | + /* @section homepage |
2070 | + -------------------------------------------------------------- */ |
2071 | + |
2072 | + footer #nav-global { |
2073 | + display: none; |
2074 | + |
2075 | + div { |
2076 | + display: none; |
2077 | + } |
2078 | + |
2079 | + h2 { |
2080 | + color: $warm_grey; |
2081 | + } |
2082 | + |
2083 | + .nav-global-wrapper ul { |
2084 | + margin-left: 10px; |
2085 | + |
2086 | + ul { |
2087 | + margin-left: 0; |
2088 | + } |
2089 | + } |
2090 | + } |
2091 | + |
2092 | + .legal-inner { |
2093 | + float: none; |
2094 | + clear: none; |
2095 | + margin: 0; |
2096 | + padding: 0; |
2097 | + @include box_shadow(none); |
2098 | + } |
2099 | + |
2100 | + .footer-wrapper.strip-light { |
2101 | + padding-top: 10px; |
2102 | + } |
2103 | + |
2104 | + footer.global { |
2105 | + |
2106 | + .two-col { |
2107 | + display: inline-block; |
2108 | + width: 14.89361%; |
2109 | + min-height: 0; |
2110 | + } |
2111 | + } |
2112 | + |
2113 | + .yes-js #additional-info { |
2114 | + float: right; |
2115 | + width: 18%; |
2116 | + min-height: inherit; |
2117 | + margin-right: 0; |
2118 | + margin-bottom: 0; |
2119 | + padding: 0; |
2120 | + |
2121 | + div { |
2122 | + display: block; |
2123 | + height: auto; |
2124 | + } |
2125 | + |
2126 | + h2 { |
2127 | + display: block; |
2128 | + float: left; |
2129 | + clear: both; |
2130 | + width: 100%; |
2131 | + margin: inherit; |
2132 | + margin-left: 0; |
2133 | + padding: inherit; |
2134 | + padding-bottom: .75em; |
2135 | + border: 0; |
2136 | + |
2137 | + span { |
2138 | + display: none; |
2139 | + } |
2140 | + } |
2141 | + } |
2142 | +} |
2143 | + |
2144 | +@media only screen and (min-width: 960px) { |
2145 | + |
2146 | + header.banner nav.nav-primary { |
2147 | + |
2148 | + .header-search { |
2149 | + |
2150 | + @include box_sizing(border-box); |
2151 | + padding-top: 6px; |
2152 | + padding-bottom: 4px; |
2153 | + |
2154 | + input[type="search"] { |
2155 | + @include box_sizing(); |
2156 | + height: 38px; |
2157 | + border-radius: 4px; |
2158 | + background: $search_bg; |
2159 | + box-shadow: none; |
2160 | + border-bottom: 1px solid $light_aubergine; |
2161 | + |
2162 | + &:focus { |
2163 | + background-color: $search_focus; |
2164 | + } |
2165 | + } |
2166 | + } |
2167 | + |
2168 | + .header-search { |
2169 | + @include box_sizing(border-box); |
2170 | + |
2171 | + input[type='search'], |
2172 | + input[type='text'] { |
2173 | + @include box_sizing(); |
2174 | + height: 38px; |
2175 | + border-radius: 4px; |
2176 | + background: $search_bg; |
2177 | + box-shadow: none; |
2178 | + border-bottom: 1px solid $light_aubergine; |
2179 | + |
2180 | + &:focus { |
2181 | + background-color: $search_focus; |
2182 | + } |
2183 | + } |
2184 | + } |
2185 | + } |
2186 | +} |
2187 | + |
2188 | +/* @section Large / Desktop viewport |
2189 | +-------------------------------------------------------------- */ |
2190 | + |
2191 | +@media only screen and (min-width : 984px) { |
2192 | + /* get the desktop typography back in */ |
2193 | + h1 { |
2194 | + font-size: 2.8125em; |
2195 | + } |
2196 | + |
2197 | + h2 { |
2198 | + font-size: 2em; |
2199 | + |
2200 | + margin-bottom: .375em; |
2201 | + } |
2202 | + |
2203 | + h3 { |
2204 | + font-size: 1.438em; |
2205 | + |
2206 | + margin-bottom: .522em; |
2207 | + } |
2208 | + |
2209 | + h4 { |
2210 | + font-size: 1em; |
2211 | + |
2212 | + margin-bottom: .75em; |
2213 | + } |
2214 | + |
2215 | + h5 { |
2216 | + font-size: 1em; |
2217 | + } |
2218 | + |
2219 | + p, |
2220 | + li, |
2221 | + code, |
2222 | + pre { |
2223 | + font-size: 16px; |
2224 | + line-height: 1.5; |
2225 | + |
2226 | + margin-bottom: .75em; |
2227 | + } |
2228 | + |
2229 | + header.banner { |
2230 | + margin-bottom: 20px; |
2231 | + } |
2232 | + |
2233 | + footer .row { |
2234 | + width: 984px; |
2235 | + margin: 0 auto; |
2236 | + } |
2237 | + |
2238 | + footer.global { |
2239 | + |
2240 | + .row { |
2241 | + padding-right: 40px; |
2242 | + padding-left: 40px; |
2243 | + } |
2244 | + |
2245 | + .legal { |
2246 | + background: none; |
2247 | + |
2248 | + p, |
2249 | + ul { |
2250 | + padding-left: 40px; |
2251 | + } |
2252 | + } |
2253 | + } |
2254 | +} |
2255 | |
2256 | === added directory 'library/css/stylesheets' |
2257 | === added file 'library/css/stylesheets/.DS_Store' |
2258 | 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 | +@charset "UTF-8"; |
2264 | +/** |
2265 | + * Ubuntu Patterns Stylesheet |
2266 | + * |
2267 | + * The CSS file required by Ubuntu patterns page |
2268 | + * |
2269 | + * @project Ubuntu Patterns |
2270 | + * @author Web Team at Canonical Ltd |
2271 | + * @copyright 2012 Canonical Ltd |
2272 | + * |
2273 | + * @see http://design.ubuntu.com |
2274 | + */ |
2275 | +/** |
2276 | + * standard colors |
2277 | + * |
2278 | + * @colordef standard colors |
2279 | + */ |
2280 | +/* assets database path */ |
2281 | +/* usage: background: url(//assets.ubuntu.com/sites/ubuntu/latest/u/img//backgrounds/background.jpg) no-repeat 0 0; */ |
2282 | +/* ubuntu orange (used for text links also on any site except canonical) */ |
2283 | +/* used as background on pre text */ |
2284 | +/* canonical aubergine */ |
2285 | +/* light aubergine (consumer) */ |
2286 | +/* mid aubergine (both) */ |
2287 | +/* dark aubergine (enterprise) */ |
2288 | +/* warm grey */ |
2289 | +/* cool grey */ |
2290 | +/* light grey */ |
2291 | +/* notifications */ |
2292 | +/* red */ |
2293 | +/* yellow */ |
2294 | +/* green */ |
2295 | +/* cyan */ |
2296 | +/* colour coded status - from negative to positive (Icon: canonical circle) */ |
2297 | +/* red, for status that require immediate attention */ |
2298 | +/* grey, for disabled status or ones that don’t require attention */ |
2299 | +/* yellow, for status that require attention */ |
2300 | +/* blue, for status that don’t require action */ |
2301 | +/* green, for positive status */ |
2302 | +/* misc colours */ |
2303 | +/* This is the global link color, mainly used for links in content */ |
2304 | +/* grid variables */ |
2305 | +/** |
2306 | + * mixins |
2307 | + * |
2308 | + * @section mixins |
2309 | + */ |
2310 | +/* @section global nav |
2311 | +-------------------------------------------------------------- */ |
2312 | +footer #nav-global { |
2313 | + display: block; |
2314 | + margin: 0 -10px; |
2315 | + margin-top: -4px; |
2316 | + margin-bottom: 10px; |
2317 | + overflow: hidden; } |
2318 | + footer #nav-global div { |
2319 | + display: none; } |
2320 | + footer #nav-global div.active { |
2321 | + border-top: 1px solid #d4d7d4; |
2322 | + display: block; |
2323 | + margin-top: -1px; } |
2324 | + footer #nav-global h2 { |
2325 | + letter-spacing: 0; |
2326 | + position: relative; |
2327 | + z-index: 2; } |
2328 | + footer #nav-global h2 span { |
2329 | + background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img//arrow_down_9fa097.svg"); |
2330 | + background-position: 0 2px; |
2331 | + background-repeat: no-repeat; |
2332 | + -moz-background-size: 100% 100%; |
2333 | + -webkit-background-size: 100% 100%; |
2334 | + -o-background-size: 100% 100%; |
2335 | + background-size: 100% 100%; |
2336 | + clear: none; |
2337 | + display: inline-block; |
2338 | + margin-left: 6px; |
2339 | + float: right; |
2340 | + height: 13px; |
2341 | + width: 13px; |
2342 | + margin-right: 20px; |
2343 | + position: relative; } |
2344 | + footer #nav-global h2.active span { |
2345 | + background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/arrow_up_9fa097.svg"); |
2346 | + background-position: 0 0; } |
2347 | + footer #nav-global li ul { |
2348 | + clear: both; |
2349 | + display: block; |
2350 | + overflow: hidden; |
2351 | + float: left; } |
2352 | + footer #nav-global li.more { |
2353 | + width: 100%; |
2354 | + line-height: 0; |
2355 | + padding: 0; |
2356 | + margin: 0; } |
2357 | + footer #nav-global li.more a { |
2358 | + text-indent: -999em; |
2359 | + display: block; |
2360 | + padding: 0; |
2361 | + margin: 0; |
2362 | + border: 0; } |
2363 | + footer #nav-global li.more li a { |
2364 | + background: none; |
2365 | + text-indent: 0; |
2366 | + margin-left: 0; |
2367 | + font-size: 14px; } |
2368 | + footer #nav-global h2 { |
2369 | + border-bottom: 1px solid #D4D7D4; |
2370 | + color: #888888; |
2371 | + margin: 0; |
2372 | + padding: 10px 10px; |
2373 | + width: 100%; |
2374 | + text-transform: uppercase; |
2375 | + font-size: 0.75em; |
2376 | + letter-spacing: .05em; } |
2377 | + footer #nav-global h2:before { |
2378 | + background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-9fa097.svg"); |
2379 | + -moz-background-size: 14px 14px; |
2380 | + -webkit-background-size: 14px 14px; |
2381 | + -o-background-size: 14px 14px; |
2382 | + background-size: 14px 14px; |
2383 | + background-repeat: no-repeat; |
2384 | + content: ""; |
2385 | + display: inline-block; |
2386 | + height: 15px; |
2387 | + width: 15px; |
2388 | + margin-right: 3px; |
2389 | + top: 3px; |
2390 | + position: relative; } |
2391 | + footer #nav-global ul { |
2392 | + margin: 0; |
2393 | + padding: 0; } |
2394 | + footer #nav-global li a { |
2395 | + -webkit-box-sizing: border-box; |
2396 | + -moz-box-sizing: border-box; |
2397 | + box-sizing: border-box; |
2398 | + font-size: 1.14286 em; |
2399 | + margin-bottom: 0.75 em; |
2400 | + border-bottom: 1px solid #d4d7d4; |
2401 | + color: #333333; |
2402 | + display: block; |
2403 | + float: left; |
2404 | + overflow: hidden; |
2405 | + padding: 8px 10px; |
2406 | + text-align: left; |
2407 | + white-space: normal; |
2408 | + width: 100%; |
2409 | + margin-bottom: 0; } |
2410 | + footer #nav-global li a.external:after { |
2411 | + background: none; } |
2412 | + footer #nav-global li.more li a { |
2413 | + border-bottom: 1px solid #d4d7d4; |
2414 | + font-size: 14px; |
2415 | + line-height: 1.6; |
2416 | + padding: 8px 10px; } |
2417 | + footer #nav-global li.more li { |
2418 | + border-bottom: 1px solid #f2f2f4; } |
2419 | + footer #nav-global li { |
2420 | + -webkit-box-sizing: border-box; |
2421 | + -moz-box-sizing: border-box; |
2422 | + box-sizing: border-box; |
2423 | + border-bottom: 1px solid #f2f2f4; |
2424 | + border-left: 1px solid #d4d7d4; |
2425 | + display: block; |
2426 | + float: left; |
2427 | + margin: 0; |
2428 | + width: 50%; } |
2429 | + footer #nav-global li:last-item, |
2430 | + footer #nav-global li:last-item a { |
2431 | + border: 0; } |
2432 | + footer #nav-global li:nth-child(odd) { |
2433 | + border-left: 0; } |
2434 | + |
2435 | +@media only screen and (min-width: 768px) { |
2436 | + body { |
2437 | + padding-top: 30px; } |
2438 | + |
2439 | + #nav-global { |
2440 | + background: #efefef; |
2441 | + width: 100%; |
2442 | + height: 30px; |
2443 | + line-height: 19.2px; |
2444 | + display: block; |
2445 | + z-index: 101; |
2446 | + position: relative; |
2447 | + -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); |
2448 | + -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); |
2449 | + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); |
2450 | + margin-top: -30px; } |
2451 | + |
2452 | + #nav-global .nav-global-wrapper { |
2453 | + -moz-box-sizing: border-box; |
2454 | + background: none repeat scroll 0 0 #FFFFFF; |
2455 | + margin: 0 auto; |
2456 | + position: relative; |
2457 | + text-align: left; |
2458 | + width: 984px; } |
2459 | + |
2460 | + #nav-global.drop-shadow { |
2461 | + -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); |
2462 | + -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); |
2463 | + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } |
2464 | + |
2465 | + #nav-global div { |
2466 | + background: #efefef; |
2467 | + box-shadow: none; |
2468 | + margin-top: 0; |
2469 | + margin-bottom: 0; } |
2470 | + |
2471 | + #nav-global ul { |
2472 | + margin-bottom: 0; |
2473 | + margin-left: 0; |
2474 | + top: 0; } |
2475 | + |
2476 | + #nav-global ul li { |
2477 | + float: left; |
2478 | + display: block; |
2479 | + text-align: left; |
2480 | + margin: 0; |
2481 | + height: 30px; |
2482 | + margin-top: -1px; |
2483 | + position: relative; |
2484 | + top: 0; } |
2485 | + |
2486 | + #nav-global ul ul { |
2487 | + display: none; |
2488 | + float: none; |
2489 | + background: #fff; |
2490 | + position: absolute; |
2491 | + min-width: 120px; |
2492 | + top: 30px; |
2493 | + border-top: 1px solid #d7d7d7; |
2494 | + -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); |
2495 | + -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); |
2496 | + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); } |
2497 | + |
2498 | + #nav-global ul ul a:link, #nav-global ul ul a:visited { |
2499 | + border-top: none; |
2500 | + float: none; } |
2501 | + |
2502 | + #nav-global ul ul li { |
2503 | + float: none; } |
2504 | + |
2505 | + #nav-global ul ul li:first-of-type { |
2506 | + padding-top: 5px; } |
2507 | + |
2508 | + #nav-global .more { |
2509 | + border-left: 1px solid transparent; |
2510 | + border-right: 1px solid transparent; |
2511 | + min-width: 60px; } |
2512 | + |
2513 | + #nav-global .more span { |
2514 | + display: block; |
2515 | + top: -10px; |
2516 | + left: 46px; |
2517 | + line-height: 19.2px; |
2518 | + height: 0; |
2519 | + position: relative; |
2520 | + -webkit-transform-origin: 0 0; |
2521 | + -moz-transform-origin: 0 0; |
2522 | + -ms-transform-origin: 0 0; |
2523 | + -o-transform-origin: 0 0; |
2524 | + -webkit-transform: rotate(90deg); |
2525 | + -moz-transform: rotate(90deg); |
2526 | + -ms-transform: rotate(90deg); |
2527 | + -o-transform: rotate(90deg); |
2528 | + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } |
2529 | + |
2530 | + #nav-global .open { |
2531 | + background: #fff; |
2532 | + min-width: 120px; |
2533 | + border-left: 1px solid #d7d7d7; |
2534 | + border-right: 1px solid #d7d7d7; } |
2535 | + |
2536 | + #nav-global a:link, #nav-global a:visited { |
2537 | + color: #333; |
2538 | + font-size: 12px; |
2539 | + font-weight: 300; |
2540 | + line-height: 1.6; |
2541 | + border-top: 3px solid transparent; |
2542 | + border-bottom: 0; |
2543 | + margin-right: 10px; |
2544 | + margin-left: 10px; |
2545 | + padding-top: 3px; |
2546 | + padding-bottom: 4px; |
2547 | + position: relative; |
2548 | + text-decoration: none; |
2549 | + -moz-transition: opacity 0.25s ease-in-out; |
2550 | + -webkit-transition: opacity 0.25s ease-in-out; |
2551 | + transition: opacity 0.25s ease-in-out; |
2552 | + display: block; |
2553 | + list-style-image: none; } |
2554 | + |
2555 | + #nav-global a.active { |
2556 | + color: #dd4814; |
2557 | + border-top: 3px solid #dd4814; |
2558 | + text-decoration: none; |
2559 | + opacity: 1; } |
2560 | + |
2561 | + #nav-global a:hover { |
2562 | + color: #dd4814; |
2563 | + text-decoration: none; } |
2564 | + |
2565 | + #nav-global:hover a { |
2566 | + opacity: 1; } |
2567 | + |
2568 | + #nav-global .open a:link, |
2569 | + #nav-global .open a:visited, |
2570 | + #nav-global .open span { |
2571 | + color: #dd4814; |
2572 | + opacity: 1; } |
2573 | + |
2574 | + #nav-global .open ul a:link, |
2575 | + #nav-global .open ul a:visited { |
2576 | + color: #333; |
2577 | + opacity: 1; } |
2578 | + |
2579 | + #nav-global .open ul a:hover { |
2580 | + color: #dd4814; |
2581 | + text-decoration: none; } |
2582 | + |
2583 | + #nav-global .open ul { |
2584 | + display: block; } |
2585 | + |
2586 | + #nav-global ul ul li:first-of-type a { |
2587 | + margin-left: 10px; } |
2588 | + |
2589 | + body #nav-global li:first-of-type a { |
2590 | + margin-left: 0; } |
2591 | + |
2592 | + /* |
2593 | + * Temp styles |
2594 | + */ |
2595 | + .login-logout { |
2596 | + z-index: 5; } } |
2597 | +@media only screen and (min-width: 768px) { |
2598 | + body #nav-global li:first-of-type a { |
2599 | + margin-left: 10px; } } |
2600 | +@media only screen and (min-width: 768px) and (min-width: 768px) { |
2601 | + #nav-global .nav-global-wrapper { |
2602 | + width: auto !important; } } |
2603 | +@media only screen and (max-width: 768px) { |
2604 | + body #nav-global li:first-of-type a { |
2605 | + margin-left: 10px; } |
2606 | + |
2607 | + #nav-global .nav-global-wrapper { |
2608 | + width: 100%; } } |
2609 | +@media only screen and (min-width: 984px) { |
2610 | + body #nav-global li:first-of-type a { |
2611 | + margin-left: 0; } |
2612 | + |
2613 | + #nav-global .nav-global-wrapper { |
2614 | + width: 984px !important; } } |
2615 | \ No newline at end of file |
2616 | |
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 | +@charset "UTF-8"; |
2622 | +/* --------------------------------------------------------------- |
2623 | +------------------------------------------------------------------ |
2624 | + DO NOT EDIT STYLES.CSS |
2625 | + It is autogenerated. |
2626 | + |
2627 | + Project: Ubuntu Front-End |
2628 | + Author: Web Team at Canonical Ltd |
2629 | + Last edited by: Richard McCartney |
2630 | + Last edited on: 02/10/2014 |
2631 | + |
2632 | + CONTENTS: |
2633 | + ----------------------------------------------------------------- |
2634 | + |
2635 | + @section header |
2636 | + @section homepage |
2637 | + @section Footer |
2638 | + @section Tabbed menu in accordion mode (TODO: WIP) |
2639 | + @section Taleo |
2640 | + |
2641 | + @section Medium / Tablet viewport |
2642 | + @section Large / Desktop viewport |
2643 | + |
2644 | + Rounded corners |
2645 | + ----------------------------------------------------------------- |
2646 | + @include rounded_corners(top-left top-right bottom-right bottom-left); |
2647 | + examples |
2648 | + @include rounded_corners(0 0 4px 4px); rounded bottoms |
2649 | + @include rounded_corners(4px); all corners rounded |
2650 | + |
2651 | + Base grid sass, this lives in /sites/core/static/core-grid.scss |
2652 | + ----------------------------------------------------------------- |
2653 | + $base: 16; |
2654 | + $column_width: ( 60 / $base )em; |
2655 | + $gutter_width: ( 20 / $base )em; |
2656 | + $grid_column: ( 57 / $base )em; nested columns |
2657 | + $grid_gutter: ( 18 / $base )em; |
2658 | + |
2659 | + Available grid widths |
2660 | + ----------------------------------------------------------------- |
2661 | + $one_col - $twelve_col |
2662 | + |
2663 | + Using these enables us to give individual elements specific widths without adding a static width: |
2664 | + |
2665 | + padding: $gutter_width; |
2666 | + width: $twelve_col - ( 2 * $gutter_width ); |
2667 | + |
2668 | + Colour definitiions are in /sites/core/static/core-constants.scss |
2669 | + ----------------------------------------------------------------- |
2670 | + $ubuntu_orange: #dd4814; ubuntu orange (used for text links also on any site except canonical) |
2671 | + $canonical_aubergine: #772953; @warmcanonical aubergine |
2672 | + $light_aubergine: #77216f; light aubergine (consumer) |
2673 | + $mid_aubergine: #5e2750; mid aubergine (both) |
2674 | + $dark_aubergine: #2c001e; dark aubergine (enterprise) |
2675 | + $warm_grey: #aea79f; warm grey |
2676 | + $cool_grey: #333333; cool grey |
2677 | + $light_grey: #f7f7f7; light grey |
2678 | + |
2679 | + Notifications |
2680 | + $error: #df382c; red |
2681 | + $warning: #eca918; yellow |
2682 | + $success: #38b44a; green |
2683 | + $information: #19b6ee; cyan |
2684 | + |
2685 | + Colour coded status - from negative to positive (icon: canonical circle) |
2686 | + $status_red: #df382c; red, for status that require immediate attention |
2687 | + $status_grey: #aea79f; grey, for disabled status or ones that don’t require attention |
2688 | + $status_yellow: #efb73e; yellow, for status that require attention |
2689 | + $status_blue: #19b6ee; blue, for status that don’t require action |
2690 | + $status_green: #38b44a; green, for positive status |
2691 | + |
2692 | + misc colours |
2693 | + $box_solid_grey: #efefef; |
2694 | + |
2695 | + $link_color: $ubuntu_orange; This is the global link color, mainly used for links in content |
2696 | + |
2697 | + Notes: |
2698 | + ----------------------------------------------------------------- |
2699 | + 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 | + |
2701 | +----------------------------------------------------------------- |
2702 | +-------------------------------------------------------------- */ |
2703 | +/** |
2704 | + * Ubuntu Patterns Stylesheet |
2705 | + * |
2706 | + * The CSS file required by Ubuntu patterns page |
2707 | + * |
2708 | + * @project Ubuntu Patterns |
2709 | + * @author Web Team at Canonical Ltd |
2710 | + * @copyright 2012 Canonical Ltd |
2711 | + * |
2712 | + * @see http://design.ubuntu.com |
2713 | + */ |
2714 | +/** |
2715 | + * standard colors |
2716 | + * |
2717 | + * @colordef standard colors |
2718 | + */ |
2719 | +/* ubuntu orange (used for text links also on any site except canonical) */ |
2720 | +/* used as background on pre text */ |
2721 | +/* canonical aubergine */ |
2722 | +/* light aubergine (consumer) */ |
2723 | +/* mid aubergine (both) */ |
2724 | +/* dark aubergine (enterprise) */ |
2725 | +/* warm grey */ |
2726 | +/* cool grey */ |
2727 | +/* light grey */ |
2728 | +/* notifications */ |
2729 | +/* red */ |
2730 | +/* yellow */ |
2731 | +/* green */ |
2732 | +/* cyan */ |
2733 | +/* colour coded status - from negative to positive (Icon: canonical circle) */ |
2734 | +/* red, for status that require immediate attention */ |
2735 | +/* grey, for disabled status or ones that don’t require attention */ |
2736 | +/* yellow, for status that require attention */ |
2737 | +/* blue, for status that don’t require action */ |
2738 | +/* green, for positive status */ |
2739 | +/* misc colours */ |
2740 | +/* This is the global link color, mainly used for links in content */ |
2741 | +/* blog colours */ |
2742 | +/* grid variables */ |
2743 | +/** |
2744 | + * mixins |
2745 | + * |
2746 | + * @section mixins |
2747 | + */ |
2748 | +/* @section global |
2749 | +-------------------------------------------------------------- */ |
2750 | +a:link, a:visited { |
2751 | + color: #772953; |
2752 | +} |
2753 | + |
2754 | +#main-content .row-hero { |
2755 | + padding-top: 40px; |
2756 | +} |
2757 | + |
2758 | +.inner-wrapper { |
2759 | + border-bottom: 1px solid #d4d7d4; |
2760 | +} |
2761 | + |
2762 | +body .search #main-content article { |
2763 | + margin-top: 20px; |
2764 | + padding-top: 20px; |
2765 | + border-top: 1px dotted #aea79f; |
2766 | +} |
2767 | +body .single .post-tags { |
2768 | + font-size: 13px; |
2769 | +} |
2770 | +body sup { |
2771 | + vertical-align: super; |
2772 | +} |
2773 | + |
2774 | +/* @section header |
2775 | +-------------------------------------------------------------- */ |
2776 | +header.banner { |
2777 | + -moz-box-shadow: 0 2px 2px -2px #5e2750 inset; |
2778 | + -webkit-box-shadow: 0 2px 2px -2px #5e2750 inset; |
2779 | + box-shadow: 0 2px 2px -2px #5e2750 inset; |
2780 | + float: left; |
2781 | + background-color: #772953; |
2782 | +} |
2783 | +header.banner .logo-ubuntu, |
2784 | +header.banner .nav-primary.nav-right .logo-ubuntu { |
2785 | + min-width: 166px; |
2786 | + padding-top: 10px; |
2787 | + background: transparent; |
2788 | + background-image: url("../../img/logo.png"); |
2789 | + background-image: url("../../img/logo.svg"), none; |
2790 | + background-repeat: no-repeat; |
2791 | + background-position: 0 15px; |
2792 | + background-size: 130px 19px; |
2793 | +} |
2794 | +header.banner .logo-ubuntu span, |
2795 | +header.banner .nav-primary.nav-right .logo-ubuntu span { |
2796 | + font-weight: 300; |
2797 | + position: relative; |
2798 | + top: 1px; |
2799 | + float: left; |
2800 | + padding-right: 20px; |
2801 | + padding-left: 140px; |
2802 | +} |
2803 | +header.banner .nav-primary { |
2804 | + position: relative; |
2805 | + overflow: visible; |
2806 | +} |
2807 | +header.banner .nav-primary.active { |
2808 | + border: none; |
2809 | +} |
2810 | +header.banner .nav-primary li ul li a:link, |
2811 | +header.banner .nav-primary li ul li a:visited { |
2812 | + width: 100%; |
2813 | +} |
2814 | +header.banner .nav-primary li ul li:first-of-type a:link { |
2815 | + padding: 8px 10px; |
2816 | +} |
2817 | +header.banner .nav-primary ul { |
2818 | + -moz-box-shadow: none; |
2819 | + -webkit-box-shadow: none; |
2820 | + box-shadow: none; |
2821 | + position: relative; |
2822 | + top: 0; |
2823 | + float: left; |
2824 | + width: 100%; |
2825 | + padding: 0; |
2826 | + border: none; |
2827 | + background: none; |
2828 | + border-right: none; |
2829 | +} |
2830 | +header.banner .nav-primary ul li { |
2831 | + font-size: 1em; |
2832 | + float: left; |
2833 | + margin: 0; |
2834 | + list-style-image: none; |
2835 | + vertical-align: bottom; |
2836 | + text-indent: 0; |
2837 | +} |
2838 | +header.banner .nav-primary ul li ul { |
2839 | + display: block; |
2840 | +} |
2841 | +header.banner .nav-primary ul li:hover ul:after { |
2842 | + display: none; |
2843 | +} |
2844 | +header.banner .nav-primary ul ul { |
2845 | + -moz-box-shadow: none; |
2846 | + -webkit-box-shadow: none; |
2847 | + box-shadow: none; |
2848 | + position: relative; |
2849 | + top: 0; |
2850 | + float: left; |
2851 | + width: 100%; |
2852 | + padding: 0; |
2853 | + border: none; |
2854 | + background: none; |
2855 | +} |
2856 | +header.banner .nav-primary ul ul li { |
2857 | + float: left; |
2858 | + width: 50%; |
2859 | + border: 0; |
2860 | + border-right: none; |
2861 | + border-left: none; |
2862 | +} |
2863 | +header.banner .nav-primary ul ul a, |
2864 | +header.banner .nav-primary ul ul a:active, |
2865 | +header.banner .nav-primary ul ul a:hover, |
2866 | +header.banner .nav-primary ul ul a:visited, |
2867 | +header.banner .nav-primary ul ul a:link { |
2868 | + border-left: none; |
2869 | + width: 100%; |
2870 | +} |
2871 | +header.banner .nav-primary ul ul a:hover { |
2872 | + color: #77216f; |
2873 | +} |
2874 | +header.banner .nav-primary ul ul:last-child { |
2875 | + border-right: 0; |
2876 | +} |
2877 | +header.banner .nav-primary .topics { |
2878 | + font-size: 90%; |
2879 | + top: auto; |
2880 | + left: 0; |
2881 | + width: 100%; |
2882 | + height: auto; |
2883 | + margin: 0; |
2884 | + text-indent: 0; |
2885 | + text-transform: none; |
2886 | + color: #808080; |
2887 | + border-left: none; |
2888 | + border-right: none; |
2889 | + display: block; |
2890 | +} |
2891 | +header.banner .nav-primary .topics > a { |
2892 | + color: #808080; |
2893 | + -moz-box-shadow: inset 0px -1px 0 #d4d7d4; |
2894 | + -webkit-box-shadow: inset 0px -1px 0 #d4d7d4; |
2895 | + box-shadow: inset 0px -1px 0 #d4d7d4; |
2896 | +} |
2897 | +header.banner .nav-primary .topics > a:hover { |
2898 | + cursor: default; |
2899 | + background: none; |
2900 | +} |
2901 | +header.banner .nav-primary .topics ul li { |
2902 | + -webkit-box-sizing: border-box; |
2903 | + -moz-box-sizing: border-box; |
2904 | + box-sizing: border-box; |
2905 | + border-right: 1px solid #d4d7d4; |
2906 | + border-bottom: 1px solid #d4d7d4; |
2907 | +} |
2908 | +header.banner .nav-primary .topics ul li a, header.banner .nav-primary .topics ul li:first-of-type a { |
2909 | + font-size: 14px; |
2910 | + width: 100%; |
2911 | + padding: 8px 10px; |
2912 | + color: #333; |
2913 | +} |
2914 | +header.banner .nav-primary .topics ul li a:hover, header.banner .nav-primary .topics ul li:first-of-type a:hover { |
2915 | + cursor: pointer; |
2916 | + background: #f8f8f8; |
2917 | +} |
2918 | +header.banner .nav-primary .topics ul li:nth-child(2n) { |
2919 | + border-right: none; |
2920 | +} |
2921 | +header.banner .nav-primary #nav-archives { |
2922 | + position: absolute; |
2923 | + right: 0; |
2924 | + float: right; |
2925 | + border-bottom: 1px solid #d4d7d4; |
2926 | +} |
2927 | +header.banner nav.nav-primary ul li ul { |
2928 | + display: block; |
2929 | +} |
2930 | + |
2931 | +header.banner nav.nav-primary ul.active { |
2932 | + -moz-box-shadow: inset 0px -1px 0 #d4d7d4; |
2933 | + -webkit-box-shadow: inset 0px -1px 0 #d4d7d4; |
2934 | + box-shadow: inset 0px -1px 0 #d4d7d4; |
2935 | + background: #f0f0f0; |
2936 | +} |
2937 | +header.banner nav.nav-primary ul.active li ul { |
2938 | + display: block; |
2939 | +} |
2940 | +header.banner nav.nav-primary ul.active li ul li { |
2941 | + border-left: none; |
2942 | +} |
2943 | +@media only screen and (max-width: 768px) { |
2944 | + header.banner nav.nav-primary ul.active li ul li a { |
2945 | + padding: 8px 10px; |
2946 | + } |
2947 | +} |
2948 | +header.banner nav.nav-primary .header-search { |
2949 | + -webkit-box-sizing: border-box; |
2950 | + -moz-box-sizing: border-box; |
2951 | + box-sizing: border-box; |
2952 | +} |
2953 | +header.banner nav.nav-primary .header-search.active { |
2954 | + padding: 10px; |
2955 | +} |
2956 | +header.banner nav.nav-primary .header-search input[type='search'] { |
2957 | + -webkit-box-sizing: border-box; |
2958 | + -moz-box-sizing: border-box; |
2959 | + box-sizing: border-box; |
2960 | + -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 | + -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 | + 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 | + height: 38px; |
2964 | + border-radius: 4px; |
2965 | +} |
2966 | + |
2967 | +/* @section homepage |
2968 | +-------------------------------------------------------------- */ |
2969 | +/* @section posts |
2970 | +-------------------------------------------------------------- */ |
2971 | +.single-post .avatar { |
2972 | + max-width: 56px; |
2973 | +} |
2974 | + |
2975 | +.tags, |
2976 | +.tags a:link, |
2977 | +.tags a:visited { |
2978 | + font-size: 0.92308em; |
2979 | + margin: 0 0 5px 0; |
2980 | + padding: 0; |
2981 | + color: #aea79f; |
2982 | +} |
2983 | + |
2984 | +.post-author { |
2985 | + font-size: 16px; |
2986 | + margin-bottom: 0; |
2987 | +} |
2988 | + |
2989 | +.post-date, |
2990 | +#comments time { |
2991 | + font-size: 13px; |
2992 | + margin-bottom: 0px; |
2993 | + color: #aea79f; |
2994 | +} |
2995 | + |
2996 | +.post-comments { |
2997 | + font-size: 13px; |
2998 | + margin-bottom: 0; |
2999 | +} |
3000 | + |
3001 | +.image-wrap { |
3002 | + position: relative; |
3003 | + display: inline-block; |
3004 | + max-width: 100%; |
3005 | + margin-bottom: 0px; |
3006 | + vertical-align: bottom; |
3007 | + background-size: 100% 100%; |
3008 | +} |
3009 | +.image-wrap:after { |
3010 | + position: absolute; |
3011 | + top: 0; |
3012 | + left: 0; |
3013 | + width: 100%; |
3014 | + height: 100%; |
3015 | + content: ' '; |
3016 | + background: url(../../img/white-squircle.png) no-repeat; |
3017 | + background-size: 100%; |
3018 | +} |
3019 | + |
3020 | +.post .post-date, |
3021 | +.post .image-wrap { |
3022 | + margin-bottom: 10px; |
3023 | +} |
3024 | + |
3025 | +.row:last-of-type { |
3026 | + border-bottom: 0; |
3027 | +} |
3028 | + |
3029 | +#share-links { |
3030 | + margin-top: 10px; |
3031 | + padding-top: 10px; |
3032 | + border-top: 1px dotted #aea79f; |
3033 | +} |
3034 | +#share-links h3 { |
3035 | + font-size: 13px; |
3036 | + color: #aea79f; |
3037 | +} |
3038 | + |
3039 | +#social-links { |
3040 | + margin-left: -8px; |
3041 | +} |
3042 | +#social-links li { |
3043 | + display: inline; |
3044 | + float: left; |
3045 | + clear: none; |
3046 | + width: auto; |
3047 | + margin-left: 8px; |
3048 | + text-indent: -999em; |
3049 | +} |
3050 | +#social-links li a { |
3051 | + display: block; |
3052 | + overflow: hidden; |
3053 | + width: 24px; |
3054 | + height: 24px; |
3055 | + background-image: url("../../img/icons/icon-social-author.svg"); |
3056 | + background-repeat: no-repeat; |
3057 | + -moz-background-size: 144px 48px; |
3058 | + -webkit-background-size: 144px 48px; |
3059 | + -o-background-size: 144px 48px; |
3060 | + background-size: 144px 48px; |
3061 | +} |
3062 | +#social-links li a.social-launchpad { |
3063 | + background-position: 0 0; |
3064 | +} |
3065 | +#social-links li a.social-launchpad:hover { |
3066 | + background-position: 0 -24px; |
3067 | +} |
3068 | +#social-links li a.social-email { |
3069 | + background-position: -24px 0; |
3070 | +} |
3071 | +#social-links li a.social-email:hover { |
3072 | + background-position: -24px -24px; |
3073 | +} |
3074 | +#social-links li a.social-twitter { |
3075 | + background-position: -48px 0; |
3076 | +} |
3077 | +#social-links li a.social-twitter:hover { |
3078 | + background-position: -48px -24px; |
3079 | +} |
3080 | +#social-links li a.social-google { |
3081 | + background-position: -72px 0; |
3082 | +} |
3083 | +#social-links li a.social-google:hover { |
3084 | + background-position: -72px -24px; |
3085 | +} |
3086 | +#social-links li a.social-facebook { |
3087 | + background-position: -96px 0; |
3088 | +} |
3089 | +#social-links li a.social-facebook:hover { |
3090 | + background-position: -96px -24px; |
3091 | +} |
3092 | +#social-links li a.social-rss { |
3093 | + background-position: -120px 0; |
3094 | +} |
3095 | +#social-links li a.social-rss:hover { |
3096 | + background-position: -120px -24px; |
3097 | +} |
3098 | + |
3099 | +body.author .avatar { |
3100 | + float: left; |
3101 | +} |
3102 | +body.author .bio { |
3103 | + margin-left: 0; |
3104 | + float: left; |
3105 | + width: 100%; |
3106 | +} |
3107 | +body.author .bio h2 { |
3108 | + font-size: 21px; |
3109 | +} |
3110 | +body.author .bio .location { |
3111 | + font-weight: 300; |
3112 | + padding-left: 14px; |
3113 | + color: #ada79f; |
3114 | + background: url("../../img/location_bg.png") no-repeat scroll 0 45% transparent; |
3115 | +} |
3116 | +body.author .description { |
3117 | + margin-top: 200px; |
3118 | +} |
3119 | + |
3120 | +li #comment-form li { |
3121 | + border: 0; |
3122 | +} |
3123 | + |
3124 | +#comments h3 { |
3125 | + font-size: 1.5625em; |
3126 | + font-weight: 300; |
3127 | + line-height: 1; |
3128 | + display: block; |
3129 | + clear: both; |
3130 | + padding: .625em 0 .625em 0; |
3131 | + color: #aea79f; |
3132 | + border-width: 1px 0; |
3133 | + border-style: solid; |
3134 | + border-color: #d7d7d7; |
3135 | + border-image: none; |
3136 | +} |
3137 | +#comments button, |
3138 | +#comments input[type='submit'] { |
3139 | + background-color: #5f193e; |
3140 | + background-image: linear-gradient(#772953, #5f193e); |
3141 | +} |
3142 | +#comments button:hover, |
3143 | +#comments input[type='submit']:hover { |
3144 | + background: #511c39; |
3145 | +} |
3146 | +#comments .reply a { |
3147 | + display: inline-block; |
3148 | + margin: 0 0 20px; |
3149 | + padding: 4px 10px; |
3150 | + text-decoration: none; |
3151 | + color: #fff; |
3152 | + border-radius: 4px; |
3153 | + background-color: #772953; |
3154 | + background-image: linear-gradient(#772953, #5f193e); |
3155 | +} |
3156 | +#comments .reply a:hover { |
3157 | + background: #511c39; |
3158 | +} |
3159 | + |
3160 | +.has-related #comments h3#add-comment { |
3161 | + border: 0 none; |
3162 | +} |
3163 | + |
3164 | +#cancel-comment-reply-link { |
3165 | + margin-left: 10px; |
3166 | +} |
3167 | + |
3168 | +.comment-meta cite { |
3169 | + font-style: normal; |
3170 | +} |
3171 | +.comment-meta time { |
3172 | + font-weight: 300; |
3173 | + line-height: 1.2; |
3174 | + float: left; |
3175 | + clear: both; |
3176 | +} |
3177 | + |
3178 | +.comment-list { |
3179 | + margin-bottom: 0; |
3180 | + margin-left: 0; |
3181 | +} |
3182 | +.comment-list li { |
3183 | + position: relative; |
3184 | + display: block; |
3185 | + clear: both; |
3186 | + margin-bottom: 0; |
3187 | +} |
3188 | +.comment-list li > div { |
3189 | + -webkit-box-sizing: border-box; |
3190 | + -moz-box-sizing: border-box; |
3191 | + box-sizing: border-box; |
3192 | + display: block; |
3193 | + float: left; |
3194 | + clear: both; |
3195 | + width: 100%; |
3196 | + padding: 1.5em 0 0; |
3197 | + border-bottom: 1px solid #d7d7d7; |
3198 | +} |
3199 | +.comment-list li img.avatar { |
3200 | + float: left; |
3201 | + margin-bottom: 10px; |
3202 | +} |
3203 | +.comment-list .author-comment { |
3204 | + background-color: #f7f7f7; |
3205 | +} |
3206 | +.comment-list cite { |
3207 | + float: left; |
3208 | + clear: both; |
3209 | + width: 100%; |
3210 | +} |
3211 | +.comment-list cite a { |
3212 | + color: #333; |
3213 | +} |
3214 | +.comment-list cite a:hover { |
3215 | + color: #772953; |
3216 | +} |
3217 | + |
3218 | +.comment-content div blockquote { |
3219 | + font-style: italic; |
3220 | + color: #ada79f; |
3221 | +} |
3222 | +.comment-content ul { |
3223 | + margin-bottom: .625em; |
3224 | + margin-left: 20px; |
3225 | +} |
3226 | +.comment-content ul li { |
3227 | + margin-bottom: 0; |
3228 | + padding-left: 0; |
3229 | + border: 0 none; |
3230 | +} |
3231 | + |
3232 | +.wp-temp-form-div { |
3233 | + display: block !important; |
3234 | + background: #333; |
3235 | +} |
3236 | + |
3237 | +#respond, |
3238 | +#add-comment { |
3239 | + margin-bottom: 0; |
3240 | +} |
3241 | + |
3242 | +#post-trackbacks li { |
3243 | + padding: 0 20px; |
3244 | +} |
3245 | + |
3246 | +/* @section archive |
3247 | +-------------------------------------------------------------- */ |
3248 | +.filter { |
3249 | + display: none; |
3250 | + margin: 0; |
3251 | + float: left; |
3252 | +} |
3253 | + |
3254 | +.filter-toggle { |
3255 | + background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img//arrow_down_9fa097.svg"); |
3256 | + background-position: center right 10px; |
3257 | + background-repeat: no-repeat; |
3258 | + -moz-background-size: 13px 13px; |
3259 | + -webkit-background-size: 13px 13px; |
3260 | + -o-background-size: 13px 13px; |
3261 | + background-size: 13px 13px; |
3262 | + clear: none; |
3263 | + position: relative; |
3264 | + width: 100%; |
3265 | + margin: -10px -10px 0; |
3266 | + padding: 10px; |
3267 | + cursor: pointer; |
3268 | + border-bottom: 1px dotted #888; |
3269 | + top: -10px; |
3270 | + text-transform: uppercase; |
3271 | + font-size: 0.75em; |
3272 | + letter-spacing: .05em; |
3273 | + font-weight: normal; |
3274 | + color: #888; |
3275 | + float: left; |
3276 | +} |
3277 | + |
3278 | +.ui-accordion { |
3279 | + width: 100%; |
3280 | + margin: 0; |
3281 | + display: inline-block; |
3282 | + padding: 0 10px; |
3283 | + margin: 0 -10px 20px; |
3284 | + border-bottom: 1px dotted #aea79f; |
3285 | +} |
3286 | +.ui-accordion h3 { |
3287 | + font-size: 13px; |
3288 | + font-weight: bold; |
3289 | + position: relative; |
3290 | + margin-bottom: 0; |
3291 | + border-top: 1px dotted #aea79f; |
3292 | + height: 36px; |
3293 | + line-height: 36px; |
3294 | + cursor: pointer; |
3295 | + width: 100%; |
3296 | + display: inline-block; |
3297 | + margin: 0 -10px; |
3298 | + padding: 0 10px 10px; |
3299 | +} |
3300 | +.ui-accordion h3:first-of-type { |
3301 | + border-top: none; |
3302 | + margin-top: -10px; |
3303 | +} |
3304 | +.ui-accordion h3 + div { |
3305 | + display: block; |
3306 | +} |
3307 | +.ui-accordion .ui-icon { |
3308 | + position: absolute; |
3309 | + top: 15px; |
3310 | + right: 0; |
3311 | + width: 8px; |
3312 | + height: 8px; |
3313 | + background: url(../../img/icon-accordion-inactive.png) 0 0 no-repeat transparent; |
3314 | + display: none; |
3315 | +} |
3316 | +.ui-accordion .ui-state-active .ui-icon { |
3317 | + background-image: url(../../img/icon-accordion-active.png); |
3318 | +} |
3319 | +.ui-accordion li { |
3320 | + line-height: 1.3; |
3321 | + margin-bottom: 12px; |
3322 | + padding: 0; |
3323 | + list-style: none; |
3324 | + border: 0; |
3325 | +} |
3326 | +.ui-accordion li a { |
3327 | + font-size: 13px; |
3328 | +} |
3329 | + |
3330 | +.results-list li { |
3331 | + margin-bottom: 50px; |
3332 | +} |
3333 | + |
3334 | +/* @section footer |
3335 | +-------------------------------------------------------------- */ |
3336 | +footer.global { |
3337 | + padding-top: 0; |
3338 | + background-color: transparent; |
3339 | + -moz-box-shadow: none; |
3340 | + -webkit-box-shadow: none; |
3341 | + box-shadow: none; |
3342 | +} |
3343 | +footer.global .row { |
3344 | + padding: 20px 0 0; |
3345 | + border-bottom: none; |
3346 | +} |
3347 | +footer.global .two-col { |
3348 | + display: inline-block; |
3349 | + float: left; |
3350 | + width: 46%; |
3351 | + min-height: 200px; |
3352 | +} |
3353 | +footer.global h2 { |
3354 | + padding-bottom: .75em; |
3355 | + letter-spacing: .05em; |
3356 | + text-transform: uppercase; |
3357 | + color: #aea79f; |
3358 | +} |
3359 | +footer.global nav .canonlist ul li { |
3360 | + display: inline; |
3361 | + float: left; |
3362 | + width: 48%; |
3363 | + min-height: 0; |
3364 | +} |
3365 | +footer.global li { |
3366 | + margin-bottom: .5em; |
3367 | +} |
3368 | +footer.global ul.inline { |
3369 | + margin-top: 5px; |
3370 | +} |
3371 | +footer.global ul.inline li { |
3372 | + line-height: 1; |
3373 | + display: inline; |
3374 | + float: left; |
3375 | +} |
3376 | +footer.global ul.inline li:after { |
3377 | + margin: 0 5px; |
3378 | + content: '•'; |
3379 | + vertical-align: middle; |
3380 | + color: #aea79f; |
3381 | +} |
3382 | +footer.global ul.inline li:last-child { |
3383 | + width: auto; |
3384 | +} |
3385 | +footer.global a { |
3386 | + color: #333333; |
3387 | +} |
3388 | +footer.global .legal { |
3389 | + background: none; |
3390 | +} |
3391 | +footer.global .legal.has-cookie { |
3392 | + /* if the cookie message is being displayed add padding so the legal links are still visible */ |
3393 | + padding-bottom: 70px; |
3394 | +} |
3395 | +footer.global .list-social li { |
3396 | + display: inline-block; |
3397 | + width: 45px; |
3398 | + height: 45px; |
3399 | + margin-right: 20px; |
3400 | + text-indent: -999em; |
3401 | +} |
3402 | +footer.global .list-social li a { |
3403 | + display: block; |
3404 | + overflow: hidden; |
3405 | + width: 44px; |
3406 | + height: 44px; |
3407 | + background-image: url("../../img/icons/icon-social.png"); |
3408 | + background-image: url("../../img/icons/icon-social.svg"), none; |
3409 | + background-repeat: no-repeat; |
3410 | +} |
3411 | +footer.global .list-social li a#item-twitter { |
3412 | + background-position: 0 0; |
3413 | +} |
3414 | +footer.global .list-social li a#item-google { |
3415 | + background-position: -45px 0; |
3416 | +} |
3417 | +footer.global .list-social li a#item-facebook { |
3418 | + background-position: -90.5px 0; |
3419 | +} |
3420 | +footer.global .list-social li a#item-canonical { |
3421 | + background-position: -135px 0; |
3422 | +} |
3423 | +footer.global .list-social li a#item-twitter:hover { |
3424 | + background-position: 0 -45px; |
3425 | +} |
3426 | +footer.global .list-social li a#item-google:hover { |
3427 | + background-position: -45px -45px; |
3428 | +} |
3429 | +footer.global .list-social li a#item-facebook:hover { |
3430 | + background-position: -90.5px -45px; |
3431 | +} |
3432 | +footer.global .list-social li a#item-canonical:hover { |
3433 | + background-position: -135px -45px; |
3434 | +} |
3435 | + |
3436 | +.legal-inner { |
3437 | + float: none; |
3438 | + clear: none; |
3439 | + overflow: hidden; |
3440 | + width: 100%; |
3441 | + margin: 0; |
3442 | + padding: 0; |
3443 | +} |
3444 | + |
3445 | +.footer-wrapper.strip-light { |
3446 | + -moz-box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.4); |
3447 | + -webkit-box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.4); |
3448 | + box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.4); |
3449 | + background: none; |
3450 | +} |
3451 | + |
3452 | +footer #nav-global h2 { |
3453 | + color: #aea79f; |
3454 | +} |
3455 | +footer #nav-global li ul { |
3456 | + width: 100%; |
3457 | +} |
3458 | + |
3459 | +.yes-js #additional-info { |
3460 | + display: block; |
3461 | + width: 100%; |
3462 | + min-height: 0; |
3463 | + margin-bottom: -2px; |
3464 | + padding: 0; |
3465 | +} |
3466 | +.yes-js #additional-info h2 { |
3467 | + display: block; |
3468 | + float: left; |
3469 | + clear: both; |
3470 | + width: 100%; |
3471 | + margin: 0 -10px; |
3472 | + padding: 8px 10px .8em; |
3473 | + border-top: 1px solid #d4d7d4; |
3474 | + border-bottom: 1px solid #d4d7d4; |
3475 | +} |
3476 | +.yes-js #additional-info h2:before { |
3477 | + -moz-background-size: 14px 14px; |
3478 | + -webkit-background-size: 14px 14px; |
3479 | + -o-background-size: 14px 14px; |
3480 | + background-size: 14px 14px; |
3481 | + position: relative; |
3482 | + top: 3px; |
3483 | + display: inline-block; |
3484 | + width: 15px; |
3485 | + height: 15px; |
3486 | + margin-right: 3px; |
3487 | + content: ''; |
3488 | + background-image: url("../../img/external-link.png"); |
3489 | + background-image: url("../../img/external-link.svg"); |
3490 | + background-repeat: no-repeat; |
3491 | +} |
3492 | +.yes-js #additional-info h2 span { |
3493 | + -moz-background-size: 100% 100%; |
3494 | + -webkit-background-size: 100% 100%; |
3495 | + -o-background-size: 100% 100%; |
3496 | + background-size: 100% 100%; |
3497 | + display: inline-block; |
3498 | + float: right; |
3499 | + clear: none; |
3500 | + width: 13px; |
3501 | + height: 13px; |
3502 | + margin-left: 6px; |
3503 | + background-image: url("../../img/arrow_down_9fa097.svg"); |
3504 | + background-repeat: no-repeat; |
3505 | + background-position: 0 2px; |
3506 | +} |
3507 | +.yes-js #additional-info h2.active span { |
3508 | + background-image: url("../../img/arrow_up_9fa097.svg"); |
3509 | + background-position: 0 0; |
3510 | +} |
3511 | +.yes-js #additional-info div { |
3512 | + display: none; |
3513 | + height: 0; |
3514 | +} |
3515 | +.yes-js #additional-info div.active { |
3516 | + display: block; |
3517 | + height: auto; |
3518 | + margin-right: -10px; |
3519 | + margin-left: -10px; |
3520 | +} |
3521 | +.yes-js #additional-info div.active ul { |
3522 | + display: block; |
3523 | + float: left; |
3524 | + width: 100%; |
3525 | + margin: 0 -20px 0 0; |
3526 | + padding: 0; |
3527 | +} |
3528 | +.yes-js #additional-info div.active li { |
3529 | + -webkit-box-sizing: border-box; |
3530 | + -moz-box-sizing: border-box; |
3531 | + box-sizing: border-box; |
3532 | + display: block; |
3533 | + float: left; |
3534 | + width: 50%; |
3535 | + margin: 0; |
3536 | + padding: 0; |
3537 | + border-left: 1px solid #d4d7d4; |
3538 | +} |
3539 | +.yes-js #additional-info div.active li a { |
3540 | + -webkit-box-sizing: border-box; |
3541 | + -moz-box-sizing: border-box; |
3542 | + box-sizing: border-box; |
3543 | + font-size: 1 em; |
3544 | + margin-bottom: 0.75 em; |
3545 | + display: block; |
3546 | + float: left; |
3547 | + overflow: hidden; |
3548 | + width: 100%; |
3549 | + margin: 0; |
3550 | + padding: 8px 10px; |
3551 | + text-align: left; |
3552 | + white-space: normal; |
3553 | + border-bottom: 1px solid #d4d7d4; |
3554 | +} |
3555 | + |
3556 | +.cookie-policy { |
3557 | + -webkit-box-sizing: border-box; |
3558 | + -moz-box-sizing: border-box; |
3559 | + box-sizing: border-box; |
3560 | + -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); |
3561 | + -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); |
3562 | + box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); |
3563 | + position: fixed; |
3564 | + z-index: 100; |
3565 | + bottom: 0; |
3566 | + width: 100%; |
3567 | + padding-right: 30px; |
3568 | + padding-left: 10px; |
3569 | + color: #fff; |
3570 | + background: #333; |
3571 | +} |
3572 | +.cookie-policy .wrapper { |
3573 | + width: auto; |
3574 | + background: transparent; |
3575 | +} |
3576 | +.cookie-policy p { |
3577 | + font-size: 13px; |
3578 | + width: 100%; |
3579 | + margin-bottom: 0; |
3580 | + margin-left: 0; |
3581 | + padding: 8px 0; |
3582 | +} |
3583 | +.cookie-policy a { |
3584 | + color: #dd4814; |
3585 | +} |
3586 | +.cookie-policy .link-cta { |
3587 | + -moz-background-size: 16px 15px; |
3588 | + -webkit-background-size: 16px 15px; |
3589 | + -o-background-size: 16px 15px; |
3590 | + background-size: 16px 15px; |
3591 | + font-size: 1em; |
3592 | + display: block; |
3593 | + float: right; |
3594 | + width: 16px; |
3595 | + height: 15px; |
3596 | + margin-top: 12px; |
3597 | + margin-right: -20px; |
3598 | + padding: 0; |
3599 | + text-decoration: none; |
3600 | + text-indent: -999em; |
3601 | + color: #fff; |
3602 | + background-image: url("../../img/close.png"); |
3603 | + background-repeat: no-repeat; |
3604 | +} |
3605 | + |
3606 | +.no-svg header.banner .logo-ubuntu, |
3607 | +.no-svg header.banner .nav-primary.nav-right .logo-ubuntu { |
3608 | + background-image: url("../../img/logo.png"); |
3609 | +} |
3610 | +.no-svg header.banner .logo-ubuntu img, |
3611 | +.no-svg header.banner .nav-primary.nav-right .logo-ubuntu img { |
3612 | + left: 0; |
3613 | + top: 15px; |
3614 | +} |
3615 | +.no-svg .yes-js #additional-info h2:before { |
3616 | + background-image: url("../../img/external-link.png"); |
3617 | +} |
3618 | +.no-svg footer.global .list-social li a { |
3619 | + background-image: url("../../img/icons/icon-social.png"); |
3620 | +} |
3621 | + |
3622 | +/* @section Medium / Desktop viewport |
3623 | +-------------------------------------------------------------- */ |
3624 | +@media only screen and (min-width: 769px) { |
3625 | + header.banner .nav-primary ul { |
3626 | + border-left: 1px solid #642246; |
3627 | + border-right: 1px solid #9d366d; |
3628 | + width: auto; |
3629 | + } |
3630 | + header.banner .nav-primary ul li { |
3631 | + border: none; |
3632 | + } |
3633 | + header.banner .nav-primary ul li ul { |
3634 | + -moz-box-shadow: 0 2px 2px -1px #777; |
3635 | + -webkit-box-shadow: 0 2px 2px -1px #777; |
3636 | + box-shadow: 0 2px 2px -1px #777; |
3637 | + -webkit-border-radius: 10px; |
3638 | + -moz-border-radius: 10px; |
3639 | + border-radius: 10px; |
3640 | + background: #f7f7f7; |
3641 | + border: 1px solid #d5d5d5; |
3642 | + display: none; |
3643 | + float: none; |
3644 | + margin: 0; |
3645 | + padding: 5px 0; |
3646 | + position: absolute; |
3647 | + top: 51px; |
3648 | + width: 200px; |
3649 | + } |
3650 | + header.banner .nav-primary ul li ul li { |
3651 | + width: 100%; |
3652 | + } |
3653 | + header.banner .nav-primary ul li a:link, |
3654 | + header.banner .nav-primary ul li a:active, |
3655 | + header.banner .nav-primary ul li a:visited { |
3656 | + border-left: 1px solid #9d366d; |
3657 | + border-right: 1px solid #642246; |
3658 | + } |
3659 | + header.banner .nav-primary ul li:last-child { |
3660 | + border-right: 1px solid #642246; |
3661 | + border-left: 1px solid #642246; |
3662 | + } |
3663 | + header.banner .nav-primary ul li a:hover { |
3664 | + background: #923266; |
3665 | + border-right: 1px solid #923266; |
3666 | + } |
3667 | + header.banner .nav-primary ul li:last-child { |
3668 | + border: none; |
3669 | + } |
3670 | + header.banner .nav-primary ul li:hover ul:after { |
3671 | + background: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/patterns/arrow-up-smaller.png") no-repeat; |
3672 | + content: ''; |
3673 | + display: block; |
3674 | + height: 8px; |
3675 | + left: 20px; |
3676 | + position: relative; |
3677 | + top: -13px; |
3678 | + width: 200px; |
3679 | + z-index: 999; |
3680 | + } |
3681 | + header.banner .nav-primary ul .topics { |
3682 | + -moz-box-shadow: none; |
3683 | + -webkit-box-shadow: none; |
3684 | + box-shadow: none; |
3685 | + width: auto; |
3686 | + border-bottom: none; |
3687 | + cursor: pointer; |
3688 | + } |
3689 | + header.banner .nav-primary ul .topics:hover { |
3690 | + background: #923266; |
3691 | + } |
3692 | + header.banner .nav-primary ul .topics > a:link { |
3693 | + -moz-box-shadow: none; |
3694 | + -webkit-box-shadow: none; |
3695 | + box-shadow: none; |
3696 | + color: #FFF; |
3697 | + cursor: pointer; |
3698 | + } |
3699 | + header.banner .nav-primary ul .topics ul li { |
3700 | + border-right: none; |
3701 | + border-bottom: none; |
3702 | + } |
3703 | + header.banner .nav-primary ul .topics ul li a:hover, header.banner .nav-primary ul .topics ul li:first-of-type a:hover { |
3704 | + background: none; |
3705 | + color: #772953; |
3706 | + } |
3707 | + header.banner .nav-primary ul #nav-archives { |
3708 | + position: relative; |
3709 | + border-bottom: none; |
3710 | + } |
3711 | + header.banner nav.nav-primary ul li ul { |
3712 | + display: none; |
3713 | + } |
3714 | + header.banner nav.nav-primary ul li a:link { |
3715 | + border-left: 1px solid #9d366d; |
3716 | + } |
3717 | + header.banner nav.nav-primary ul li ul li a:link { |
3718 | + border-left: none; |
3719 | + } |
3720 | + header.banner nav.nav-primary ul .topics ul li { |
3721 | + border-right: none; |
3722 | + border-bottom: none; |
3723 | + } |
3724 | + 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 | + background: none; |
3726 | + } |
3727 | + |
3728 | + #comments h3 { |
3729 | + padding-left: 20px; |
3730 | + } |
3731 | + |
3732 | + .comment-list li > div { |
3733 | + padding-right: 20px; |
3734 | + padding-left: 20px; |
3735 | + } |
3736 | + |
3737 | + /* @section archives |
3738 | + -------------------------------------------------------------- */ |
3739 | + .filter { |
3740 | + display: block; |
3741 | + } |
3742 | + |
3743 | + .filter-toggle { |
3744 | + display: none; |
3745 | + } |
3746 | + |
3747 | + .ui-accordion h3 + div { |
3748 | + display: none; |
3749 | + } |
3750 | + |
3751 | + /* @section homepage |
3752 | + -------------------------------------------------------------- */ |
3753 | + footer #nav-global { |
3754 | + display: none; |
3755 | + } |
3756 | + footer #nav-global div { |
3757 | + display: none; |
3758 | + } |
3759 | + footer #nav-global h2 { |
3760 | + color: #aea79f; |
3761 | + } |
3762 | + footer #nav-global .nav-global-wrapper ul { |
3763 | + margin-left: 10px; |
3764 | + } |
3765 | + footer #nav-global .nav-global-wrapper ul ul { |
3766 | + margin-left: 0; |
3767 | + } |
3768 | + |
3769 | + .legal-inner { |
3770 | + float: none; |
3771 | + clear: none; |
3772 | + margin: 0; |
3773 | + padding: 0; |
3774 | + -moz-box-shadow: none; |
3775 | + -webkit-box-shadow: none; |
3776 | + box-shadow: none; |
3777 | + } |
3778 | + |
3779 | + .footer-wrapper.strip-light { |
3780 | + padding-top: 10px; |
3781 | + } |
3782 | + |
3783 | + footer.global .two-col { |
3784 | + display: inline-block; |
3785 | + width: 14.89361%; |
3786 | + min-height: 0; |
3787 | + } |
3788 | + |
3789 | + .yes-js #additional-info { |
3790 | + float: right; |
3791 | + width: 18%; |
3792 | + min-height: inherit; |
3793 | + margin-right: 0; |
3794 | + margin-bottom: 0; |
3795 | + padding: 0; |
3796 | + } |
3797 | + .yes-js #additional-info div { |
3798 | + display: block; |
3799 | + height: auto; |
3800 | + } |
3801 | + .yes-js #additional-info h2 { |
3802 | + display: block; |
3803 | + float: left; |
3804 | + clear: both; |
3805 | + width: 100%; |
3806 | + margin: inherit; |
3807 | + margin-left: 0; |
3808 | + padding: inherit; |
3809 | + padding-bottom: .75em; |
3810 | + border: 0; |
3811 | + } |
3812 | + .yes-js #additional-info h2 span { |
3813 | + display: none; |
3814 | + } |
3815 | +} |
3816 | +@media only screen and (min-width: 960px) { |
3817 | + header.banner nav.nav-primary .header-search { |
3818 | + -webkit-box-sizing: border-box; |
3819 | + -moz-box-sizing: border-box; |
3820 | + box-sizing: border-box; |
3821 | + padding-top: 6px; |
3822 | + padding-bottom: 4px; |
3823 | + } |
3824 | + header.banner nav.nav-primary .header-search input[type="search"] { |
3825 | + -webkit-box-sizing: border-box; |
3826 | + -moz-box-sizing: border-box; |
3827 | + box-sizing: border-box; |
3828 | + height: 38px; |
3829 | + border-radius: 4px; |
3830 | + background: #481e3d; |
3831 | + box-shadow: none; |
3832 | + border-bottom: 1px solid #77216f; |
3833 | + } |
3834 | + header.banner nav.nav-primary .header-search input[type="search"]:focus { |
3835 | + background-color: #281122; |
3836 | + } |
3837 | + header.banner nav.nav-primary .header-search { |
3838 | + -webkit-box-sizing: border-box; |
3839 | + -moz-box-sizing: border-box; |
3840 | + box-sizing: border-box; |
3841 | + } |
3842 | + header.banner nav.nav-primary .header-search input[type='search'], |
3843 | + header.banner nav.nav-primary .header-search input[type='text'] { |
3844 | + -webkit-box-sizing: border-box; |
3845 | + -moz-box-sizing: border-box; |
3846 | + box-sizing: border-box; |
3847 | + height: 38px; |
3848 | + border-radius: 4px; |
3849 | + background: #481e3d; |
3850 | + box-shadow: none; |
3851 | + border-bottom: 1px solid #77216f; |
3852 | + } |
3853 | + header.banner nav.nav-primary .header-search input[type='search']:focus, |
3854 | + header.banner nav.nav-primary .header-search input[type='text']:focus { |
3855 | + background-color: #281122; |
3856 | + } |
3857 | +} |
3858 | +/* @section Large / Desktop viewport |
3859 | +-------------------------------------------------------------- */ |
3860 | +@media only screen and (min-width: 984px) { |
3861 | + /* get the desktop typography back in */ |
3862 | + h1 { |
3863 | + font-size: 2.8125em; |
3864 | + } |
3865 | + |
3866 | + h2 { |
3867 | + font-size: 2em; |
3868 | + margin-bottom: .375em; |
3869 | + } |
3870 | + |
3871 | + h3 { |
3872 | + font-size: 1.438em; |
3873 | + margin-bottom: .522em; |
3874 | + } |
3875 | + |
3876 | + h4 { |
3877 | + font-size: 1em; |
3878 | + margin-bottom: .75em; |
3879 | + } |
3880 | + |
3881 | + h5 { |
3882 | + font-size: 1em; |
3883 | + } |
3884 | + |
3885 | + p, |
3886 | + li, |
3887 | + code, |
3888 | + pre { |
3889 | + font-size: 16px; |
3890 | + line-height: 1.5; |
3891 | + margin-bottom: .75em; |
3892 | + } |
3893 | + |
3894 | + header.banner { |
3895 | + margin-bottom: 20px; |
3896 | + } |
3897 | + |
3898 | + footer .row { |
3899 | + width: 984px; |
3900 | + margin: 0 auto; |
3901 | + } |
3902 | + |
3903 | + footer.global .row { |
3904 | + padding-right: 40px; |
3905 | + padding-left: 40px; |
3906 | + } |
3907 | + footer.global .legal { |
3908 | + background: none; |
3909 | + } |
3910 | + footer.global .legal p, |
3911 | + footer.global .legal ul { |
3912 | + padding-left: 40px; |
3913 | + } |
3914 | +} |
3915 | |
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 | +@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 | \ No newline at end of file |
3922 | |
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 | 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 | +<?xml version="1.0" encoding="UTF-8" standalone="no"?> |
3933 | +<!-- Created with Inkscape (http://www.inkscape.org/) --> |
3934 | + |
3935 | +<svg |
3936 | + xmlns:dc="http://purl.org/dc/elements/1.1/" |
3937 | + xmlns:cc="http://creativecommons.org/ns#" |
3938 | + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" |
3939 | + xmlns:svg="http://www.w3.org/2000/svg" |
3940 | + xmlns="http://www.w3.org/2000/svg" |
3941 | + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" |
3942 | + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" |
3943 | + id="svg2" |
3944 | + version="1.1" |
3945 | + inkscape:version="0.48+devel r12648" |
3946 | + width="90" |
3947 | + height="90" |
3948 | + xml:space="preserve" |
3949 | + sodipodi:docname="dropdown-menu.svg"><metadata |
3950 | + id="metadata8"><rdf:RDF><cc:Work |
3951 | + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type |
3952 | + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs |
3953 | + id="defs6"><clipPath |
3954 | + clipPathUnits="userSpaceOnUse" |
3955 | + id="clipPath16"><path |
3956 | + d="m 0,595.28 841.89,0 L 841.89,0 0,0 0,595.28 Z" |
3957 | + id="path18" |
3958 | + inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview |
3959 | + pagecolor="#ffffff" |
3960 | + bordercolor="#666666" |
3961 | + borderopacity="1" |
3962 | + objecttolerance="10" |
3963 | + gridtolerance="10" |
3964 | + guidetolerance="10" |
3965 | + inkscape:pageopacity="0" |
3966 | + inkscape:pageshadow="2" |
3967 | + inkscape:window-width="640" |
3968 | + inkscape:window-height="480" |
3969 | + id="namedview4" |
3970 | + showgrid="false" |
3971 | + fit-margin-top="0" |
3972 | + fit-margin-left="0" |
3973 | + fit-margin-right="0" |
3974 | + fit-margin-bottom="0" |
3975 | + inkscape:zoom="2.4272256" |
3976 | + inkscape:cx="-157.44016" |
3977 | + inkscape:cy="98.291931" |
3978 | + inkscape:current-layer="g10" /><g |
3979 | + id="g10" |
3980 | + inkscape:groupmode="layer" |
3981 | + inkscape:label="chevron" |
3982 | + transform="matrix(1.25,0,0,-1.25,-406.97987,423.35437)"><g |
3983 | + id="g12" |
3984 | + transform="matrix(0,-0.54716981,0.54545455,0,180.52017,492.43318)"><g |
3985 | + id="g14" |
3986 | + clip-path="url(#clipPath16)"><g |
3987 | + id="g20" |
3988 | + transform="translate(358.7529,350.7095)"><path |
3989 | + 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 | + style="fill:#5D264F;fill-opacity:1;fill-rule:nonzero;stroke:none" |
3991 | + id="path22" |
3992 | + inkscape:connector-curvature="0" /></g></g></g></g></svg> |
3993 | \ No newline at end of file |
3994 | |
3995 | === added file 'library/img/arrow_down_9fa097.png' |
3996 | 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 | +<?xml version="1.0" encoding="UTF-8" standalone="no"?> |
4002 | +<!-- Created with Inkscape (http://www.inkscape.org/) --> |
4003 | + |
4004 | +<svg |
4005 | + xmlns:dc="http://purl.org/dc/elements/1.1/" |
4006 | + xmlns:cc="http://creativecommons.org/ns#" |
4007 | + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" |
4008 | + xmlns:svg="http://www.w3.org/2000/svg" |
4009 | + xmlns="http://www.w3.org/2000/svg" |
4010 | + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" |
4011 | + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" |
4012 | + id="svg2" |
4013 | + version="1.1" |
4014 | + inkscape:version="0.48+devel r12648" |
4015 | + width="90" |
4016 | + height="90" |
4017 | + xml:space="preserve" |
4018 | + sodipodi:docname="dropdown-menu.svg"><metadata |
4019 | + id="metadata8"><rdf:RDF><cc:Work |
4020 | + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type |
4021 | + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs |
4022 | + id="defs6"><clipPath |
4023 | + clipPathUnits="userSpaceOnUse" |
4024 | + id="clipPath16"><path |
4025 | + d="m 0,595.28 841.89,0 L 841.89,0 0,0 0,595.28 Z" |
4026 | + id="path18" |
4027 | + inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview |
4028 | + pagecolor="#ffffff" |
4029 | + bordercolor="#666666" |
4030 | + borderopacity="1" |
4031 | + objecttolerance="10" |
4032 | + gridtolerance="10" |
4033 | + guidetolerance="10" |
4034 | + inkscape:pageopacity="0" |
4035 | + inkscape:pageshadow="2" |
4036 | + inkscape:window-width="640" |
4037 | + inkscape:window-height="480" |
4038 | + id="namedview4" |
4039 | + showgrid="false" |
4040 | + fit-margin-top="0" |
4041 | + fit-margin-left="0" |
4042 | + fit-margin-right="0" |
4043 | + fit-margin-bottom="0" |
4044 | + inkscape:zoom="2.4272256" |
4045 | + inkscape:cx="-157.44016" |
4046 | + inkscape:cy="98.291931" |
4047 | + inkscape:current-layer="g10" /><g |
4048 | + id="g10" |
4049 | + inkscape:groupmode="layer" |
4050 | + inkscape:label="chevron" |
4051 | + transform="matrix(1.25,0,0,-1.25,-406.97987,423.35437)"><g |
4052 | + id="g12" |
4053 | + transform="matrix(0,-0.54716981,0.54545455,0,180.52017,492.43318)"><g |
4054 | + id="g14" |
4055 | + clip-path="url(#clipPath16)"><g |
4056 | + id="g20" |
4057 | + transform="translate(358.7529,350.7095)"><path |
4058 | + 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 | + style="fill:#9fa097;fill-opacity:1;fill-rule:nonzero;stroke:none" |
4060 | + id="path22" |
4061 | + inkscape:connector-curvature="0" /></g></g></g></g></svg> |
4062 | \ No newline at end of file |
4063 | |
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 | +<?xml version="1.0" encoding="utf-8"?> |
4069 | +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
4070 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
4071 | +<svg version="1.1" |
4072 | + 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 | + xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px" |
4074 | + viewBox="0 0 90 90" enable-background="new 0 0 90 90" xml:space="preserve"> |
4075 | +<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 | + </sodipodi:namedview> |
4077 | +<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 | + </sodipodi:namedview> |
4079 | +<g id="g10_1_" transform="matrix(1.25,0,0,-1.25,-406.97987,423.35437)" inkscape:groupmode="layer" inkscape:label="chevron"> |
4080 | + <g id="g12_1_" transform="matrix(0,-0.54716981,0.54545455,0,180.52017,492.43318)"> |
4081 | + <g> |
4082 | + <defs> |
4083 | + <rect id="SVGID_1_" x="69.475" y="81.283" width="405.873" height="575.821"/> |
4084 | + </defs> |
4085 | + <clipPath id="SVGID_2_"> |
4086 | + <use xlink:href="#SVGID_1_" overflow="visible"/> |
4087 | + </clipPath> |
4088 | + <g id="g14_1_" clip-path="url(#SVGID_2_)"> |
4089 | + <g id="g20_1_" transform="translate(358.7529,350.7095)"> |
4090 | + <path id="path22_1_" inkscape:connector-curvature="0" fill="#5D264F" d="M-24.231-34.538 |
4091 | + 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 | + 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 | + 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 | + 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 | + 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 | + </g> |
4097 | + </g> |
4098 | + </g> |
4099 | + </g> |
4100 | +</g> |
4101 | +</svg> |
4102 | |
4103 | === added file 'library/img/arrow_up_9fa097.png' |
4104 | 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 | +<?xml version="1.0" encoding="utf-8"?> |
4110 | +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
4111 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
4112 | +<svg version="1.1" |
4113 | + 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 | + xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px" |
4115 | + viewBox="0 0 90 90" enable-background="new 0 0 90 90" xml:space="preserve"> |
4116 | +<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 | + </sodipodi:namedview> |
4118 | +<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 | + </sodipodi:namedview> |
4120 | +<g id="g10_1_" transform="matrix(1.25,0,0,-1.25,-406.97987,423.35437)" inkscape:groupmode="layer" inkscape:label="chevron"> |
4121 | + <g id="g12_1_" transform="matrix(0,-0.54716981,0.54545455,0,180.52017,492.43318)"> |
4122 | + <g> |
4123 | + <defs> |
4124 | + <rect id="SVGID_1_" x="69.475" y="81.283" width="405.873" height="575.821"/> |
4125 | + </defs> |
4126 | + <clipPath id="SVGID_2_"> |
4127 | + <use xlink:href="#SVGID_1_" overflow="visible"/> |
4128 | + </clipPath> |
4129 | + <g id="g14_1_" clip-path="url(#SVGID_2_)"> |
4130 | + <g id="g20_1_" transform="translate(358.7529,350.7095)"> |
4131 | + <path id="path22_1_" inkscape:connector-curvature="0" fill="#9fa097" d="M-24.231-34.538 |
4132 | + 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 | + 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 | + 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 | + 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 | + 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 | + </g> |
4138 | + </g> |
4139 | + </g> |
4140 | + </g> |
4141 | +</g> |
4142 | +</svg> |
4143 | |
4144 | === added file 'library/img/close.png' |
4145 | 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 | +<?xml version="1.0" encoding="utf-8"?> |
4151 | +<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
4152 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
4153 | +<svg version="1.1" |
4154 | + 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 | + xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px" |
4156 | + viewBox="0 0 90 90" enable-background="new 0 0 90 90" xml:space="preserve"> |
4157 | +<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 | + |
4159 | + <inkscape:grid originy="-4.7900391e-05px" originx="0px" enabled="true" visible="true" empspacing="6" id="grid3007" type="xygrid" snapvisiblegridlinesonly="true"> |
4160 | + </inkscape:grid> |
4161 | +</sodipodi:namedview> |
4162 | +<g id="layer1" transform="translate(-144,-962.36215)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4163 | + <g id="g4171" transform="translate(-198,611)"> |
4164 | + <rect id="rect4198" x="342" y="351.362" fill="none" width="90" height="90"/> |
4165 | + <path id="rect3978" sodipodi:nodetypes="ccccccccccccc" inkscape:connector-curvature="0" fill="#808080" d="M356.517,357.362 |
4166 | + 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 | + l-8.518-8.517L387,387.845L356.517,357.362z"/> |
4168 | + </g> |
4169 | +</g> |
4170 | +</svg> |
4171 | |
4172 | === modified file 'library/img/error404-hero-full-canonical.png' (properties changed: -x to +x) |
4173 | === added file 'library/img/external-link.png' |
4174 | 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 | +<?xml version="1.0" encoding="UTF-8" standalone="no"?> |
4180 | +<!-- Created with Inkscape (http://www.inkscape.org/) --> |
4181 | + |
4182 | +<svg |
4183 | + xmlns:dc="http://purl.org/dc/elements/1.1/" |
4184 | + xmlns:cc="http://creativecommons.org/ns#" |
4185 | + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" |
4186 | + xmlns:svg="http://www.w3.org/2000/svg" |
4187 | + xmlns="http://www.w3.org/2000/svg" |
4188 | + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" |
4189 | + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" |
4190 | + width="90" |
4191 | + height="90" |
4192 | + id="svg3140" |
4193 | + version="1.1" |
4194 | + inkscape:version="0.48+devel r12585" |
4195 | + sodipodi:docname="external-link.svg"> |
4196 | + <defs |
4197 | + id="defs3142" /> |
4198 | + <sodipodi:namedview |
4199 | + id="base" |
4200 | + pagecolor="#ffffff" |
4201 | + bordercolor="#666666" |
4202 | + borderopacity="1.0" |
4203 | + inkscape:pageopacity="0.0" |
4204 | + inkscape:pageshadow="2" |
4205 | + inkscape:zoom="2.6077032" |
4206 | + inkscape:cx="40.342015" |
4207 | + inkscape:cy="41.108902" |
4208 | + inkscape:document-units="px" |
4209 | + inkscape:current-layer="g4978" |
4210 | + showgrid="true" |
4211 | + inkscape:window-width="1920" |
4212 | + inkscape:window-height="1029" |
4213 | + inkscape:window-x="0" |
4214 | + inkscape:window-y="24" |
4215 | + inkscape:window-maximized="1" |
4216 | + fit-margin-top="0" |
4217 | + fit-margin-left="0" |
4218 | + fit-margin-right="0" |
4219 | + fit-margin-bottom="0" |
4220 | + showguides="false" |
4221 | + inkscape:snap-global="true" |
4222 | + inkscape:snap-bbox="true" |
4223 | + inkscape:bbox-paths="true" |
4224 | + inkscape:bbox-nodes="true" |
4225 | + inkscape:snap-bbox-edge-midpoints="true" |
4226 | + inkscape:snap-bbox-midpoints="true" |
4227 | + inkscape:snap-intersection-paths="true" |
4228 | + inkscape:object-nodes="true" |
4229 | + inkscape:snap-smooth-nodes="true" |
4230 | + inkscape:snap-midpoints="true" |
4231 | + inkscape:object-paths="true" |
4232 | + inkscape:snap-object-midpoints="true" |
4233 | + inkscape:snap-center="true"> |
4234 | + <inkscape:grid |
4235 | + type="xygrid" |
4236 | + id="grid3178" |
4237 | + empspacing="6" |
4238 | + visible="true" |
4239 | + enabled="true" |
4240 | + snapvisiblegridlinesonly="true" |
4241 | + originx="0px" |
4242 | + originy="-1.7382813e-05px" /> |
4243 | + </sodipodi:namedview> |
4244 | + <metadata |
4245 | + id="metadata3145"> |
4246 | + <rdf:RDF> |
4247 | + <cc:Work |
4248 | + rdf:about=""> |
4249 | + <dc:format>image/svg+xml</dc:format> |
4250 | + <dc:type |
4251 | + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> |
4252 | + <dc:title></dc:title> |
4253 | + </cc:Work> |
4254 | + </rdf:RDF> |
4255 | + </metadata> |
4256 | + <g |
4257 | + inkscape:label="Layer 1" |
4258 | + inkscape:groupmode="layer" |
4259 | + id="layer1" |
4260 | + transform="translate(0,-962.36218)"> |
4261 | + <rect |
4262 | + style="color:#000000;fill:none;stroke:none;stroke-width:7.5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" |
4263 | + id="rect4198" |
4264 | + width="90" |
4265 | + height="90" |
4266 | + x="0" |
4267 | + y="962.36218" /> |
4268 | + <g |
4269 | + id="g4978" |
4270 | + transform="translate(-60,548.00002)"> |
4271 | + <path |
4272 | + style="fill:#808080;fill-opacity:1" |
4273 | + 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 | + transform="translate(60,414.36216)" |
4275 | + id="path3759" /> |
4276 | + <rect |
4277 | + style="color:#000000;fill:none;stroke:none;stroke-width:6;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" |
4278 | + id="rect3045" |
4279 | + width="90" |
4280 | + height="90" |
4281 | + x="0" |
4282 | + y="1.7382814e-05" |
4283 | + transform="translate(60,414.36216)" /> |
4284 | + <path |
4285 | + sodipodi:type="star" |
4286 | + 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 | + id="path4984-3" |
4288 | + sodipodi:sides="3" |
4289 | + sodipodi:cx="111" |
4290 | + sodipodi:cy="174.09448" |
4291 | + sodipodi:r1="5.8309517" |
4292 | + sodipodi:r2="2.9154758" |
4293 | + sodipodi:arg1="1.0471976" |
4294 | + sodipodi:arg2="2.0943951" |
4295 | + inkscape:flatsided="true" |
4296 | + inkscape:rounded="0.06" |
4297 | + inkscape:randomized="0" |
4298 | + 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 | + transform="matrix(-2.9934635,2.9934635,-3.1108986,-3.1108989,1000.1718,648.37103)" |
4300 | + inkscape:transform-center-y="5.2240217" |
4301 | + inkscape:transform-center-x="5.2240132" |
4302 | + xml:space="default" /> |
4303 | + <path |
4304 | + 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 | + d="m 116.42642,438.99503 -24.340002,24.33999 9.940732,9.94073 24.34,-24.34 z" |
4306 | + id="path3789" |
4307 | + inkscape:connector-curvature="0" |
4308 | + xml:space="default" |
4309 | + sodipodi:nodetypes="ccccc" /> |
4310 | + </g> |
4311 | + </g> |
4312 | +</svg> |
4313 | |
4314 | === modified file 'library/img/footer_logo.png' (properties changed: -x to +x) |
4315 | === added file 'library/img/icon-accordion-active.png' |
4316 | 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 | 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 | 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 | +<?xml version="1.0" encoding="utf-8"?> |
4328 | +<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
4329 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
4330 | +<svg version="1.1" |
4331 | + 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 | + xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="144.175px" |
4333 | + 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 | +<path id="path5832_1_" inkscape:connector-curvature="0" fill="#AEA79F" d="M11.998,0C5.372,0,0,5.372,0,11.998l0,0 |
4335 | + 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 | +<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 | + </sodipodi:namedview> |
4338 | +<g id="layer1" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4339 | + <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 | + 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 | + <path id="path5679-3" sodipodi:nodetypes="sccccccccscccccs" inkscape:connector-curvature="0" fill="#FFFFFF" d="M315.509,466.262 |
4342 | + 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 | + 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 | + 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 | + 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 | + 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 | +</g> |
4348 | +<g id="layer1_1_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4349 | + <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 | + 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 | + L337.809,460.268z"/> |
4352 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + s1.284-1.953,1.725-2.116C335.552,474.377,336.634,474.338,336.814,474.338z"/> |
4363 | +</g> |
4364 | +<g id="layer1_2_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4365 | + <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 | + 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 | + L361.831,460.3z"/> |
4368 | + <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 | + 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 | + 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 | +</g> |
4372 | +<g id="layer1_3_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4373 | + <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 | + 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 | + L289.751,460.362z"/> |
4376 | + <path id="path4237-1" sodipodi:nodetypes="sssssssssccccccc" inkscape:connector-curvature="0" fill="#FFFFFF" d="M285.249,467.491 |
4377 | + 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 | + 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 | + L284.313,468.523z"/> |
4380 | +</g> |
4381 | +<text transform="matrix(1 0 0 1 5.1045 17.3184)" fill="#FFFFFF" font-family="'Ubuntu-Medium'" font-size="16.8436">lp</text> |
4382 | +<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 | + 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 | + 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 | + 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 | + s9.086-4.067,9.086-9.085C141.255,6.911,137.187,2.842,132.169,2.842z"/> |
4387 | +<path id="path5832_5_" inkscape:connector-curvature="0" fill="#DD4813" d="M11.998,24C5.372,24,0,29.372,0,35.998l0,0 |
4388 | + 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 | +<g id="layer1_11_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4390 | + <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 | + 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 | + <path id="path5679-3_2_" sodipodi:nodetypes="sccccccccscccccs" inkscape:connector-curvature="0" fill="#FFFFFF" d=" |
4393 | + 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 | + 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 | + 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 | + 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 | + 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 | +</g> |
4399 | +<g id="layer1_10_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4400 | + <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 | + 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 | + C349.815,489.643,344.441,484.268,337.809,484.268L337.809,484.268z"/> |
4403 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + s1.284-1.953,1.725-2.116C335.552,498.377,336.634,498.338,336.814,498.338z"/> |
4414 | +</g> |
4415 | +<g id="layer1_9_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4416 | + <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 | + 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 | + L361.831,484.3z"/> |
4419 | + <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 | + 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 | + 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 | +</g> |
4423 | +<g id="layer1_8_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4424 | + <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 | + 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 | + C301.757,489.737,296.382,484.362,289.751,484.362L289.751,484.362z"/> |
4427 | + <path id="path4237-1_2_" sodipodi:nodetypes="sssssssssccccccc" inkscape:connector-curvature="0" fill="#FFFFFF" d=" |
4428 | + 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 | + 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 | + L284.313,492.523z"/> |
4431 | +</g> |
4432 | +<text transform="matrix(1 0 0 1 5.1045 41.3184)" fill="#FFFFFF" font-family="'Ubuntu-Medium'" font-size="16.8436">lp</text> |
4433 | +<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 | + 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 | + 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 | + 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 | + s9.086-4.067,9.086-9.085C141.255,30.911,137.187,26.842,132.169,26.842z"/> |
4438 | +</svg> |
4439 | |
4440 | === added file 'library/img/icons/icon-social.png' |
4441 | 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 | +<?xml version="1.0" encoding="utf-8"?> |
4447 | +<!-- Generator: Adobe Illustrator 17.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
4448 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
4449 | +<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 | + width="179px" height="89px" viewBox="0 0 179 89" enable-background="new 0 0 179 89" xml:space="preserve"> |
4451 | +<g id="icon-social-google"> |
4452 | + <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 | + 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 | + c-0.367,0-0.74,0.047-1.11,0.124C50.2,7.526,48.632,9.567,47.446,11.84z"/> |
4455 | + <path fill="#AEA79F" d="M80.938,5.013v6.626h5.429C85.002,9.089,83.153,6.838,80.938,5.013z"/> |
4456 | + <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 | + 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 | + <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 | + 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 | + C53.324,25.76,52.622,25.826,51.979,25.826z"/> |
4461 | + <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 | + 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 | + 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 | + 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 | + C80.448,42.593,88.958,33.292,88.958,22c0-2.429-0.399-4.763-1.126-6.948H80.938z"/> |
4466 | +</g> |
4467 | +<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 | + 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 | + 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 | + 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 | +<g id="icon-social-facebook"> |
4472 | + <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 | + 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 | + 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 | + /> |
4476 | +</g> |
4477 | +<g id="icon-social-twitter"> |
4478 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + /> |
4485 | +</g> |
4486 | +<g id="icon-social-google_2_"> |
4487 | + <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 | + 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 | + c-0.367,0-0.74,0.047-1.11,0.124C50.2,52.526,48.632,54.567,47.446,56.84z"/> |
4490 | + <path fill="#DD4813" d="M80.938,50.013v6.626h5.429C85.002,54.089,83.153,51.838,80.938,50.013z"/> |
4491 | + <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 | + 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 | + <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 | + 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 | + C53.324,70.76,52.622,70.826,51.979,70.826z"/> |
4496 | + <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 | + 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 | + 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 | + 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 | + C80.448,87.593,88.958,78.292,88.958,67c0-2.429-0.399-4.763-1.126-6.948H80.938z"/> |
4501 | +</g> |
4502 | +<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 | + 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 | + 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 | + 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 | +<g id="icon-social-facebook_2_"> |
4507 | + <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 | + 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 | + 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 | + z"/> |
4511 | +</g> |
4512 | +<g id="icon-social-twitter_2_"> |
4513 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + /> |
4520 | +</g> |
4521 | +</svg> |
4522 | |
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 | +<?xml version="1.0" encoding="utf-8"?> |
4528 | +<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
4529 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
4530 | +<svg version="1.1" |
4531 | + 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 | + xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="151.056px" |
4533 | + height="45.996px" viewBox="-47 0 151.056 45.996" enable-background="new -47 0 151.056 45.996" xml:space="preserve"> |
4534 | +<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 | + 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 | +<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 | + </sodipodi:namedview> |
4538 | +<g id="layer1" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4539 | + <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 | + 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 | + <path id="path5679-3" sodipodi:nodetypes="sccccccccscccccs" inkscape:connector-curvature="0" fill="#FFFFFF" d="M271.101,466.087 |
4542 | + 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 | + 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 | + 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 | + 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 | + 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 | +</g> |
4548 | +<g id="layer1_1_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4549 | + <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 | + 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 | + L295.048,460.362z"/> |
4552 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | +</g> |
4564 | +<g id="layer1_2_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4565 | + <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 | + 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 | + L320.66,460.362z"/> |
4568 | + <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 | + 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 | + 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 | +</g> |
4572 | +<g id="layer1_3_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4573 | + <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 | + 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 | + L243.825,460.362z"/> |
4576 | + <path id="path4237-1" sodipodi:nodetypes="sssssssssccccccc" inkscape:connector-curvature="0" fill="#FFFFFF" d="M239.513,467.19 |
4577 | + 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 | + 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 | + L238.617,468.179z"/> |
4580 | +</g> |
4581 | +<text transform="matrix(1 0 0 1 -42.1055 16.5996)" fill="#FFFFFF" font-family="'Ubuntu-Medium'" font-size="16.1439">lp</text> |
4582 | +<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 | + 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 | + 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 | + 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 | + C101.26,6.693,97.363,2.798,92.557,2.798z"/> |
4587 | +<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 | + 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 | + L-35.5,22.998z"/> |
4590 | +<g id="layer1_7_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4591 | + <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 | + 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 | + <path id="path5679-3_1_" sodipodi:nodetypes="sccccccccscccccs" inkscape:connector-curvature="0" fill="#FFFFFF" d=" |
4594 | + 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 | + 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 | + 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 | + 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 | + 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 | +</g> |
4600 | +<g id="layer1_6_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4601 | + <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 | + 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 | + L295.048,483.36z"/> |
4604 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | +</g> |
4616 | +<g id="layer1_5_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4617 | + <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 | + 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 | + L320.66,483.36z"/> |
4620 | + <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 | + 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 | + 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 | +</g> |
4624 | +<g id="layer1_4_" transform="translate(-253.71429,-460.36219)" inkscape:label="Layer 1" inkscape:groupmode="layer"> |
4625 | + <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 | + 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 | + L243.825,483.36z"/> |
4628 | + <path id="path4237-1_1_" sodipodi:nodetypes="sssssssssccccccc" inkscape:connector-curvature="0" fill="#FFFFFF" d=" |
4629 | + 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 | + 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 | + L238.617,491.177z"/> |
4632 | +</g> |
4633 | +<text transform="matrix(1 0 0 1 -42.1055 39.5977)" fill="#FFFFFF" font-family="'Ubuntu-Medium'" font-size="16.1439">lp</text> |
4634 | +<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 | + 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 | + 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 | + 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 | + C101.26,29.692,97.363,25.796,92.557,25.796z"/> |
4639 | +</svg> |
4640 | |
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 | +<?xml version="1.0" encoding="utf-8"?> |
4648 | +<!-- Generator: Adobe Illustrator 17.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> |
4649 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
4650 | +<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 | + width="120px" height="16px" viewBox="0 0 120 16" enable-background="new 0 0 120 16" xml:space="preserve"> |
4652 | +<g> |
4653 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + <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 | + 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 | + 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 | + 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 | + L38.817,15.342L38.817,15.342z"/> |
4674 | + <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 | + 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 | + 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 | + 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 | + <path fill="#FFFFFF" d="M77.137,0.346h2.098v14.995h-2.098V0.346z"/> |
4679 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + 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 | + C90.66,15.629,90.097,15.665,89.492,15.665z"/> |
4690 | + <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 | + 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 | + 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 | + 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 | + 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 | + 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 | + <path fill="#FFFFFF" d="M120,13.588v1.754h-9.023V0.346h2.099v13.242H120z"/> |
4697 | + <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 | + c2.755,0,4.987,2.232,4.987,4.986C55.921,10.588,53.689,12.821,50.934,12.821z"/> |
4699 | + <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 | + 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 | + 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 | +</g> |
4703 | +</svg> |
4704 | |
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 @@ |
4713 | -// prepare images for inset box shadow |
4714 | -$(document).ready(function(e){ |
4715 | - $('#main-content img.avatar').each(function() { |
4716 | - var imgClass = $(this).attr('class'); |
4717 | - $(this).wrap('<span class="image-wrap ' + imgClass + '" style="width: auto; height: auto;"/>'); |
4718 | - $(this).removeAttr('class'); |
4719 | - }); |
4720 | -}); |
4721 | - |
4722 | +/** |
4723 | + * Ubuntu Core Front-End Framework |
4724 | + * |
4725 | + * Core javascript file part of Ubuntu Core Front-End Framework |
4726 | + * |
4727 | + * This file containes the classes required by ubuntu.com to interact. |
4728 | + * |
4729 | + * @project Ubuntu Core Front-End Framework |
4730 | + * @author Web Team at Canonical Ltd |
4731 | + * @copyright 2012 Canonical Ltd |
4732 | + * |
4733 | + */ |
4734 | + |
4735 | +/** |
4736 | + * Table of contents |
4737 | + * |
4738 | + * Core |
4739 | + * - setEqualHeight |
4740 | + * - hashBang |
4741 | + * - getPullQuotes |
4742 | + * - setupTooltips |
4743 | + * |
4744 | + */ |
4745 | + |
4746 | +if(!core){ var core = {}; } |
4747 | +YUI().use('node', 'anim','event-resize', function(Y) { |
4748 | + core.setEqualHeight = function($className) { |
4749 | + var maxHeight = 0; |
4750 | + var heightArray = Array(); |
4751 | + var collection = Y.all('.'+$className); |
4752 | + collection.each(function(node) { |
4753 | + node.all(' > div, > ul li').each(function(node) { |
4754 | + if(node.get('clientHeight') > maxHeight){ |
4755 | + maxHeight = node.get('clientHeight'); |
4756 | + } |
4757 | + }); |
4758 | + node.all('> div, > ul li').setStyle('height', maxHeight); |
4759 | + maxHeight = 0; |
4760 | + }); |
4761 | + }; |
4762 | + |
4763 | + core.hashBang = function() { |
4764 | + Y.all('#main-content a').each(function (node) { |
4765 | + var hrefValue = node.get('href'); |
4766 | + if( hrefValue.indexOf("#") != -1 ) { |
4767 | + var cleanTarget = core.qualifyURL(hrefValue.substr(0,hrefValue.indexOf('#'))); |
4768 | + var hashValue = hrefValue.substr(hrefValue.indexOf('#')+1); |
4769 | + var cleanURL = window.location.href; |
4770 | + node.setAttribute('data-hash',hashValue); |
4771 | + node.set('href',hrefValue.substr(0,hrefValue.indexOf('#'))); |
4772 | + if(cleanURL == cleanTarget){ |
4773 | + node.on("click", function (e) { |
4774 | + e.preventDefault(); |
4775 | + window.name = null; |
4776 | + if(!this.hasClass('slideless')) { |
4777 | + core.slideToAnchor(this.getAttribute('data-hash')); |
4778 | + } |
4779 | + }); |
4780 | + }else{ |
4781 | + node.on("click", function (e) { |
4782 | + window.name = '¬'+node.getAttribute('data-hash'); |
4783 | + }); |
4784 | + } |
4785 | + }else{ |
4786 | + node.on("click", function (e) { |
4787 | + window.name = null; |
4788 | + }); |
4789 | + } |
4790 | + }); |
4791 | + core.checkForSession(); |
4792 | + }; |
4793 | + |
4794 | + core.qualifyURL = function($url) { |
4795 | + var img = document.createElement('img'); |
4796 | + img.src = $url; |
4797 | + $url = img.src; |
4798 | + img = null; |
4799 | + return $url; |
4800 | + }; |
4801 | + |
4802 | + core.checkForSession = function() { |
4803 | + var session = window.name; |
4804 | + if(session){ |
4805 | + if(session.charAt(0) == '¬'){ |
4806 | + core.jumpToAnchor(session.substring(1)); |
4807 | + } |
4808 | + } |
4809 | + }; |
4810 | + |
4811 | + core.slideToAnchor = function($name) { |
4812 | + var target; |
4813 | + var destination = 0; |
4814 | + if($name !== ''){ |
4815 | + destination = Y.one('#'+$name).getXY()[1] - 20; |
4816 | + } |
4817 | + var webkitAnim = new Y.Anim({ |
4818 | + node: Y.one('html'), |
4819 | + to: { scroll: [0, destination]}, |
4820 | + easing: 'easeOut', |
4821 | + duration: 1, |
4822 | + }); |
4823 | + var ffAnim = new Y.Anim({ |
4824 | + node: Y.one('body'), |
4825 | + to: { scroll: [0, destination]}, |
4826 | + easing: 'easeOut', |
4827 | + duration: 1, |
4828 | + }); |
4829 | + webkitAnim.run(1000); |
4830 | + ffAnim.run(1000); |
4831 | + }; |
4832 | + |
4833 | + core.jumpToAnchor = function($name) { |
4834 | + if(document.getElementById($name)){ |
4835 | + document.getElementById($name).scrollIntoView(); |
4836 | + }else{ |
4837 | + window.name = null; |
4838 | + } |
4839 | + }; |
4840 | + |
4841 | + core.getPullQuotes = function() { |
4842 | + Y.all('span.pullquote').each(function (node) { |
4843 | + var item = Y.Node.create('<div class="pull-quote js">“'+node.getContent()+'”</div>'); |
4844 | + node.get('parentNode').get('parentNode').get('parentNode').append(item); |
4845 | + }); |
4846 | + }; |
4847 | + |
4848 | + core.setupTooltips = function() { |
4849 | + if(Y.one('.tooltip') !== null) { |
4850 | + Y.all('.tooltip').each(function (node) { |
4851 | + node.get('parentNode').prepend('<p class="tooltip-label">'+node.get('title')+'</p>'); |
4852 | + var title = this.get('title'); |
4853 | + node.on('mouseover', function(e){ |
4854 | + this.set('title',''); |
4855 | + this.get('parentNode').one('.tooltip-label').setStyle('display', 'inline'); |
4856 | + }); |
4857 | + node.on('mouseout', function(e){ |
4858 | + this.set('title',title); |
4859 | + this.get('parentNode').one('.tooltip-label').setStyle('display', 'none'); |
4860 | + }); |
4861 | + }); |
4862 | + } |
4863 | + }; |
4864 | + |
4865 | + core.sectionTabs = function() { |
4866 | + |
4867 | + if(Y.one('.tabbed-content')) { |
4868 | + 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 | + |
4870 | + var p = Y.one('.tabbed-menu a.active'); |
4871 | + var s = p.get('href').split('#')[1]; |
4872 | + var a = Y.one('.arrow'); |
4873 | + var w = (p.get('clientWidth') / 2) - 7; |
4874 | + var x = (p.get('parentNode').getXY()[0] - p.get('parentNode').get('parentNode').getXY()[0]) + w; |
4875 | + Y.all('.tabbed-content').each(function() { |
4876 | + if(this.get('id') != s){ |
4877 | + this.setStyle('opacity', '0'); |
4878 | + } |
4879 | + } |
4880 | + ); |
4881 | + a.setStyle('left',x+'px').setStyle('display', 'inline'); |
4882 | + Y.all('.tabbed-menu a').on('click',function(e) { |
4883 | + e.preventDefault(); |
4884 | + Y.all('.tabbed-menu a').removeClass('active'); |
4885 | + e.currentTarget.addClass('active'); |
4886 | + Y.all('.tabbed-content').addClass('hide').setStyle('opacity','0'); |
4887 | + s = e.currentTarget.getAttribute('data-hash'); |
4888 | + Y.one('#'+s).removeClass('hide'); |
4889 | + new Y.Anim({ node: '#'+s, to: { opacity: 1 } }).run(); |
4890 | + x = (e.currentTarget.get('parentNode').getXY()[0] - e.currentTarget.get('parentNode').get('parentNode').getXY()[0]) + w; |
4891 | + new Y.Anim({ node: a, to: { left: x+'px' } }).run(); |
4892 | + }); |
4893 | + } |
4894 | + } |
4895 | + |
4896 | + core.tabbedContent = function() { |
4897 | + Y.all('.tabbed-content .accordion-button').on('click', function(e){ |
4898 | + e.preventDefault(); |
4899 | + e.target.get('parentNode').toggleClass('open'); |
4900 | + }); |
4901 | + }; |
4902 | + |
4903 | + core.svgFallback = function() { |
4904 | + if(Modernizr){ |
4905 | + if (!Modernizr.svg || !Modernizr.backgroundsize) { |
4906 | + Y.all("img[src$='.svg']").each(function(node) { |
4907 | + node.setAttribute("src", node.getAttribute('src').toString().match(/.*\/(.+?)\./)[0]+'png'); |
4908 | + }); |
4909 | + } |
4910 | + } |
4911 | + }; |
4912 | + |
4913 | + core.resourceHubBoxes = function() { |
4914 | + Y.all(".resource").on('click',function(e) { |
4915 | + e.preventDefault(); |
4916 | + e.stopPropagation(); |
4917 | + if(e.currentTarget.one('a') !== null) { |
4918 | + window.location = e.currentTarget.one('a').get("href"); |
4919 | + } |
4920 | + }); |
4921 | + }; |
4922 | + |
4923 | + core.navOnboarding = function() { |
4924 | + var key = 'ubuntu'; |
4925 | + var nav_secondary = Y.one('.nav-secondary'); |
4926 | + if(nav_secondary && !nav_secondary.test(':empty')) { |
4927 | + if(Y.one('html').hasClass('localstorage')) { |
4928 | + if(localStorage.getItem(key) === null) { |
4929 | + nav_secondary.addClass('open'); |
4930 | + }else{ |
4931 | + ls = JSON.parse(localStorage.getItem( key )); |
4932 | + if(ls.navigation !== 'onboard') { |
4933 | + nav_secondary.addClass('open'); |
4934 | + } |
4935 | + } |
4936 | + } |
4937 | + } |
4938 | + }; |
4939 | + |
4940 | + core.setLocalStorage = function($value) { |
4941 | + var key = 'ubuntu'; |
4942 | + var value = $value; |
4943 | + var ubuntu = {}; |
4944 | + var nav_secondary = Y.one('.nav-secondary'); |
4945 | + ubuntu.navigation = value; |
4946 | + localStorage.setItem(key,JSON.stringify(ubuntu)); |
4947 | + }; |
4948 | + |
4949 | + core.sectionTabs(); |
4950 | + core.tabbedContent(); |
4951 | + core.hashBang(); |
4952 | + core.setEqualHeight('equal-height'); |
4953 | + core.getPullQuotes(); |
4954 | + core.setupTooltips(); |
4955 | + core.svgFallback(); |
4956 | + core.resourceHubBoxes(); |
4957 | + // core.mobileNav(); |
4958 | + core.navOnboarding(); |
4959 | +}); |
4960 | \ No newline at end of file |
4961 | |
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 | + |
4967 | +var ai = [{ url: "http://www.ubuntu.com", title:"Ubuntu" }, |
4968 | +{ url: "http://community.ubuntu.com/", title:"Community" }, |
4969 | +{ url: "http://askubuntu.com", title:"Ask!" }, |
4970 | +{ url: "http://developer.ubuntu.com", title:"Developer" }, |
4971 | +{ url: "https://design.ubuntu.com", title:"Design" }, |
4972 | +{ url: "http://discourse.ubuntu.com", title:"Discourse" }, |
4973 | +{ url: "http://www.ubuntu.com/certification", title:"Hardware" }, |
4974 | +{ url: "https://insights.ubuntu.com", title:"Insights" }, |
4975 | +{ url: "https://juju.ubuntu.com", title:"Juju" }, |
4976 | +{ url: "http://shop.ubuntu.com", title:"Shop" }]; |
4977 | + |
4978 | +var more = [{ url: "http://apps.ubuntu.com", title:"Apps" }, |
4979 | +{ url: "https://help.ubuntu.com", title:"Help" }, |
4980 | +{ url: "http://ubuntuforums.org", title:"Forum" }, |
4981 | +{ url: "http://www.launchpad.net", title:"Launchpad" }, |
4982 | +{ url: "http://maas.ubuntu.com", title:"MAAS" }, |
4983 | +{ url: "http://www.canonical.com", title:"Canonical" }]; |
4984 | + |
4985 | + |
4986 | +if(!core){ var core = {}; } |
4987 | + |
4988 | +core.setupGlobalNav = function () { |
4989 | + core.deployNav(core.getNav()); |
4990 | + core.trackClicks(); |
4991 | +}; |
4992 | + |
4993 | +core.getNav = function() { |
4994 | + var begin = '<nav role="navigation" id="nav-global"><div class="nav-global-wrapper"><ul>'; |
4995 | + var end = '</ul></div></nav>'; |
4996 | + var mu = ''; |
4997 | + var i = 0; |
4998 | + while(i < ai.length) { |
4999 | + mu += '<li><a href="' + ai[i].url + '" ' + core.getActive(ai[i].url) + '>' + ai[i].title + '</a></li>'; |
5000 | + i++; |
Thanks Richard! Looking great. I have a few comments in the code.
- I appears the hover colour on the top menu links at 786px is still aubergine. Did this get fixed?
- What CSS organiser do you use? I becomes difficult to read with empty lines in a selectors styles, I think organising the selectors is good but I dont agree with adding empty lines
- As a team we need to get together and talk about coding style but we use an empty line between nested elements.
- Can you make sure your using the colour variables and mixins where possible.