~ya-bo-ng/resource-centre/update-tutorials-id

« back to all changes in this revision

Viewing changes to style.css

  • Committer: Graham Bancroft
  • Date: 2016-05-11 15:04:18 UTC
  • Revision ID: graham.bancroft@canonical.com-20160511150418-toihjdwn3g9imi6q
Remove link animation

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
.wf-ubuntu-n3-loading h1,.wf-ubuntu-n3-loading h2,.wf-ubuntu-n3-loading h3,.wf-ubuntu-n3-loading dl,.wf-ubuntu-n3-loading p,.wf-ubuntu-n3-loading span,.wf-ubuntu-n4-loading h1,.wf-ubuntu-n4-loading h2,.wf-ubuntu-n4-loading h3,.wf-ubuntu-n4-loading dl,.wf-ubuntu-n4-loading p,.wf-ubuntu-n4-loading span,.wf-ubuntu-i4-loading h1,.wf-ubuntu-i4-loading h2,.wf-ubuntu-i4-loading h3,.wf-ubuntu-i4-loading dl,.wf-ubuntu-i4-loading p,.wf-ubuntu-i4-loading span{visibility:hidden}.col,.eight-col,.eleven-col,.five-col,.four-col,.nine-col,.one-col,.seven-col,.six-col,.ten-col,.three-col,.twelve-col,.two-col{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;margin-right:0}@media only screen and (max-width: 767px){#main-content{background:#fff}#main-content .box-highlight,#main-content .box,#main-content .featured-box{-o-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none;border:0;box-shadow:none;padding:0}}html{background:#f7f7f7}body{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;background:#f1f1f1;font-size:16px}.header{display:none}.container{clear:both;float:left;margin:0;width:100%}.wrapper{background-color:none;width:auto}#main-content{padding-bottom:0}a:link,a:visited{-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;border-bottom:1px solid transparent;text-decoration:none}#main-content a.link-cta-ubuntu:visited{color:#fff}a ::-moz-selection{background:transparent}a:active,a:focus,a:hover{border-bottom:1px solid #dd4814}a:active img,a:focus img,a:hover img{border-bottom:0}.opera-mini .external span,.no-svg .external span{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link.png")}#main-content .external span,.legal .external span{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-orange.svg");left:0}#main-content a.external:visited span{background:url("static/img/external-link-visited.svg") top left/10px 10px no-repeat}.opera-mini #main-content .external span,.opera-mini footer.global ul.inline li:last-child span,.opera-mini .legal .external span,.no-svg #main-content .external span,.no-svg footer.global ul.inline li:last-child span,.no-svg .legal .external span{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-orange.png")}.cta-link-ubuntu span.external-link,#main-content .cta-link-ubuntu span.external-link{background-image:none;padding-right:0}.error404 #main-content{padding-bottom:20px}#main-content .single-post-cats{border-top:1px dotted #888;padding:0;padding-top:20px;padding-bottom:7px;display:block;float:left;margin-bottom:0}.single-post-cats .inner-wrapper{overflow-y:hidden;position:relative;padding-bottom:10px}#main-content .single-post-cats ul{border:0;margin:0;padding:0;padding-left:10px;padding-top:10px}.single-post-cats li{color:#888;font-size:14px;font-size:1.0769230769em;border:0;margin:0 10px 0 0;padding:0}.single-post-cats li:after{content:","}.single-post-cats li:last-child:after{content:""}.single-post-cats li:last-child{margin-right:0}#main-content .single-post-cats a:link,#main-content .single-post-cats a:visited{background:none;color:#888;display:inline-block;font-size:1em;padding:0;margin:0;border-bottom:1px solid transparent}.single-post-cats a:link{border:0}#main-content .single-post-cats a:hover{color:#dd4814;border-bottom-color:#dd4814}.single-post-cats span{font-size:12px;font-size:0.9230769231em;-o-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fa8a69;border:0;color:#fff;float:left;font-weight:normal;letter-spacing:1px;margin-top:14px;padding:3px 4px;text-transform:uppercase}li h2 a{word-break:normal}footer.global{padding-top:10px;padding-bottom:10px}footer.global ul.inline li{display:inline-block;float:left}footer.global ul.inline li:after{color:#888888;content:"•";margin:0 5px;vertical-align:middle}footer.global ul.inline li a{color:#dd4814;float:none}footer.global ul.inline li:last-child{width:170px}footer #nav-global{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:0;margin:0}footer #nav-global div.active+.top-link{display:none}#nav-global h2 span{background-position:0 3px}#nav-global h2.active span{background-position:0 2px}#nav-global h2{color:#888;margin-bottom:-1px;padding-top:6px;margin-top:-7px;display:block}#nav-global h2.active,footer #nav-global ul{margin-bottom:0}#nav-global h2.active{border-bottom:1px solid #d4d7d4}footer #nav-global li,footer #nav-global li a{border-bottom:0}#nav-global .external span{display:none}footer #nav-global li.more li a{font-size:1.334em}footer #nav-global a:hover,footer #nav-global li.more li a:hover{background:#f0f0f0;text-decoration:none}footer #nav-global li.more{margin-bottom:-2px}footer.global .legal{background:none;margin-bottom:0;padding:10px}footer.global .legal.has-cookie{padding-bottom:80px}.inner-wrapper{-o-border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:none;-moz-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;border:0;box-shadow:none;margin-top:0;padding:0}body.home .inner-wrapper{padding:0}.row{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px dotted #888;clear:both;display:block;float:left;padding:10px 10px 0;width:100%}.row ul{margin-bottom:10px}.row:last-of-type{border:0}.row.vertical-divider{padding-bottom:0}.tax-topic .row,.category .row,.row-events,.search .row{padding-bottom:10px}.category #main-content .row-hero,.search #main-content .row-hero{margin-top:10px}.category #main-content .row-hero{padding-bottom:0}.search #main-content .row-hero{margin-top:20px;padding-bottom:0}.featured-article{border-bottom:0}.featured-article h2{color:#b2b2b2;font-size:1.076923077em}.featured-article h3{font-size:1.625em;margin-bottom:.5em}.featured-article .article-meta li a,.single-post-cats li a,#main-content .featured-article .article-meta li a:visited{color:#888}.no-border{border-bottom:0}.row .link-cta-ubuntu{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;text-align:center}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:1em;font-weight:400;margin-bottom:.615em}h5{font-size:.813em;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}ol+h2,p+h2,pre+h2,ul+h2{margin-top:0.9231em}ol+h3,p+h3,pre+h3,ul+h3{margin-top:1.125em}ol+h4,p+h4,pre+h4,ul+h4{margin-top:1.219em}h1 div,h3 span,h2 span{float:none;display:inline}.lowercase{text-transform:lowercase}pre{-o-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#FDF6F2;display:inline-block;padding:10px 20px;word-break:break-word}code{background:#FDF6F2}h1 span.taxonomy-title+span{text-transform:lowercase;font-weight:300;font-style:normal;float:none;display:inline}h1 span{font-weight:300;font-style:normal;float:none;display:inline}header.banner{border:0;overflow:visible;padding:0;display:block;box-shadow:none}header.banner{z-index:3}header.banner .logo{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;border:0;height:48px;margin:0;padding:0;text-align:left;width:auto}header.banner .nav-primary.nav-right .logo-ubuntu{background-size:99px 23px}#menu.active:after{display:none !important}header.banner .nav-primary li.nav-internet-of-things a abbr{border:0;cursor:pointer}header.banner .nav-primary li.press-center{display:none}@media only screen and (max-width: 769px){header.banner .nav-primary ul:hover ul:after{display:none}}@media only screen and (max-width: 769px){header.banner .nav-primary .topics{font-size:90%;top:auto;left:0;width:100%;height:auto;margin:0;text-indent:0;text-transform:none;color:#808080;border-left:none;display:block;-moz-box-shadow:inset 0px -1px 0 #d4d7d4;-webkit-box-shadow:inset 0px -1px 0 #d4d7d4;box-shadow:inset 0px -1px 0 #d4d7d4}header.banner .nav-primary .topics>a{color:#808080 !important;border-bottom:1px solid #d4d7d4 !important}header.banner .nav-primary .topics>a:hover{cursor:default;background:none}}header.banner .nav-primary .topics ul li a{border-right:1px solid #d4d7d4 !important;border-bottom:1px solid #d4d7d4 !important}header.banner .nav-primary .topics ul li a:nth-child(2n){border:none}header.banner .nav-primary .topics ul li a,header.banner .nav-primary .topics ul li:first-of-type a,header.banner .nav-primary .topics ul li:first-of-type a:link,header.banner .nav-primary .topics ul li:first-of-type a:visited{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;width:100%;padding:11px 14px;color:#333}header.banner .nav-primary .topics ul li a:hover,header.banner .nav-primary .topics ul li:first-of-type a:hover,header.banner .nav-primary .topics ul li:first-of-type a:link:hover,header.banner .nav-primary .topics ul li:first-of-type a:visited:hover{cursor:pointer;background:#f8f8f8;color:#dd4814}header.banner .nav-primary .topics ul li:nth-child(2n){border-right:none}header.banner .nav-primary ul.second-level-nav.active{background:none;border:0;border-radius:0;top:0;box-shadow:none;display:block;position:relative;margin:0;padding:0;width:100%}header.banner .nav-primary ul.second-level-nav.active li{position:relative;width:100%;background:none}header.banner .nav-primary ul.second-level-nav.active li a:link,header.banner .nav-primary ul.second-level-nav.active li a:visited{width:50%;padding-top:11px}header.banner a.nav-toggle:hover,header.banner a.search-toggle:hover{border-bottom:0 !important}header.banner .nav-primary li.topics a:link,header.banner .nav-primary li.topics a:visited{display:none}header.banner .nav-primary li.topics ul.active li a,header.banner .nav-primary li.topics ul.active li a{display:block}.opera-mini header.banner .logo-ubuntu,.no-svg header.banner .logo-ubuntu{-o-background-size:100px 22px;-webkit-background-size:100px 22px;-moz-background-size:100px 22px;background-size:100px 22px;background-image:url("static/img/logo.png");background-position:10px 50%}.opera-mini header.banner .logo-ubuntu span,.no-svg header.banner .logo-ubuntu span{width:112px}.opera-mini header.banner .logo-ubuntu span.site-name,.no-svg header.banner .logo-ubuntu span.site-name{padding-top:14px}header.banner .logo-ubuntu span{height:22px;left:0;margin:0;top:0;padding:0 18px 0 0;width:94px}header.banner .logo-ubuntu span.site-name{border-right:0;font-size:18px;font-weight:300;margin-left:0;padding-top:6px;position:relative;top:0;width:auto}.alert{-o-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;background:#38b44a;color:#fff;margin:0 auto 1.25em;max-width:984px;padding:10px 20px 2px;position:relative}#main-content .alert a,#main-content .alert p a,#main-content .alert a:link,#main-content .alert a:visited{color:#fff;font-weight:500}.alert p{margin-bottom:0;padding-right:40px}#close-alert{position:absolute;right:20px;top:10px}.block-click{cursor:pointer}form textarea,form input.text{width:18.75em}form label{width:auto;float:none;display:inline-block}.search-filter h2{color:#888888;font-size:1.219em}.search-filter h2 span{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/arrow_down_9fa097.svg");background-repeat:no-repeat;background-size:100% 100%;background-position:0 2px;clear:none;display:inline-block;float:none;height:13px;margin-left:6px;width:13px}.has-filter-wrap .search-filter h2{cursor:default !important}.has-filter-wrap .search-filter h2 span{display:none}.search-filter h2.active span{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/arrow_up_9fa097.svg");background-position:0}.search-filter div.search-inner{display:none}.no-js .search-filter div.search-inner{display:block;margin-bottom:-20px}.search-filter div.search-inner.active,.search-filter div.search-inner.has-filter{display:block}.search-filters input[type="checkbox"]{margin-right:10px}.search-filters label{clear:both;float:left;margin-right:10px}.search-filters label.current{font-weight:normal}#main-content .related-posts{display:block;float:left;width:100%}#main-content .related-posts h3{font-size:1.219em}#main-content .related-posts ul{margin-bottom:0}#main-content .related-posts li span{color:#888}#main-content .related-posts li span a{color:#888;display:inline-block}#main-content .related-posts li span a:hover{color:#dd4814}#main-content .related-posts li span a:after{content:' '}#main-content .related-posts li ul{clear:both;display:block;float:left;padding-top:0;width:100%;margin-bottom:0}#main-content .related-posts li.eight-col{margin-bottom:10px}#main-content .related-posts li:last-child ul{border:0;padding-bottom:0}#main-content .related-posts li li{color:#888;font-size:14px;font-size:1.0769230769em;margin:0 5px 5px 0;border:0 !important;padding-top:0}#main-content .related-posts li li:after{content:","}#main-content .related-posts li li a{color:#888;display:inline-block;font-size:1em;padding:0;margin:0}#main-content .related-posts li li a:active,#main-content .related-posts li li a:focus,#main-content .related-posts li li a:visited{color:#888;border-bottom-color:#888}#main-content .related-posts li li a:hover{color:#dd4814;border-bottom-color:#dd4814}#main-content .related-posts li li:last-child:after{content:""}#main-content .related-posts li a:hover span{color:#dd4814}#sidebar li{clear:both;float:left;display:block;width:100%}#sidebar li:last-child{border:0}#sidebar li:last-child ul{border:0;padding-bottom:0}#sidebar li li{border:0;float:left;display:inline-block;clear:none;padding:0;width:auto;margin-right:4px}#sidebar form li li{margin-bottom:0;margin-top:0;width:100%}#sidebar form li li input[type="checkbox"]{padding:4px}#main-content .subscribe+.related-posts{border-top:0;margin-top:0;padding-top:0}.section-title a{color:#333}.section-title a:hover{border-bottom:transparent;text-decoration:none}.yes-js #main-content{margin-bottom:0}.yes-js .navigation{border-top:1px dotted #888;clear:both;display:block;float:left;margin-bottom:0;padding:10px 0 0;position:relative;text-align:center;width:100%}.yes-js .home .navigation{margin-bottom:0}.yes-js .navigation ul{margin-bottom:0}.yes-js .navigation a{outline:none}.yes-js .nav-previous a:after{content:""}#infscr-loading{background:transparent;left:0;margin:0;padding:0;position:absolute;text-align:center;width:100%;color:#333;z-index:999}#infscr-loading img{display:none}#infscr-loading span{background:transparent;color:#fff}.loaded{background:transparent;top:1em;position:relative}.yes-js .navigation .cta-load-more{display:block;margin:0 20px}body.home .row-hero,body.home .row-hero div{margin-bottom:0}li article a.button:hover{text-decoration:none;border-bottom:0}body.home .promo:hover{color:#000}#popular-posts{margin-bottom:20px;clear:both}#authors .box,body.category .box,body.post-type-archive .box{-moz-box-shadow:0 2px 2px 0 #ddd;-o-box-shadow:0 2px 2px 0 #ddd;-webkit-box-shadow:0 2px 2px 0 #ddd;box-shadow:0 2px 2px 0 #ddd;margin-bottom:20px;padding-bottom:0;position:relative}.single .box{margin-bottom:20px}.article-list{margin-bottom:0}.article-list .row{border:0;margin-bottom:0}.contextual-footer h2{font-size:1.219em;margin-bottom:.522em;border-bottom:0;padding-bottom:0}.row h2{font-size:1.25em;color:#333;margin-bottom:20px}.single .row h2{font-size:1.438em}.single .row h3{font-size:1.25em}.row h2 a{font-size:13px;font-size:1em;margin-bottom:.5em}.has-time h3,.featured-article h3{margin-bottom:.261em}.has-time time,.featured-article time{color:#888;display:inline;margin-bottom:1em}h1.heading-has-time{margin-bottom:5px}.article-meta-wrap .article-meta,.article-meta time{color:#888}.archive .article-list .row h2 span{text-transform:lowercase}.article-list .row li{margin-bottom:10px}.article-list .row li{margin-bottom:20px}.article-list .row li:last-child{margin-bottom:0}.article-list .row-resource-list{background:#fff}.article-list .row-resource-list ul{margin-bottom:0px}.article-list .row-resource-list li{margin-bottom:10px}.article-list ul.phone-articles{border-bottom:1px dotted #afa79e;padding-bottom:10px}.article-list .row:nth-child(even),.featured-article{background:rgba(255,255,255,0.6)}.box{background:rgba(255,255,255,0.7)}.featured.box{background:#fff}body.page-template-page_downloads-php .article-list .row:nth-child(odd),body.page-template-page-events-php .article-list .row:nth-child(odd),body.category-events .article-list .row:nth-child(odd),body.category-webinars .article-list .row:nth-child(odd),body.page-template-page-webinars-php .article-list .row:nth-child(odd){background:rgba(255,255,255,0.6)}.list-follow .row:nth-child(odd),.list-about .row:nth-child(odd){background:rgba(255,255,255,0.6)}body.page-template-page_downloads-php .article-list .row:nth-child(even),body.page-template-page-events-php .article-list .row:nth-child(even),body.category-events .article-list .row:nth-child(even),body.category-webinars .article-list .row:nth-child(even),body.page-template-page-webinars-php .article-list .row:nth-child(even){background:none}.list-follow .row:nth-child(even),.list-about .row:nth-child(even){background:none}body.tax-topic .article-list li.row:nth-child(even),body.tax-topic .article-list .row:nth-child(even){background:rgba(255,255,255,0.6)}.article-list li h2{margin-bottom:5px}.article-list h2 a:after{content:""}.article-list h2 a:hover{color:#dd4814}#main-content li.box{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.article-list li.post-video img{margin-bottom:.28em}iframe#iframe_w_param{min-height:490px;width:552px;overflow-x:hidden;margin-left:-13px;margin-top:-6px}body.home li a h2,li a h3,body.home .row-hero a h2{color:#333;font-size:1.313em;margin-bottom:0.48em}body.home .row-hero a h2{font-size:2em}body.home li article a p{color:#333}li article .button{display:block;text-align:center;margin-top:0}li article .button:after{content:""}.category li article .button{margin-bottom:0}p.link-arrow:after{content:" \203A"}li article h2,li article h3{color:#333;font-size:1.563em;margin-bottom:0.48em}li .article-top{background:#afa79e;-o-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;height:5px;left:-1px;position:absolute;top:-1px;z-index:999}li#popular-posts .article-top{background:#dd4814}li article footer{background:none;border-radius:0;border-top:1px dotted #afa79e;margin:0;padding:.625em 0 0}#articles li article footer{background:none;border-radius:0;border-top:1px dotted #afa79e;margin:0;padding:.625em 0 0}.single .post-video{margin-bottom:1.25em}li article footer p{display:inline;float:left}li article footer a,li article footer a{font-size:13px;font-size:1em}li article .comment-number,li article .comments-closed{float:right}body.category .article-list .eight-col footer .comment-number{margin-top:0.34em}.article-list li .comment-number a,.article-list li .comments-closed{background:url(static/img/icon-comments.png) 0 0 no-repeat;background-position:0 -19px;padding-left:22px;padding-bottom:.1em;color:#dd4814;color:#888}.article-list li article .comments-closed{background-position:0 -17px;color:#888;font-size:.7em}.article-list li article .comment-number a:hover,.article-list li article .comments-closed a:hover{color:#dd4814}.article-list .featured-article h2 a:after{content:""}.article-list .featured-article .article-content{position:relative;bottom:0;left:0}.article-image a:hover{border-bottom:transparent}.featured .link-cta-ubuntu{margin:30px 0 10px}.featured-article .article-top{background:none}.category .article-top{left:1px}.categories{font-size:13px;font-size:1em;margin-bottom:.615em}.vcard .avatar{-o-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;float:left;overflow:auto;display:inline;margin-right:10px;margin-top:4px;position:absolute;left:0}.single .vcard{border-top:1px dotted #afa79e;padding-top:20px}.single .vcard .avatar{position:relative}.single .vcard.has-avatar p{padding-left:120px}.avatar{-o-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.article-meta .role{display:block}.home .article-list li.row-resource-list,.home .article-list .row-resource-list{margin-bottom:0}.article-list li.row-resource-list ul,.article-list .row-resource-list ul{float:left;padding-bottom:10px;width:100%}.row p:last-of-type{margin-bottom:.5em}body.single .eight-col img{height:auto;max-width:100%}body.single .eight-col img.full-width{margin-left:-5em;max-width:none}body.single h1{margin-bottom:5px}.article-meta-wrap{clear:both;display:block;float:left;padding-bottom:0}.article-meta-wrap div{margin-bottom:0}.save-links li{display:inline-block;margin-bottom:0;margin-right:10px}#content li.post-e-book img.wp-post-image,#content li.post-whitepaper img.wp-post-image{margin-left:1px}.category #main-content li.four-col,.single #main-content .four-col,.single #main-content .five-col,.single #main-content .six-col,.single #main-content .seven-col,.single #main-content .eight-col{margin-bottom:20px}body.category .row li.four-col article{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}body.category .row li.four-col,body.category .row li.four-col article{margin-bottom:0;padding-bottom:0}body.category .article-list li.four-col article{border-top:1px solid #dfdcd9;clear:both;display:block;float:left;padding-bottom:4em;padding-top:1.25em}body.category .row .article-list{margin-left:0}.category .four-col article footer{position:absolute;bottom:0}body.category .article-list .eight-col footer{padding:0}body.category .article-list .eight-col footer p{display:inline-block;margin-bottom:0}html.yes-js .home #main-content ul.post-cat{margin-left:0}.article-meta{margin-bottom:1em}.article-meta ul{float:none;margin:0;padding:0}.article-meta li{display:inline;float:none;line-height:1.4}.article-meta li:after{content:","}.article-meta li:last-child:after{content:''}.article-meta .cat-list h3:hover{color:#333}.article-meta a.link-cta-ubuntu{color:#fff;font-size:12px;font-size:0.9230769231em;margin-top:10px}.article-meta a:hover.link-cta-ubuntu{text-decoration:none;border-bottom:0}.article-meta li,.article-meta p{color:#888;font-size:12px;font-size:0.9230769231em}.article-meta li a,.article-meta p a{color:#888;margin:0 0 5px 0;padding:0}.article-meta li a:hover,.article-meta p a:hover{color:#dd4814;border-bottom-color:#dd4814}.image-meta{font-style:italic;font-size:.857em;margin-top:-10px}h1{line-height:1.2;margin-bottom:.65em}h1 a:link,h1 a:visited{color:#333}li article,article{border-top:1px solid #888;margin-bottom:1.25em;padding-top:.625em}.four-col article,article:first-child{border-top:0;padding-top:0}article footer{background:none;font-size:1.25em}p.article-meta{color:#888;display:inline-block}.eight-col .article-meta{border-bottom:transparent}.article-meta a,#main-content .article-meta a:visited{color:#888}#main-content .article-meta a:hover{color:#dd4814;border-bottom-color:#dd4814}.single .article-meta,.category .eight-col .article-meta{border:0}.single .article-meta{float:left;padding-bottom:10px}@media only screen and (max-width: 852px){.single .article-meta{float:none}}footer.author-meta{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#efefef;display:inline-block;padding:.625em .625em 0;width:100%}.author-meta h3{font-size:1em}.author-meta p{color:#484848;margin-bottom:.625em}.author-meta img{background:#fff;border:1px solid #888;display:inline-block;float:left;margin-bottom:.625em;margin-right:10px;padding:2px}img.attachment-medium{margin-bottom:1.25em}#authors hgroup h1{margin-bottom:.277em}#authors hgroup h2{font-size:1.5em;margin-bottom:1.25em}#authors ul{margin-right:-20px}#authors .author-meta{float:right;text-align:left;width:10.5em;overflow:hidden}#authors .author-meta h3{font-size:1.3125em;margin-bottom:.3125em;word-break:break-all}#authors ul h2 a:after,#authors .author-meta h3 a:after{content:' '}#authors ul#list-user-social,#authors header ul p{display:block;width:10.6em}#authors ul#list-user-social li{float:left;display:inline-block;margin-left:0;padding:0}#authors ul#list-user-social li a:after{content:""}#authors ul#list-user-social li a{display:block;height:32px;margin:0 10px 0 0;text-indent:-999em;width:32px}#authors a.social-rss{background:url(static/img/LinkDeck_by_Daniel_Eckermann_62/32%20x%2032/rss.png) no-repeat}#authors ul#list-user-social li a.social-twitter{background:url(static/img/LinkDeck_by_Daniel_Eckermann_62/32%20x%2032/twitter.png) no-repeat}#authors ul#list-user-social li a.social-facebook{background:url(static/img/LinkDeck_by_Daniel_Eckermann_62/32%20x%2032/facebook.png) no-repeat}#authors ul img{float:left}#authors li{display:inline-block;float:left;padding-bottom:0}#authors li article{margin:0;padding:0}#authors li header{margin:-1.26em -1.25em 0 -1.25em;padding:.625em 1.25em 0}#authors li header h2{font-size:1.3125em}#authors .author-description{background:#fdfdfd;border-top:1px dotted #afa79e;padding:.625em 1.25em 1.25em;margin:0 -1.25em 0 -1.25em;font-style:italic;color:#656565;width:16.15em}#authors .author-description p{margin-bottom:0}#authors li footer{border-top:1px dotted #afa79e;clear:both;display:block;margin:0 -1em 0 -1em;padding:.625em 0 .625em;float:left;width:15em}#authors li footer ul{margin:.625em 0;padding:0}#authors li footer li{margin:0}#authors li footer li a{display:block;float:left;font-size:.8em;padding:0 .625em .625em 1.25em;line-height:1.4}#authors li footer li a:after{content:' '}#authors li footer li .post-category,.author li .post-category{-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;display:block;height:22px;margin:1px 0 0 1.2em;padding:0;text-indent:-999em;width:22px}.author #author-articles li{position:relative}.author #author-articles li time{color:#888}.author #author-articles li .post-category{position:absolute;top:0;left:0}.author #author-articles li p{display:block}#authors li footer h4{font-size:.875em;padding-left:1.1em}.author #author-articles li p{padding-left:0}.page-id-103 #content li.four-col img{margin-bottom:1.25em}#author-info{margin-bottom:0;padding-bottom:0}#author-info.has-avatar{padding-left:90px}#author-description{float:left;clear:both}.vcard .box{margin-bottom:0}.vcard h1{margin-bottom:.25em}.vcard dl{line-height:1.6}.vcard dt{float:left;width:20%;clear:none;display:inline;font-weight:500}.vcard dd{display:inline;width:65%;margin-left:5%;float:left}.vcard .location{color:#888;background:url(static/img/location_bg.png) 0 45% no-repeat;padding-left:13px;font-weight:300}.article-list li.eight-col:last-child{border-bottom:0}body.author li .two-col img,body.category li .two-col img{max-width:140px;height:auto}body.category li .three-col img.wp-post-image,body.category #content li.post-e-book img.wp-post-image,body.category #content li.post-whitepaper img.wp-post-image{max-width:220px;height:auto}body.category li.eight-col .six-col,body.author li.eight-col .six-col{width:25.125em}.eight-col .two-col img{margin-top:6px}body.author li:hover{background:none}.author p.intro{font-size:18px;font-size:1.3846153846em}#social-links{margin-left:0;padding-top:10px;float:left}#social-links li{clear:none;display:inline;float:left;margin-right:6px;text-indent:-999em;width:auto}.author #social-links li{float:none;display:inline-block}#social-links li a{border:0;display:block;height:32px;overflow:hidden;width:32px;padding:0}#social-links li a{border:0}#social-links li a.social-twitter,#social-links li a#social-twitter{background:url("static/img/icons/icon-twitter-grey.svg") no-repeat;background-size:32px 32px}#social-links li a.social-email,#social-links li a#social-email{background:url("static/img/icons/email.svg") no-repeat}#social-links li a.social-facebook,#social-links li a#social-facebook{background:url("static/img/icons/icon-facebook.svg") no-repeat}#social-links li a.social-google,#social-links li a#social-google{background:url("static/img/icons/icon-google-grey.svg") no-repeat}#social-links li a.social-launchpad,#social-links li a#social-launchpad{background:url("static/img/icons/icon-launchpad.svg") no-repeat}p.social-rss,#social-links li a#social-rss{background:transparent url(static/img/sprite-social-media.png) no-repeat 0 -165px}p.social-rss{padding:0 0 0 30px;margin-bottom:20px}#social-links li a.social-instapaper,#social-links li a#social-instapaper{background-position:0 -198px}#social-links li a.social-pocket,#social-links li a#social-pocket{background-position:0 -231px}#gated-content{border-top:1px solid #dbd7d4;margin-bottom:-1.25em;margin-top:1.25em;padding-top:1.25em}#gated-content iframe{padding-left:13px;width:600px}#gated-content form fieldset{padding:1.25em 1.25em 0}#gated-content li{float:left;margin-bottom:0}#gated-content form label{width:10em}#gated-content .mktError .mktFormMsg{float:left;margin-left:10.2em;clear:both}#gated-content form .mktFormText{float:none;clear:none;display:inline}#gated-content form button{margin-left:10.2em}.subscribe{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:20px -.615em;border:1px dotted #888;border-width:1px 0;padding:20px .615em 10px}.subscribe ul{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:table;width:100%}.subscribe ul li{display:table-cell;width:100%}.subscribe ul li span{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;padding-right:20px}.subscribe input[type="email"]{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;font-size:1.2307692308em;float:left;line-height:normal;padding:4px 2px;text-indent:5px;width:100%}.subscribe button{float:right;margin:0;padding:0}#main-content .cat-page-title{margin:0}.page-template-default #main-content .cat-page-title{padding:20px 10px .75em}#main-content .cat-title{padding-top:10px;padding-bottom:10px;position:relative}.page-template-page-category-php .cat-title,.page-template-page-press-php .cat-title,.tax-topic #main-content .cat-title{margin-bottom:10px}.glossary-box{background:#2c001e;color:#fff;margin-top:-10px}.glossary-box--home{background:#2c001e;color:#fff;margin-top:0;padding-top:20px}.glossary-box .inner-wrapper{margin:0;padding:30px 0 30px}.glossary-box--main .inner-wrapper{padding-top:40px}.no-js .glossary-box div div{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;clear:both;display:block}.glossary-box h2 span{font-size:16px;font-size:1.2307692308em;clear:both;float:left;width:100%}.toggle-message:hover{-webkit-tap-highlight-color:transparent;border-bottom:transparent}.glossary-box .external span{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-orange.svg");margin-left:2px}.product-business-card{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:4px 0 4px 36px;background-size:30px 30px;background-repeat:no-repeat}.product-business-card--cloud{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-warmgrey.svg")}.product-business-card--server{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-warmgrey.svg")}.product-business-card--desktop{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-desktop-warmgrey.svg")}.product-business-card--phone{background-image:url("static/img/pictograms/picto-phone-warmgrey.svg")}.product-business-card--tablet{background-image:url("static/img/pictograms/picto-tablet-warmgrey.svg")}.product-business-card--support{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-support-warmgrey.svg")}#main-navigation{background:#f0f0f0;box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3),inset 0 5px 5px -5px rgba(0,0,0,0.3);display:block;float:left;width:100%}.no-js .main-nav,.opera-mini .main-nav{padding-left:10px}.no-js #main-nav ul.main-nav,.opera-mini #main-nav ul.main-nav{float:left;width:45%}#main-nav{background:#f0f0f0;display:none;float:none;margin:0 auto;max-width:984px;padding:0;top:0;width:100%}#main-nav h2{border-bottom:1px solid #d4d7d4;color:#808080;font-size:90%;left:0;margin:0;padding:8px 10px;text-indent:0;text-transform:none;top:auto}.no-js #main-nav{display:block}#main-nav.active{display:block}.yes-js #main-nav .press-nav{position:absolute;left:-999em}.yes-js #main-nav.active .current_page_item a{color:#dd4814}.yes-js .main-nav:last-of-type{margin-left:-1px}.yes-js .type-nav{border-left:0}footer.global{box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3),inset 0 5px 5px -5px rgba(0,0,0,0.3);padding:0;margin:0}footer.global .top-link{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:none;border-top:1px solid #D4D7D4;border:0;float:left;font-size:0.75em;letter-spacing:0.05em;margin:0;margin-left:-10px;position:relative;right:-10px;padding-right:10px;text-transform:uppercase;width:100%;box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3)}footer.global .top-link a{-o-background-size:33px 33px;-webkit-background-size:33px 33px;-moz-background-size:33px 33px;background-size:33px 33px;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-image:url("static/img/icons/upload_grey_hex.svg");background-position:0 1px;background-repeat:no-repeat;border-bottom:0;color:#888;display:block;float:none;font-weight:400;padding:10px;padding-left:28px}footer.global .top-link a:hover{border-bottom:0}.opera-mini footer.global .top-link a,.no-svg footer.global .top-link a{-o-background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;background-size:15px 15px;background-image:url("static/img/icons/icon-info.png");background-position:10px 50%}#nav-global-wrapper-link{font-size:16px;font-size:1.2307692308em;-moz-box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3);border-top:2px solid #dd4814;box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3);color:#333;display:block;float:left;margin:0;margin-top:-1px;position:relative;width:100%}#nav-global-wrapper-link a{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#333;border-bottom:0;display:block;margin-top:-2px;padding:12px 24px 10px 10px;position:relative;width:100%}.new-video-wrapper{clear:both;position:relative;padding-bottom:56.25%;padding-top:50px;height:0;margin-bottom:20px}.new-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.article-image{text-align:center}.article-image img{padding:40px 0}.row{clear:both}#box-search form{margin:0 auto;max-width:984px;float:none;position:relative;padding:0}.no-js #box-search{margin-bottom:0}.no-js #box-search form{clear:both;display:block;margin-bottom:0}#box-search{background:#f0f0f0;box-shadow:inset 0 -4px 4px -4px rgba(0,0,0,0.3),inset 0 5px 5px -5px rgba(0,0,0,0.3);border:0;margin-bottom:0;position:relative;display:block;float:left;margin:0 0 -1px 0;padding:0;width:100%;z-index:3;border-bottom:0}form#search-form{position:relative;margin-bottom:0}form#search-form fieldset{background:none}.no-js #box-search div{box-shadow:none;-moz-box-shadow:none}.opera-mini #box-search{margin-bottom:10px}.opera-mini #box-search form button.off-left,.no-js #box-search form button.off-left{position:relative;left:auto;display:block;clear:both}#box-search form button{display:block}#box-search div{position:relative;z-index:1;margin:0}#box-search form input[type="search"],#search-form input[type="search"]{-webkit-appearance:none;-o-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;font-size:1.2307692308em;-o-background-size:16px 16px;-webkit-background-size:16px 16px;-moz-background-size:16px 16px;background-size:16px 16px;background:#fff;border:0;height:auto;color:#333;float:left;font-family:ubuntu, sans-serif;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2) inset,0 -1px 3px rgba(0,0,0,0.1) inset,0 0px 0 rgba(255,255,255,0.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2) inset,0 -1px 3px rgba(0,0,0,0.1) inset,0 0px 0 rgba(0,0,0,0.2);-o-box-shadow:0 1px 2px rgba(0,0,0,0.2) inset,0 -1px 3px rgba(0,0,0,0.1) inset,0 0px 0 rgba(0,0,0,0.2);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);padding:7px 10px;margin-top:2px;margin-right:1.8%;width:100%;font-size:16px;position:relative}input:focus,#box-search form input[type="search"],#search-form input[type="search"]{font-size:18px}#search-form input[type="search"]{margin-bottom:20px}form fieldset .search-submit{background-image:url("static/img/search.svg");background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:30px 30px;text-indent:-999em;padding:.75em;top:0;width:40px;position:absolute;right:0}form fieldset .search-submit{top:-89px;right:0}button.search-submit+a{display:inline-block;margin-top:10px}form fieldset .search-submit.active,.has-filter-wrap fieldset .search-submit{background-color:#C03F11;background-image:linear-gradient(#DD4814, #C03F11);background-image:none;position:relative;right:auto;top:auto;text-indent:0;display:block;width:100%;float:none;padding:8px 14px;margin-top:20px}form fieldset .search-submit:hover{background:url("static/img/search.svg") no-repeat 50% 50%;background-size:30px 30px}form fieldset .search-submit.active:hover,.has-filter-wrap fieldset .search-submit:hover{background-image:none;background-color:#DD4814}.search-filter fieldset.twelve-col{background:#ddd;display:block;float:left;margin:0;max-height:1000px;padding:0}.search-filter div.active+fieldset.twelve-col,.search-filter div.has-filter+fieldset.twelve-col{display:block}.search-filter div.has-filter+fieldset.twelve-col{-o-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-bottom:1px dotted #888;padding-bottom:20px;margin-bottom:-20px}.search #main-content button#searchsubmit{top:0}.search #main-content form#search-form{clear:both;display:block;float:left;margin-bottom:20px;width:100%}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.opera-mini #box-search form input[type="search"]{border:1px solid #ddd;margin-bottom:10px}.no-js #box-search form input[type="search"]{margin-bottom:10px}.yes-js #box-search div{-o-box-sizing:border-box;-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%}.no-js #box-search form,.opera-mini #box-search form{margin:10px 10px 0;display:block}#box-search div{display:none}.yes-js header.global #box-search div.active,.no-js header.global #box-search div{display:block}.yes-js #nav-global-wrapper #box-search div{display:block;margin-bottom:8px;padding:4px 20px 10px 0;position:relative;top:0}.no-js .header-inner #box-search div,.opera-mini header.global #box-search div{padding:0}.yes-js #box-search div.active{display:block}aside h2{border-bottom:1px dotted #888;padding-bottom:10px}.image-wrap{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;background-size:78px 78px;position:relative;display:inline-block;max-width:100%;vertical-align:middle;margin-bottom:0}.image-wrap img,body.single .eight-col .image-wrap img{vertical-align:bottom;height:78px;width:78px}.author .image-wrap{float:left;margin-bottom:10px;overflow:hidden}.comment-list li .image-wrap{float:left}.image-wrap:after{background:url("static/img/white-squircle.png") no-repeat;background-size:78px 78px;content:' ';width:78px;height:78px;position:absolute;top:0;left:0}.article-list .row:nth-child(2n) .image-wrap:after{background:url("static/img/white-squircle.png") no-repeat;background-size:78px 78px}.event-details-wrapper{position:relative;margin-bottom:20px}.single .event-details-wrapper{min-height:98px}.event-details-wrapper h3{float:left;clear:both;display:block;width:100%}.event-map{float:left;display:inline-block;margin-top:5px;width:78px;height:78px;overflow:hidden;margin-right:10px}.event-map img{height:78px;width:78px}.event-map a:hover{border-bottom:0}.event-details{color:#888;font-size:13px;font-size:1em;line-height:1.2;margin-bottom:0;width:60%;clear:none;display:inline;float:left;margin-top:4px}.single-event .event-details{margin-bottom:10px}.event-details dd{margin:0}.location{-o-background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-image:url("static/img/location.svg");background-position:0 5px;background-repeat:no-repeat;display:block;float:left;padding:6px 20px 6px 24px;width:100%}.venue{-o-background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-image:url("static/img/gps.svg");background-position:0 5px;background-repeat:no-repeat;display:block;float:left;padding:6px 20px 6px 24px;width:100%}.event-date{-o-background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;background-image:url("static/img/calendar.svg");background-position:0 4px;background-repeat:no-repeat;clear:both;display:block;padding:6px 20px 6px 24px}body.category-webinars .event-date{background-position:0 7px}.opera-mini .location,.no-svg .location{-o-background-size:10px 14px;-webkit-background-size:10px 14px;-moz-background-size:10px 14px;background-size:10px 14px;background-image:url("static/img/location_bg.png");background-position:0 8px}.opera-mini .event-date,.no-svg .event-date{-o-background-size:15px 20px;-webkit-background-size:15px 20px;-moz-background-size:15px 20px;background-size:15px 20px;background-image:url("static/img/calendar.png")}.row-resource-list .six-col{float:left}.row-resource-list li{width:50%;float:left}.webinars-future,.heading-past,.heading-future{display:none}*{max-height:999999px}body.search .row:last-child{border:0}.search-filters li{margin-right:10px;margin-bottom:0}#download-item{margin:30px 0}.list-downloads li{padding:2px 0 2px 32px;background-size:24px 24px;background-repeat:no-repeat;background-position:0 50%}.list-downloads li.nav-products{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-orange.svg")}.list-downloads li.nav-people{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-mergecontacts-orange.svg")}.list-downloads li.nav-logos{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-ubuntu.svg")}.list-downloads li.nav-all-downloads{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-download-orange.svg")}@media only screen and (max-width: 295px){header.banner .logo-ubuntu{-o-background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;background-position:10px 14px;background-image:url("static/img/logo-ubuntu_cof-white_orange-hex.svg")}header.banner .logo-ubuntu span{width:38px}header.banner .logo-ubuntu span.site-name{padding-top:13px}}.accordion{background:#f8f8f8}.accordion h2{background:#ddd;padding:8px}body.error404 #main-content .hero-box img{max-width:100%;height:auto;margin-top:0}body.error404 #main-content .hero-box p{font-size:18px;margin-bottom:20px}#main-content blockquote{color:#333;font-size:1.875em;line-height:1.3;margin-bottom:20px;margin-top:20px;padding-left:.5em;position:relative}#main-content blockquote+p cite{display:block;margin-bottom:20px;margin-left:1em;margin-top:-10px}#main-content cite+blockquote{margin-bottom:0}#main-content blockquote p{color:#333;font-weight:100;line-height:1.3}#main-content blockquote p:first-of-type:before,#main-content blockquote p:last-of-type:after{color:#DD4814;font-size:1em;font-weight:bold;position:absolute}#main-content blockquote p:first-of-type:before{content:"\201C";left:0}#main-content blockquote p:last-of-type:after{content:"\201D";margin-left:3px}blockquote p span{color:#DD4814;font-weight:normal;left:-5px;line-height:0;position:relative}.cookie-policy{-moz-box-shadow:0 -1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 -1px 2px rgba(0,0,0,0.2);box-shadow:0 -1px 2px rgba(0,0,0,0.2);-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#333;bottom:0;color:#fff;padding-left:10px;padding-right:30px;position:fixed;width:100%;z-index:999}.cookie-policy .wrapper{background:transparent}.cookie-policy p{font-size:13px;margin-bottom:0;margin-left:0;padding:10px 0;width:100%}.cookie-policy .link-cta{-o-background-size:16px 15px;-webkit-background-size:16px 15px;-moz-background-size:16px 15px;background-size:16px 15px;background:url("static/img/icons/close.svg") no-repeat;background-size:15px;color:#fff;float:right;font-size:1em;height:15px;margin-right:-20px;margin-top:12px;padding:0;text-decoration:none;text-indent:-999em;width:16px}html.opera-mini .cookie-policy .link-cta,html.no-svg .cookie-policy .link-cta{background-image:url("static/img/icons/close.png")}.link-cta-ubuntu.external span{background-image:url("static/img/external-link-white.svg") !important}.about-canonical{margin-top:30px}@media only screen and (min-width: 768px){body{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/backgrounds/image-background-paper.png") repeat-y center center}body:after{content:'medium';display:none}.col,.eight-col,.eleven-col,.five-col,.four-col,.nine-col,.one-col,.seven-col,.six-col,.ten-col,.three-col,.twelve-col,.two-col{margin-right:2.128%}#nav-global{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:9px}#nav-global a.external{background:none;padding-left:0;padding-right:0}#nav-global ul li.open{min-width:122px}#nav-global li.more li{height:auto}#nav-global li.more li a{border-bottom:0;padding-bottom:0}.last-col{margin-right:0}body{font-size:15px}.row{padding:30px 30px 20px}.tax-topic .row,.category .row,.row-events,.search .row{padding-bottom:20px}.tax-topic #main-content .row-hero{padding-bottom:0;margin-bottom:0}.search #main-content .row-hero{margin-bottom:-20px;margin-top:0;padding-bottom:0}.inner-wrapper{padding-bottom:10px;padding-top:10px}#main-content .cat-title{padding:0 30px 0 0}.page-template-page-category-php #main-content .cat-title,.tax-topic #main-content .cat-title{margin-bottom:0;padding-bottom:0}.page-template-default #main-content .cat-page-title{padding:0 30px 10px}.article-list ul.phone-articles{border-bottom:0}.row h3{font-size:18.75px;font-size:1.4423076923em}.featured h3{margin-bottom:10px;font-size:2em}form fieldset .search-submit{top:-101px}.has-filter-wrap fieldset .search-submit,form fieldset .search-submit.active{float:left;width:auto}.has-filter-wrap button.search-submit+a{margin-top:27px;margin-left:10px}.search #main-content form#search-form{border-bottom:1px dotted #aea79f;margin-bottom:10px}.search #main-content form#search-form div.active{float:left;display:inline-block;width:100%}.search-filter div.has-filter+fieldset.twelve-col{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-bottom:0;padding-bottom:20px;margin-bottom:0}.search-filter fieldset.twelve-col{max-height:100px;display:block;float:none;margin:0 0 20px;padding:0}.search-filter h2{margin-bottom:20px}body.single .row{padding-top:10px}.single #sidebar .list-social li{margin-bottom:10px;margin-right:13px}#main-content .single-post-cats{padding-top:0}.single-post-cats .inner-wrapper{padding-top:0}.social-links li{float:none;margin-right:0}.article-meta-wrap{margin-bottom:10px}.article-meta{margin-right:10px}.single .article-meta{margin-bottom:20px;padding-bottom:0}.glossary-box{background:#fff;color:#333;margin-top:-20px;box-shadow:0 2px 2px 0 rgba(212,212,212,0.7);padding-bottom:0;padding-top:0}.glossary-box .inner-wrapper{background-size:180px 180px;background-repeat:no-repeat;background-position:100% -20px, 70% 130%;padding:40px 0 40px;overflow:hidden}.glossary-box .inner-wrapper .last-col{background-repeat:no-repeat;background-position:right bottom;position:absolute}.glossary-box--home{background:#2c001e;color:#fff;padding:30px 30px 0;margin-top:0}.glossary-box--home .inner-wrapper{min-height:165px}.glossary-box--home .inner-wrapper .last-col{background-image:url("//insights.ubuntu.com/wp-content/uploads/picto-knowledge-orange-and-white.png");background-size:180px 180px;height:220px;right:10px;top:-38px;width:200px}body.page-template-page-topics-php .glossary-box-cloud-and-server .inner-wrapper,.glossary-box-desktop .inner-wrapper,.glossary-box-internet-of-things .inner-wrapper{background-size:180px 180px;background-position:94% 50%}.glossary-box-cloud-and-server .inner-wrapper{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-midaubergine.svg"),url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-orange.svg")}.glossary-box-cloud .inner-wrapper{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-orange.svg")}.glossary-box-server .inner-wrapper{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-midaubergine.svg")}.glossary-box-press-centre .inner-wrapper{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-bookmark-midaubergine.svg"),url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-articles-orange.svg")}.glossary-box-desktop .inner-wrapper{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-desktop-orange.svg")}.glossary-box-phone-and-tablet .inner-wrapper{background-image:url("static/img/pictograms/picto-phone-midaubergine.svg"),url("static/img/pictograms/picto-tablet-orange.svg")}.glossary-box-phone .inner-wrapper{background-image:url("static/img/pictograms/picto-phone-orange.svg")}.glossary-box-tablet .inner-wrapper{background-image:url("static/img/pictograms/picto-tablet-orange.svg")}.glossary-box-chatter-cloud .inner-wrapper{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-articles-midaubergine.svg"),url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-orange.svg")}.glossary-box-internet-of-things .inner-wrapper{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/cloud/tools/snappy/snappy.png")}.archive .featured-article,.page-template .featured-article{margin-bottom:0}.tax-topic .featured-article{padding-bottom:20px}.home .featured-article{margin-bottom:0}.home aside{position:absolute;right:0;top:0}header.banner .nav-primary ul li.active a,body.page-template-page-press-php .nav-primary ul li.press-center a{font-weight:400}.product-business-card p.intro{font-size:1em}.product-business-card img{display:block;float:none;margin:0 auto}.event-details-wrapper,.vertical-divider .event-details-wrapper{margin-bottom:20px;padding-left:120px}.event-details-wrapper:last-of-type{margin-bottom:20px}.single .event-details-wrapper{min-height:120px;margin-bottom:20px}.event-details-wrapper h3{clear:none;display:block;float:none;width:auto}.event-details{margin-bottom:10px;width:100%;clear:both;display:block;margin-top:0}.event-map{position:absolute;left:0;top:0}.image-wrap{background-size:100px 100px}.image-wrap img,body.single .eight-col .image-wrap img,.event-map,.event-map img{height:100px;width:100px}.image-wrap:after,.featured-article .image-wrap:after{background-size:100px 100px;height:100px;width:100px}.article-list li.row:nth-child(2n) .image-wrap:after,.article-list div.row:nth-child(2n) .image-wrap:after{background-size:100px 100px}.row-resource-list li{float:left;margin-right:0;width:33%}.row-resource-list .six-col li{width:50%}div#uwpqsf_id .togglecheck{width:40%}#author-info.has-avatar{padding-left:120px}.vcard .avatar{position:absolute;left:0}.yes-js #main-navigation{background:#F7F7F7;float:none;margin:0 auto;max-width:984px;position:relative}.yes-js #main-nav.active{-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:#F7F7F7;box-shadow:0 1px 2px rgba(0,0,0,0.3);width:400px;display:block;float:right;right:0;position:absolute}.yes-js #main-nav.active h2{background:none}.yes-js #main-nav.active li li a{font-size:18px}.yes-js #main-nav.active a{color:#333}.yes-js #main-nav.active .main-nav{background:none;border-right:0;border-bottom:0;box-shadow:none}.yes-js #main-nav .press-nav{position:relative;left:auto}.yes-js #main-nav .type-nav li li:last-child a{border-right:1px solid #d4d7d4;margin-top:-1px;padding-top:9px;padding-bottom:8px;border-bottom:0}.yes-js #main-nav .press-nav li li:last-child{border-bottom:1px solid #d4d7d4}.yes-js #main-nav.active{width:500px}.yes-js #main-nav.active .topic-nav{border-bottom:0;border-left:0}.yes-js #main-nav.active .topic-nav .nav-tablet{border:0}.yes-js #box-search{background:#F7F7F7}.yes-js #box-search div{-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;box-shadow:0 1px 2px rgba(0,0,0,0.3);background:#F7F7F7;padding:10px}.yes-js header.global #box-search{margin:0 auto;float:none;max-width:984px}.yes-js header.global #box-search div.active{display:block;right:0;position:absolute;width:400px}}@media only screen and (min-width: 984px){body{background-attachment:fixed;font-size:16px}body:after{content:'large';display:none}.wrapper{background:none}header.banner{margin-bottom:0}header.banner .nav-primary .topics{border-top:0}header.banner .nav-primary ul li.active a,body.page-template-page-press-php .nav-primary ul li.press-center a{background-color:#b83a10}header.banner .nav-primary li.press-center{display:block}header.banner .nav-primary .nav-press-centre{display:none}header.banner .nav-primary li.topics a{border-right:0 !important;border-bottom:0 !important}header.banner .nav-primary li.topics a:link,header.banner .nav-primary li.topics a:visited{display:block;border-right:0 !important;border-bottom:0 !important}.row .inner-wrapper{display:block;float:none;margin:0 auto;width:984px}#nav-global{padding-left:0}.row{padding:30px 30px 20px}.header-inner{width:984px}.row .link-cta-ubuntu{display:inline-block;text-align:inherit}h1{font-size:2.8125em}#welcome-message div.welcome-message-inner{padding:0;position:relative}footer.global .legal{padding-left:0;padding-top:13px}.single-post-cats{padding-top:0}#main-content .single-post-cats ul{padding-left:0}#main-content .cat-page-title{padding-bottom:20px}.article-list ul.phone-articles{border-bottom:0}.glossary-box{padding:0}.glossary-box .inner-wrapper{background-size:210px 210px;background-position:100% -20px, 80% 148px}.glossary-box .inner-wrapper{min-height:330px}body.category .glossary-box .inner-wrapper,body.category .glossary-box-articles .inner-wrapper,body.tag .glossary-box .inner-wrapper,body.tag .glossary-box-articles .inner-wrapper,body.page-template-page-category-php .glossary-box .inner-wrapper,body.page-template-page-category-php .glossary-box-articles .inner-wrapper{min-height:0;padding-bottom:10px}body.archive .glossary-box .inner-wrapper{padding-bottom:0}body.tag .glossary-box .inner-wrapper{padding-bottom:10px}.glossary-box-desktop .inner-wrapper,.glossary-box-cloud .inner-wrapper,.glossary-box-server .inner-wrapper,.glossary-box-phone .inner-wrapper,.glossary-box-tablet .inner-wrapper,.glossary-box-internet-of-things .inner-wrapper{background-size:210px 210px;background-position:90% 50%;padding-bottom:40px}.glossary-box-internet-of-things .inner-wrapper{background-size:337px 240px}.glossary-box--home{padding:40px 30px 0}.glossary-box--home .inner-wrapper{min-height:200px}.glossary-box--home .inner-wrapper .last-col{background-size:240px 240px;height:251px;width:251px;top:-28px;right:43px}.box-desktop,.box-phone,.box-tablet,.box-server,.box-cloud,.box-digest{background-size:167px 167px;background-repeat:no-repeat;background-position:154% 50%;border:0;padding-right:90px}.box-digest{background-position:87% 36%;background-size:90px 90px;padding-right:20px}.box-phone{background-image:url("static/img/pictograms/picto-phone-orange.svg")}.box-tablet{background-image:url("static/img/pictograms/picto-tablet-orange.svg")}.box-desktop{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-desktop-orange.svg")}.box-server{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-midaubergine.svg")}.box-cloud{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-orange.svg")}.box-digest{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-email-orange.svg")}.box-internet-of-things{background-image:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/cloud/tools/snappy/snappy.png");background-repeat:no-repeat;background-position:-79% -28%}.box-internet-of-things p{padding-right:50px}.search .row{padding-bottom:40px}.search .no-results{display:inline-block;float:left;margin-bottom:40px;width:100%}.search #main-content form#search-form{margin-bottom:20px}form fieldset .search-submit{top:-105px}form fieldset .search-submit.active{float:left;margin-bottom:20px;width:auto}.search-filter fieldset.twelve-col{margin:0}.product-business-card img{float:right;margin:0 0 20px 20px}.single #sidebar .list-social li{margin:0 6px 0 0}.video-wrapper{padding-top:50px;margin-bottom:80px}.video-wrapper iframe{top:50px}footer.global .top-link{display:none}.yes-js #main-nav.active li li a{font-size:18px}body.page-template-page-press-php .row-resource-list .six-col{min-height:13em}}#press-contact:target{-webkit-animation:target-fade 3s 1;-moz-animation:target-fade 3s 1}@-webkit-keyframes target-fade{0%{background-color:rgba(255,255,0,0.3)}100%{background-color:transparent}}@-moz-keyframes target-fade{0%{background-color:rgba(255,255,0,0.3)}100%{background-color:transparent}}#press-contact{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out}.resource{-moz-transition:background .2s ease-out;-webkit-transition:background .2s ease-out;transition:background .2s ease-out;position:relative;cursor:pointer;padding-bottom:40px}.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:last-of-type{margin-bottom:30px}.content-cat{color:#888;font-size:14px;letter-spacing:1px;margin:0;padding:0;padding-left:20px;position:absolute;text-transform:uppercase}.content-cat{background:url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-resource-hub-icon-document.png") left center no-repeat}.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}.row-grey .resource:before{border-right-color:#F7F7F7}#campaign-sidebar{margin-top:0}#campaign-sidebar h2{font-size:1em;clear:both;color:#888;float:left;font-weight:300;margin-bottom:1em;width:100%}#campaign-sidebar ul li{border-bottom:1px dotted #888;padding-bottom:12px}.list-social{-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:0;width:100%}.list-social li{width:30px;height:30px;text-indent:-999em;display:inline-block;margin:0 10px 0 0;float:none}.list-social li:last-child{margin-right:0}.list-social li a{background-repeat:no-repeat;background-position:50% 50%;display:block;width:33px;height:33px;overflow:hidden;padding:0;margin:0;border:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.list-social li a#item-google{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyMy41IDgyLjFjMTEuOCA5LjYgMzYuNCAyOS43IDM2LjQgNjggMCAzNy4zLTIxLjUgNTQuOS00My4xIDcxLjUtNi43IDYuNi0xNC40IDEzLjYtMTQuNCAyNC43czcuNyAxNy4yIDEzLjMgMjEuN2wxOC41IDE0LjFjMjIuNiAxOC42IDQzLjEgMzUuOCA0My4xIDcwLjYgMCA0Ny40LTQ2LjcgOTUuMi0xMzUgOTUuMi03NC40LjEtMTEwLjMtMzQuNy0xMTAuMy03MiAwLTE4LjEgOS4yLTQzLjggMzkuNS02MS41IDMxLjgtMTkuMSA3NS0yMS43IDk4LTIzLjItNy4yLTkuMS0xNS40LTE4LjctMTUuNC0zNC4zIDAtOC42IDIuNi0xMy42IDUuMS0xOS43LTUuNi41LTExLjMgMS0xNi40IDEtNTQuNCAwLTg1LjItMzkuOC04NS4yLTc5LjEgMC0yMy4yIDEwLjgtNDguOSAzMi45LTY3LjVDMTE5LjggNjggMTU0LjcgNjQgMTgyLjQgNjRoMTA1LjdsLTMyLjggMTguMWgtMzEuOHpNMTg3IDMwNS45Yy00LjEtLjUtNi43LS41LTExLjgtLjUtNC42IDAtMzIuMyAxLTUzLjkgOC0xMS4zIDQtNDQuMSAxNi4xLTQ0LjEgNTEuOXMzNS40IDYxLjUgOTAuMyA2MS41YzQ5LjMgMCA3NS40LTIzLjIgNzUuNC01NC40IDAtMjUuNy0xNi45LTM5LjMtNTUuOS02Ni41bTE0LjktOTUuOGMxMS44LTExLjYgMTIuOC0yNy43IDEyLjgtMzYuOCAwLTM2LjMtMjIuMS05Mi43LTY0LjctOTIuNy0xMy4zIDAtMjcuNyA2LjUtMzUuOSAxNi42LTguNyAxMC42LTExLjMgMjQuMi0xMS4zIDM3LjMgMCAzMy44IDIwIDg5LjcgNjQuMiA4OS43IDEyLjguMSAyNi42LTYgMzQuOS0xNC4xIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ4MCAxNDIuM2gtNzguM1Y2NC4xSDM4NHY3OC4yaC03OS43djE3LjhIMzg0VjI0MWgxNy43di04MC45SDQ4MHYtMTcuOHoiLz48L3N2Zz4=");-o-background-size:65% 65%;-webkit-background-size:65% 65%;-moz-background-size:65% 65%;background-size:65% 65%;background-color:#e15440}.list-social li a#item-google:hover{background-color:#ce3620}.list-social li a#item-twitter{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUxMiA5Ny4yMWMtMTguODM4IDguMzUzLTM5LjA4MiAxNC02MC4zMyAxNi41NCAyMS42ODctMTMgMzguMzQzLTMzLjU4NiA0Ni4xODctNTguMTE2LTIwLjMgMTIuMDQtNDIuNzc4IDIwLjc4LTY2LjcwNSAyNS40OS0xOS4xNi0yMC40MTUtNDYuNDYyLTMzLjE3LTc2LjY3My0zMy4xNy01OC4wMTMgMC0xMDUuMDQ1IDQ3LjAzLTEwNS4wNDUgMTA1LjA0IDAgOC4yMzIuOTMgMTYuMjUgMi43MiAyMy45MzgtODcuMy00LjM4Mi0xNjQuNy00Ni4yLTIxNi41MS0xMDkuNzUzLTkuMDQgMTUuNTEzLTE0LjIyMiAzMy41NTctMTQuMjIyIDUyLjgwOCAwIDM2LjQ0NCAxOC41NDQgNjguNTk2IDQ2LjczIDg3LjQzMy0xNy4yMi0uNTQ1LTMzLjQxNi01LjI3LTQ3LjU3Ny0xMy4xMzgtLjAxLjQzOC0uMDEuODc4LS4wMSAxLjMyIDAgNTAuODk1IDM2LjIxIDkzLjM1IDg0LjI2IDEwMy04LjgxMiAyLjQtMTguMDkzIDMuNjg3LTI3LjY3MyAzLjY4Ny02Ljc3IDAtMTMuMzUtLjY2LTE5Ljc2NC0xLjg4OCAxMy4zNjcgNDEuNzMgNTIuMTYgNzIuMTA0IDk4LjEyNSA3Mi45NDgtMzUuOTUgMjguMTc2LTgxLjI0MyA0NC45NjgtMTMwLjQ1OCA0NC45NjgtOC40OCAwLTE2Ljg0LS40OTctMjUuMDU4LTEuNDcgNDYuNDg1IDI5LjgwNSAxMDEuNyA0Ny4xOTYgMTYxLjAyIDQ3LjE5NiAxOTMuMjEgMCAyOTguODY4LTE2MC4wNjMgMjk4Ljg2OC0yOTguODcyIDAtNC41NTQtLjEwMy05LjA4NC0uMzA1LTEzLjU5IDIwLjUyNy0xNC44MSAzOC4zMzUtMzMuMzEgNTIuNDE3LTU0LjM3M3oiLz48L3N2Zz4=");-o-background-size:60% 60%;-webkit-background-size:60% 60%;-moz-background-size:60% 60%;background-size:60% 60%;background-color:#03b3ee}.list-social li a#item-twitter:hover{background-color:#028dbc}.list-social li a#item-facebook{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iLTIgLTIgMzIgMzIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNy45IDE0aC0zdjhIMTJ2LThoLTJ2LTIuOWgyVjguN0MxMiA2LjggMTMuMSA1IDE2IDVjMS4yIDAgMiAuMSAyIC4xdjNoLTEuOGMtMSAwLTEuMi41LTEuMiAxLjN2MS44aDNsLS4xIDIuOHoiLz48L3N2Zz4=");-o-background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-color:#265292}.list-social li a#item-facebook:hover{background-color:#244e7c}.list-social li a#item-email{background-image:url("static/img/email.svg");background-color:#9e968e;-o-background-size:70% 70%;-webkit-background-size:70% 70%;-moz-background-size:70% 70%;background-size:70% 70%}.list-social li a#item-email:hover{background-color:#888}.list-social li a#item-linkedin{background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHdpZHRoPSIxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjQ1MiA0Ny43MDhoMjAuOTE0djYyLjkxNUgxNi40NTJ6bTEwLjU5Ni0zMC4zM2MtNy4xNTUgMC0xMS44MzggNC42OTQtMTEuODM4IDEwLjg2NyAwIDYuMDQgNC41NDUgMTAuODc3IDExLjU2MiAxMC44NzdoLjE0YzcuMjk0IDAgMTEuODMzLTQuODM2IDExLjgzMy0xMC44NzctLjEzOC02LjE3My00LjU0LTEwLjg2OC0xMS42OTctMTAuODY4ek04OC43MDYgNDYuMjNjLTExLjExIDAtMTYuMDc1IDYuMTE1LTE4Ljg1MyAxMC4zOTV2LjIwNGgtLjEzNWMuMDQtLjA2Ni4wOTYtLjE0LjEzNS0uMjA2di04LjkxN0g0OC45MzdjLjI4IDUuOTA0IDAgNjIuOTE1IDAgNjIuOTE1aDIwLjkxN1Y3NS40ODZjMC0xLjg4NC4xNC0zLjc1NC42OTMtNS4xIDEuNTE1LTMuNzYgNC45NTQtNy42NSAxMC43MzQtNy42NSA3LjU3IDAgMTAuNiA1Ljc3MiAxMC42IDE0LjIyN3YzMy42NmgyMC45MTNWNzQuNTQ2YzAtMTkuMzI1LTEwLjMyLTI4LjMxNi0yNC4wODYtMjguMzE2eiIvPjwvc3ZnPg==");-o-background-size:70% 70%;-webkit-background-size:70% 70%;-moz-background-size:70% 70%;background-size:70% 70%;background-color:#0071a1}.list-social li a#item-linkedin:hover{background-color:#004d6e}.list-social li a#item-instapaper{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIGhlaWdodD0iMTAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB3aWR0aD0iMTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxkZWZzPjxyZWN0IGhlaWdodD0iMTAwIiBpZD0iU1ZHSURfMV8iIHdpZHRoPSIxMDAiLz48L2RlZnM+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTY5LDkyLjQ3NWMtNS41LTAuMzk2LTkuMDY2LTEuMjE5LTEwLjY5My0yLjQ3N2MtMS42MjctMS4yNTMtMi40NC00LjUwNC0yLjQ0LTkuNzQydi02MC41MSAgIGMwLTUuMDAzLDAuODEzLTguMjI0LDIuNDQtOS42NjRTNjMuNSw3Ljc4OSw2OSw3LjUyMlY1SDI5djIuNTIzYzUuNSwwLjI2Niw5LjA2NCwxLjEyLDEwLjY5NSwyLjU1OSAgIGMxLjYyOCwxLjQzOSwyLjQ0MSw0LjY2MSwyLjQ0MSw5LjY2NHY2MC41MWMwLDUuMjM4LTAuODEzLDguNDg5LTIuNDQxLDkuNzQyQzM4LjA2NCw5MS4yNTYsMzQuNSw5Mi4wNzgsMjksOTIuNDc1Vjk1aDQwVjkyLjQ3NXoiLz48L2c+PC9zdmc+");background-color:#222;-o-background-size:60% 60%;-webkit-background-size:60% 60%;-moz-background-size:60% 60%;background-size:60% 60%}.list-social li a#item-instapaper:hover{background-color:#000}.list-social li a#item-pocket{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgaGVpZ2h0PSI0MTVweCIgdmlld0JveD0iMCAwIDQxNSA0MTQuOTk2IiB3aWR0aD0iNDE1cHgiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MTUgNDE0Ljk5NiI+PHBhdGggZD0ibTUwLjc3OSA5Ni4zNzVjNy4yMS0xNi4yMTcgMjAuMTgtMjAuMjM0IDM3LjA2MS0yMC4xMDUgNzQuOTU5IDAuNTY4IDE0OS45MyAwLjI1NyAyMjQuODkgMC4yMzQgOC42MzMtMC4wMDIgMTcuNzE4LTAuMTEzIDIzLjcwOSA2LjkyOSAzLjk2NyA0LjY2MyA4LjIzMiAxMS4wNzUgOC4yODcgMTYuNzQzIDAuMzU2IDM2LjQyMyAxLjU5IDczLjAxNS0xLjI2NiAxMDkuMjUtNC43MDQgNTkuNjktNTAuMDU5IDExMC4xNi0xMDguMzggMTI0LjcyLTgzLjM1IDIwLjgtMTY1LjExLTMxLjE4LTE4MS40OS0xMTUuNDQtMS4xNjktNi4wMTUtMS44ODQtMTIuMTE4LTIuODEtMTguMTgxLTAuMDAxLTM0LjcyLTAuMDAxLTY5LjQ0LTAuMDAxLTEwNC4xNnptMTQ3LjgzIDExMy4wNGMtMy44ODctMy41NTItNy4zNjgtNi42MTctMTAuNzE4LTkuODE4LTE0LjY1NS0xNC4wMDEtMjkuMTg0LTI4LjEzNC00My45MzUtNDIuMDMzLTkuNTUyLTktMjEuMzEtOC44NDktMjkuNzc3LTAuMDE0LTcuOTY4IDguMzE0LTcuOTYgMjAuNzg4IDAuNzcxIDI5LjI1MSAyMi43NzUgMjIuMDgzIDQ1LjcxOSA0My45OTUgNjguODIyIDY1LjczMyA5LjMxNyA4Ljc2OSAxOS4xOTUgOS4zNjcgMjguMzU0IDAuODQ2IDIzLjg2My0yMi4yMTQgNDcuNTY2LTQ0LjYzMSA3MC41ODItNjcuNzEzIDExLjY2NC0xMS42OTcgNS4wMTItMzAuNzE5LTExLjExNi0zNC4yODMtOC4zNDUtMS44NDYtMTQuNjcxIDIuMTA2LTIwLjQ0NCA3LjY4LTE3LjI5IDE2LjY5LTM0LjcgMzMuMjgtNTIuNTMgNTAuMzR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI2ZmMDA0MiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmYwMDQyIi8+PC9zdmc+");-o-background-size:75% 75%;-webkit-background-size:75% 75%;-moz-background-size:75% 75%;background-size:75% 75%;background-color:#e0e0e0}.list-social li a#item-pocket:hover{background-color:#e4e4e4}html.opera-mini footer.global .list-social li a#item-twitter,html.no-svg footer.global .list-social li a#item-twitter{background-image:url("//www.canonical.com/static/img/icons/icon-social-twitter.png")}html.opera-mini footer.global .list-social li a#item-google,html.no-svg footer.global .list-social li a#item-google{background-image:url("//www.canonical.com/static/img/icons/icon-social-google.png")}html.opera-mini footer.global .list-social li a#item-facebook,html.no-svg footer.global .list-social li a#item-facebook{background-image:url("//www.canonical.com/static/img/icons/icon-social-facebook.png")}html.opera-mini footer.global .list-social li a#item-canonical,html.no-svg footer.global .list-social li a#item-canonical{background-image:url("//www.canonical.com/static/img/icons/icon-social-rss.png")}html.opera-mini footer.global .list-social li a#item-twitter:hover,html.no-svg footer.global .list-social li a#item-twitter:hover{background-image:url("//www.canonical.com/static/img/icons/icon-social-twitter-selected.png")}html.opera-mini footer.global .list-social li a#item-google:hover,html.no-svg footer.global .list-social li a#item-google:hover{background-image:url("//www.canonical.com/static/img/icons/icon-social-google-selected.png")}html.opera-mini footer.global .list-social li a#item-facebook:hover,html.no-svg footer.global .list-social li a#item-facebook:hover{background-image:url("//www.canonical.com/static/img/icons/icon-social-facebook-selected.png")}html.opera-mini footer.global .list-social li a#item-canonical:hover,html.no-svg footer.global .list-social li a#item-canonical:hover{background-image:url("//www.canonical.com/static/img/icons/icon-social-rss-selected.png")}.list-social--small li{background-size:28px 28px;background-repeat:no-repeat;padding:2px 0 3px 36px}.list-social--small li.link-youtube{background-image:url("static/img/icons/icon-youtube-grey.svg")}.list-social--small li.link-twitter{background-image:url("static/img/icons/icon-twitter-grey.svg")}.list-social--small li.link-google{background-image:url("static/img/icons/icon-google-grey.svg")}.list-social--small li.link-facebook{background-image:url("static/img/icons/icon-facebook-grey.svg")}.list-social--small li:last-child{padding:0}.social-title{background-size:28px 28px;background-repeat:no-repeat;padding:1px 0 3px 36px}.social-title--twitter{background-image:url("static/img/icons/icon-twitter-cool-grey.svg")}.social-title--facebook{background-image:url("static/img/icons/icon-facebook-cool-grey.svg")}.social-title--google{background-image:url("static/img/icons/icon-google-cool-grey.svg")}.social-title--youtube{background-image:url("static/img/icons/icon-youtube-cool-grey.svg")}html.no-svg .list-social--small li{background:none;padding:0}.insightera-bar-widget{z-index:998 !important}
 
1
@charset "UTF-8";
 
2
/* 
 
3
Theme Name: Ubuntu Resources
 
4
Theme URI: http://canonical.com
 
5
Description: Ubuntu resource hub theme
 
6
Version: 1
 
7
Author: Canonical Ltd 
 
8
Author URI: http://canonical.com
 
9
 
 
10
Copyright (C) 2012 Canonical Ltd 
 
11
*/
 
12
.wf-ubuntu-n3-loading h1, .wf-ubuntu-n3-loading h2, .wf-ubuntu-n3-loading h3, .wf-ubuntu-n3-loading dl, .wf-ubuntu-n3-loading p, .wf-ubuntu-n3-loading span, .wf-ubuntu-n4-loading h1, .wf-ubuntu-n4-loading h2, .wf-ubuntu-n4-loading h3, .wf-ubuntu-n4-loading dl, .wf-ubuntu-n4-loading p, .wf-ubuntu-n4-loading span, .wf-ubuntu-i4-loading h1, .wf-ubuntu-i4-loading h2, .wf-ubuntu-i4-loading h3, .wf-ubuntu-i4-loading dl, .wf-ubuntu-i4-loading p, .wf-ubuntu-i4-loading span {
 
13
  visibility: hidden; }
 
14
 
 
15
/**
 
16
 * Ubuntu Patterns Stylesheet
 
17
 *
 
18
 * The CSS file required by Ubuntu patterns page
 
19
 * 
 
20
 * @project             Ubuntu Patterns
 
21
 * @author              Web Team at Canonical Ltd
 
22
 * @copyright   2012 Canonical Ltd
 
23
 *
 
24
 * @see                 http://design.ubuntu.com
 
25
 */
 
26
/**
 
27
 * standard colors
 
28
 *
 
29
 * @colordef standard colors
 
30
 */
 
31
/**
 
32
 * mixins
 
33
 *
 
34
 * @section mixins
 
35
 */
 
36
/* cool grey */
 
37
/* light grey */
 
38
/* used as background on pre text */
 
39
/* dark aubergine (enterprise) */
 
40
/* meta grey */
 
41
/* ubuntu orange */
 
42
/* warm grey */
 
43
/* assets database path */
 
44
/* usage: background: url(//assets.ubuntu.com/sites/ubuntu/latest/u/img//site/background.jpg) no-repeat 0 0; */
 
45
/* Mixins */
 
46
/* usage @include rounded_corners(4px); */
 
47
/* usage @include background_size(20px 20px); */
 
48
/* usage @include box_sizing();*/
 
49
/* General
 
50
----------------------------------------------------------------- */
 
51
.col,
 
52
.eight-col,
 
53
.eleven-col,
 
54
.five-col,
 
55
.four-col,
 
56
.nine-col,
 
57
.one-col,
 
58
.seven-col,
 
59
.six-col,
 
60
.ten-col,
 
61
.three-col,
 
62
.twelve-col,
 
63
.two-col {
 
64
  -webkit-transition-duration: 0.5s;
 
65
  -moz-transition-duration: 0.5s;
 
66
  -o-transition-duration: 0.5s;
 
67
  transition-duration: 0.5s;
 
68
  margin-right: 0; }
 
69
 
 
70
@media only screen and (max-width: 767px) {
 
71
  #main-content {
 
72
    background: #fff; }
 
73
    #main-content .box-highlight,
 
74
    #main-content .box,
 
75
    #main-content .featured-box {
 
76
      -o-border-radius: 0;
 
77
      -webkit-border-radius: 0;
 
78
      -moz-border-radius: 0;
 
79
      border-radius: 0;
 
80
      background: none;
 
81
      border: 0;
 
82
      box-shadow: none;
 
83
      padding: 0; } }
 
84
html {
 
85
  background: #f7f7f7; }
 
86
 
 
87
body {
 
88
  -webkit-transition-duration: 0.5s;
 
89
  -moz-transition-duration: 0.5s;
 
90
  -o-transition-duration: 0.5s;
 
91
  transition-duration: 0.5s;
 
92
  background: #f1f1f1;
 
93
  font-size: 16px;
 
94
  /* small */ }
 
95
 
 
96
.header {
 
97
  display: none; }
 
98
 
 
99
.container {
 
100
  clear: both;
 
101
  float: left;
 
102
  margin: 0;
 
103
  width: 100%; }
 
104
 
 
105
.wrapper {
 
106
  background-color: none;
 
107
  width: auto; }
 
108
 
 
109
#main-content {
 
110
  padding-bottom: 0; }
 
111
 
 
112
a:link,
 
113
a:visited {
 
114
  border-bottom: 1px solid transparent;
 
115
  text-decoration: none; }
 
116
 
 
117
#main-content a.link-cta-ubuntu:visited {
 
118
  color: #fff; }
 
119
 
 
120
a ::-moz-selection {
 
121
  background: transparent; }
 
122
 
 
123
a:active, a:focus, a:hover {
 
124
  border-bottom: 1px solid #dd4814; }
 
125
 
 
126
a:active img, a:focus img, a:hover img {
 
127
  border-bottom: 0; }
 
128
 
 
129
/* external icon
 
130
----------------------------------------------------------------- */
 
131
.opera-mini .external span,
 
132
.no-svg .external span {
 
133
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link.png"); }
 
134
 
 
135
#main-content .external span,
 
136
.legal .external span {
 
137
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-orange.svg");
 
138
  left: 0; }
 
139
 
 
140
#main-content a.external:visited span {
 
141
  background: url("static/img/external-link-visited.svg") top left/10px 10px no-repeat; }
 
142
 
 
143
.opera-mini #main-content .external span,
 
144
.opera-mini footer.global ul.inline li:last-child span,
 
145
.opera-mini .legal .external span, .no-svg #main-content .external span,
 
146
.no-svg footer.global ul.inline li:last-child span,
 
147
.no-svg .legal .external span {
 
148
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-orange.png"); }
 
149
 
 
150
.cta-link-ubuntu span.external-link,
 
151
#main-content .cta-link-ubuntu span.external-link {
 
152
  background-image: none;
 
153
  padding-right: 0; }
 
154
 
 
155
.error404 #main-content {
 
156
  padding-bottom: 20px; }
 
157
 
 
158
#main-content .single-post-cats {
 
159
  border-top: 1px dotted #888888;
 
160
  padding: 0;
 
161
  padding-top: 20px;
 
162
  padding-bottom: 7px;
 
163
  display: block;
 
164
  float: left;
 
165
  margin-bottom: 0; }
 
166
 
 
167
.single-post-cats .inner-wrapper {
 
168
  overflow-y: hidden;
 
169
  position: relative;
 
170
  padding-bottom: 10px; }
 
171
 
 
172
#main-content .single-post-cats ul {
 
173
  border: 0;
 
174
  margin: 0;
 
175
  padding: 0;
 
176
  padding-left: 10px;
 
177
  padding-top: 10px; }
 
178
 
 
179
.single-post-cats li {
 
180
  color: #888888;
 
181
  font-size: 14px;
 
182
  font-size: 1.07692em;
 
183
  border: 0;
 
184
  margin: 0 10px 0 0;
 
185
  padding: 0; }
 
186
  .single-post-cats li:after {
 
187
    content: ","; }
 
188
 
 
189
.single-post-cats li:last-child:after {
 
190
  content: ""; }
 
191
 
 
192
.single-post-cats li:last-child {
 
193
  margin-right: 0; }
 
194
 
 
195
#main-content .single-post-cats a:link,
 
196
#main-content .single-post-cats a:visited {
 
197
  background: none;
 
198
  color: #888888;
 
199
  display: inline-block;
 
200
  font-size: 1em;
 
201
  padding: 0;
 
202
  margin: 0;
 
203
  border-bottom: 1px solid transparent; }
 
204
 
 
205
.single-post-cats a:link {
 
206
  border: 0; }
 
207
 
 
208
#main-content .single-post-cats a:hover {
 
209
  color: #dd4814;
 
210
  border-bottom-color: #dd4814; }
 
211
 
 
212
.single-post-cats span {
 
213
  font-size: 12px;
 
214
  font-size: 0.92308em;
 
215
  -o-border-radius: 4px;
 
216
  -webkit-border-radius: 4px;
 
217
  -moz-border-radius: 4px;
 
218
  border-radius: 4px;
 
219
  background: #fa8a69;
 
220
  border: 0;
 
221
  color: #fff;
 
222
  float: left;
 
223
  font-weight: normal;
 
224
  letter-spacing: 1px;
 
225
  margin-top: 14px;
 
226
  padding: 3px 4px;
 
227
  text-transform: uppercase; }
 
228
 
 
229
li h2 a {
 
230
  word-break: normal; }
 
231
 
 
232
footer.global {
 
233
  padding-top: 10px;
 
234
  padding-bottom: 10px; }
 
235
 
 
236
footer.global ul.inline li {
 
237
  display: inline-block;
 
238
  float: left; }
 
239
 
 
240
footer.global ul.inline li:after {
 
241
  color: #888888;
 
242
  content: "•";
 
243
  margin: 0 5px;
 
244
  vertical-align: middle; }
 
245
 
 
246
footer.global ul.inline li a {
 
247
  color: #dd4814;
 
248
  float: none; }
 
249
 
 
250
footer.global ul.inline li:last-child {
 
251
  width: 170px; }
 
252
 
 
253
footer #nav-global {
 
254
  -o-box-sizing: border-box;
 
255
  -webkit-box-sizing: border-box;
 
256
  -moz-box-sizing: border-box;
 
257
  box-sizing: border-box;
 
258
  border-top: 0;
 
259
  margin: 0; }
 
260
 
 
261
footer #nav-global div.active + .top-link {
 
262
  display: none; }
 
263
 
 
264
#nav-global h2 span {
 
265
  background-position: 0 3px; }
 
266
 
 
267
#nav-global h2.active span {
 
268
  background-position: 0 2px; }
 
269
 
 
270
#nav-global h2 {
 
271
  color: #888888;
 
272
  margin-bottom: -1px;
 
273
  padding-top: 6px;
 
274
  margin-top: -7px;
 
275
  display: block; }
 
276
 
 
277
#nav-global h2.active,
 
278
footer #nav-global ul {
 
279
  margin-bottom: 0; }
 
280
 
 
281
#nav-global h2.active {
 
282
  border-bottom: 1px solid #d4d7d4; }
 
283
 
 
284
footer #nav-global li,
 
285
footer #nav-global li a {
 
286
  border-bottom: 0; }
 
287
 
 
288
#nav-global .external span {
 
289
  display: none; }
 
290
 
 
291
footer #nav-global li.more li a {
 
292
  font-size: 1.334em; }
 
293
 
 
294
footer #nav-global a:hover,
 
295
footer #nav-global li.more li a:hover {
 
296
  background: #f0f0f0;
 
297
  text-decoration: none; }
 
298
 
 
299
footer #nav-global li.more {
 
300
  margin-bottom: -2px; }
 
301
 
 
302
footer.global .legal {
 
303
  background: none;
 
304
  margin-bottom: 0;
 
305
  padding: 10px; }
 
306
 
 
307
/* if the cookie message is being displayed add padding so the legal links are still visible */
 
308
footer.global .legal.has-cookie {
 
309
  padding-bottom: 80px; }
 
310
 
 
311
.inner-wrapper {
 
312
  -o-border-radius: 2px;
 
313
  -webkit-border-radius: 2px;
 
314
  -moz-border-radius: 2px;
 
315
  border-radius: 2px;
 
316
  background: none;
 
317
  -moz-box-shadow: none;
 
318
  -o-box-shadow: none;
 
319
  -webkit-box-shadow: none;
 
320
  border: 0;
 
321
  box-shadow: none;
 
322
  margin-top: 0;
 
323
  padding: 0; }
 
324
 
 
325
body.home .inner-wrapper {
 
326
  padding: 0; }
 
327
 
 
328
.row {
 
329
  -o-box-sizing: border-box;
 
330
  -webkit-box-sizing: border-box;
 
331
  -moz-box-sizing: border-box;
 
332
  box-sizing: border-box;
 
333
  border-bottom: 1px dotted #888888;
 
334
  clear: both;
 
335
  display: block;
 
336
  float: left;
 
337
  padding: 10px 10px 0;
 
338
  width: 100%; }
 
339
 
 
340
.row ul {
 
341
  margin-bottom: 10px; }
 
342
 
 
343
.row:last-of-type {
 
344
  border: 0; }
 
345
 
 
346
.row.vertical-divider {
 
347
  padding-bottom: 0; }
 
348
 
 
349
.tax-topic .row,
 
350
.category .row,
 
351
.row-events,
 
352
.search .row {
 
353
  padding-bottom: 10px; }
 
354
 
 
355
.category #main-content .row-hero,
 
356
.search #main-content .row-hero {
 
357
  margin-top: 10px; }
 
358
 
 
359
.category #main-content .row-hero {
 
360
  padding-bottom: 0; }
 
361
 
 
362
.search #main-content .row-hero {
 
363
  margin-top: 20px;
 
364
  padding-bottom: 0; }
 
365
 
 
366
.featured-article {
 
367
  border-bottom: 0; }
 
368
 
 
369
.featured-article h2 {
 
370
  color: #b2b2b2;
 
371
  font-size: 1.076923077em; }
 
372
 
 
373
.featured-article h3 {
 
374
  font-size: 1.625em;
 
375
  margin-bottom: .5em; }
 
376
 
 
377
.featured-article .article-meta li a,
 
378
.single-post-cats li a,
 
379
#main-content .featured-article .article-meta li a:visited {
 
380
  color: #888888; }
 
381
 
 
382
.no-border {
 
383
  border-bottom: 0; }
 
384
 
 
385
.row .link-cta-ubuntu {
 
386
  -webkit-transition-duration: 0.5s;
 
387
  -moz-transition-duration: 0.5s;
 
388
  -o-transition-duration: 0.5s;
 
389
  transition-duration: 0.5s;
 
390
  -o-box-sizing: border-box;
 
391
  -webkit-box-sizing: border-box;
 
392
  -moz-box-sizing: border-box;
 
393
  box-sizing: border-box;
 
394
  display: block;
 
395
  text-align: center; }
 
396
 
 
397
/* typography
 
398
----------------------------------------------------------------- */
 
399
h1 {
 
400
  font-size: 1.625em;
 
401
  margin-bottom: .5em; }
 
402
 
 
403
h2 {
 
404
  font-size: 1.438em;
 
405
  margin-bottom: .5em; }
 
406
 
 
407
h3 {
 
408
  font-size: 1.219em;
 
409
  margin-bottom: .522em; }
 
410
 
 
411
h4 {
 
412
  font-size: 1em;
 
413
  font-weight: 400;
 
414
  margin-bottom: .615em; }
 
415
 
 
416
h5 {
 
417
  font-size: .813em;
 
418
  font-weight: 700;
 
419
  margin-bottom: 1em; }
 
420
 
 
421
h6 {
 
422
  font-size: .723em;
 
423
  font-weight: 400;
 
424
  margin-bottom: 1em;
 
425
  letter-spacing: .1em;
 
426
  text-transform: uppercase; }
 
427
 
 
428
p, li {
 
429
  font-size: 1em;
 
430
  line-height: 1.5;
 
431
  margin: 0;
 
432
  margin-bottom: .75em;
 
433
  padding: 0; }
 
434
 
 
435
ol + h2, p + h2, pre + h2, ul + h2 {
 
436
  margin-top: 0.9231em; }
 
437
 
 
438
ol + h3, p + h3, pre + h3, ul + h3 {
 
439
  margin-top: 1.125em; }
 
440
 
 
441
ol + h4, p + h4, pre + h4, ul + h4 {
 
442
  margin-top: 1.219em; }
 
443
 
 
444
h1 div, h3 span, h2 span {
 
445
  float: none;
 
446
  display: inline; }
 
447
 
 
448
.lowercase {
 
449
  text-transform: lowercase; }
 
450
 
 
451
pre {
 
452
  -o-border-radius: 4px;
 
453
  -webkit-border-radius: 4px;
 
454
  -moz-border-radius: 4px;
 
455
  border-radius: 4px;
 
456
  -o-box-sizing: border-box;
 
457
  -webkit-box-sizing: border-box;
 
458
  -moz-box-sizing: border-box;
 
459
  box-sizing: border-box;
 
460
  background: #FDF6F2;
 
461
  display: inline-block;
 
462
  padding: 10px 20px;
 
463
  word-break: break-word; }
 
464
 
 
465
code {
 
466
  background: #FDF6F2; }
 
467
 
 
468
h1 span.taxonomy-title + span {
 
469
  text-transform: lowercase;
 
470
  font-weight: 300;
 
471
  font-style: normal;
 
472
  float: none;
 
473
  display: inline; }
 
474
 
 
475
h1 span {
 
476
  font-weight: 300;
 
477
  font-style: normal;
 
478
  float: none;
 
479
  display: inline; }
 
480
 
 
481
header.banner {
 
482
  border: 0;
 
483
  overflow: visible;
 
484
  padding: 0;
 
485
  display: block;
 
486
  box-shadow: none; }
 
487
 
 
488
header.banner {
 
489
  z-index: 3; }
 
490
 
 
491
header.banner .logo {
 
492
  -webkit-transition-duration: 0.5s;
 
493
  -moz-transition-duration: 0.5s;
 
494
  -o-transition-duration: 0.5s;
 
495
  transition-duration: 0.5s;
 
496
  border: 0;
 
497
  height: 48px;
 
498
  margin: 0;
 
499
  padding: 0;
 
500
  text-align: left;
 
501
  width: auto; }
 
502
 
 
503
header.banner .nav-primary.nav-right .logo-ubuntu {
 
504
  background-size: 99px 23px; }
 
505
 
 
506
#menu.active:after {
 
507
  display: none !important; }
 
508
 
 
509
header.banner .nav-primary li.nav-internet-of-things a abbr {
 
510
  border: 0;
 
511
  cursor: pointer; }
 
512
header.banner .nav-primary li.press-center {
 
513
  display: none; }
 
514
@media only screen and (max-width: 769px) {
 
515
  header.banner .nav-primary ul:hover ul:after {
 
516
    display: none; } }
 
517
@media only screen and (max-width: 769px) {
 
518
  header.banner .nav-primary .topics {
 
519
    font-size: 90%;
 
520
    top: auto;
 
521
    left: 0;
 
522
    width: 100%;
 
523
    height: auto;
 
524
    margin: 0;
 
525
    text-indent: 0;
 
526
    text-transform: none;
 
527
    color: #808080;
 
528
    border-left: none;
 
529
    display: block;
 
530
    -moz-box-shadow: inset 0px -1px 0 #d4d7d4;
 
531
    -webkit-box-shadow: inset 0px -1px 0 #d4d7d4;
 
532
    box-shadow: inset 0px -1px 0 #d4d7d4; }
 
533
    header.banner .nav-primary .topics > a {
 
534
      color: #808080 !important;
 
535
      border-bottom: 1px solid #d4d7d4 !important; }
 
536
      header.banner .nav-primary .topics > a:hover {
 
537
        cursor: default;
 
538
        background: none; } }
 
539
header.banner .nav-primary .topics ul li a {
 
540
  border-right: 1px solid #d4d7d4 !important;
 
541
  border-bottom: 1px solid #d4d7d4 !important; }
 
542
  header.banner .nav-primary .topics ul li a:nth-child(2n) {
 
543
    border: none; }
 
544
header.banner .nav-primary .topics ul li a, header.banner .nav-primary .topics ul li:first-of-type a, header.banner .nav-primary .topics ul li:first-of-type a:link, header.banner .nav-primary .topics ul li:first-of-type a:visited {
 
545
  -o-box-sizing: border-box;
 
546
  -webkit-box-sizing: border-box;
 
547
  -moz-box-sizing: border-box;
 
548
  box-sizing: border-box;
 
549
  font-size: 14px;
 
550
  width: 100%;
 
551
  padding: 11px 14px;
 
552
  color: #333; }
 
553
  header.banner .nav-primary .topics ul li a:hover, header.banner .nav-primary .topics ul li:first-of-type a:hover, header.banner .nav-primary .topics ul li:first-of-type a:link:hover, header.banner .nav-primary .topics ul li:first-of-type a:visited:hover {
 
554
    cursor: pointer;
 
555
    background: #f8f8f8;
 
556
    color: #dd4814; }
 
557
header.banner .nav-primary .topics ul li:nth-child(2n) {
 
558
  border-right: none; }
 
559
header.banner .nav-primary ul.second-level-nav.active {
 
560
  background: none;
 
561
  border: 0;
 
562
  border-radius: 0;
 
563
  top: 0;
 
564
  box-shadow: none;
 
565
  display: block;
 
566
  position: relative;
 
567
  margin: 0;
 
568
  padding: 0;
 
569
  width: 100%; }
 
570
  header.banner .nav-primary ul.second-level-nav.active li {
 
571
    position: relative;
 
572
    width: 100%;
 
573
    background: none; }
 
574
    header.banner .nav-primary ul.second-level-nav.active li a:link, header.banner .nav-primary ul.second-level-nav.active li a:visited {
 
575
      width: 50%;
 
576
      padding-top: 11px; }
 
577
 
 
578
header.banner a.nav-toggle:hover,
 
579
header.banner a.search-toggle:hover {
 
580
  border-bottom: 0 !important; }
 
581
 
 
582
header.banner .nav-primary li.topics a:link,
 
583
header.banner .nav-primary li.topics a:visited {
 
584
  display: none; }
 
585
 
 
586
header.banner .nav-primary li.topics ul.active li a,
 
587
header.banner .nav-primary li.topics ul.active li a {
 
588
  display: block; }
 
589
 
 
590
.opera-mini header.banner .logo-ubuntu,
 
591
.no-svg header.banner .logo-ubuntu {
 
592
  -o-background-size: 100px 22px;
 
593
  -webkit-background-size: 100px 22px;
 
594
  -moz-background-size: 100px 22px;
 
595
  background-size: 100px 22px;
 
596
  background-image: url("static/img/logo.png");
 
597
  background-position: 10px 50%; }
 
598
.opera-mini header.banner .logo-ubuntu span,
 
599
.no-svg header.banner .logo-ubuntu span {
 
600
  width: 112px; }
 
601
.opera-mini header.banner .logo-ubuntu span.site-name,
 
602
.no-svg header.banner .logo-ubuntu span.site-name {
 
603
  padding-top: 14px; }
 
604
 
 
605
header.banner .logo-ubuntu span {
 
606
  height: 22px;
 
607
  left: 0;
 
608
  margin: 0;
 
609
  top: 0;
 
610
  padding: 0 18px 0 0;
 
611
  width: 94px; }
 
612
 
 
613
header.banner .logo-ubuntu span.site-name {
 
614
  border-right: 0;
 
615
  font-size: 18px;
 
616
  font-weight: 300;
 
617
  margin-left: 0;
 
618
  padding-top: 6px;
 
619
  position: relative;
 
620
  top: 0;
 
621
  width: auto; }
 
622
 
 
623
.alert {
 
624
  -o-border-radius: 4px 4px 4px 4px;
 
625
  -webkit-border-radius: 4px 4px 4px 4px;
 
626
  -moz-border-radius: 4px 4px 4px 4px;
 
627
  border-radius: 4px 4px 4px 4px;
 
628
  background: #38b44a;
 
629
  color: #fff;
 
630
  margin: 0 auto 1.25em;
 
631
  max-width: 984px;
 
632
  padding: 10px 20px 2px;
 
633
  position: relative; }
 
634
 
 
635
#main-content .alert a, #main-content .alert p a, #main-content .alert a:link, #main-content .alert a:visited {
 
636
  color: #fff;
 
637
  font-weight: 500; }
 
638
 
 
639
.alert p {
 
640
  margin-bottom: 0;
 
641
  padding-right: 40px; }
 
642
 
 
643
#close-alert {
 
644
  position: absolute;
 
645
  right: 20px;
 
646
  top: 10px; }
 
647
 
 
648
.block-click {
 
649
  cursor: pointer; }
 
650
 
 
651
form textarea, form input.text {
 
652
  width: 18.75em; }
 
653
 
 
654
form label {
 
655
  width: auto;
 
656
  float: none;
 
657
  display: inline-block; }
 
658
 
 
659
/* search filters
 
660
----------------------------------------------------------------- */
 
661
.search-filter h2 {
 
662
  color: #888888;
 
663
  font-size: 1.219em; }
 
664
 
 
665
.search-filter h2 span {
 
666
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/arrow_down_9fa097.svg");
 
667
  background-repeat: no-repeat;
 
668
  background-size: 100% 100%;
 
669
  background-position: 0 2px;
 
670
  clear: none;
 
671
  display: inline-block;
 
672
  float: none;
 
673
  height: 13px;
 
674
  margin-left: 6px;
 
675
  width: 13px; }
 
676
 
 
677
.has-filter-wrap .search-filter h2 {
 
678
  cursor: default !important; }
 
679
 
 
680
.has-filter-wrap .search-filter h2 span {
 
681
  display: none; }
 
682
 
 
683
.search-filter h2.active span {
 
684
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/arrow_up_9fa097.svg");
 
685
  background-position: 0; }
 
686
 
 
687
.search-filter div.search-inner {
 
688
  display: none; }
 
689
 
 
690
.no-js .search-filter div.search-inner {
 
691
  display: block;
 
692
  margin-bottom: -20px; }
 
693
 
 
694
.search-filter div.search-inner.active,
 
695
.search-filter div.search-inner.has-filter {
 
696
  display: block; }
 
697
 
 
698
.search-filters input[type="checkbox"] {
 
699
  margin-right: 10px; }
 
700
 
 
701
.search-filters label {
 
702
  clear: both;
 
703
  float: left;
 
704
  margin-right: 10px; }
 
705
 
 
706
.search-filters label.current {
 
707
  font-weight: normal; }
 
708
 
 
709
/* related posts
 
710
----------------------------------------------------------------- */
 
711
#main-content .related-posts {
 
712
  display: block;
 
713
  float: left;
 
714
  width: 100%; }
 
715
  #main-content .related-posts h3 {
 
716
    font-size: 1.219em; }
 
717
  #main-content .related-posts ul {
 
718
    margin-bottom: 0; }
 
719
  #main-content .related-posts li span {
 
720
    color: #888888; }
 
721
    #main-content .related-posts li span a {
 
722
      color: #888888;
 
723
      display: inline-block; }
 
724
      #main-content .related-posts li span a:hover {
 
725
        color: #dd4814; }
 
726
      #main-content .related-posts li span a:after {
 
727
        content: ' '; }
 
728
  #main-content .related-posts li ul {
 
729
    clear: both;
 
730
    display: block;
 
731
    float: left;
 
732
    padding-top: 0;
 
733
    width: 100%;
 
734
    margin-bottom: 0; }
 
735
  #main-content .related-posts li.eight-col {
 
736
    margin-bottom: 10px; }
 
737
  #main-content .related-posts li:last-child ul {
 
738
    border: 0;
 
739
    padding-bottom: 0; }
 
740
  #main-content .related-posts li li {
 
741
    color: #888888;
 
742
    font-size: 14px;
 
743
    font-size: 1.07692em;
 
744
    margin: 0 5px 5px 0;
 
745
    border: 0 !important;
 
746
    padding-top: 0;
 
747
    /*a {
 
748
        border: 0;
 
749
        margin: 0;
 
750
        @include font_size (14);
 
751
        @include rounded_corners(4px);
 
752
        @include transition_duration;
 
753
        background: #e1e1e1;
 
754
        color: $cool_grey;
 
755
        display: inline-block;
 
756
        padding: 2px 12px 3px;
 
757
        margin-bottom: 5px;
 
758
        
 
759
        &:hover {
 
760
            background: $ubuntu_orange;
 
761
            border-bottom-color: #eee; 
 
762
            color: #fff !important;
 
763
        }
 
764
    }*/ }
 
765
    #main-content .related-posts li li:after {
 
766
      content: ","; }
 
767
    #main-content .related-posts li li a {
 
768
      color: #888888;
 
769
      display: inline-block;
 
770
      font-size: 1em;
 
771
      padding: 0;
 
772
      margin: 0; }
 
773
      #main-content .related-posts li li a:active, #main-content .related-posts li li a:focus, #main-content .related-posts li li a:visited {
 
774
        color: #888888;
 
775
        border-bottom-color: #888888; }
 
776
      #main-content .related-posts li li a:hover {
 
777
        color: #dd4814;
 
778
        border-bottom-color: #dd4814; }
 
779
  #main-content .related-posts li li:last-child:after {
 
780
    content: ""; }
 
781
  #main-content .related-posts li a:hover span {
 
782
    color: #dd4814; }
 
783
 
 
784
/* end related-posts */
 
785
#sidebar li {
 
786
  clear: both;
 
787
  float: left;
 
788
  display: block;
 
789
  width: 100%; }
 
790
#sidebar li:last-child {
 
791
  border: 0; }
 
792
#sidebar li:last-child ul {
 
793
  border: 0;
 
794
  padding-bottom: 0; }
 
795
#sidebar li li {
 
796
  border: 0;
 
797
  float: left;
 
798
  display: inline-block;
 
799
  clear: none;
 
800
  padding: 0;
 
801
  width: auto;
 
802
  margin-right: 4px; }
 
803
 
 
804
#sidebar form li li {
 
805
  margin-bottom: 0;
 
806
  margin-top: 0;
 
807
  width: 100%; }
 
808
 
 
809
#sidebar form li li input[type="checkbox"] {
 
810
  padding: 4px; }
 
811
 
 
812
#main-content .subscribe + .related-posts {
 
813
  border-top: 0;
 
814
  margin-top: 0;
 
815
  padding-top: 0; }
 
816
 
 
817
/* homepage
 
818
----------------------------------------------------------------- */
 
819
.section-title a {
 
820
  color: #333333; }
 
821
  .section-title a:hover {
 
822
    border-bottom: transparent;
 
823
    text-decoration: none; }
 
824
 
 
825
.yes-js #main-content {
 
826
  margin-bottom: 0; }
 
827
 
 
828
.yes-js .navigation {
 
829
  border-top: 1px dotted #888888;
 
830
  clear: both;
 
831
  display: block;
 
832
  float: left;
 
833
  margin-bottom: 0;
 
834
  padding: 10px 0 0;
 
835
  position: relative;
 
836
  text-align: center;
 
837
  width: 100%; }
 
838
 
 
839
.yes-js .home .navigation {
 
840
  margin-bottom: 0; }
 
841
 
 
842
.yes-js .navigation ul {
 
843
  margin-bottom: 0; }
 
844
 
 
845
.yes-js .navigation a {
 
846
  outline: none; }
 
847
 
 
848
.yes-js .nav-previous a:after {
 
849
  content: ""; }
 
850
 
 
851
#infscr-loading {
 
852
  background: transparent;
 
853
  left: 0;
 
854
  margin: 0;
 
855
  padding: 0;
 
856
  position: absolute;
 
857
  text-align: center;
 
858
  width: 100%;
 
859
  color: #333;
 
860
  z-index: 999; }
 
861
 
 
862
#infscr-loading img {
 
863
  display: none; }
 
864
 
 
865
#infscr-loading span {
 
866
  background: transparent;
 
867
  color: #fff; }
 
868
 
 
869
.loaded {
 
870
  background: transparent;
 
871
  top: 1em;
 
872
  position: relative; }
 
873
 
 
874
.yes-js .navigation .cta-load-more {
 
875
  display: block;
 
876
  margin: 0 20px; }
 
877
 
 
878
body.home .row-hero, body.home .row-hero div {
 
879
  margin-bottom: 0; }
 
880
 
 
881
li article a.button:hover {
 
882
  text-decoration: none;
 
883
  border-bottom: 0; }
 
884
 
 
885
body.home .promo:hover {
 
886
  color: #000; }
 
887
 
 
888
#popular-posts {
 
889
  margin-bottom: 20px;
 
890
  clear: both; }
 
891
 
 
892
#authors .box,
 
893
body.category .box,
 
894
body.post-type-archive .box {
 
895
  -moz-box-shadow: 0 2px 2px 0 #ddd;
 
896
  -o-box-shadow: 0 2px 2px 0 #ddd;
 
897
  -webkit-box-shadow: 0 2px 2px 0 #ddd;
 
898
  box-shadow: 0 2px 2px 0 #ddd;
 
899
  margin-bottom: 20px;
 
900
  padding-bottom: 0;
 
901
  position: relative; }
 
902
 
 
903
.single .box {
 
904
  margin-bottom: 20px; }
 
905
 
 
906
.article-list {
 
907
  margin-bottom: 0; }
 
908
 
 
909
.article-list .row {
 
910
  border: 0;
 
911
  margin-bottom: 0; }
 
912
 
 
913
.contextual-footer h2 {
 
914
  font-size: 1.219em;
 
915
  margin-bottom: .522em;
 
916
  border-bottom: 0;
 
917
  padding-bottom: 0; }
 
918
 
 
919
.row h2 {
 
920
  font-size: 1.25em;
 
921
  color: #333333;
 
922
  margin-bottom: 20px; }
 
923
 
 
924
.single .row h2 {
 
925
  font-size: 1.438em; }
 
926
 
 
927
.single .row h3 {
 
928
  font-size: 1.25em; }
 
929
 
 
930
.row h2 a {
 
931
  font-size: 13px;
 
932
  font-size: 1em;
 
933
  margin-bottom: .5em; }
 
934
 
 
935
.has-time h3,
 
936
.featured-article h3 {
 
937
  margin-bottom: .261em; }
 
938
 
 
939
.has-time time,
 
940
.featured-article time {
 
941
  color: #888;
 
942
  display: inline;
 
943
  margin-bottom: 1em; }
 
944
 
 
945
h1.heading-has-time {
 
946
  margin-bottom: 5px; }
 
947
 
 
948
.article-meta-wrap .article-meta, .article-meta time {
 
949
  color: #888; }
 
950
 
 
951
.archive .article-list .row h2 span {
 
952
  text-transform: lowercase; }
 
953
 
 
954
.article-list .row li {
 
955
  margin-bottom: 10px; }
 
956
 
 
957
.article-list .row li {
 
958
  margin-bottom: 20px; }
 
959
 
 
960
.article-list .row li:last-child {
 
961
  margin-bottom: 0; }
 
962
 
 
963
.article-list .row-resource-list {
 
964
  background: #fff; }
 
965
  .article-list .row-resource-list ul {
 
966
    margin-bottom: 0px; }
 
967
 
 
968
.article-list .row-resource-list li {
 
969
  margin-bottom: 10px; }
 
970
 
 
971
.article-list ul.phone-articles {
 
972
  border-bottom: 1px dotted #afa79e;
 
973
  padding-bottom: 10px; }
 
974
 
 
975
.article-list .row:nth-child(even),
 
976
.featured-article {
 
977
  background: rgba(255, 255, 255, 0.6); }
 
978
 
 
979
.box {
 
980
  background: rgba(255, 255, 255, 0.7); }
 
981
 
 
982
.featured.box {
 
983
  background: white; }
 
984
 
 
985
body.page-template-page_downloads-php .article-list .row:nth-child(odd),
 
986
body.page-template-page-events-php .article-list .row:nth-child(odd),
 
987
body.category-events .article-list .row:nth-child(odd),
 
988
body.category-webinars .article-list .row:nth-child(odd),
 
989
body.page-template-page-webinars-php .article-list .row:nth-child(odd) {
 
990
  background: rgba(255, 255, 255, 0.6); }
 
991
 
 
992
.list-follow .row:nth-child(odd),
 
993
.list-about .row:nth-child(odd) {
 
994
  background: rgba(255, 255, 255, 0.6); }
 
995
 
 
996
body.page-template-page_downloads-php .article-list .row:nth-child(even),
 
997
body.page-template-page-events-php .article-list .row:nth-child(even),
 
998
body.category-events .article-list .row:nth-child(even),
 
999
body.category-webinars .article-list .row:nth-child(even),
 
1000
body.page-template-page-webinars-php .article-list .row:nth-child(even) {
 
1001
  background: none; }
 
1002
 
 
1003
.list-follow .row:nth-child(even),
 
1004
.list-about .row:nth-child(even) {
 
1005
  background: none; }
 
1006
 
 
1007
body.tax-topic .article-list li.row:nth-child(even),
 
1008
body.tax-topic .article-list .row:nth-child(even) {
 
1009
  background: rgba(255, 255, 255, 0.6); }
 
1010
 
 
1011
.article-list li h2 {
 
1012
  margin-bottom: 5px; }
 
1013
 
 
1014
.article-list h2 a:after {
 
1015
  content: ""; }
 
1016
 
 
1017
.article-list h2 a:hover {
 
1018
  color: #dd4814; }
 
1019
 
 
1020
#main-content li.box {
 
1021
  -o-box-sizing: border-box;
 
1022
  -webkit-box-sizing: border-box;
 
1023
  -moz-box-sizing: border-box;
 
1024
  box-sizing: border-box; }
 
1025
 
 
1026
.article-list li.post-video img {
 
1027
  margin-bottom: .28em; }
 
1028
 
 
1029
iframe#iframe_w_param {
 
1030
  min-height: 490px;
 
1031
  width: 552px;
 
1032
  overflow-x: hidden;
 
1033
  margin-left: -13px;
 
1034
  margin-top: -6px; }
 
1035
 
 
1036
body.home li a h2, li a h3, body.home .row-hero a h2 {
 
1037
  color: #333;
 
1038
  font-size: 1.313em;
 
1039
  margin-bottom: 0.48em; }
 
1040
 
 
1041
body.home .row-hero a h2 {
 
1042
  font-size: 2em; }
 
1043
 
 
1044
body.home li article a p {
 
1045
  color: #333; }
 
1046
 
 
1047
li article .button {
 
1048
  display: block;
 
1049
  text-align: center;
 
1050
  margin-top: 0; }
 
1051
 
 
1052
li article .button:after {
 
1053
  content: ""; }
 
1054
 
 
1055
.category li article .button {
 
1056
  margin-bottom: 0; }
 
1057
 
 
1058
p.link-arrow:after {
 
1059
  content: " \203A"; }
 
1060
 
 
1061
li article h2, li article h3 {
 
1062
  color: #333;
 
1063
  font-size: 1.563em;
 
1064
  margin-bottom: 0.48em; }
 
1065
 
 
1066
li .article-top {
 
1067
  background: #afa79e;
 
1068
  -o-border-radius: 4px 4px 0 0;
 
1069
  -webkit-border-radius: 4px 4px 0 0;
 
1070
  -moz-border-radius: 4px 4px 0 0;
 
1071
  border-radius: 4px 4px 0 0;
 
1072
  height: 5px;
 
1073
  left: -1px;
 
1074
  position: absolute;
 
1075
  top: -1px;
 
1076
  z-index: 999; }
 
1077
 
 
1078
li#popular-posts .article-top {
 
1079
  background: #dd4814; }
 
1080
 
 
1081
li article footer {
 
1082
  background: none;
 
1083
  border-radius: 0;
 
1084
  border-top: 1px dotted #afa79e;
 
1085
  margin: 0;
 
1086
  padding: .625em 0 0; }
 
1087
 
 
1088
#articles li article footer {
 
1089
  background: none;
 
1090
  border-radius: 0;
 
1091
  border-top: 1px dotted #afa79e;
 
1092
  margin: 0;
 
1093
  padding: .625em 0 0; }
 
1094
 
 
1095
.single .post-video {
 
1096
  margin-bottom: 1.25em; }
 
1097
 
 
1098
li article footer p {
 
1099
  display: inline;
 
1100
  float: left; }
 
1101
 
 
1102
li article footer a,
 
1103
li article footer a {
 
1104
  font-size: 13px;
 
1105
  font-size: 1em; }
 
1106
 
 
1107
li article .comment-number, li article .comments-closed {
 
1108
  float: right; }
 
1109
 
 
1110
body.category .article-list .eight-col footer .comment-number {
 
1111
  margin-top: 0.34em; }
 
1112
 
 
1113
.article-list li .comment-number a,
 
1114
.article-list li .comments-closed {
 
1115
  background: url(static/img/icon-comments.png) 0 0 no-repeat;
 
1116
  background-position: 0 -19px;
 
1117
  padding-left: 22px;
 
1118
  padding-bottom: .1em;
 
1119
  color: #dd4814;
 
1120
  color: #888888; }
 
1121
 
 
1122
.article-list li article .comments-closed {
 
1123
  background-position: 0 -17px;
 
1124
  color: #888888;
 
1125
  font-size: .7em; }
 
1126
 
 
1127
.article-list li article .comment-number a:hover,
 
1128
.article-list li article .comments-closed a:hover {
 
1129
  color: #dd4814; }
 
1130
 
 
1131
.article-list .featured-article h2 a:after {
 
1132
  content: ""; }
 
1133
 
 
1134
.article-list .featured-article .article-content {
 
1135
  position: relative;
 
1136
  bottom: 0;
 
1137
  left: 0; }
 
1138
 
 
1139
.article-image a:hover {
 
1140
  border-bottom: transparent; }
 
1141
 
 
1142
.featured .link-cta-ubuntu {
 
1143
  margin: 30px 0 10px; }
 
1144
 
 
1145
.featured-article .article-top {
 
1146
  background: none; }
 
1147
 
 
1148
.category .article-top {
 
1149
  left: 1px; }
 
1150
 
 
1151
.categories {
 
1152
  font-size: 13px;
 
1153
  font-size: 1em;
 
1154
  margin-bottom: .615em; }
 
1155
 
 
1156
.vcard .avatar {
 
1157
  -o-border-radius: 0;
 
1158
  -webkit-border-radius: 0;
 
1159
  -moz-border-radius: 0;
 
1160
  border-radius: 0;
 
1161
  float: left;
 
1162
  overflow: auto;
 
1163
  display: inline;
 
1164
  margin-right: 10px;
 
1165
  margin-top: 4px;
 
1166
  position: absolute;
 
1167
  left: 0; }
 
1168
 
 
1169
.single .vcard {
 
1170
  border-top: 1px dotted #afa79e;
 
1171
  padding-top: 20px; }
 
1172
  .single .vcard .avatar {
 
1173
    position: relative; }
 
1174
  .single .vcard.has-avatar p {
 
1175
    padding-left: 120px; }
 
1176
 
 
1177
.avatar {
 
1178
  -o-border-radius: 0;
 
1179
  -webkit-border-radius: 0;
 
1180
  -moz-border-radius: 0;
 
1181
  border-radius: 0; }
 
1182
 
 
1183
.article-meta .role {
 
1184
  display: block; }
 
1185
 
 
1186
.home .article-list li.row-resource-list,
 
1187
.home .article-list .row-resource-list {
 
1188
  margin-bottom: 0; }
 
1189
 
 
1190
.article-list li.row-resource-list ul,
 
1191
.article-list .row-resource-list ul {
 
1192
  float: left;
 
1193
  padding-bottom: 10px;
 
1194
  width: 100%; }
 
1195
 
 
1196
.row p:last-of-type {
 
1197
  margin-bottom: .5em;
 
1198
  /* 8px */ }
 
1199
 
 
1200
/* single article */
 
1201
body.single .eight-col img {
 
1202
  height: auto;
 
1203
  max-width: 100%; }
 
1204
 
 
1205
body.single .eight-col img.full-width {
 
1206
  margin-left: -5em;
 
1207
  max-width: none; }
 
1208
 
 
1209
body.single h1 {
 
1210
  margin-bottom: 5px; }
 
1211
 
 
1212
.article-meta-wrap {
 
1213
  clear: both;
 
1214
  display: block;
 
1215
  float: left;
 
1216
  padding-bottom: 0; }
 
1217
 
 
1218
.article-meta-wrap div {
 
1219
  margin-bottom: 0; }
 
1220
 
 
1221
.save-links li {
 
1222
  display: inline-block;
 
1223
  margin-bottom: 0;
 
1224
  margin-right: 10px; }
 
1225
 
 
1226
/* single ebook */
 
1227
#content li.post-e-book img.wp-post-image,
 
1228
#content li.post-whitepaper img.wp-post-image {
 
1229
  margin-left: 1px; }
 
1230
 
 
1231
.category #main-content li.four-col,
 
1232
.single #main-content .four-col,
 
1233
.single #main-content .five-col,
 
1234
.single #main-content .six-col,
 
1235
.single #main-content .seven-col,
 
1236
.single #main-content .eight-col {
 
1237
  margin-bottom: 20px; }
 
1238
 
 
1239
/* category pages */
 
1240
body.category .row li.four-col article {
 
1241
  -webkit-transition-duration: .5s;
 
1242
  -moz-transition-duration: .5s;
 
1243
  -o-transition-duration: .5s;
 
1244
  transition-duration: .5s; }
 
1245
 
 
1246
body.category .row li.four-col,
 
1247
body.category .row li.four-col article {
 
1248
  margin-bottom: 0;
 
1249
  padding-bottom: 0; }
 
1250
 
 
1251
body.category .article-list li.four-col article {
 
1252
  border-top: 1px solid #dfdcd9;
 
1253
  clear: both;
 
1254
  display: block;
 
1255
  float: left;
 
1256
  padding-bottom: 4em;
 
1257
  padding-top: 1.25em; }
 
1258
 
 
1259
body.category .row .article-list {
 
1260
  margin-left: 0; }
 
1261
 
 
1262
.category .four-col article footer {
 
1263
  position: absolute;
 
1264
  bottom: 0; }
 
1265
 
 
1266
body.category .article-list .eight-col footer {
 
1267
  padding: 0; }
 
1268
 
 
1269
body.category .article-list .eight-col footer p {
 
1270
  display: inline-block;
 
1271
  margin-bottom: 0; }
 
1272
 
 
1273
html.yes-js .home #main-content ul.post-cat {
 
1274
  margin-left: 0; }
 
1275
 
 
1276
.article-meta {
 
1277
  margin-bottom: 1em; }
 
1278
 
 
1279
.article-meta ul {
 
1280
  float: none;
 
1281
  margin: 0;
 
1282
  padding: 0; }
 
1283
 
 
1284
.article-meta li {
 
1285
  display: inline;
 
1286
  float: none;
 
1287
  line-height: 1.4; }
 
1288
  .article-meta li:after {
 
1289
    content: ","; }
 
1290
 
 
1291
.article-meta li:last-child:after {
 
1292
  content: ''; }
 
1293
 
 
1294
.article-meta .cat-list h3:hover {
 
1295
  color: #333; }
 
1296
 
 
1297
.article-meta a.link-cta-ubuntu {
 
1298
  color: #fff;
 
1299
  font-size: 12px;
 
1300
  font-size: 0.92308em;
 
1301
  margin-top: 10px; }
 
1302
 
 
1303
.article-meta a:hover.link-cta-ubuntu {
 
1304
  text-decoration: none;
 
1305
  border-bottom: 0; }
 
1306
 
 
1307
.article-meta li,
 
1308
.article-meta p {
 
1309
  color: #888888;
 
1310
  font-size: 12px;
 
1311
  font-size: 0.92308em; }
 
1312
  .article-meta li a,
 
1313
  .article-meta p a {
 
1314
    color: #888888;
 
1315
    margin: 0 0 5px 0;
 
1316
    padding: 0; }
 
1317
    .article-meta li a:hover,
 
1318
    .article-meta p a:hover {
 
1319
      color: #dd4814;
 
1320
      border-bottom-color: #dd4814; }
 
1321
 
 
1322
.image-meta {
 
1323
  font-style: italic;
 
1324
  font-size: .857em;
 
1325
  margin-top: -10px; }
 
1326
 
 
1327
/* single article */
 
1328
h1 {
 
1329
  line-height: 1.2;
 
1330
  margin-bottom: .65em; }
 
1331
 
 
1332
h1 a:link, h1 a:visited {
 
1333
  color: #333; }
 
1334
 
 
1335
li article, article {
 
1336
  border-top: 1px solid #888888;
 
1337
  margin-bottom: 1.25em;
 
1338
  padding-top: .625em; }
 
1339
 
 
1340
.four-col article, article:first-child {
 
1341
  border-top: 0;
 
1342
  padding-top: 0; }
 
1343
 
 
1344
article footer {
 
1345
  background: none;
 
1346
  font-size: 1.25em; }
 
1347
 
 
1348
p.article-meta {
 
1349
  color: #888888;
 
1350
  display: inline-block; }
 
1351
 
 
1352
.eight-col .article-meta {
 
1353
  border-bottom: transparent; }
 
1354
 
 
1355
.article-meta a,
 
1356
#main-content .article-meta a:visited {
 
1357
  color: #888888; }
 
1358
 
 
1359
#main-content .article-meta a:hover {
 
1360
  color: #dd4814;
 
1361
  border-bottom-color: #dd4814; }
 
1362
 
 
1363
.single .article-meta, .category .eight-col .article-meta {
 
1364
  border: 0; }
 
1365
 
 
1366
.single .article-meta {
 
1367
  float: left;
 
1368
  padding-bottom: 10px; }
 
1369
 
 
1370
@media only screen and (max-width: 852px) {
 
1371
  .single .article-meta {
 
1372
    float: none; } }
 
1373
footer.author-meta {
 
1374
  -o-box-sizing: border-box;
 
1375
  -webkit-box-sizing: border-box;
 
1376
  -moz-box-sizing: border-box;
 
1377
  box-sizing: border-box;
 
1378
  background: #efefef;
 
1379
  display: inline-block;
 
1380
  padding: .625em .625em 0;
 
1381
  width: 100%; }
 
1382
 
 
1383
.author-meta h3 {
 
1384
  font-size: 1em; }
 
1385
 
 
1386
.author-meta p {
 
1387
  color: #484848;
 
1388
  margin-bottom: .625em; }
 
1389
 
 
1390
.author-meta img {
 
1391
  background: #fff;
 
1392
  border: 1px solid #888888;
 
1393
  display: inline-block;
 
1394
  float: left;
 
1395
  margin-bottom: .625em;
 
1396
  margin-right: 10px;
 
1397
  padding: 2px; }
 
1398
 
 
1399
img.attachment-medium {
 
1400
  margin-bottom: 1.25em; }
 
1401
 
 
1402
/* authors page
 
1403
----------------------------------------------------------------- */
 
1404
#authors hgroup h1 {
 
1405
  margin-bottom: .277em; }
 
1406
 
 
1407
#authors hgroup h2 {
 
1408
  font-size: 1.5em;
 
1409
  /* 24px */
 
1410
  margin-bottom: 1.25em; }
 
1411
 
 
1412
#authors ul {
 
1413
  margin-right: -20px; }
 
1414
 
 
1415
#authors .author-meta {
 
1416
  float: right;
 
1417
  text-align: left;
 
1418
  width: 10.5em;
 
1419
  overflow: hidden; }
 
1420
 
 
1421
#authors .author-meta h3 {
 
1422
  font-size: 1.3125em;
 
1423
  margin-bottom: .3125em;
 
1424
  word-break: break-all; }
 
1425
 
 
1426
#authors ul h2 a:after, #authors .author-meta h3 a:after {
 
1427
  content: ' '; }
 
1428
 
 
1429
#authors ul#list-user-social, #authors header ul p {
 
1430
  display: block;
 
1431
  width: 10.6em; }
 
1432
 
 
1433
#authors ul#list-user-social li {
 
1434
  float: left;
 
1435
  display: inline-block;
 
1436
  margin-left: 0;
 
1437
  padding: 0; }
 
1438
 
 
1439
#authors ul#list-user-social li a:after {
 
1440
  content: ""; }
 
1441
 
 
1442
#authors ul#list-user-social li a {
 
1443
  display: block;
 
1444
  height: 32px;
 
1445
  margin: 0 10px 0 0;
 
1446
  text-indent: -999em;
 
1447
  width: 32px; }
 
1448
 
 
1449
#authors a.social-rss {
 
1450
  background: url(static/img/LinkDeck_by_Daniel_Eckermann_62/32%20x%2032/rss.png) no-repeat; }
 
1451
 
 
1452
#authors ul#list-user-social li a.social-twitter {
 
1453
  background: url(static/img/LinkDeck_by_Daniel_Eckermann_62/32%20x%2032/twitter.png) no-repeat; }
 
1454
 
 
1455
#authors ul#list-user-social li a.social-facebook {
 
1456
  background: url(static/img/LinkDeck_by_Daniel_Eckermann_62/32%20x%2032/facebook.png) no-repeat; }
 
1457
 
 
1458
#authors ul img {
 
1459
  float: left; }
 
1460
 
 
1461
#authors li {
 
1462
  display: inline-block;
 
1463
  float: left;
 
1464
  padding-bottom: 0; }
 
1465
 
 
1466
#authors li article {
 
1467
  margin: 0;
 
1468
  padding: 0; }
 
1469
 
 
1470
#authors li header {
 
1471
  margin: -1.26em -1.25em 0 -1.25em;
 
1472
  padding: .625em 1.25em 0; }
 
1473
 
 
1474
#authors li header h2 {
 
1475
  font-size: 1.3125em; }
 
1476
 
 
1477
#authors .author-description {
 
1478
  background: #fdfdfd;
 
1479
  border-top: 1px dotted #afa79e;
 
1480
  padding: .625em 1.25em 1.25em;
 
1481
  margin: 0 -1.25em 0 -1.25em;
 
1482
  font-style: italic;
 
1483
  color: #656565;
 
1484
  width: 16.15em; }
 
1485
 
 
1486
#authors .author-description p {
 
1487
  margin-bottom: 0; }
 
1488
 
 
1489
#authors li footer {
 
1490
  border-top: 1px dotted #afa79e;
 
1491
  clear: both;
 
1492
  display: block;
 
1493
  margin: 0 -1em 0 -1em;
 
1494
  padding: .625em 0 .625em;
 
1495
  float: left;
 
1496
  width: 15em; }
 
1497
 
 
1498
/* article list below author details on author list page */
 
1499
#authors li footer ul {
 
1500
  margin: .625em 0;
 
1501
  padding: 0; }
 
1502
 
 
1503
#authors li footer li {
 
1504
  margin: 0; }
 
1505
 
 
1506
#authors li footer li a {
 
1507
  display: block;
 
1508
  float: left;
 
1509
  font-size: .8em;
 
1510
  padding: 0 .625em .625em 1.25em;
 
1511
  line-height: 1.4; }
 
1512
 
 
1513
#authors li footer li a:after {
 
1514
  content: ' '; }
 
1515
 
 
1516
#authors li footer li .post-category, .author li .post-category {
 
1517
  -moz-border-radius: 50%;
 
1518
  -webkit-border-radius: 50%;
 
1519
  -o-border-radius: 50%;
 
1520
  border-radius: 50%;
 
1521
  display: block;
 
1522
  height: 22px;
 
1523
  margin: 1px 0 0 1.2em;
 
1524
  padding: 0;
 
1525
  text-indent: -999em;
 
1526
  width: 22px; }
 
1527
 
 
1528
.author #author-articles li {
 
1529
  position: relative; }
 
1530
 
 
1531
.author #author-articles li time {
 
1532
  color: #888; }
 
1533
 
 
1534
.author #author-articles li .post-category {
 
1535
  position: absolute;
 
1536
  top: 0;
 
1537
  left: 0; }
 
1538
 
 
1539
.author #author-articles li p {
 
1540
  display: block; }
 
1541
 
 
1542
#authors li footer h4 {
 
1543
  font-size: .875em;
 
1544
  padding-left: 1.1em; }
 
1545
 
 
1546
/* .author #author-articles p { padding-left: 1.25em; } */
 
1547
.author #author-articles li p {
 
1548
  padding-left: 0; }
 
1549
 
 
1550
.page-id-103 #content li.four-col img {
 
1551
  margin-bottom: 1.25em; }
 
1552
 
 
1553
/* individual author page
 
1554
----------------------------------------------------------------- */
 
1555
/* vcard */
 
1556
#author-info {
 
1557
  margin-bottom: 0;
 
1558
  padding-bottom: 0; }
 
1559
 
 
1560
#author-info.has-avatar {
 
1561
  padding-left: 90px; }
 
1562
 
 
1563
#author-description {
 
1564
  float: left;
 
1565
  clear: both; }
 
1566
 
 
1567
.vcard .box {
 
1568
  margin-bottom: 0; }
 
1569
 
 
1570
.vcard h1 {
 
1571
  margin-bottom: .25em; }
 
1572
 
 
1573
.vcard dl {
 
1574
  line-height: 1.6; }
 
1575
 
 
1576
.vcard dt {
 
1577
  float: left;
 
1578
  width: 20%;
 
1579
  clear: none;
 
1580
  display: inline;
 
1581
  font-weight: 500; }
 
1582
 
 
1583
.vcard dd {
 
1584
  display: inline;
 
1585
  width: 65%;
 
1586
  margin-left: 5%;
 
1587
  float: left; }
 
1588
 
 
1589
.vcard .location {
 
1590
  color: #888888;
 
1591
  background: url(static/img/location_bg.png) 0 45% no-repeat;
 
1592
  padding-left: 13px;
 
1593
  font-weight: 300; }
 
1594
 
 
1595
/*body.author li,*/
 
1596
.article-list li.eight-col:last-child {
 
1597
  border-bottom: 0; }
 
1598
 
 
1599
body.author li .two-col img,
 
1600
body.category li .two-col img {
 
1601
  max-width: 140px;
 
1602
  height: auto; }
 
1603
 
 
1604
body.category li .three-col img.wp-post-image,
 
1605
body.category #content li.post-e-book img.wp-post-image,
 
1606
body.category #content li.post-whitepaper img.wp-post-image {
 
1607
  max-width: 220px;
 
1608
  height: auto; }
 
1609
 
 
1610
body.category li.eight-col .six-col, body.author li.eight-col .six-col {
 
1611
  width: 25.125em; }
 
1612
 
 
1613
.eight-col .two-col img {
 
1614
  margin-top: 6px; }
 
1615
 
 
1616
body.author li:hover {
 
1617
  background: none; }
 
1618
 
 
1619
.author p.intro {
 
1620
  font-size: 18px;
 
1621
  font-size: 1.38462em; }
 
1622
 
 
1623
#social-links {
 
1624
  margin-left: 0;
 
1625
  padding-top: 10px;
 
1626
  float: left; }
 
1627
 
 
1628
#social-links li {
 
1629
  clear: none;
 
1630
  display: inline;
 
1631
  float: left;
 
1632
  margin-right: 6px;
 
1633
  text-indent: -999em;
 
1634
  width: auto; }
 
1635
 
 
1636
.author #social-links li {
 
1637
  float: none;
 
1638
  display: inline-block; }
 
1639
 
 
1640
#social-links li a {
 
1641
  border: 0;
 
1642
  display: block;
 
1643
  height: 32px;
 
1644
  overflow: hidden;
 
1645
  width: 32px;
 
1646
  padding: 0; }
 
1647
 
 
1648
#social-links li a {
 
1649
  border: 0; }
 
1650
 
 
1651
#social-links li a.social-twitter,
 
1652
#social-links li a#social-twitter {
 
1653
  background: url("static/img/icons/icon-twitter-grey.svg") no-repeat;
 
1654
  background-size: 32px 32px; }
 
1655
 
 
1656
#social-links li a.social-email,
 
1657
#social-links li a#social-email {
 
1658
  background: url("static/img/icons/email.svg") no-repeat; }
 
1659
 
 
1660
#social-links li a.social-facebook,
 
1661
#social-links li a#social-facebook {
 
1662
  background: url("static/img/icons/icon-facebook.svg") no-repeat; }
 
1663
 
 
1664
#social-links li a.social-google,
 
1665
#social-links li a#social-google {
 
1666
  background: url("static/img/icons/icon-google-grey.svg") no-repeat; }
 
1667
 
 
1668
#social-links li a.social-launchpad,
 
1669
#social-links li a#social-launchpad {
 
1670
  background: url("static/img/icons/icon-launchpad.svg") no-repeat; }
 
1671
 
 
1672
p.social-rss,
 
1673
#social-links li a#social-rss {
 
1674
  background: transparent url(static/img/sprite-social-media.png) no-repeat 0 -165px; }
 
1675
 
 
1676
p.social-rss {
 
1677
  padding: 0 0 0 30px;
 
1678
  margin-bottom: 20px; }
 
1679
 
 
1680
#social-links li a.social-instapaper,
 
1681
#social-links li a#social-instapaper {
 
1682
  background-position: 0 -198px; }
 
1683
 
 
1684
#social-links li a.social-pocket,
 
1685
#social-links li a#social-pocket {
 
1686
  background-position: 0 -231px; }
 
1687
 
 
1688
/* gated */
 
1689
#gated-content {
 
1690
  border-top: 1px solid #dbd7d4;
 
1691
  margin-bottom: -1.25em;
 
1692
  margin-top: 1.25em;
 
1693
  padding-top: 1.25em; }
 
1694
 
 
1695
#gated-content iframe {
 
1696
  padding-left: 13px;
 
1697
  width: 600px; }
 
1698
 
 
1699
#gated-content form fieldset {
 
1700
  padding: 1.25em 1.25em 0; }
 
1701
 
 
1702
#gated-content li {
 
1703
  float: left;
 
1704
  margin-bottom: 0; }
 
1705
 
 
1706
#gated-content form label {
 
1707
  width: 10em; }
 
1708
 
 
1709
#gated-content .mktError .mktFormMsg {
 
1710
  float: left;
 
1711
  margin-left: 10.2em;
 
1712
  clear: both; }
 
1713
 
 
1714
#gated-content form .mktFormText {
 
1715
  float: none;
 
1716
  clear: none;
 
1717
  display: inline; }
 
1718
 
 
1719
#gated-content form button {
 
1720
  margin-left: 10.2em; }
 
1721
 
 
1722
/* subscribe
 
1723
----------------------------------------------------------------- */
 
1724
.subscribe {
 
1725
  -o-box-sizing: border-box;
 
1726
  -webkit-box-sizing: border-box;
 
1727
  -moz-box-sizing: border-box;
 
1728
  box-sizing: border-box;
 
1729
  margin: 20px -.615em;
 
1730
  border: 1px dotted #888888;
 
1731
  border-width: 1px 0;
 
1732
  padding: 20px .615em 10px; }
 
1733
 
 
1734
.subscribe ul {
 
1735
  -o-box-sizing: border-box;
 
1736
  -webkit-box-sizing: border-box;
 
1737
  -moz-box-sizing: border-box;
 
1738
  box-sizing: border-box;
 
1739
  display: table;
 
1740
  width: 100%; }
 
1741
 
 
1742
.subscribe ul li {
 
1743
  display: table-cell;
 
1744
  width: 100%; }
 
1745
 
 
1746
.subscribe ul li span {
 
1747
  -o-box-sizing: border-box;
 
1748
  -webkit-box-sizing: border-box;
 
1749
  -moz-box-sizing: border-box;
 
1750
  box-sizing: border-box;
 
1751
  display: block;
 
1752
  overflow: hidden;
 
1753
  padding-right: 20px; }
 
1754
 
 
1755
.subscribe input[type="email"] {
 
1756
  -o-box-sizing: border-box;
 
1757
  -webkit-box-sizing: border-box;
 
1758
  -moz-box-sizing: border-box;
 
1759
  box-sizing: border-box;
 
1760
  font-size: 16px;
 
1761
  font-size: 1.23077em;
 
1762
  float: left;
 
1763
  line-height: normal;
 
1764
  padding: 4px 2px;
 
1765
  text-indent: 5px;
 
1766
  width: 100%; }
 
1767
 
 
1768
.subscribe button {
 
1769
  float: right;
 
1770
  margin: 0;
 
1771
  padding: 0; }
 
1772
 
 
1773
/* glossary-box
 
1774
----------------------------------------------------------------- */
 
1775
#main-content .cat-page-title {
 
1776
  margin: 0; }
 
1777
 
 
1778
.page-template-default #main-content .cat-page-title {
 
1779
  padding: 20px 10px .75em; }
 
1780
 
 
1781
#main-content .cat-title {
 
1782
  padding-top: 10px;
 
1783
  padding-bottom: 10px;
 
1784
  position: relative; }
 
1785
 
 
1786
.page-template-page-category-php .cat-title,
 
1787
.page-template-page-press-php .cat-title,
 
1788
.tax-topic #main-content .cat-title {
 
1789
  margin-bottom: 10px; }
 
1790
 
 
1791
.glossary-box {
 
1792
  background: #2c001e;
 
1793
  color: #fff;
 
1794
  margin-top: -10px; }
 
1795
 
 
1796
.glossary-box--home {
 
1797
  background: #2c001e;
 
1798
  color: #fff;
 
1799
  margin-top: 0;
 
1800
  padding-top: 20px; }
 
1801
 
 
1802
.glossary-box .inner-wrapper {
 
1803
  margin: 0;
 
1804
  padding: 30px 0 30px; }
 
1805
 
 
1806
.glossary-box--main .inner-wrapper {
 
1807
  padding-top: 40px; }
 
1808
 
 
1809
.no-js .glossary-box div div {
 
1810
  -webkit-transition-duration: 0.5s;
 
1811
  -moz-transition-duration: 0.5s;
 
1812
  -o-transition-duration: 0.5s;
 
1813
  transition-duration: 0.5s;
 
1814
  clear: both;
 
1815
  display: block; }
 
1816
 
 
1817
.glossary-box h2 span {
 
1818
  font-size: 16px;
 
1819
  font-size: 1.23077em;
 
1820
  clear: both;
 
1821
  float: left;
 
1822
  width: 100%; }
 
1823
 
 
1824
.toggle-message:hover {
 
1825
  -webkit-tap-highlight-color: transparent;
 
1826
  border-bottom: transparent; }
 
1827
 
 
1828
.glossary-box .external span {
 
1829
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/external-link-orange.svg");
 
1830
  margin-left: 2px; }
 
1831
 
 
1832
/* the single version of the glossary box */
 
1833
.product-business-card {
 
1834
  -o-box-sizing: border-box;
 
1835
  -webkit-box-sizing: border-box;
 
1836
  -moz-box-sizing: border-box;
 
1837
  box-sizing: border-box;
 
1838
  padding: 4px 0 4px 36px;
 
1839
  background-size: 30px 30px;
 
1840
  background-repeat: no-repeat; }
 
1841
 
 
1842
.product-business-card--cloud {
 
1843
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-warmgrey.svg"); }
 
1844
 
 
1845
.product-business-card--server {
 
1846
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-warmgrey.svg"); }
 
1847
 
 
1848
.product-business-card--desktop {
 
1849
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-desktop-warmgrey.svg"); }
 
1850
 
 
1851
.product-business-card--phone {
 
1852
  background-image: url("static/img/pictograms/picto-phone-warmgrey.svg"); }
 
1853
 
 
1854
.product-business-card--tablet {
 
1855
  background-image: url("static/img/pictograms/picto-tablet-warmgrey.svg"); }
 
1856
 
 
1857
.product-business-card--support {
 
1858
  background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-support-warmgrey.svg"); }
 
1859
 
 
1860
/* main nav
 
1861
----------------------------------------------------------------- */
 
1862
#main-navigation {
 
1863
  background: #f0f0f0;
 
1864
  box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.3), inset 0 5px 5px -5px rgba(0, 0, 0, 0.3);
 
1865
  display: block;
 
1866
  float: left;
 
1867
  width: 100%; }
 
1868
 
 
1869
.no-js .main-nav, .opera-mini .main-nav {
 
1870
  padding-left: 10px; }
 
1871
 
 
1872
.no-js #main-nav ul.main-nav,
 
1873
.opera-mini #main-nav ul.main-nav {
 
1874
  float: left;
 
1875
  width: 45%; }
 
1876
 
 
1877
#main-nav {
 
1878
  background: #f0f0f0;
 
1879
  display: none;
 
1880
  float: none;
 
1881
  margin: 0 auto;
 
1882
  max-width: 984px;
 
1883
  padding: 0;
 
1884
  top: 0;
 
1885
  width: 100%; }
 
1886
  #main-nav h2 {
 
1887
    border-bottom: 1px solid #d4d7d4;
 
1888
    color: #808080;
 
1889
    font-size: 90%;
 
1890
    left: 0;
 
1891
    margin: 0;
 
1892
    padding: 8px 10px;
 
1893
    text-indent: 0;
 
1894
    text-transform: none;
 
1895
    top: auto; }
 
1896
 
 
1897
.no-js #main-nav {
 
1898
  display: block; }
 
1899
 
 
1900
#main-nav.active {
 
1901
  display: block; }
 
1902
 
 
1903
.yes-js #main-nav .press-nav {
 
1904
  position: absolute;
 
1905
  left: -999em; }
 
1906
 
 
1907
.yes-js #main-nav.active .current_page_item a {
 
1908
  color: #dd4814; }
 
1909
 
 
1910
.yes-js .main-nav:last-of-type {
 
1911
  margin-left: -1px; }
 
1912
 
 
1913
.yes-js .type-nav {
 
1914
  border-left: 0; }
 
1915
 
 
1916
footer.global {
 
1917
  box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.3), inset 0 5px 5px -5px rgba(0, 0, 0, 0.3);
 
1918
  padding: 0;
 
1919
  margin: 0; }
 
1920
 
 
1921
footer.global .top-link {
 
1922
  -o-box-sizing: border-box;
 
1923
  -webkit-box-sizing: border-box;
 
1924
  -moz-box-sizing: border-box;
 
1925
  box-sizing: border-box;
 
1926
  background: none;
 
1927
  border-top: 1px solid #D4D7D4;
 
1928
  border: 0;
 
1929
  float: left;
 
1930
  font-size: 0.75em;
 
1931
  letter-spacing: 0.05em;
 
1932
  margin: 0;
 
1933
  margin-left: -10px;
 
1934
  position: relative;
 
1935
  right: -10px;
 
1936
  padding-right: 10px;
 
1937
  text-transform: uppercase;
 
1938
  width: 100%;
 
1939
  box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.3); }
 
1940
 
 
1941
footer.global .top-link a {
 
1942
  -o-background-size: 33px 33px;
 
1943
  -webkit-background-size: 33px 33px;
 
1944
  -moz-background-size: 33px 33px;
 
1945
  background-size: 33px 33px;
 
1946
  -o-box-sizing: border-box;
 
1947
  -webkit-box-sizing: border-box;
 
1948
  -moz-box-sizing: border-box;
 
1949
  box-sizing: border-box;
 
1950
  background-image: url("static/img/icons/upload_grey_hex.svg");
 
1951
  background-position: 0 1px;
 
1952
  background-repeat: no-repeat;
 
1953
  border-bottom: 0;
 
1954
  color: #888;
 
1955
  display: block;
 
1956
  float: none;
 
1957
  font-weight: 400;
 
1958
  padding: 10px;
 
1959
  padding-left: 28px; }
 
1960
 
 
1961
footer.global .top-link a:hover {
 
1962
  border-bottom: 0; }
 
1963
 
 
1964
.opera-mini footer.global .top-link a,
 
1965
.no-svg footer.global .top-link a {
 
1966
  -o-background-size: 15px 15px;
 
1967
  -webkit-background-size: 15px 15px;
 
1968
  -moz-background-size: 15px 15px;
 
1969
  background-size: 15px 15px;
 
1970
  background-image: url("static/img/icons/icon-info.png");
 
1971
  background-position: 10px 50%; }
 
1972
 
 
1973
/* This is the link that takes you from the main nav at the top down to the global nav at the bottom */
 
1974
#nav-global-wrapper-link {
 
1975
  font-size: 16px;
 
1976
  font-size: 1.23077em;
 
1977
  -moz-box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.3);
 
1978
  -webkit-box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.3);
 
1979
  border-top: 2px solid #dd4814;
 
1980
  box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.3);
 
1981
  color: #333;
 
1982
  display: block;
 
1983
  float: left;
 
1984
  margin: 0;
 
1985
  margin-top: -1px;
 
1986
  position: relative;
 
1987
  width: 100%; }
 
1988
  #nav-global-wrapper-link a {
 
1989
    -o-box-sizing: border-box;
 
1990
    -webkit-box-sizing: border-box;
 
1991
    -moz-box-sizing: border-box;
 
1992
    box-sizing: border-box;
 
1993
    color: #333;
 
1994
    border-bottom: 0;
 
1995
    display: block;
 
1996
    margin-top: -2px;
 
1997
    padding: 12px 24px 10px 10px;
 
1998
    position: relative;
 
1999
    width: 100%; }
 
2000
 
 
2001
/* end #nav-global-wrapper-link */
 
2002
/* video
 
2003
----------------------------------------------------------------- */
 
2004
.new-video-wrapper {
 
2005
  clear: both;
 
2006
  position: relative;
 
2007
  padding-bottom: 56.25%;
 
2008
  padding-top: 50px;
 
2009
  height: 0;
 
2010
  margin-bottom: 20px; }
 
2011
 
 
2012
.new-video-wrapper iframe {
 
2013
  position: absolute;
 
2014
  top: 0;
 
2015
  left: 0;
 
2016
  width: 100%;
 
2017
  height: 100%; }
 
2018
 
 
2019
/* images
 
2020
----------------------------------------------------------------- */
 
2021
.article-image {
 
2022
  text-align: center; }
 
2023
  .article-image img {
 
2024
    padding: 40px 0; }
 
2025
 
 
2026
.row {
 
2027
  clear: both; }
 
2028
 
 
2029
/* search box
 
2030
----------------------------------------------------------------- */
 
2031
#box-search form {
 
2032
  margin: 0 auto;
 
2033
  max-width: 984px;
 
2034
  float: none;
 
2035
  position: relative;
 
2036
  padding: 0; }
 
2037
 
 
2038
.no-js #box-search {
 
2039
  margin-bottom: 0; }
 
2040
 
 
2041
.no-js #box-search form {
 
2042
  clear: both;
 
2043
  display: block;
 
2044
  margin-bottom: 0; }
 
2045
 
 
2046
#box-search {
 
2047
  background: #f0f0f0;
 
2048
  box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.3), inset 0 5px 5px -5px rgba(0, 0, 0, 0.3);
 
2049
  border: 0;
 
2050
  margin-bottom: 0;
 
2051
  position: relative;
 
2052
  display: block;
 
2053
  float: left;
 
2054
  margin: 0 0 -1px 0;
 
2055
  padding: 0;
 
2056
  width: 100%;
 
2057
  z-index: 3;
 
2058
  border-bottom: 0; }
 
2059
 
 
2060
form#search-form {
 
2061
  position: relative;
 
2062
  margin-bottom: 0; }
 
2063
 
 
2064
form#search-form fieldset {
 
2065
  background: none; }
 
2066
 
 
2067
.no-js #box-search div {
 
2068
  box-shadow: none;
 
2069
  -moz-box-shadow: none; }
 
2070
 
 
2071
.opera-mini #box-search {
 
2072
  margin-bottom: 10px; }
 
2073
 
 
2074
.opera-mini #box-search form button.off-left,
 
2075
.no-js #box-search form button.off-left {
 
2076
  position: relative;
 
2077
  left: auto;
 
2078
  display: block;
 
2079
  clear: both; }
 
2080
 
 
2081
#box-search form button {
 
2082
  display: block; }
 
2083
 
 
2084
#box-search div {
 
2085
  position: relative;
 
2086
  z-index: 1;
 
2087
  margin: 0; }
 
2088
 
 
2089
#box-search form input[type="search"],
 
2090
#search-form input[type="search"] {
 
2091
  -webkit-appearance: none;
 
2092
  -o-border-radius: 4px;
 
2093
  -webkit-border-radius: 4px;
 
2094
  -moz-border-radius: 4px;
 
2095
  border-radius: 4px;
 
2096
  -o-box-sizing: border-box;
 
2097
  -webkit-box-sizing: border-box;
 
2098
  -moz-box-sizing: border-box;
 
2099
  box-sizing: border-box;
 
2100
  font-size: 16px;
 
2101
  font-size: 1.23077em;
 
2102
  -o-background-size: 16px 16px;
 
2103
  -webkit-background-size: 16px 16px;
 
2104
  -moz-background-size: 16px 16px;
 
2105
  background-size: 16px 16px;
 
2106
  background: #fff;
 
2107
  border: 0;
 
2108
  height: auto;
 
2109
  color: #333;
 
2110
  float: left;
 
2111
  font-family: ubuntu, sans-serif;
 
2112
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 3px rgba(0, 0, 0, 0.1) inset, 0 0px 0 rgba(255, 255, 255, 0.2);
 
2113
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 3px rgba(0, 0, 0, 0.1) inset, 0 0px 0 rgba(0, 0, 0, 0.2);
 
2114
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 3px rgba(0, 0, 0, 0.1) inset, 0 0px 0 rgba(0, 0, 0, 0.2);
 
2115
  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);
 
2116
  padding: 7px 10px;
 
2117
  margin-top: 2px;
 
2118
  margin-right: 1.8%;
 
2119
  width: 100%;
 
2120
  font-size: 16px;
 
2121
  position: relative; }
 
2122
 
 
2123
input:focus,
 
2124
#box-search form input[type="search"],
 
2125
#search-form input[type="search"] {
 
2126
  font-size: 18px; }
 
2127
 
 
2128
#search-form input[type="search"] {
 
2129
  margin-bottom: 20px; }
 
2130
 
 
2131
form fieldset .search-submit {
 
2132
  background-image: url("static/img/search.svg");
 
2133
  background-color: transparent;
 
2134
  background-repeat: no-repeat;
 
2135
  background-position: 50% 50%;
 
2136
  background-size: 30px 30px;
 
2137
  text-indent: -999em;
 
2138
  padding: .75em;
 
2139
  top: 0;
 
2140
  width: 40px;
 
2141
  position: absolute;
 
2142
  right: 0; }
 
2143
 
 
2144
form fieldset .search-submit {
 
2145
  top: -89px;
 
2146
  right: 0; }
 
2147
 
 
2148
button.search-submit + a {
 
2149
  display: inline-block;
 
2150
  margin-top: 10px; }
 
2151
 
 
2152
form fieldset .search-submit.active,
 
2153
.has-filter-wrap fieldset .search-submit {
 
2154
  background-color: #C03F11;
 
2155
  background-image: linear-gradient(#DD4814, #C03F11);
 
2156
  background-image: none;
 
2157
  position: relative;
 
2158
  right: auto;
 
2159
  top: auto;
 
2160
  text-indent: 0;
 
2161
  display: block;
 
2162
  width: 100%;
 
2163
  float: none;
 
2164
  padding: 8px 14px;
 
2165
  margin-top: 20px; }
 
2166
 
 
2167
form fieldset .search-submit:hover {
 
2168
  background: url("static/img/search.svg") no-repeat 50% 50%;
 
2169
  background-size: 30px 30px; }
 
2170
 
 
2171
form fieldset .search-submit.active:hover,
 
2172
.has-filter-wrap fieldset .search-submit:hover {
 
2173
  background-image: none;
 
2174
  background-color: #DD4814; }
 
2175
 
 
2176
.search-filter fieldset.twelve-col {
 
2177
  background: #ddd;
 
2178
  display: block;
 
2179
  float: left;
 
2180
  margin: 0;
 
2181
  max-height: 1000px;
 
2182
  padding: 0; }
 
2183
 
 
2184
.search-filter div.active + fieldset.twelve-col,
 
2185
.search-filter div.has-filter + fieldset.twelve-col {
 
2186
  display: block; }
 
2187
 
 
2188
.search-filter div.has-filter + fieldset.twelve-col {
 
2189
  -o-border-radius: 0;
 
2190
  -webkit-border-radius: 0;
 
2191
  -moz-border-radius: 0;
 
2192
  border-radius: 0;
 
2193
  border-bottom: 1px dotted #888888;
 
2194
  padding-bottom: 20px;
 
2195
  margin-bottom: -20px; }
 
2196
 
 
2197
.search #main-content button#searchsubmit {
 
2198
  top: 0; }
 
2199
 
 
2200
.search #main-content form#search-form {
 
2201
  clear: both;
 
2202
  display: block;
 
2203
  float: left;
 
2204
  margin-bottom: 20px;
 
2205
  width: 100%; }
 
2206
 
 
2207
input[type="search"]::-webkit-search-cancel-button {
 
2208
  /* Remove default x on right hand side */
 
2209
  -webkit-appearance: none; }
 
2210
 
 
2211
.opera-mini #box-search form input[type="search"] {
 
2212
  border: 1px solid #ddd;
 
2213
  margin-bottom: 10px; }
 
2214
 
 
2215
.no-js #box-search form input[type="search"] {
 
2216
  margin-bottom: 10px; }
 
2217
 
 
2218
.yes-js #box-search div {
 
2219
  -o-box-sizing: border-box;
 
2220
  -webkit-box-sizing: border-box;
 
2221
  -moz-box-sizing: border-box;
 
2222
  box-sizing: border-box;
 
2223
  margin-left: 0;
 
2224
  margin-right: 0;
 
2225
  overflow: hidden;
 
2226
  padding: 10px;
 
2227
  top: 0;
 
2228
  z-index: 999;
 
2229
  position: relative;
 
2230
  width: 100%; }
 
2231
 
 
2232
.no-js #box-search form,
 
2233
.opera-mini #box-search form {
 
2234
  margin: 10px 10px 0;
 
2235
  display: block; }
 
2236
 
 
2237
#box-search div {
 
2238
  display: none; }
 
2239
 
 
2240
.yes-js header.global #box-search div.active,
 
2241
.no-js header.global #box-search div {
 
2242
  display: block; }
 
2243
 
 
2244
.yes-js #nav-global-wrapper #box-search div {
 
2245
  display: block;
 
2246
  margin-bottom: 8px;
 
2247
  padding: 4px 20px 10px 0;
 
2248
  position: relative;
 
2249
  top: 0; }
 
2250
 
 
2251
.no-js .header-inner #box-search div,
 
2252
.opera-mini header.global #box-search div {
 
2253
  padding: 0; }
 
2254
 
 
2255
.yes-js #box-search div.active {
 
2256
  display: block; }
 
2257
 
 
2258
/* aside */
 
2259
aside h2 {
 
2260
  border-bottom: 1px dotted #888888;
 
2261
  padding-bottom: 10px; }
 
2262
 
 
2263
/* squircle */
 
2264
.image-wrap {
 
2265
  -webkit-transition-duration: 0.5s;
 
2266
  -moz-transition-duration: 0.5s;
 
2267
  -o-transition-duration: 0.5s;
 
2268
  transition-duration: 0.5s;
 
2269
  background-size: 78px 78px;
 
2270
  position: relative;
 
2271
  display: inline-block;
 
2272
  max-width: 100%;
 
2273
  vertical-align: middle;
 
2274
  margin-bottom: 0; }
 
2275
 
 
2276
.image-wrap img,
 
2277
body.single .eight-col .image-wrap img {
 
2278
  vertical-align: bottom;
 
2279
  height: 78px;
 
2280
  width: 78px; }
 
2281
 
 
2282
.author .image-wrap {
 
2283
  float: left;
 
2284
  margin-bottom: 10px;
 
2285
  overflow: hidden; }
 
2286
 
 
2287
.comment-list li .image-wrap {
 
2288
  float: left; }
 
2289
 
 
2290
.image-wrap:after {
 
2291
  background: url("static/img/white-squircle.png") no-repeat;
 
2292
  background-size: 78px 78px;
 
2293
  content: ' ';
 
2294
  width: 78px;
 
2295
  height: 78px;
 
2296
  position: absolute;
 
2297
  top: 0;
 
2298
  left: 0; }
 
2299
 
 
2300
.article-list .row:nth-child(2n) .image-wrap:after {
 
2301
  background: url("static/img/white-squircle.png") no-repeat;
 
2302
  background-size: 78px 78px; }
 
2303
 
 
2304
/* events
 
2305
----------------------------------------------------------------- */
 
2306
.event-details-wrapper {
 
2307
  position: relative;
 
2308
  margin-bottom: 20px; }
 
2309
 
 
2310
.single .event-details-wrapper {
 
2311
  min-height: 98px; }
 
2312
 
 
2313
.event-details-wrapper h3 {
 
2314
  float: left;
 
2315
  clear: both;
 
2316
  display: block;
 
2317
  width: 100%; }
 
2318
 
 
2319
.event-map {
 
2320
  float: left;
 
2321
  display: inline-block;
 
2322
  margin-top: 5px;
 
2323
  width: 78px;
 
2324
  height: 78px;
 
2325
  overflow: hidden;
 
2326
  margin-right: 10px; }
 
2327
 
 
2328
.event-map img {
 
2329
  height: 78px;
 
2330
  width: 78px; }
 
2331
 
 
2332
.event-map a:hover {
 
2333
  border-bottom: 0; }
 
2334
 
 
2335
.event-details {
 
2336
  color: #888;
 
2337
  font-size: 13px;
 
2338
  font-size: 1em;
 
2339
  line-height: 1.2;
 
2340
  margin-bottom: 0;
 
2341
  width: 60%;
 
2342
  clear: none;
 
2343
  display: inline;
 
2344
  float: left;
 
2345
  margin-top: 4px; }
 
2346
 
 
2347
.single-event .event-details {
 
2348
  margin-bottom: 10px; }
 
2349
 
 
2350
.event-details dd {
 
2351
  margin: 0; }
 
2352
 
 
2353
.location {
 
2354
  -o-background-size: 20px 20px;
 
2355
  -webkit-background-size: 20px 20px;
 
2356
  -moz-background-size: 20px 20px;
 
2357
  background-size: 20px 20px;
 
2358
  -o-box-sizing: border-box;
 
2359
  -webkit-box-sizing: border-box;
 
2360
  -moz-box-sizing: border-box;
 
2361
  box-sizing: border-box;
 
2362
  background-image: url("static/img/location.svg");
 
2363
  background-position: 0 5px;
 
2364
  background-repeat: no-repeat;
 
2365
  display: block;
 
2366
  float: left;
 
2367
  padding: 6px 20px 6px 24px;
 
2368
  width: 100%; }
 
2369
 
 
2370
.venue {
 
2371
  -o-background-size: 20px 20px;
 
2372
  -webkit-background-size: 20px 20px;
 
2373
  -moz-background-size: 20px 20px;
 
2374
  background-size: 20px 20px;
 
2375
  -o-box-sizing: border-box;
 
2376
  -webkit-box-sizing: border-box;
 
2377
  -moz-box-sizing: border-box;
 
2378
  box-sizing: border-box;
 
2379
  background-image: url("static/img/gps.svg");
 
2380
  background-position: 0 5px;
 
2381
  background-repeat: no-repeat;
 
2382
  display: block;
 
2383
  float: left;
 
2384
  padding: 6px 20px 6px 24px;
 
2385
  width: 100%; }
 
2386
 
 
2387
.event-date {
 
2388
  -o-background-size: 20px 20px;
 
2389
  -webkit-background-size: 20px 20px;
 
2390
  -moz-background-size: 20px 20px;
 
2391
  background-size: 20px 20px;
 
2392
  background-image: url("static/img/calendar.svg");
 
2393
  background-position: 0 4px;
 
2394
  background-repeat: no-repeat;
 
2395
  clear: both;
 
2396
  display: block;
 
2397
  padding: 6px 20px 6px 24px; }
 
2398
 
 
2399
body.category-webinars .event-date {
 
2400
  background-position: 0 7px; }
 
2401
 
 
2402
.opera-mini .location,
 
2403
.no-svg .location {
 
2404
  -o-background-size: 10px 14px;
 
2405
  -webkit-background-size: 10px 14px;
 
2406
  -moz-background-size: 10px 14px;
 
2407
  background-size: 10px 14px;
 
2408
  background-image: url("static/img/location_bg.png");
 
2409
  background-position: 0 8px; }
 
2410
.opera-mini .event-date,
 
2411
.no-svg .event-date {
 
2412
  -o-background-size: 15px 20px;
 
2413
  -webkit-background-size: 15px 20px;
 
2414
  -moz-background-size: 15px 20px;
 
2415
  background-size: 15px 20px;
 
2416
  background-image: url("static/img/calendar.png"); }
 
2417
 
 
2418
.row-resource-list .six-col {
 
2419
  float: left; }
 
2420
 
 
2421
.row-resource-list li {
 
2422
  width: 50%;
 
2423
  float: left; }
 
2424
 
 
2425
/* webinars
 
2426
----------------------------------------------------------------- */
 
2427
.webinars-future,
 
2428
.heading-past,
 
2429
.heading-future {
 
2430
  display: none; }
 
2431
 
 
2432
/* Nexus 7 webfont bug fix
 
2433
----------------------------------------------------------------- */
 
2434
* {
 
2435
  max-height: 999999px; }
 
2436
 
 
2437
/* search page */
 
2438
body.search .row:last-child {
 
2439
  border: 0; }
 
2440
 
 
2441
.search-filters li {
 
2442
  margin-right: 10px;
 
2443
  margin-bottom: 0; }
 
2444
 
 
2445
/* */
 
2446
#download-item {
 
2447
  margin: 30px 0; }
 
2448
 
 
2449
/* downloads
 
2450
----------------------------------------------------------------- */
 
2451
.list-downloads li {
 
2452
  padding: 2px 0 2px 32px;
 
2453
  background-size: 24px 24px;
 
2454
  background-repeat: no-repeat;
 
2455
  background-position: 0 50%; }
 
2456
  .list-downloads li.nav-products {
 
2457
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-orange.svg"); }
 
2458
  .list-downloads li.nav-people {
 
2459
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-mergecontacts-orange.svg"); }
 
2460
  .list-downloads li.nav-logos {
 
2461
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-ubuntu.svg"); }
 
2462
  .list-downloads li.nav-all-downloads {
 
2463
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-download-orange.svg"); }
 
2464
 
 
2465
/* responsive
 
2466
----------------------------------------------------------------- */
 
2467
@media only screen and (max-width: 295px) {
 
2468
  /* this changes the logo to the circle of friends on screens below 295px */
 
2469
  header.banner .logo-ubuntu {
 
2470
    -o-background-size: 20px 20px;
 
2471
    -webkit-background-size: 20px 20px;
 
2472
    -moz-background-size: 20px 20px;
 
2473
    background-size: 20px 20px;
 
2474
    background-position: 10px 14px;
 
2475
    background-image: url("static/img/logo-ubuntu_cof-white_orange-hex.svg"); }
 
2476
 
 
2477
  header.banner .logo-ubuntu span {
 
2478
    width: 38px; }
 
2479
 
 
2480
  header.banner .logo-ubuntu span.site-name {
 
2481
    padding-top: 13px; } }
 
2482
/* end @media */
 
2483
@media only screen and (min-width: 295px) {
 
2484
  /* this changes the logo to the circle of friends on screens below 295px */ }
 
2485
/* end @media */
 
2486
/* end @media */
 
2487
.accordion {
 
2488
  background: #f8f8f8; }
 
2489
 
 
2490
.accordion h2 {
 
2491
  background: #ddd;
 
2492
  padding: 8px; }
 
2493
 
 
2494
/* 404
 
2495
----------------------------------------------------------------- */
 
2496
body.error404 #main-content .hero-box img {
 
2497
  max-width: 100%;
 
2498
  height: auto;
 
2499
  margin-top: 0; }
 
2500
 
 
2501
body.error404 #main-content .hero-box p {
 
2502
  font-size: 18px;
 
2503
  margin-bottom: 20px; }
 
2504
 
 
2505
#main-content blockquote {
 
2506
  color: #333;
 
2507
  font-size: 1.875em;
 
2508
  line-height: 1.3;
 
2509
  margin-bottom: 20px;
 
2510
  margin-top: 20px;
 
2511
  padding-left: .5em;
 
2512
  position: relative; }
 
2513
 
 
2514
#main-content blockquote + p cite {
 
2515
  display: block;
 
2516
  margin-bottom: 20px;
 
2517
  margin-left: 1em;
 
2518
  margin-top: -10px; }
 
2519
 
 
2520
#main-content cite + blockquote {
 
2521
  margin-bottom: 0; }
 
2522
 
 
2523
#main-content blockquote p {
 
2524
  color: #333;
 
2525
  font-weight: 100;
 
2526
  line-height: 1.3; }
 
2527
 
 
2528
#main-content blockquote p:first-of-type:before,
 
2529
#main-content blockquote p:last-of-type:after {
 
2530
  color: #DD4814;
 
2531
  font-size: 1em;
 
2532
  font-weight: bold;
 
2533
  position: absolute; }
 
2534
 
 
2535
#main-content blockquote p:first-of-type:before {
 
2536
  content: "\201C";
 
2537
  left: 0; }
 
2538
 
 
2539
#main-content blockquote p:last-of-type:after {
 
2540
  content: "\201D";
 
2541
  margin-left: 3px; }
 
2542
 
 
2543
blockquote p span {
 
2544
  color: #DD4814;
 
2545
  font-weight: normal;
 
2546
  left: -5px;
 
2547
  line-height: 0;
 
2548
  position: relative; }
 
2549
 
 
2550
/*
 
2551
 * Cookie policy site specific style updates
 
2552
 */
 
2553
.cookie-policy {
 
2554
  -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
 
2555
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
 
2556
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
 
2557
  -o-box-sizing: border-box;
 
2558
  -webkit-box-sizing: border-box;
 
2559
  -moz-box-sizing: border-box;
 
2560
  box-sizing: border-box;
 
2561
  background: #333;
 
2562
  bottom: 0;
 
2563
  color: #fff;
 
2564
  padding-left: 10px;
 
2565
  padding-right: 30px;
 
2566
  position: fixed;
 
2567
  width: 100%;
 
2568
  z-index: 999; }
 
2569
  .cookie-policy .wrapper {
 
2570
    background: transparent; }
 
2571
  .cookie-policy p {
 
2572
    font-size: 13px;
 
2573
    margin-bottom: 0;
 
2574
    margin-left: 0;
 
2575
    padding: 10px 0;
 
2576
    width: 100%; }
 
2577
  .cookie-policy .link-cta {
 
2578
    -o-background-size: 16px 15px;
 
2579
    -webkit-background-size: 16px 15px;
 
2580
    -moz-background-size: 16px 15px;
 
2581
    background-size: 16px 15px;
 
2582
    background: url("static/img/icons/close.svg") no-repeat;
 
2583
    background-size: 15px;
 
2584
    color: #fff;
 
2585
    float: right;
 
2586
    font-size: 1em;
 
2587
    height: 15px;
 
2588
    margin-right: -20px;
 
2589
    margin-top: 12px;
 
2590
    padding: 0;
 
2591
    text-decoration: none;
 
2592
    text-indent: -999em;
 
2593
    width: 16px; }
 
2594
 
 
2595
html.opera-mini .cookie-policy .link-cta,
 
2596
html.no-svg .cookie-policy .link-cta {
 
2597
  background-image: url("static/img/icons/close.png"); }
 
2598
 
 
2599
.link-cta-ubuntu.external span {
 
2600
  background-image: url("static/img/external-link-white.svg") !important; }
 
2601
 
 
2602
/* @section about-canonical
 
2603
-------------------------------------------------------------- */
 
2604
.about-canonical {
 
2605
  margin-top: 30px; }
 
2606
 
 
2607
@media only screen and (min-width: 768px) {
 
2608
  /*
 
2609
  Theme Name: Ubuntu Resources
 
2610
  Theme URI: http://canonical.com
 
2611
  Description: Ubuntu resource hub theme
 
2612
  Version: 1
 
2613
  Author: Canonical Ltd
 
2614
  Author URI: http://canonical.com
 
2615
  
 
2616
  Copyright (C) 2012 Canonical Ltd
 
2617
  
 
2618
  Contents:
 
2619
  
 
2620
        general
 
2621
        welcome-message
 
2622
        search
 
2623
        single article
 
2624
        glossary-box
 
2625
        main nav
 
2626
        related posts
 
2627
        product-business-card
 
2628
        events
 
2629
        search filters
 
2630
        vcard
 
2631
  */
 
2632
  /**
 
2633
   * Ubuntu Patterns Stylesheet
 
2634
   *
 
2635
   * The CSS file required by Ubuntu patterns page
 
2636
   * 
 
2637
   * @project           Ubuntu Patterns
 
2638
   * @author            Web Team at Canonical Ltd
 
2639
   * @copyright 2012 Canonical Ltd
 
2640
   *
 
2641
   * @see               http://design.ubuntu.com
 
2642
   */
 
2643
  /**
 
2644
   * standard colors
 
2645
   *
 
2646
   * @colordef standard colors
 
2647
   */
 
2648
  /**
 
2649
   * mixins
 
2650
   *
 
2651
   * @section mixins
 
2652
   */
 
2653
  /* ubuntu orange */
 
2654
  /* used as background on pre text */
 
2655
  /* warm grey */
 
2656
  /* cool grey */
 
2657
  /* light grey */
 
2658
  /* meta grey */
 
2659
  /* assets database path */
 
2660
  /* usage: background: url(//assets.ubuntu.com/sites/ubuntu/latest/u/img//folder/image.jpg) no-repeat 0 0; */
 
2661
  /* general
 
2662
  ----------------------------------------------------------------- */
 
2663
  body {
 
2664
    background: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/backgrounds/image-background-paper.png") repeat-y center center; }
 
2665
 
 
2666
  body:after {
 
2667
    content: 'medium';
 
2668
    display: none; }
 
2669
 
 
2670
  .col, .eight-col, .eleven-col, .five-col, .four-col, .nine-col, .one-col, .seven-col, .six-col, .ten-col, .three-col, .twelve-col, .two-col {
 
2671
    margin-right: 2.128%; }
 
2672
 
 
2673
  #nav-global {
 
2674
    -webkit-box-sizing: border-box;
 
2675
    -moz-box-sizing: border-box;
 
2676
    box-sizing: border-box;
 
2677
    padding-left: 9px; }
 
2678
    #nav-global a.external {
 
2679
      background: none;
 
2680
      padding-left: 0;
 
2681
      padding-right: 0; }
 
2682
    #nav-global ul li.open {
 
2683
      min-width: 122px; }
 
2684
    #nav-global li.more li {
 
2685
      height: auto; }
 
2686
      #nav-global li.more li a {
 
2687
        border-bottom: 0;
 
2688
        padding-bottom: 0; }
 
2689
 
 
2690
  .last-col {
 
2691
    margin-right: 0; }
 
2692
 
 
2693
  body {
 
2694
    font-size: 15px; }
 
2695
 
 
2696
  .row {
 
2697
    padding: 30px 30px 20px; }
 
2698
 
 
2699
  .tax-topic .row,
 
2700
  .category .row,
 
2701
  .row-events,
 
2702
  .search .row {
 
2703
    padding-bottom: 20px; }
 
2704
 
 
2705
  .tax-topic #main-content .row-hero {
 
2706
    padding-bottom: 0;
 
2707
    margin-bottom: 0; }
 
2708
 
 
2709
  .search #main-content .row-hero {
 
2710
    margin-bottom: -20px;
 
2711
    margin-top: 0;
 
2712
    padding-bottom: 0; }
 
2713
 
 
2714
  .inner-wrapper {
 
2715
    padding-bottom: 10px;
 
2716
    padding-top: 10px; }
 
2717
 
 
2718
  #main-content .cat-title {
 
2719
    padding: 0 30px 0 0; }
 
2720
 
 
2721
  .page-template-page-category-php #main-content .cat-title,
 
2722
  .tax-topic #main-content .cat-title {
 
2723
    margin-bottom: 0;
 
2724
    padding-bottom: 0; }
 
2725
 
 
2726
  .page-template-default #main-content .cat-page-title {
 
2727
    padding: 0 30px 10px; }
 
2728
 
 
2729
  .article-list ul.phone-articles {
 
2730
    border-bottom: 0; }
 
2731
 
 
2732
  .row h3 {
 
2733
    font-size: 18.75px;
 
2734
    font-size: 1.44231em; }
 
2735
 
 
2736
  .featured h3 {
 
2737
    margin-bottom: 10px;
 
2738
    font-size: 2em; }
 
2739
 
 
2740
  /* search
 
2741
  ----------------------------------------------------------------- */
 
2742
  form fieldset .search-submit {
 
2743
    top: -101px; }
 
2744
 
 
2745
  .has-filter-wrap fieldset .search-submit,
 
2746
  form fieldset .search-submit.active {
 
2747
    float: left;
 
2748
    width: auto; }
 
2749
 
 
2750
  .has-filter-wrap button.search-submit + a {
 
2751
    margin-top: 27px;
 
2752
    margin-left: 10px; }
 
2753
 
 
2754
  .search #main-content form#search-form {
 
2755
    border-bottom: 1px dotted #aea79f;
 
2756
    margin-bottom: 10px; }
 
2757
 
 
2758
  .search #main-content form#search-form div.active {
 
2759
    float: left;
 
2760
    display: inline-block;
 
2761
    width: 100%; }
 
2762
 
 
2763
  .search-filter div.has-filter + fieldset.twelve-col {
 
2764
    -webkit-border-radius: 0;
 
2765
    -moz-border-radius: 0;
 
2766
    border-radius: 0;
 
2767
    border-bottom: 0;
 
2768
    padding-bottom: 20px;
 
2769
    margin-bottom: 0; }
 
2770
 
 
2771
  .search-filter fieldset.twelve-col {
 
2772
    max-height: 100px;
 
2773
    display: block;
 
2774
    float: none;
 
2775
    margin: 0 0 20px;
 
2776
    padding: 0; }
 
2777
 
 
2778
  .search-filter h2 {
 
2779
    margin-bottom: 20px; }
 
2780
 
 
2781
  /* single article
 
2782
  ----------------------------------------------------------------- */
 
2783
  body.single .row {
 
2784
    padding-top: 10px; }
 
2785
 
 
2786
  .single #sidebar .list-social li {
 
2787
    margin-bottom: 10px;
 
2788
    margin-right: 13px; }
 
2789
 
 
2790
  #main-content .single-post-cats {
 
2791
    padding-top: 0; }
 
2792
 
 
2793
  .single-post-cats .inner-wrapper {
 
2794
    padding-top: 0; }
 
2795
 
 
2796
  .social-links li {
 
2797
    float: none;
 
2798
    margin-right: 0; }
 
2799
 
 
2800
  .article-meta-wrap {
 
2801
    margin-bottom: 10px; }
 
2802
 
 
2803
  .article-meta {
 
2804
    margin-right: 10px; }
 
2805
 
 
2806
  .single .article-meta {
 
2807
    margin-bottom: 20px;
 
2808
    padding-bottom: 0; }
 
2809
 
 
2810
  /* glossary-box
 
2811
  ----------------------------------------------------------------- */
 
2812
  .glossary-box {
 
2813
    background: #fff;
 
2814
    color: #333;
 
2815
    margin-top: -20px;
 
2816
    box-shadow: 0 2px 2px 0 rgba(212, 212, 212, 0.7);
 
2817
    padding-bottom: 0;
 
2818
    padding-top: 0; }
 
2819
    .glossary-box .inner-wrapper {
 
2820
      background-size: 180px 180px;
 
2821
      background-repeat: no-repeat;
 
2822
      background-position: 100% -20px, 70% 130%;
 
2823
      padding: 40px 0 40px;
 
2824
      overflow: hidden; }
 
2825
    .glossary-box .inner-wrapper .last-col {
 
2826
      background-repeat: no-repeat;
 
2827
      background-position: right bottom;
 
2828
      position: absolute; }
 
2829
 
 
2830
  .glossary-box--home {
 
2831
    background: #2c001e;
 
2832
    color: #fff;
 
2833
    padding: 30px 30px 0;
 
2834
    margin-top: 0; }
 
2835
    .glossary-box--home .inner-wrapper {
 
2836
      min-height: 165px; }
 
2837
      .glossary-box--home .inner-wrapper .last-col {
 
2838
        background-image: url("//insights.ubuntu.com/wp-content/uploads/picto-knowledge-orange-and-white.png");
 
2839
        background-size: 180px 180px;
 
2840
        height: 220px;
 
2841
        right: 10px;
 
2842
        top: -38px;
 
2843
        width: 200px; }
 
2844
 
 
2845
  body.page-template-page-topics-php .glossary-box-cloud-and-server .inner-wrapper,
 
2846
  .glossary-box-desktop .inner-wrapper,
 
2847
  .glossary-box-internet-of-things .inner-wrapper {
 
2848
    background-size: 180px 180px;
 
2849
    background-position: 94% 50%; }
 
2850
 
 
2851
  .glossary-box-cloud-and-server .inner-wrapper {
 
2852
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-midaubergine.svg"), url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-orange.svg"); }
 
2853
 
 
2854
  .glossary-box-cloud .inner-wrapper {
 
2855
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-orange.svg"); }
 
2856
 
 
2857
  .glossary-box-server .inner-wrapper {
 
2858
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-midaubergine.svg"); }
 
2859
 
 
2860
  .glossary-box-press-centre .inner-wrapper {
 
2861
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-bookmark-midaubergine.svg"), url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-articles-orange.svg"); }
 
2862
 
 
2863
  .glossary-box-desktop .inner-wrapper {
 
2864
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-desktop-orange.svg"); }
 
2865
 
 
2866
  .glossary-box-phone-and-tablet .inner-wrapper {
 
2867
    background-image: url("static/img/pictograms/picto-phone-midaubergine.svg"), url("static/img/pictograms/picto-tablet-orange.svg"); }
 
2868
 
 
2869
  .glossary-box-phone .inner-wrapper {
 
2870
    background-image: url("static/img/pictograms/picto-phone-orange.svg"); }
 
2871
 
 
2872
  .glossary-box-tablet .inner-wrapper {
 
2873
    background-image: url("static/img/pictograms/picto-tablet-orange.svg"); }
 
2874
 
 
2875
  .glossary-box-chatter-cloud .inner-wrapper {
 
2876
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-articles-midaubergine.svg"), url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-orange.svg"); }
 
2877
 
 
2878
  .glossary-box-internet-of-things .inner-wrapper {
 
2879
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/cloud/tools/snappy/snappy.png"); }
 
2880
 
 
2881
  .archive .featured-article, .page-template .featured-article {
 
2882
    margin-bottom: 0; }
 
2883
 
 
2884
  .tax-topic .featured-article {
 
2885
    padding-bottom: 20px; }
 
2886
 
 
2887
  .home .featured-article {
 
2888
    margin-bottom: 0; }
 
2889
 
 
2890
  .home aside {
 
2891
    position: absolute;
 
2892
    right: 0;
 
2893
    top: 0; }
 
2894
 
 
2895
  /* main nav
 
2896
  ----------------------------------------------------------------- */
 
2897
  header.banner .nav-primary ul li.active a,
 
2898
  body.page-template-page-press-php .nav-primary ul li.press-center a {
 
2899
    font-weight: 400; }
 
2900
 
 
2901
  /* related posts
 
2902
  ----------------------------------------------------------------- */
 
2903
  /* product-business-card
 
2904
  ----------------------------------------------------------------- */
 
2905
  .product-business-card p.intro {
 
2906
    font-size: 1em; }
 
2907
  .product-business-card img {
 
2908
    display: block;
 
2909
    float: none;
 
2910
    margin: 0 auto; }
 
2911
 
 
2912
  /* events
 
2913
  ----------------------------------------------------------------- */
 
2914
  .event-details-wrapper,
 
2915
  .vertical-divider .event-details-wrapper {
 
2916
    margin-bottom: 20px;
 
2917
    padding-left: 120px; }
 
2918
 
 
2919
  .event-details-wrapper:last-of-type {
 
2920
    margin-bottom: 20px; }
 
2921
 
 
2922
  .single .event-details-wrapper {
 
2923
    min-height: 120px;
 
2924
    margin-bottom: 20px; }
 
2925
 
 
2926
  .event-details-wrapper h3 {
 
2927
    clear: none;
 
2928
    display: block;
 
2929
    float: none;
 
2930
    width: auto; }
 
2931
 
 
2932
  .event-details {
 
2933
    margin-bottom: 10px;
 
2934
    width: 100%;
 
2935
    clear: both;
 
2936
    display: block;
 
2937
    margin-top: 0; }
 
2938
 
 
2939
  .event-map {
 
2940
    position: absolute;
 
2941
    left: 0;
 
2942
    top: 0; }
 
2943
 
 
2944
  .image-wrap {
 
2945
    background-size: 100px 100px; }
 
2946
 
 
2947
  .image-wrap img,
 
2948
  body.single .eight-col .image-wrap img,
 
2949
  .event-map,
 
2950
  .event-map img {
 
2951
    height: 100px;
 
2952
    width: 100px; }
 
2953
 
 
2954
  .image-wrap:after,
 
2955
  .featured-article .image-wrap:after {
 
2956
    background-size: 100px 100px;
 
2957
    height: 100px;
 
2958
    width: 100px; }
 
2959
 
 
2960
  .article-list li.row:nth-child(2n) .image-wrap:after,
 
2961
  .article-list div.row:nth-child(2n) .image-wrap:after {
 
2962
    background-size: 100px 100px; }
 
2963
 
 
2964
  .row-resource-list li {
 
2965
    float: left;
 
2966
    margin-right: 0;
 
2967
    width: 33%; }
 
2968
 
 
2969
  .row-resource-list .six-col li {
 
2970
    width: 50%; }
 
2971
 
 
2972
  /* search filters
 
2973
  ----------------------------------------------------------------- */
 
2974
  div#uwpqsf_id .togglecheck {
 
2975
    width: 40%; }
 
2976
 
 
2977
  /* vcard
 
2978
  ----------------------------------------------------------------- */
 
2979
  #author-info.has-avatar {
 
2980
    padding-left: 120px; }
 
2981
 
 
2982
  .vcard .avatar {
 
2983
    position: absolute;
 
2984
    left: 0; }
 
2985
 
 
2986
  /* main navigation
 
2987
  ----------------------------------------------------------------- */
 
2988
  .yes-js {
 
2989
    /* end main nav */ }
 
2990
    .yes-js #main-navigation {
 
2991
      background: #F7F7F7;
 
2992
      float: none;
 
2993
      margin: 0 auto;
 
2994
      max-width: 984px;
 
2995
      position: relative; }
 
2996
    .yes-js #main-nav.active {
 
2997
      -webkit-border-radius: 0 0 2px 2px;
 
2998
      -moz-border-radius: 0 0 2px 2px;
 
2999
      border-radius: 0 0 2px 2px;
 
3000
      background: #F7F7F7;
 
3001
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 
3002
      width: 400px;
 
3003
      display: block;
 
3004
      float: right;
 
3005
      right: 0;
 
3006
      position: absolute; }
 
3007
    .yes-js #main-nav.active h2 {
 
3008
      background: none; }
 
3009
    .yes-js #main-nav.active li li a {
 
3010
      font-size: 18px; }
 
3011
    .yes-js #main-nav.active a {
 
3012
      color: #333; }
 
3013
    .yes-js #main-nav.active
 
3014
    .main-nav {
 
3015
      background: none;
 
3016
      border-right: 0;
 
3017
      border-bottom: 0;
 
3018
      box-shadow: none; }
 
3019
    .yes-js #main-nav .press-nav {
 
3020
      position: relative;
 
3021
      left: auto; }
 
3022
    .yes-js #main-nav .type-nav li li:last-child a {
 
3023
      border-right: 1px solid #d4d7d4;
 
3024
      margin-top: -1px;
 
3025
      padding-top: 9px;
 
3026
      padding-bottom: 8px;
 
3027
      border-bottom: 0; }
 
3028
    .yes-js #main-nav .press-nav li li:last-child {
 
3029
      border-bottom: 1px solid #d4d7d4; }
 
3030
    .yes-js #main-nav.active {
 
3031
      width: 500px; }
 
3032
      .yes-js #main-nav.active .topic-nav {
 
3033
        border-bottom: 0;
 
3034
        border-left: 0; }
 
3035
        .yes-js #main-nav.active .topic-nav .nav-tablet {
 
3036
          border: 0; }
 
3037
 
 
3038
  /* search
 
3039
  ----------------------------------------------------------------- */
 
3040
  .yes-js #box-search {
 
3041
    background: #F7F7F7; }
 
3042
 
 
3043
  .yes-js #box-search div {
 
3044
    -webkit-border-radius: 0 0 2px 2px;
 
3045
    -moz-border-radius: 0 0 2px 2px;
 
3046
    border-radius: 0 0 2px 2px;
 
3047
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 
3048
    background: #F7F7F7;
 
3049
    padding: 10px; }
 
3050
 
 
3051
  .yes-js header.global #box-search {
 
3052
    margin: 0 auto;
 
3053
    float: none;
 
3054
    max-width: 984px; }
 
3055
 
 
3056
  .yes-js header.global #box-search div.active {
 
3057
    display: block;
 
3058
    right: 0;
 
3059
    position: absolute;
 
3060
    width: 400px; } }
 
3061
/* @section Large / Desktop viewport
 
3062
-------------------------------------------------------------- */
 
3063
@media only screen and (min-width: 984px) {
 
3064
  /* 
 
3065
  Theme Name: Ubuntu Resources
 
3066
  Theme URI: http://canonical.com
 
3067
  Description: Ubuntu resource hub theme
 
3068
  Version: 1
 
3069
  Author: Canonical Ltd 
 
3070
  Author URI: http://canonical.com
 
3071
  
 
3072
  Copyright (C) 2012 Canonical Ltd 
 
3073
  
 
3074
  Contents:
 
3075
  
 
3076
        typography
 
3077
        main navigation
 
3078
        welcome-message
 
3079
        search
 
3080
        share
 
3081
        product-business-card
 
3082
  
 
3083
  */
 
3084
  /**
 
3085
   * Ubuntu Patterns Stylesheet
 
3086
   *
 
3087
   * The CSS file required by Ubuntu patterns page
 
3088
   * 
 
3089
   * @project           Ubuntu Patterns
 
3090
   * @author            Web Team at Canonical Ltd
 
3091
   * @copyright 2012 Canonical Ltd
 
3092
   *
 
3093
   * @see               http://design.ubuntu.com
 
3094
   */
 
3095
  /**
 
3096
   * standard colors
 
3097
   *
 
3098
   * @colordef standard colors
 
3099
   */
 
3100
  /**
 
3101
   * mixins
 
3102
   *
 
3103
   * @section mixins
 
3104
   */
 
3105
  /* ubuntu orange */
 
3106
  /* used as background on pre text */
 
3107
  /* warm grey */
 
3108
  /* cool grey */
 
3109
  /* light grey */
 
3110
  /* meta grey */
 
3111
  /* assets database path */
 
3112
  /* usage: background: url(//assets.ubuntu.com/sites/ubuntu/latest/u/img//site/background.jpg) no-repeat 0 0; */
 
3113
  body {
 
3114
    background-attachment: fixed;
 
3115
    font-size: 16px; }
 
3116
 
 
3117
  body:after {
 
3118
    content: 'large';
 
3119
    display: none; }
 
3120
 
 
3121
  .wrapper {
 
3122
    background: none; }
 
3123
 
 
3124
  header.banner {
 
3125
    margin-bottom: 0; }
 
3126
 
 
3127
  header.banner .nav-primary .topics {
 
3128
    border-top: 0; }
 
3129
 
 
3130
  header.banner .nav-primary ul li.active a,
 
3131
  body.page-template-page-press-php .nav-primary ul li.press-center a {
 
3132
    background-color: #b83a10; }
 
3133
 
 
3134
  header.banner .nav-primary li.press-center {
 
3135
    display: block; }
 
3136
 
 
3137
  header.banner .nav-primary .nav-press-centre {
 
3138
    display: none; }
 
3139
 
 
3140
  header.banner .nav-primary li.topics a {
 
3141
    border-right: 0 !important;
 
3142
    border-bottom: 0 !important; }
 
3143
 
 
3144
  header.banner .nav-primary li.topics a:link,
 
3145
  header.banner .nav-primary li.topics a:visited {
 
3146
    display: block;
 
3147
    border-right: 0 !important;
 
3148
    border-bottom: 0 !important; }
 
3149
 
 
3150
  .row .inner-wrapper {
 
3151
    display: block;
 
3152
    float: none;
 
3153
    margin: 0 auto;
 
3154
    width: 984px; }
 
3155
 
 
3156
  #nav-global {
 
3157
    padding-left: 0; }
 
3158
 
 
3159
  .row {
 
3160
    padding: 30px 30px 20px; }
 
3161
 
 
3162
  .header-inner {
 
3163
    width: 984px; }
 
3164
 
 
3165
  .row .link-cta-ubuntu {
 
3166
    display: inline-block;
 
3167
    text-align: inherit; }
 
3168
 
 
3169
  h1 {
 
3170
    font-size: 2.8125em; }
 
3171
 
 
3172
  #welcome-message div.welcome-message-inner {
 
3173
    padding: 0;
 
3174
    position: relative; }
 
3175
 
 
3176
  footer.global .legal {
 
3177
    padding-left: 0;
 
3178
    padding-top: 13px; }
 
3179
 
 
3180
  .single-post-cats {
 
3181
    padding-top: 0; }
 
3182
 
 
3183
  #main-content .single-post-cats ul {
 
3184
    padding-left: 0; }
 
3185
 
 
3186
  #main-content .cat-page-title {
 
3187
    padding-bottom: 20px; }
 
3188
 
 
3189
  .article-list ul.phone-articles {
 
3190
    border-bottom: 0; }
 
3191
 
 
3192
  .glossary-box {
 
3193
    padding: 0; }
 
3194
    .glossary-box .inner-wrapper {
 
3195
      background-size: 210px 210px;
 
3196
      background-position: 100% -20px, 80% 148px; }
 
3197
 
 
3198
  .glossary-box .inner-wrapper {
 
3199
    min-height: 330px; }
 
3200
 
 
3201
  body.category .glossary-box .inner-wrapper,
 
3202
  body.category .glossary-box-articles .inner-wrapper,
 
3203
  body.tag .glossary-box .inner-wrapper,
 
3204
  body.tag .glossary-box-articles .inner-wrapper,
 
3205
  body.page-template-page-category-php .glossary-box .inner-wrapper,
 
3206
  body.page-template-page-category-php .glossary-box-articles .inner-wrapper {
 
3207
    min-height: 0;
 
3208
    padding-bottom: 10px; }
 
3209
 
 
3210
  body.archive .glossary-box .inner-wrapper {
 
3211
    padding-bottom: 0; }
 
3212
 
 
3213
  body.tag .glossary-box .inner-wrapper {
 
3214
    padding-bottom: 10px; }
 
3215
 
 
3216
  .glossary-box-desktop .inner-wrapper,
 
3217
  .glossary-box-cloud .inner-wrapper,
 
3218
  .glossary-box-server .inner-wrapper,
 
3219
  .glossary-box-phone .inner-wrapper,
 
3220
  .glossary-box-tablet .inner-wrapper,
 
3221
  .glossary-box-internet-of-things .inner-wrapper {
 
3222
    background-size: 210px 210px;
 
3223
    background-position: 90% 50%;
 
3224
    padding-bottom: 40px; }
 
3225
 
 
3226
  .glossary-box-internet-of-things .inner-wrapper {
 
3227
    background-size: 337px 240px; }
 
3228
 
 
3229
  .glossary-box--home {
 
3230
    padding: 40px 30px 0; }
 
3231
    .glossary-box--home .inner-wrapper {
 
3232
      min-height: 200px; }
 
3233
    .glossary-box--home .inner-wrapper .last-col {
 
3234
      background-size: 240px 240px;
 
3235
      height: 251px;
 
3236
      width: 251px;
 
3237
      top: -28px;
 
3238
      right: 43px; }
 
3239
 
 
3240
  .box-desktop,
 
3241
  .box-phone,
 
3242
  .box-tablet,
 
3243
  .box-server,
 
3244
  .box-cloud,
 
3245
  .box-digest {
 
3246
    background-size: 167px 167px;
 
3247
    background-repeat: no-repeat;
 
3248
    background-position: 154% 50%;
 
3249
    border: 0;
 
3250
    padding-right: 90px; }
 
3251
 
 
3252
  .box-digest {
 
3253
    background-position: 87% 36%;
 
3254
    background-size: 90px 90px;
 
3255
    padding-right: 20px; }
 
3256
 
 
3257
  .box-phone {
 
3258
    background-image: url("static/img/pictograms/picto-phone-orange.svg"); }
 
3259
 
 
3260
  .box-tablet {
 
3261
    background-image: url("static/img/pictograms/picto-tablet-orange.svg"); }
 
3262
 
 
3263
  .box-desktop {
 
3264
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-desktop-orange.svg"); }
 
3265
 
 
3266
  .box-server {
 
3267
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-server-midaubergine.svg"); }
 
3268
 
 
3269
  .box-cloud {
 
3270
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-cloudcomputing-orange.svg"); }
 
3271
 
 
3272
  .box-digest {
 
3273
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/pictograms/picto-pack/picto-email-orange.svg"); }
 
3274
 
 
3275
  .box-internet-of-things {
 
3276
    background-image: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/cloud/tools/snappy/snappy.png");
 
3277
    background-repeat: no-repeat;
 
3278
    background-position: -79% -28%; }
 
3279
 
 
3280
  .box-internet-of-things p {
 
3281
    padding-right: 50px; }
 
3282
 
 
3283
  .search .row {
 
3284
    padding-bottom: 40px; }
 
3285
 
 
3286
  .search .no-results {
 
3287
    display: inline-block;
 
3288
    float: left;
 
3289
    margin-bottom: 40px;
 
3290
    width: 100%; }
 
3291
 
 
3292
  .search #main-content form#search-form {
 
3293
    margin-bottom: 20px; }
 
3294
 
 
3295
  form fieldset .search-submit {
 
3296
    top: -105px; }
 
3297
 
 
3298
  form fieldset .search-submit.active {
 
3299
    float: left;
 
3300
    margin-bottom: 20px;
 
3301
    width: auto; }
 
3302
 
 
3303
  .search-filter fieldset.twelve-col {
 
3304
    margin: 0; }
 
3305
 
 
3306
  .product-business-card img {
 
3307
    float: right;
 
3308
    margin: 0 0 20px 20px; }
 
3309
 
 
3310
  .single #sidebar .list-social li {
 
3311
    margin: 0 6px 0 0; }
 
3312
 
 
3313
  .video-wrapper {
 
3314
    padding-top: 50px;
 
3315
    margin-bottom: 80px; }
 
3316
 
 
3317
  .video-wrapper iframe {
 
3318
    top: 50px; }
 
3319
 
 
3320
  footer.global .top-link {
 
3321
    display: none; }
 
3322
 
 
3323
  .yes-js #main-nav.active li li a {
 
3324
    font-size: 18px; }
 
3325
 
 
3326
  body.page-template-page-press-php .row-resource-list .six-col {
 
3327
    min-height: 13em; } }
 
3328
/* END @section Large / Desktop viewport
 
3329
-------------------------------------------------------------- */
 
3330
#press-contact:target {
 
3331
  -webkit-animation: target-fade 3s 1;
 
3332
  -moz-animation: target-fade 3s 1; }
 
3333
 
 
3334
@-webkit-keyframes target-fade {
 
3335
  0% {
 
3336
    background-color: rgba(255, 255, 0, 0.3); }
 
3337
  100% {
 
3338
    background-color: transparent; } }
 
3339
@-moz-keyframes target-fade {
 
3340
  0% {
 
3341
    background-color: rgba(255, 255, 0, 0.3); }
 
3342
  100% {
 
3343
    background-color: transparent; } }
 
3344
#press-contact {
 
3345
  -webkit-transition: all 0.5s ease-in-out;
 
3346
  -moz-transition: all 0.5s ease-in-out;
 
3347
  -ms-transition: all 0.5s ease-in-out;
 
3348
  -o-transition: all 0.5s ease-in-out; }
 
3349
 
 
3350
/* resource hub content */
 
3351
.resource {
 
3352
  -moz-transition: background .2s ease-out;
 
3353
  -webkit-transition: background .2s ease-out;
 
3354
  transition: background .2s ease-out;
 
3355
  position: relative;
 
3356
  cursor: pointer;
 
3357
  padding-bottom: 40px; }
 
3358
 
 
3359
.resource.four-col h2 a:link,
 
3360
.resource.four-col h2 a:visited {
 
3361
  font-size: 1.125em;
 
3362
  /* 36 / 32 */ }
 
3363
 
 
3364
.resource.twelve-col h2 a:link,
 
3365
.resource.twelve-col h2 a:visited {
 
3366
  font-size: 1.40625em;
 
3367
  /* 36 / 32 */ }
 
3368
 
 
3369
.resource:hover {
 
3370
  background-color: #fafafa; }
 
3371
 
 
3372
.resource:last-of-type {
 
3373
  margin-bottom: 30px; }
 
3374
 
 
3375
.content-cat {
 
3376
  color: #888888;
 
3377
  font-size: 14px;
 
3378
  letter-spacing: 1px;
 
3379
  margin: 0;
 
3380
  padding: 0;
 
3381
  padding-left: 20px;
 
3382
  position: absolute;
 
3383
  text-transform: uppercase; }
 
3384
 
 
3385
.content-cat {
 
3386
  background: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-resource-hub-icon-document.png") left center no-repeat; }
 
3387
 
 
3388
.content-cat-webinar {
 
3389
  background: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-resource-hub-webinar.png") left center no-repeat; }
 
3390
 
 
3391
.resource.box-image-centered div + span img {
 
3392
  margin-top: 40px; }
 
3393
 
 
3394
.row-grey .resource:before {
 
3395
  border-right-color: #F7F7F7; }
 
3396
 
 
3397
#campaign-sidebar {
 
3398
  margin-top: 0; }
 
3399
  #campaign-sidebar h2 {
 
3400
    font-size: 1em;
 
3401
    clear: both;
 
3402
    color: #888888;
 
3403
    float: left;
 
3404
    font-weight: 300;
 
3405
    margin-bottom: 1em;
 
3406
    width: 100%; }
 
3407
  #campaign-sidebar ul li {
 
3408
    border-bottom: 1px dotted #888888;
 
3409
    padding-bottom: 12px; }
 
3410
 
 
3411
.list-social {
 
3412
  -o-box-sizing: border-box;
 
3413
  -webkit-box-sizing: border-box;
 
3414
  -moz-box-sizing: border-box;
 
3415
  box-sizing: border-box;
 
3416
  margin-bottom: 0;
 
3417
  width: 100%; }
 
3418
  .list-social li {
 
3419
    width: 30px;
 
3420
    height: 30px;
 
3421
    text-indent: -999em;
 
3422
    display: inline-block;
 
3423
    margin: 0 10px 0 0;
 
3424
    float: none; }
 
3425
    .list-social li:last-child {
 
3426
      margin-right: 0; }
 
3427
    .list-social li a {
 
3428
      background-repeat: no-repeat;
 
3429
      background-position: 50% 50%;
 
3430
      display: block;
 
3431
      width: 33px;
 
3432
      height: 33px;
 
3433
      overflow: hidden;
 
3434
      padding: 0;
 
3435
      margin: 0;
 
3436
      border: 0;
 
3437
      -moz-border-radius: 50%;
 
3438
      -webkit-border-radius: 50%;
 
3439
      border-radius: 50%; }
 
3440
    .list-social li a#item-google {
 
3441
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyMy41IDgyLjFjMTEuOCA5LjYgMzYuNCAyOS43IDM2LjQgNjggMCAzNy4zLTIxLjUgNTQuOS00My4xIDcxLjUtNi43IDYuNi0xNC40IDEzLjYtMTQuNCAyNC43czcuNyAxNy4yIDEzLjMgMjEuN2wxOC41IDE0LjFjMjIuNiAxOC42IDQzLjEgMzUuOCA0My4xIDcwLjYgMCA0Ny40LTQ2LjcgOTUuMi0xMzUgOTUuMi03NC40LjEtMTEwLjMtMzQuNy0xMTAuMy03MiAwLTE4LjEgOS4yLTQzLjggMzkuNS02MS41IDMxLjgtMTkuMSA3NS0yMS43IDk4LTIzLjItNy4yLTkuMS0xNS40LTE4LjctMTUuNC0zNC4zIDAtOC42IDIuNi0xMy42IDUuMS0xOS43LTUuNi41LTExLjMgMS0xNi40IDEtNTQuNCAwLTg1LjItMzkuOC04NS4yLTc5LjEgMC0yMy4yIDEwLjgtNDguOSAzMi45LTY3LjVDMTE5LjggNjggMTU0LjcgNjQgMTgyLjQgNjRoMTA1LjdsLTMyLjggMTguMWgtMzEuOHpNMTg3IDMwNS45Yy00LjEtLjUtNi43LS41LTExLjgtLjUtNC42IDAtMzIuMyAxLTUzLjkgOC0xMS4zIDQtNDQuMSAxNi4xLTQ0LjEgNTEuOXMzNS40IDYxLjUgOTAuMyA2MS41YzQ5LjMgMCA3NS40LTIzLjIgNzUuNC01NC40IDAtMjUuNy0xNi45LTM5LjMtNTUuOS02Ni41bTE0LjktOTUuOGMxMS44LTExLjYgMTIuOC0yNy43IDEyLjgtMzYuOCAwLTM2LjMtMjIuMS05Mi43LTY0LjctOTIuNy0xMy4zIDAtMjcuNyA2LjUtMzUuOSAxNi42LTguNyAxMC42LTExLjMgMjQuMi0xMS4zIDM3LjMgMCAzMy44IDIwIDg5LjcgNjQuMiA4OS43IDEyLjguMSAyNi42LTYgMzQuOS0xNC4xIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ4MCAxNDIuM2gtNzguM1Y2NC4xSDM4NHY3OC4yaC03OS43djE3LjhIMzg0VjI0MWgxNy43di04MC45SDQ4MHYtMTcuOHoiLz48L3N2Zz4=");
 
3442
      -o-background-size: 65% 65%;
 
3443
      -webkit-background-size: 65% 65%;
 
3444
      -moz-background-size: 65% 65%;
 
3445
      background-size: 65% 65%;
 
3446
      background-color: #e15440; }
 
3447
      .list-social li a#item-google:hover {
 
3448
        background-color: #ce3620; }
 
3449
    .list-social li a#item-twitter {
 
3450
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUxMiA5Ny4yMWMtMTguODM4IDguMzUzLTM5LjA4MiAxNC02MC4zMyAxNi41NCAyMS42ODctMTMgMzguMzQzLTMzLjU4NiA0Ni4xODctNTguMTE2LTIwLjMgMTIuMDQtNDIuNzc4IDIwLjc4LTY2LjcwNSAyNS40OS0xOS4xNi0yMC40MTUtNDYuNDYyLTMzLjE3LTc2LjY3My0zMy4xNy01OC4wMTMgMC0xMDUuMDQ1IDQ3LjAzLTEwNS4wNDUgMTA1LjA0IDAgOC4yMzIuOTMgMTYuMjUgMi43MiAyMy45MzgtODcuMy00LjM4Mi0xNjQuNy00Ni4yLTIxNi41MS0xMDkuNzUzLTkuMDQgMTUuNTEzLTE0LjIyMiAzMy41NTctMTQuMjIyIDUyLjgwOCAwIDM2LjQ0NCAxOC41NDQgNjguNTk2IDQ2LjczIDg3LjQzMy0xNy4yMi0uNTQ1LTMzLjQxNi01LjI3LTQ3LjU3Ny0xMy4xMzgtLjAxLjQzOC0uMDEuODc4LS4wMSAxLjMyIDAgNTAuODk1IDM2LjIxIDkzLjM1IDg0LjI2IDEwMy04LjgxMiAyLjQtMTguMDkzIDMuNjg3LTI3LjY3MyAzLjY4Ny02Ljc3IDAtMTMuMzUtLjY2LTE5Ljc2NC0xLjg4OCAxMy4zNjcgNDEuNzMgNTIuMTYgNzIuMTA0IDk4LjEyNSA3Mi45NDgtMzUuOTUgMjguMTc2LTgxLjI0MyA0NC45NjgtMTMwLjQ1OCA0NC45NjgtOC40OCAwLTE2Ljg0LS40OTctMjUuMDU4LTEuNDcgNDYuNDg1IDI5LjgwNSAxMDEuNyA0Ny4xOTYgMTYxLjAyIDQ3LjE5NiAxOTMuMjEgMCAyOTguODY4LTE2MC4wNjMgMjk4Ljg2OC0yOTguODcyIDAtNC41NTQtLjEwMy05LjA4NC0uMzA1LTEzLjU5IDIwLjUyNy0xNC44MSAzOC4zMzUtMzMuMzEgNTIuNDE3LTU0LjM3M3oiLz48L3N2Zz4=");
 
3451
      -o-background-size: 60% 60%;
 
3452
      -webkit-background-size: 60% 60%;
 
3453
      -moz-background-size: 60% 60%;
 
3454
      background-size: 60% 60%;
 
3455
      background-color: #03b3ee; }
 
3456
      .list-social li a#item-twitter:hover {
 
3457
        background-color: #028dbc; }
 
3458
    .list-social li a#item-facebook {
 
3459
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iLTIgLTIgMzIgMzIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNy45IDE0aC0zdjhIMTJ2LThoLTJ2LTIuOWgyVjguN0MxMiA2LjggMTMuMSA1IDE2IDVjMS4yIDAgMiAuMSAyIC4xdjNoLTEuOGMtMSAwLTEuMi41LTEuMiAxLjN2MS44aDNsLS4xIDIuOHoiLz48L3N2Zz4=");
 
3460
      -o-background-size: 100% 100%;
 
3461
      -webkit-background-size: 100% 100%;
 
3462
      -moz-background-size: 100% 100%;
 
3463
      background-size: 100% 100%;
 
3464
      background-color: #265292; }
 
3465
      .list-social li a#item-facebook:hover {
 
3466
        background-color: #244e7c; }
 
3467
    .list-social li a#item-email {
 
3468
      background-image: url("static/img/email.svg");
 
3469
      background-color: #9e968e;
 
3470
      -o-background-size: 70% 70%;
 
3471
      -webkit-background-size: 70% 70%;
 
3472
      -moz-background-size: 70% 70%;
 
3473
      background-size: 70% 70%; }
 
3474
      .list-social li a#item-email:hover {
 
3475
        background-color: #888; }
 
3476
    .list-social li a#item-linkedin {
 
3477
      background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHdpZHRoPSIxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjQ1MiA0Ny43MDhoMjAuOTE0djYyLjkxNUgxNi40NTJ6bTEwLjU5Ni0zMC4zM2MtNy4xNTUgMC0xMS44MzggNC42OTQtMTEuODM4IDEwLjg2NyAwIDYuMDQgNC41NDUgMTAuODc3IDExLjU2MiAxMC44NzdoLjE0YzcuMjk0IDAgMTEuODMzLTQuODM2IDExLjgzMy0xMC44NzctLjEzOC02LjE3My00LjU0LTEwLjg2OC0xMS42OTctMTAuODY4ek04OC43MDYgNDYuMjNjLTExLjExIDAtMTYuMDc1IDYuMTE1LTE4Ljg1MyAxMC4zOTV2LjIwNGgtLjEzNWMuMDQtLjA2Ni4wOTYtLjE0LjEzNS0uMjA2di04LjkxN0g0OC45MzdjLjI4IDUuOTA0IDAgNjIuOTE1IDAgNjIuOTE1aDIwLjkxN1Y3NS40ODZjMC0xLjg4NC4xNC0zLjc1NC42OTMtNS4xIDEuNTE1LTMuNzYgNC45NTQtNy42NSAxMC43MzQtNy42NSA3LjU3IDAgMTAuNiA1Ljc3MiAxMC42IDE0LjIyN3YzMy42NmgyMC45MTNWNzQuNTQ2YzAtMTkuMzI1LTEwLjMyLTI4LjMxNi0yNC4wODYtMjguMzE2eiIvPjwvc3ZnPg==");
 
3478
      -o-background-size: 70% 70%;
 
3479
      -webkit-background-size: 70% 70%;
 
3480
      -moz-background-size: 70% 70%;
 
3481
      background-size: 70% 70%;
 
3482
      background-color: #0071a1; }
 
3483
      .list-social li a#item-linkedin:hover {
 
3484
        background-color: #004d6e; }
 
3485
    .list-social li a#item-instapaper {
 
3486
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIGhlaWdodD0iMTAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB3aWR0aD0iMTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxkZWZzPjxyZWN0IGhlaWdodD0iMTAwIiBpZD0iU1ZHSURfMV8iIHdpZHRoPSIxMDAiLz48L2RlZnM+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTY5LDkyLjQ3NWMtNS41LTAuMzk2LTkuMDY2LTEuMjE5LTEwLjY5My0yLjQ3N2MtMS42MjctMS4yNTMtMi40NC00LjUwNC0yLjQ0LTkuNzQydi02MC41MSAgIGMwLTUuMDAzLDAuODEzLTguMjI0LDIuNDQtOS42NjRTNjMuNSw3Ljc4OSw2OSw3LjUyMlY1SDI5djIuNTIzYzUuNSwwLjI2Niw5LjA2NCwxLjEyLDEwLjY5NSwyLjU1OSAgIGMxLjYyOCwxLjQzOSwyLjQ0MSw0LjY2MSwyLjQ0MSw5LjY2NHY2MC41MWMwLDUuMjM4LTAuODEzLDguNDg5LTIuNDQxLDkuNzQyQzM4LjA2NCw5MS4yNTYsMzQuNSw5Mi4wNzgsMjksOTIuNDc1Vjk1aDQwVjkyLjQ3NXoiLz48L2c+PC9zdmc+");
 
3487
      background-color: #222;
 
3488
      -o-background-size: 60% 60%;
 
3489
      -webkit-background-size: 60% 60%;
 
3490
      -moz-background-size: 60% 60%;
 
3491
      background-size: 60% 60%; }
 
3492
      .list-social li a#item-instapaper:hover {
 
3493
        background-color: #000; }
 
3494
    .list-social li a#item-pocket {
 
3495
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgaGVpZ2h0PSI0MTVweCIgdmlld0JveD0iMCAwIDQxNSA0MTQuOTk2IiB3aWR0aD0iNDE1cHgiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MTUgNDE0Ljk5NiI+PHBhdGggZD0ibTUwLjc3OSA5Ni4zNzVjNy4yMS0xNi4yMTcgMjAuMTgtMjAuMjM0IDM3LjA2MS0yMC4xMDUgNzQuOTU5IDAuNTY4IDE0OS45MyAwLjI1NyAyMjQuODkgMC4yMzQgOC42MzMtMC4wMDIgMTcuNzE4LTAuMTEzIDIzLjcwOSA2LjkyOSAzLjk2NyA0LjY2MyA4LjIzMiAxMS4wNzUgOC4yODcgMTYuNzQzIDAuMzU2IDM2LjQyMyAxLjU5IDczLjAxNS0xLjI2NiAxMDkuMjUtNC43MDQgNTkuNjktNTAuMDU5IDExMC4xNi0xMDguMzggMTI0LjcyLTgzLjM1IDIwLjgtMTY1LjExLTMxLjE4LTE4MS40OS0xMTUuNDQtMS4xNjktNi4wMTUtMS44ODQtMTIuMTE4LTIuODEtMTguMTgxLTAuMDAxLTM0LjcyLTAuMDAxLTY5LjQ0LTAuMDAxLTEwNC4xNnptMTQ3LjgzIDExMy4wNGMtMy44ODctMy41NTItNy4zNjgtNi42MTctMTAuNzE4LTkuODE4LTE0LjY1NS0xNC4wMDEtMjkuMTg0LTI4LjEzNC00My45MzUtNDIuMDMzLTkuNTUyLTktMjEuMzEtOC44NDktMjkuNzc3LTAuMDE0LTcuOTY4IDguMzE0LTcuOTYgMjAuNzg4IDAuNzcxIDI5LjI1MSAyMi43NzUgMjIuMDgzIDQ1LjcxOSA0My45OTUgNjguODIyIDY1LjczMyA5LjMxNyA4Ljc2OSAxOS4xOTUgOS4zNjcgMjguMzU0IDAuODQ2IDIzLjg2My0yMi4yMTQgNDcuNTY2LTQ0LjYzMSA3MC41ODItNjcuNzEzIDExLjY2NC0xMS42OTcgNS4wMTItMzAuNzE5LTExLjExNi0zNC4yODMtOC4zNDUtMS44NDYtMTQuNjcxIDIuMTA2LTIwLjQ0NCA3LjY4LTE3LjI5IDE2LjY5LTM0LjcgMzMuMjgtNTIuNTMgNTAuMzR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI2ZmMDA0MiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmYwMDQyIi8+PC9zdmc+");
 
3496
      -o-background-size: 75% 75%;
 
3497
      -webkit-background-size: 75% 75%;
 
3498
      -moz-background-size: 75% 75%;
 
3499
      background-size: 75% 75%;
 
3500
      background-color: #e0e0e0; }
 
3501
      .list-social li a#item-pocket:hover {
 
3502
        background-color: #e4e4e4; }
 
3503
 
 
3504
html.opera-mini footer.global .list-social li a#item-twitter,
 
3505
html.no-svg footer.global .list-social li a#item-twitter {
 
3506
  background-image: url("//www.canonical.com/static/img/icons/icon-social-twitter.png"); }
 
3507
html.opera-mini footer.global .list-social li a#item-google,
 
3508
html.no-svg footer.global .list-social li a#item-google {
 
3509
  background-image: url("//www.canonical.com/static/img/icons/icon-social-google.png"); }
 
3510
html.opera-mini footer.global .list-social li a#item-facebook,
 
3511
html.no-svg footer.global .list-social li a#item-facebook {
 
3512
  background-image: url("//www.canonical.com/static/img/icons/icon-social-facebook.png"); }
 
3513
html.opera-mini footer.global .list-social li a#item-canonical,
 
3514
html.no-svg footer.global .list-social li a#item-canonical {
 
3515
  background-image: url("//www.canonical.com/static/img/icons/icon-social-rss.png"); }
 
3516
html.opera-mini footer.global .list-social li a#item-twitter:hover,
 
3517
html.no-svg footer.global .list-social li a#item-twitter:hover {
 
3518
  background-image: url("//www.canonical.com/static/img/icons/icon-social-twitter-selected.png"); }
 
3519
html.opera-mini footer.global .list-social li a#item-google:hover,
 
3520
html.no-svg footer.global .list-social li a#item-google:hover {
 
3521
  background-image: url("//www.canonical.com/static/img/icons/icon-social-google-selected.png"); }
 
3522
html.opera-mini footer.global .list-social li a#item-facebook:hover,
 
3523
html.no-svg footer.global .list-social li a#item-facebook:hover {
 
3524
  background-image: url("//www.canonical.com/static/img/icons/icon-social-facebook-selected.png"); }
 
3525
html.opera-mini footer.global .list-social li a#item-canonical:hover,
 
3526
html.no-svg footer.global .list-social li a#item-canonical:hover {
 
3527
  background-image: url("//www.canonical.com/static/img/icons/icon-social-rss-selected.png"); }
 
3528
 
 
3529
.list-social--small li {
 
3530
  background-size: 28px 28px;
 
3531
  background-repeat: no-repeat;
 
3532
  padding: 2px 0 3px 36px; }
 
3533
  .list-social--small li.link-youtube {
 
3534
    background-image: url("static/img/icons/icon-youtube-grey.svg"); }
 
3535
  .list-social--small li.link-twitter {
 
3536
    background-image: url("static/img/icons/icon-twitter-grey.svg"); }
 
3537
  .list-social--small li.link-google {
 
3538
    background-image: url("static/img/icons/icon-google-grey.svg"); }
 
3539
  .list-social--small li.link-facebook {
 
3540
    background-image: url("static/img/icons/icon-facebook-grey.svg"); }
 
3541
  .list-social--small li:last-child {
 
3542
    padding: 0; }
 
3543
 
 
3544
.social-title {
 
3545
  background-size: 28px 28px;
 
3546
  background-repeat: no-repeat;
 
3547
  padding: 1px 0 3px 36px; }
 
3548
 
 
3549
.social-title--twitter {
 
3550
  background-image: url("static/img/icons/icon-twitter-cool-grey.svg"); }
 
3551
 
 
3552
.social-title--facebook {
 
3553
  background-image: url("static/img/icons/icon-facebook-cool-grey.svg"); }
 
3554
 
 
3555
.social-title--google {
 
3556
  background-image: url("static/img/icons/icon-google-cool-grey.svg"); }
 
3557
 
 
3558
.social-title--youtube {
 
3559
  background-image: url("static/img/icons/icon-youtube-cool-grey.svg"); }
 
3560
 
 
3561
html.no-svg .list-social--small li {
 
3562
  background: none;
 
3563
  padding: 0; }
 
3564
 
 
3565
.insightera-bar-widget {
 
3566
  z-index: 998 !important; }
 
3567
 
 
3568
/*# sourceMappingURL=style.css.map */