Merge lp:~jonas-drange/ulysses/loading-icon into lp:ulysses

[Jonas G. Drange]

spinner

[Stephen Stewart (stephen-stewart)]

I think the spin animation should be part of the ues-spinner class, I can't see a situation where we'd want ues-spinner without the animation?

Otherwise LGTM.

Long/medium term I think icons should be a seperate package, outside of ulysses, allowing a project to specifiy it's own icon assets (but sticking with the naming convention defined in ulysses) or use a default package. This would simply be a matter of installing/linking an icons repo of your choice via config manager along side ulysses.

[lp:~jonas-drange/ulysses/loading-icon]

42. By Jonas G. Drange on 2014-04-14

making animation part of spinner css

43. By Jonas G. Drange on 2014-04-14

fix html

[Stephen Stewart (stephen-stewart)]

+1

review: Approve

=== modified file 'public/icons-min.css'
--- public/icons-min.css	2014-04-01 09:48:48 +0000
+++ public/icons-min.css	2014-04-14 09:44:33 +0000
@@ -1,1 +1,1 @@
-.ues-icon-menu{width:36px;height:34px;background:transparent url(icons/menu.svg) 0 0 no-repeat;background-size:72px 34px;display:block}.ues-icon-menu.orange{background-position:-36px 0}.ues-icon-search{width:36px;height:36px;background:transparent url(icons/search.svg) 0 0 no-repeat;background-size:72px 36px;display:block}.ues-icon-search.orange{background-position:-36px 0}.ues-icon-search.small{background-size:48px 24px;width:24px;height:24px}.ues-icon-search.orange.small{background-position:-24px 0}.ues-icon-search.smaller{background-size:32px 16px;width:16px;height:16px}.ues-icon-search.orange.smaller{background-position:-16px 0}.ues-icon-search-bordered{width:36px;height:34px;background:transparent url(icons/search-bordered.svg) 0 0 no-repeat;background-size:72px 34px;display:block}.ues-icon-search-bordered.orange{background-position:-36px 0}
\ No newline at end of file
+.ues-icon-menu{width:36px;height:34px;background:transparent url(icons/menu.svg) 0 0 no-repeat;background-size:72px 34px;display:block}.ues-icon-menu.orange{background-position:-36px 0}.ues-icon-search{width:36px;height:36px;background:transparent url(icons/search.svg) 0 0 no-repeat;background-size:72px 36px;display:block}.ues-icon-search.orange{background-position:-36px 0}.ues-icon-search.small{background-size:48px 24px;width:24px;height:24px}.ues-icon-search.orange.small{background-position:-24px 0}.ues-icon-search.smaller{background-size:32px 16px;width:16px;height:16px}.ues-icon-search.orange.smaller{background-position:-16px 0}.ues-icon-search-bordered{width:36px;height:34px;background:transparent url(icons/search-bordered.svg) 0 0 no-repeat;background-size:72px 34px;display:block}.ues-icon-search-bordered.orange{background-position:-36px 0}.ues-icon-spinner{width:36px;height:34px;background:transparent url(icons/spinner.svg) 0 0 no-repeat;background-size:72px 34px;display:block;-o-animation:ues-spin .75s linear infinite;-ms-animation:ues-spin .75s linear infinite;-moz-animation:ues-spin .75s linear infinite;-webkit-animation:ues-spin .75s linear infinite;animation:ues-spin .75s linear infinite}.ues-icon-spinner.smaller{background-size:32px 16px;width:16px;height:16px;-o-animation:ues-spin .5s linear infinite;-ms-animation:ues-spin .5s linear infinite;-moz-animation:ues-spin .5s linear infinite;-webkit-animation:ues-spin .5s linear infinite;animation:ues-spin .5s linear infinite}.ues-icon-spinner.orange{background-position:-36px 0}.ues-icon-spinner.smaller.orange{background-position:-16px 0}@keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
\ No newline at end of file

=== modified file 'public/icons.css'
--- public/icons.css	2014-03-25 14:57:46 +0000
+++ public/icons.css	2014-04-14 09:44:33 +0000
@@ -52,4 +52,71 @@
 
 .ues-icon-search-bordered.orange {
   background-position: -36px 0;
+}
+
+.ues-icon-spinner {
+  width: 36px;
+  height: 34px;
+  background: transparent url(icons/spinner.svg) 0 0 no-repeat;
+  background-size: 72px 34px;
+  display: block;
+  -o-animation: ues-spin 0.75s linear infinite;
+  -ms-animation: ues-spin 0.75s linear infinite;
+  -moz-animation: ues-spin 0.75s linear infinite;
+  -webkit-animation: ues-spin 0.75s linear infinite;
+  animation: ues-spin 0.75s linear infinite;
+}
+
+.ues-icon-spinner.smaller {
+  background-size: 32px 16px;
+  width: 16px;
+  height: 16px;
+  -o-animation: ues-spin 0.5s linear infinite;
+  -ms-animation: ues-spin 0.5s linear infinite;
+  -moz-animation: ues-spin 0.5s linear infinite;
+  -webkit-animation: ues-spin 0.5s linear infinite;
+  animation: ues-spin 0.5s linear infinite;
+}
+
+.ues-icon-spinner.orange {
+  background-position: -36px 0;
+}
+
+.ues-icon-spinner.smaller.orange {
+  background-position: -16px 0;
+}
+
+@keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-o-keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-ms-keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-moz-keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
 }
\ No newline at end of file

=== added file 'public/icons/spinner.svg'
--- public/icons/spinner.svg	1970-01-01 00:00:00 +0000
+++ public/icons/spinner.svg	2014-04-14 09:44:33 +0000
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" style="enable-background:new 0 0 72 34" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 72 34" version="1.1" y="0px" x="0px" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><defs><clipPath id="b" clipPathUnits="userSpaceOnUse"><rect height="15.022" width="15.022" y="-4.7076" x="5.2968"/></clipPath><clipPath id="a" clipPathUnits="userSpaceOnUse"><rect height="15.022" width="15.022" y="-4.7076" x="5.2968"/></clipPath></defs><path d="m30.64 9.9437a10.678 10.678 0 1 1 -21.355 0 10.678 10.678 0 1 1 21.355 0z" clip-path="url(#b)" transform="matrix(1.1614 0 0 1.1614 31.852 5.4881)" stroke="#dd4814" stroke-miterlimit="0" stroke-width="7.9474" fill="none"/><path d="m30.64 9.9437a10.678 10.678 0 1 1 -21.355 0 10.678 10.678 0 1 1 21.355 0z" clip-path="url(#a)" transform="matrix(1.1614 0 0 1.1614 -6.1685 5.4881)" stroke="#fff" stroke-miterlimit="0" stroke-width="7.9474" fill="none"/></svg>

=== modified file 'public/ulysses-min.css'
--- public/ulysses-min.css	2014-04-07 19:53:31 +0000
+++ public/ulysses-min.css	2014-04-14 09:44:33 +0000
@@ -3,4 +3,4 @@
 Copyright 2013 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 https://github.com/yui/pure/blob/master/LICENSE.md
-*/.ues-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.ues-g{word-spacing:-.43em}.ues-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-u-1,.ues-u-1-12,.ues-u-1-2,.ues-u-1-24,.ues-u-1-3,.ues-u-1-4,.ues-u-1-5,.ues-u-1-6,.ues-u-1-8,.ues-u-11-12,.ues-u-11-24,.ues-u-13-24,.ues-u-17-24,.ues-u-19-24,.ues-u-2-3,.ues-u-2-5,.ues-u-23-24,.ues-u-3-4,.ues-u-3-5,.ues-u-3-8,.ues-u-4-5,.ues-u-5-12,.ues-u-5-24,.ues-u-5-6,.ues-u-5-8,.ues-u-7-12,.ues-u-7-24,.ues-u-7-8{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-u-1{width:100%}.ues-u-1-2{width:50%;*width:49.969%}.ues-u-1-3{width:33.3333%;*width:33.3023%}.ues-u-2-3{width:66.6667%;*width:66.6357%}.ues-u-1-4{width:25%;*width:24.969%}.ues-u-3-4{width:75%;*width:74.969%}.ues-u-1-5{width:20%;*width:19.969%}.ues-u-2-5{width:40%;*width:39.969%}.ues-u-3-5{width:60%;*width:59.969%}.ues-u-4-5{width:80%;*width:79.969%}.ues-u-1-6{width:16.6667%;*width:16.6357%}.ues-u-5-6{width:83.3333%;*width:83.3023%}.ues-u-1-8{width:12.5%;*width:12.469%}.ues-u-3-8{width:37.5%;*width:37.469%}.ues-u-5-8{width:62.5%;*width:62.469%}.ues-u-7-8{width:87.5%;*width:87.469%}.ues-u-1-12{width:8.3333%;*width:8.3023%}.ues-u-5-12{width:41.6667%;*width:41.6357%}.ues-u-7-12{width:58.3333%;*width:58.3023%}.ues-u-11-12{width:91.6667%;*width:91.6357%}.ues-u-1-24{width:4.1667%;*width:4.1357%}.ues-u-5-24{width:20.8333%;*width:20.8023%}.ues-u-7-24{width:29.1667%;*width:29.1357%}.ues-u-11-24{width:45.8333%;*width:45.8023%}.ues-u-13-24{width:54.1667%;*width:54.1357%}.ues-u-17-24{width:70.8333%;*width:70.8023%}.ues-u-19-24{width:79.1667%;*width:79.1357%}.ues-u-23-24{width:95.8333%;*width:95.8023%}.ues-g-r{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.ues-g-r{word-spacing:-.43em}.ues-g-r img{max-width:100%;height:auto}@media (min-width:980px){.ues-hidden-desktop,.ues-visible-phone,.ues-visible-tablet{display:none}}@media (max-width:480px){.ues-g-r>.ues-u,.ues-g-r>[class *="ues-u-"]{width:100%}}@media (max-width:767px){.ues-g-r>.ues-u,.ues-g-r>[class *="ues-u-"]{width:100%}.ues-hidden-phone,.ues-visible-desktop{display:none}}@media (min-width:768px) and (max-width:979px){.ues-hidden-tablet,.ues-visible-desktop{display:none}}.ues-icon-menu{width:36px;height:34px;background:transparent url(icons/menu.svg) 0 0 no-repeat;background-size:72px 34px;display:block}.ues-icon-menu.orange{background-position:-36px 0}.ues-icon-search{width:36px;height:36px;background:transparent url(icons/search.svg) 0 0 no-repeat;background-size:72px 36px;display:block}.ues-icon-search.orange{background-position:-36px 0}.ues-icon-search.small{background-size:48px 24px;width:24px;height:24px}.ues-icon-search.orange.small{background-position:-24px 0}.ues-icon-search.smaller{background-size:32px 16px;width:16px;height:16px}.ues-icon-search.orange.smaller{background-position:-16px 0}.ues-icon-search-bordered{width:36px;height:34px;background:transparent url(icons/search-bordered.svg) 0 0 no-repeat;background-size:72px 34px;display:block}.ues-icon-search-bordered.orange{background-position:-36px 0}[class*=ues-],[class*=ues-] *,[class*=ues-] :after,[class*=ues-] :before,[class*=ues-]:after,[class*=ues-]:before{-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.ues-page{width:984px;margin:0 auto}@media (min-width:1210px){.ues-page{width:1200px;margin:0 auto}}@media (max-width:940px){.ues-page{width:100%}}.pull-left{float:left}.pull-right{float:right}.clear:after,.clear:before{content:" ";display:table}.clear:after{clear:both}.ues-footer>.ues-footer-row{font-size:11px;padding:2em 1em;background-color:#f7f6f5;border-top:1px solid #d8d8d8}.ues-footer>.ues-footer-row+.ues-footer-row{font-size:12px;background-color:#efedec;border-top:1px solid #d8d8d8}@media screen and (max-width:320px){.ues-footer>.ues-footer-row{font-size:14px}}.ues-footer a{color:#333}.ues-footer a:hover{color:#dd4814;text-decoration:underline}.ues-footer-column{margin:0 20px 0 0}.ues-footer .yui3-u-1-6:last-child .ues-footer-column,.ues-footer-copyright p{margin:0}.ues-box{padding:20px;margin:0 0 20px;-o-border-radius:12px;-ms-border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}.ues-box form{margin:0}.ues-box label:first-child{margin-top:0}.ues-box-solid{background:#f7f6f5}.ues-box-bordered{border:1px solid #ccc}.ues-box-shadowed{-o-box-shadow:0 1px 6px 0 #C2C2C2;-ms-box-shadow:0 1px 6px 0 #C2C2C2;-moz-box-shadow:0 1px 6px 0 #C2C2C2;-webkit-box-shadow:0 1px 6px 0 #C2C2C2;box-shadow:0 1px 6px 0 #C2C2C2}.ues-well{-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-o-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;-ms-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;-moz-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;box-shadow:0 1px 1px rgba(0,0,0,.05) inset}.ues-message{padding:.5em .6em;background-color:#E6E4E2;border-color:#AEA79F;color:#555;-o-border-radius:2px;-ms-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.ues-message a:link{color:inherit;color:rgba(0,0,0,.75);text-decoration:underline}.ues-message a:hover{color:#000}.ues-message-inline{display:inline-block}.ues-message-bordered{border-width:1px;border-style:solid;-o-box-shadow:1px 1px 3px 0 rgba(0,0,0,.25);-ms-box-shadow:1px 1px 3px 0 rgba(0,0,0,.25);-moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,.25);-webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,.25);box-shadow:1px 1px 3px 0 rgba(0,0,0,.25)}.ues-message-stack li{border-top-width:0;border-bottom-color:#000;border-bottom-color:rgba(0,0,0,.25);-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ues-message-stack :first-child{border-top-width:1px;-o-border-radius:2px 2px 0 0;-ms-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}.ues-message-stack :last-child{border-bottom-width:1px;-o-border-radius:0 0 2px 2px;-ms-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px}.ues-message-closeable{position:relative;cursor:pointer;overflow:hidden;max-height:1000px;-o-transition:.3s ease all;-ms-transition:.3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all;transition:.3s ease all}.ues-message-closeable:after{content:"✖";position:absolute;right:.6em;opacity:0}.ues-message-closeable:hover:after{opacity:1}.ues-message-closed{max-height:0;padding:0;border:0;margin:0;opacity:0;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.ues-disabled{color:#999;border-color:#ccc}.ues-success{background-color:#AFE1B6;border-color:#38B44A;color:#114918}.ues-warning{background-color:#F8E2B1;border-color:#EFB73E;color:#68563F}.ues-error{background-color:#F5C2BF;border-color:#DF382C;color:#A11E1A}@keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}.ues-error-pulsating{-o-animation:ues-error-pulsating .7s ease-in-out infinite alternate;-ms-animation:ues-error-pulsating .7s ease-in-out infinite alternate;-moz-animation:ues-error-pulsating .7s ease-in-out infinite alternate;-webkit-animation:ues-error-pulsating .7s ease-in-out infinite alternate;animation:ues-error-pulsating .7s ease-in-out infinite alternate}.ues-information{background-color:#B9E9FA;border-color:#19B6EE;color:#40525C}@-o-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@-ms-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@-moz-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@-webkit-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}.ues-menu{margin:0;padding:0}.ues-menu:after,.ues-menu:before{content:" ";display:table}.ues-menu:after{clear:both}.ues-menu>li{display:block;position:relative;margin:0;padding:0;list-style-type:none;border-bottom:1px solid #ccc}.ues-menu>li>a,.ues-menu>li>span{display:block;position:relative;padding:10px 15px}.ues-menu>li>a:focus,.ues-menu>li>a:hover{background-color:#f7f6f5}.ues-menu-horizontal.ues-menu>li{border-bottom:0}.ues-menu-horizontal>li{float:left}.ues-menu-selected{background-color:#f7f6f5}.ues-menu-selected a:after{content:'\25B8';float:right;color:#333;font-size:120%}.ues-navbar{position:relative;background-color:#dd4814;font-size:13px;line-height:34px;min-height:54px}.ues-navbar.ues-navbar-invert{background:#fff;font-weight:400}.ues-navbar .ues-container{position:relative}.ues-navbar-secondary-nav{float:right}.ues-navbar-brand,.ues-navbar-primary-nav,.ues-navbar-secondary-nav>.ues-navbar-menu,.ues-navbar-secondary-nav>div{float:left}.ues-navbar,.ues-navbar-brand,.ues-navbar-brand>a,.ues-navbar-menu>li,.ues-navbar-menu>li>a,.ues-navbar>a{color:#fff}.ues-navbar-invert,.ues-navbar-invert .ues-navbar-brand,.ues-navbar-invert .ues-navbar-brand>a,.ues-navbar-invert .ues-navbar-menu>li,.ues-navbar-invert .ues-navbar-menu>li>a,.ues-navbar-invert>a{color:#dd4814}.ues-navbar-brand>a,.ues-navbar-menu>li>a,.ues-navbar-menu>li>span,.ues-navbar-search,.ues-navbar-text,.ues-navbar-toggle{display:block;padding:10px}.ues-navbar-menu{margin:0;padding:0;list-style:none}.ues-navbar-menu>li{float:left}.ues-navbar-text{margin:0}.ues-navbar .ues-button-group{display:block}.ues-navbar .ues-button-toolbar>.ues-button-group{display:inline-block}.ues-navbar-menu>li,.ues-navbar-menu>li>a{position:relative}.ues-navbar-menu>li>a:hover{background-color:#f75216}.ues-navbar-invert .ues-navbar-menu>li>a:hover{background-color:#fcece7}.ues-navbar-toggle{display:none;float:right}.ues-icon-bar{background-color:#fff;height:2px;width:24px;display:block;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.ues-icon-bar+.ues-icon-bar{margin-top:4px}.ues-navbar-toggle .ues-button{position:relative;background:#dd4814;border-color:#ad2e03;color:#fff;padding:9px}.ues-navbar-invert .ues-navbar-toggle .ues-button{background:#fff;border-color:#dd4814;color:#dd4814}.ues-navbar-invert .ues-icon-bar{background-color:#dd4814}.ues-navbar-search{position:relative}.ues-navbar-search .ues-form-quicksearch{width:140px;padding-right:53px}.ues-navbar-search .ues-form-quicksearch:focus{width:200px}.ues-icon-search+.ues-form-quicksearch{padding-left:35px;padding-right:0}.ues-navbar-search>.ues-icon-search{position:absolute;left:20px;top:19px}.ues-navbar-search .ues-button-search{border-width:0 0 0 1px;padding:8px 15px;position:absolute;right:11px;top:11px;-o-border-radius:0 2px 2px 0;-ms-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}@media (max-width:480px){.ues-navbar-primary-nav,.ues-navbar-secondary-nav{background-color:#eee;width:100%}.ues-navbar-menu{border-bottom:1px solid #ddd}.ues-navbar-menu li,.ues-navbar-secondary-nav>.ues-navbar-menu,.ues-navbar-secondary-nav>div{float:none}.ues-navbar-invert .ues-navbar-menu li a,.ues-navbar-menu li a{font-weight:200;color:#333;border-bottom:1px solid #ddd}.ues-navbar-invert .ues-navbar-menu li a:hover,.ues-navbar-menu li a:hover{background-color:#fff}.ues-navbar-text{color:#333}.ues-navbar-toggle{display:block}.ues-navbar-search{background-color:#eee}.ues-navbar-search .ues-form-quicksearch,.ues-navbar-search .ues-form-quicksearch:focus{width:100%}}.ues-pagination{display:inline-block;font-size:12px;font-weight:400;margin:10px 0;-o-border-radius:8px;-ms-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.ues-pagination li{padding:0;float:left;list-style:none}.ues-pagination a{padding:10px;position:relative}.ues-pagination .ues-active a{text-decoration:underline}.ues-pagination .ues-disabled a{cursor:not-allowed;color:#999}.ues-pagination-break span{padding:10px 5px;color:#999}.ues-navbar .ues-breadcrumb{margin:0}.ues-breadcrumb{padding:10px 0;margin:0 0 15px;list-style:none}.ues-breadcrumb>li{display:inline-block}.ues-breadcrumb .active{color:#999}.ues-breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\203A"}.ues-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px dotted #AEA79F}.ues-table caption{font-style:italic;font-size:13px;line-height:1;padding:1em 0;text-align:center}.ues-table td,.ues-table th{background-color:#F0EDEA;border-left:1px dotted #AEA79F;border-width:0 0 0 1px;padding:15px 10px;overflow:visible}.ues-table-small td,.ues-table-small th{padding:5px 10px}.ues-table td:first-child,.ues-table th:first-child{border-left-width:0}.ues-table thead{background-color:#FEE3D2;color:#333;text-align:left;font-weight:400;vertical-align:bottom}.ues-table thead th{border-collapse:separate;border-spacing:0 10px;background-color:transparent}.ues-table tbody th,.ues-table tfoot th{font-weight:300}.ues-table-bordered td,.ues-table-bordered th{border-bottom:1px dotted #AEA79F}.ues-table-bordered tbody>tr:last-child td,.ues-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.ues-table-horizontal td,.ues-table-horizontal th{border-width:0 0 1px;border-bottom:1px dotted #cbcbcb}.ues-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.ues-table-striped tr:nth-child(2n-1) td{background-color:#F7F7F7}body,html{font-family:Ubuntu,Arial,"libra sans",sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:25px;color:#333}.ues-g [class *="ues-u"],.ues-g-r [class *="ues-u"]{font-family:Ubuntu,Arial,"libra sans",sans-serif}h1,h2,h3,h4,h5,h6{font-weight:300;padding:0;margin:.5em 0 1em;line-height:1}p+h2,p+h3,p+h4,p+h5,p+h6{margin-top:1em}.ues-hdisplay{font-size:45px}.ues-hmain,h1{font-size:32px}.ues-hmedium,h2{font-size:23px}.ues-hlight,h3,h4,h5,h6{font-size:18px}.ues-hinline{display:inline;font-weight:400;font-size:1em;line-height:inherit;padding:0;margin-left:0;margin-right:0}p{margin:0 0 1em}p:last-child{margin:0}.ues-lead{font-size:23px;line-height:1.5;margin:0 0 .5em}a{color:#dd4814;text-decoration:none}ol,ul{margin:.5em 0;padding:0}ul li{list-style:none}.ues-list{padding-left:40px;margin-bottom:15px}.ues-list li{list-style:disc}ol.ues-list li{list-style:decimal}dl.ues-list{padding:0}dl.ues-list dd{list-style:disc}.ues-list-bordered{padding:0}.ues-list-bordered li{list-style:none;border-bottom:1px dotted #ccc;padding:.3em}.ues-list-inline{display:inline;overflow:hidden;margin-left:.3em;padding:0}.ues-list-inline li{list-style:none;display:inline-block}.ues-list-inline li:after{content:' |';margin:0 .15em}.ues-list-inline li:last-child:after{content:''}pre{margin:.5em 0}code,pre{font-family:"Ubuntu Mono",Monaco,Menlo,Consolas,"Courier New",monospace;font-weight:300}abbr{border-bottom:1px solid #333}.ues-u1-logo{display:inline-block;width:143px;height:57px;background-image:url(svg/u1-logo-sprite.svg);background-color:transparent;background-repeat:no-repeat;background-size:288px 60px;text-indent:-9000px;direction:ltr}.ues-u1-logo-on-white{background-position:-145px 0}
\ No newline at end of file
+*/.ues-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.ues-g{word-spacing:-.43em}.ues-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-u-1,.ues-u-1-12,.ues-u-1-2,.ues-u-1-24,.ues-u-1-3,.ues-u-1-4,.ues-u-1-5,.ues-u-1-6,.ues-u-1-8,.ues-u-11-12,.ues-u-11-24,.ues-u-13-24,.ues-u-17-24,.ues-u-19-24,.ues-u-2-3,.ues-u-2-5,.ues-u-23-24,.ues-u-3-4,.ues-u-3-5,.ues-u-3-8,.ues-u-4-5,.ues-u-5-12,.ues-u-5-24,.ues-u-5-6,.ues-u-5-8,.ues-u-7-12,.ues-u-7-24,.ues-u-7-8{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-u-1{width:100%}.ues-u-1-2{width:50%;*width:49.969%}.ues-u-1-3{width:33.3333%;*width:33.3023%}.ues-u-2-3{width:66.6667%;*width:66.6357%}.ues-u-1-4{width:25%;*width:24.969%}.ues-u-3-4{width:75%;*width:74.969%}.ues-u-1-5{width:20%;*width:19.969%}.ues-u-2-5{width:40%;*width:39.969%}.ues-u-3-5{width:60%;*width:59.969%}.ues-u-4-5{width:80%;*width:79.969%}.ues-u-1-6{width:16.6667%;*width:16.6357%}.ues-u-5-6{width:83.3333%;*width:83.3023%}.ues-u-1-8{width:12.5%;*width:12.469%}.ues-u-3-8{width:37.5%;*width:37.469%}.ues-u-5-8{width:62.5%;*width:62.469%}.ues-u-7-8{width:87.5%;*width:87.469%}.ues-u-1-12{width:8.3333%;*width:8.3023%}.ues-u-5-12{width:41.6667%;*width:41.6357%}.ues-u-7-12{width:58.3333%;*width:58.3023%}.ues-u-11-12{width:91.6667%;*width:91.6357%}.ues-u-1-24{width:4.1667%;*width:4.1357%}.ues-u-5-24{width:20.8333%;*width:20.8023%}.ues-u-7-24{width:29.1667%;*width:29.1357%}.ues-u-11-24{width:45.8333%;*width:45.8023%}.ues-u-13-24{width:54.1667%;*width:54.1357%}.ues-u-17-24{width:70.8333%;*width:70.8023%}.ues-u-19-24{width:79.1667%;*width:79.1357%}.ues-u-23-24{width:95.8333%;*width:95.8023%}.ues-g-r{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.ues-g-r{word-spacing:-.43em}.ues-g-r img{max-width:100%;height:auto}@media (min-width:980px){.ues-hidden-desktop,.ues-visible-phone,.ues-visible-tablet{display:none}}@media (max-width:480px){.ues-g-r>.ues-u,.ues-g-r>[class *="ues-u-"]{width:100%}}@media (max-width:767px){.ues-g-r>.ues-u,.ues-g-r>[class *="ues-u-"]{width:100%}.ues-hidden-phone,.ues-visible-desktop{display:none}}@media (min-width:768px) and (max-width:979px){.ues-hidden-tablet,.ues-visible-desktop{display:none}}.ues-icon-menu{width:36px;height:34px;background:transparent url(icons/menu.svg) 0 0 no-repeat;background-size:72px 34px;display:block}.ues-icon-menu.orange{background-position:-36px 0}.ues-icon-search{width:36px;height:36px;background:transparent url(icons/search.svg) 0 0 no-repeat;background-size:72px 36px;display:block}.ues-icon-search.orange{background-position:-36px 0}.ues-icon-search.small{background-size:48px 24px;width:24px;height:24px}.ues-icon-search.orange.small{background-position:-24px 0}.ues-icon-search.smaller{background-size:32px 16px;width:16px;height:16px}.ues-icon-search.orange.smaller{background-position:-16px 0}.ues-icon-search-bordered{width:36px;height:34px;background:transparent url(icons/search-bordered.svg) 0 0 no-repeat;background-size:72px 34px;display:block}.ues-icon-search-bordered.orange{background-position:-36px 0}.ues-icon-spinner{width:36px;height:34px;background:transparent url(icons/spinner.svg) 0 0 no-repeat;background-size:72px 34px;display:block;-o-animation:ues-spin .75s linear infinite;-ms-animation:ues-spin .75s linear infinite;-moz-animation:ues-spin .75s linear infinite;-webkit-animation:ues-spin .75s linear infinite;animation:ues-spin .75s linear infinite}.ues-icon-spinner.smaller{background-size:32px 16px;width:16px;height:16px;-o-animation:ues-spin .5s linear infinite;-ms-animation:ues-spin .5s linear infinite;-moz-animation:ues-spin .5s linear infinite;-webkit-animation:ues-spin .5s linear infinite;animation:ues-spin .5s linear infinite}.ues-icon-spinner.orange{background-position:-36px 0}.ues-icon-spinner.smaller.orange{background-position:-16px 0}@keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}[class*=ues-],[class*=ues-] *,[class*=ues-] :after,[class*=ues-] :before,[class*=ues-]:after,[class*=ues-]:before{-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.ues-page{width:984px;margin:0 auto}@media (min-width:1210px){.ues-page{width:1200px;margin:0 auto}}@media (max-width:940px){.ues-page{width:100%}}.pull-left{float:left}.pull-right{float:right}.clear:after,.clear:before{content:" ";display:table}.clear:after{clear:both}.ues-footer>.ues-footer-row{font-size:11px;padding:2em 1em;background-color:#f7f6f5;border-top:1px solid #d8d8d8}.ues-footer>.ues-footer-row+.ues-footer-row{font-size:12px;background-color:#efedec;border-top:1px solid #d8d8d8}@media screen and (max-width:320px){.ues-footer>.ues-footer-row{font-size:14px}}.ues-footer a{color:#333}.ues-footer a:hover{color:#dd4814;text-decoration:underline}.ues-footer-column{margin:0 20px 0 0}.ues-footer .yui3-u-1-6:last-child .ues-footer-column,.ues-footer-copyright p{margin:0}.ues-box{padding:20px;margin:0 0 20px;-o-border-radius:12px;-ms-border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}.ues-box form{margin:0}.ues-box label:first-child{margin-top:0}.ues-box-solid{background:#f7f6f5}.ues-box-bordered{border:1px solid #ccc}.ues-box-shadowed{-o-box-shadow:0 1px 6px 0 #C2C2C2;-ms-box-shadow:0 1px 6px 0 #C2C2C2;-moz-box-shadow:0 1px 6px 0 #C2C2C2;-webkit-box-shadow:0 1px 6px 0 #C2C2C2;box-shadow:0 1px 6px 0 #C2C2C2}.ues-well{-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-o-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;-ms-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;-moz-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;box-shadow:0 1px 1px rgba(0,0,0,.05) inset}.ues-message{padding:.5em .6em;background-color:#E6E4E2;border-color:#AEA79F;color:#555;-o-border-radius:2px;-ms-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.ues-message a:link{color:inherit;color:rgba(0,0,0,.75);text-decoration:underline}.ues-message a:hover{color:#000}.ues-message-inline{display:inline-block}.ues-message-bordered{border-width:1px;border-style:solid;-o-box-shadow:1px 1px 3px 0 rgba(0,0,0,.25);-ms-box-shadow:1px 1px 3px 0 rgba(0,0,0,.25);-moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,.25);-webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,.25);box-shadow:1px 1px 3px 0 rgba(0,0,0,.25)}.ues-message-stack li{border-top-width:0;border-bottom-color:#000;border-bottom-color:rgba(0,0,0,.25);-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ues-message-stack :first-child{border-top-width:1px;-o-border-radius:2px 2px 0 0;-ms-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}.ues-message-stack :last-child{border-bottom-width:1px;-o-border-radius:0 0 2px 2px;-ms-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px}.ues-message-closeable{position:relative;cursor:pointer;overflow:hidden;max-height:1000px;-o-transition:.3s ease all;-ms-transition:.3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all;transition:.3s ease all}.ues-message-closeable:after{content:"✖";position:absolute;right:.6em;opacity:0}.ues-message-closeable:hover:after{opacity:1}.ues-message-closed{max-height:0;padding:0;border:0;margin:0;opacity:0;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.ues-disabled{color:#999;border-color:#ccc}.ues-success{background-color:#AFE1B6;border-color:#38B44A;color:#114918}.ues-warning{background-color:#F8E2B1;border-color:#EFB73E;color:#68563F}.ues-error{background-color:#F5C2BF;border-color:#DF382C;color:#A11E1A}@keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}.ues-error-pulsating{-o-animation:ues-error-pulsating .7s ease-in-out infinite alternate;-ms-animation:ues-error-pulsating .7s ease-in-out infinite alternate;-moz-animation:ues-error-pulsating .7s ease-in-out infinite alternate;-webkit-animation:ues-error-pulsating .7s ease-in-out infinite alternate;animation:ues-error-pulsating .7s ease-in-out infinite alternate}.ues-information{background-color:#B9E9FA;border-color:#19B6EE;color:#40525C}@-o-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@-ms-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@-moz-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@-webkit-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}.ues-menu{margin:0;padding:0}.ues-menu:after,.ues-menu:before{content:" ";display:table}.ues-menu:after{clear:both}.ues-menu>li{display:block;position:relative;margin:0;padding:0;list-style-type:none;border-bottom:1px solid #ccc}.ues-menu>li>a,.ues-menu>li>span{display:block;position:relative;padding:10px 15px}.ues-menu>li>a:focus,.ues-menu>li>a:hover{background-color:#f7f6f5}.ues-menu-horizontal.ues-menu>li{border-bottom:0}.ues-menu-horizontal>li{float:left}.ues-menu-selected{background-color:#f7f6f5}.ues-menu-selected a:after{content:'\25B8';float:right;color:#333;font-size:120%}.ues-navbar{position:relative;background-color:#dd4814;font-size:13px;line-height:34px;min-height:54px}.ues-navbar.ues-navbar-invert{background:#fff;font-weight:400}.ues-navbar .ues-container{position:relative}.ues-navbar-secondary-nav{float:right}.ues-navbar-brand,.ues-navbar-primary-nav,.ues-navbar-secondary-nav>.ues-navbar-menu,.ues-navbar-secondary-nav>div{float:left}.ues-navbar,.ues-navbar-brand,.ues-navbar-brand>a,.ues-navbar-menu>li,.ues-navbar-menu>li>a,.ues-navbar>a{color:#fff}.ues-navbar-invert,.ues-navbar-invert .ues-navbar-brand,.ues-navbar-invert .ues-navbar-brand>a,.ues-navbar-invert .ues-navbar-menu>li,.ues-navbar-invert .ues-navbar-menu>li>a,.ues-navbar-invert>a{color:#dd4814}.ues-navbar-brand>a,.ues-navbar-menu>li>a,.ues-navbar-menu>li>span,.ues-navbar-search,.ues-navbar-text,.ues-navbar-toggle{display:block;padding:10px}.ues-navbar-menu{margin:0;padding:0;list-style:none}.ues-navbar-menu>li{float:left}.ues-navbar-text{margin:0}.ues-navbar .ues-button-group{display:block}.ues-navbar .ues-button-toolbar>.ues-button-group{display:inline-block}.ues-navbar-menu>li,.ues-navbar-menu>li>a{position:relative}.ues-navbar-menu>li>a:hover{background-color:#f75216}.ues-navbar-invert .ues-navbar-menu>li>a:hover{background-color:#fcece7}.ues-navbar-toggle{display:none;float:right}.ues-icon-bar{background-color:#fff;height:2px;width:24px;display:block;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.ues-icon-bar+.ues-icon-bar{margin-top:4px}.ues-navbar-toggle .ues-button{position:relative;background:#dd4814;border-color:#ad2e03;color:#fff;padding:9px}.ues-navbar-invert .ues-navbar-toggle .ues-button{background:#fff;border-color:#dd4814;color:#dd4814}.ues-navbar-invert .ues-icon-bar{background-color:#dd4814}.ues-navbar-search{position:relative}.ues-navbar-search .ues-form-quicksearch{width:140px;padding-right:53px}.ues-navbar-search .ues-form-quicksearch:focus{width:200px}.ues-icon-search+.ues-form-quicksearch{padding-left:35px;padding-right:0}.ues-navbar-search>.ues-icon-search{position:absolute;left:20px;top:19px}.ues-navbar-search .ues-button-search{border-width:0 0 0 1px;padding:8px 15px;position:absolute;right:11px;top:11px;-o-border-radius:0 2px 2px 0;-ms-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}@media (max-width:480px){.ues-navbar-primary-nav,.ues-navbar-secondary-nav{background-color:#eee;width:100%}.ues-navbar-menu{border-bottom:1px solid #ddd}.ues-navbar-menu li,.ues-navbar-secondary-nav>.ues-navbar-menu,.ues-navbar-secondary-nav>div{float:none}.ues-navbar-invert .ues-navbar-menu li a,.ues-navbar-menu li a{font-weight:200;color:#333;border-bottom:1px solid #ddd}.ues-navbar-invert .ues-navbar-menu li a:hover,.ues-navbar-menu li a:hover{background-color:#fff}.ues-navbar-text{color:#333}.ues-navbar-toggle{display:block}.ues-navbar-search{background-color:#eee}.ues-navbar-search .ues-form-quicksearch,.ues-navbar-search .ues-form-quicksearch:focus{width:100%}}.ues-pagination{display:inline-block;font-size:12px;font-weight:400;margin:10px 0;-o-border-radius:8px;-ms-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.ues-pagination li{padding:0;float:left;list-style:none}.ues-pagination a{padding:10px;position:relative}.ues-pagination .ues-active a{text-decoration:underline}.ues-pagination .ues-disabled a{cursor:not-allowed;color:#999}.ues-pagination-break span{padding:10px 5px;color:#999}.ues-navbar .ues-breadcrumb{margin:0}.ues-breadcrumb{padding:10px 0;margin:0 0 15px;list-style:none}.ues-breadcrumb>li{display:inline-block}.ues-breadcrumb .active{color:#999}.ues-breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\203A"}.ues-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px dotted #AEA79F}.ues-table caption{font-style:italic;font-size:13px;line-height:1;padding:1em 0;text-align:center}.ues-table td,.ues-table th{background-color:#F0EDEA;border-left:1px dotted #AEA79F;border-width:0 0 0 1px;padding:15px 10px;overflow:visible}.ues-table-small td,.ues-table-small th{padding:5px 10px}.ues-table td:first-child,.ues-table th:first-child{border-left-width:0}.ues-table thead{background-color:#FEE3D2;color:#333;text-align:left;font-weight:400;vertical-align:bottom}.ues-table thead th{border-collapse:separate;border-spacing:0 10px;background-color:transparent}.ues-table tbody th,.ues-table tfoot th{font-weight:300}.ues-table-bordered td,.ues-table-bordered th{border-bottom:1px dotted #AEA79F}.ues-table-bordered tbody>tr:last-child td,.ues-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.ues-table-horizontal td,.ues-table-horizontal th{border-width:0 0 1px;border-bottom:1px dotted #cbcbcb}.ues-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.ues-table-striped tr:nth-child(2n-1) td{background-color:#F7F7F7}body,html{font-family:Ubuntu,Arial,"libra sans",sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:25px;color:#333}.ues-g [class *="ues-u"],.ues-g-r [class *="ues-u"]{font-family:Ubuntu,Arial,"libra sans",sans-serif}h1,h2,h3,h4,h5,h6{font-weight:300;padding:0;margin:.5em 0 1em;line-height:1}p+h2,p+h3,p+h4,p+h5,p+h6{margin-top:1em}.ues-hdisplay{font-size:45px}.ues-hmain,h1{font-size:32px}.ues-hmedium,h2{font-size:23px}.ues-hlight,h3,h4,h5,h6{font-size:18px}.ues-hinline{display:inline;font-weight:400;font-size:1em;line-height:inherit;padding:0;margin-left:0;margin-right:0}p{margin:0 0 1em}p:last-child{margin:0}.ues-lead{font-size:23px;line-height:1.5;margin:0 0 .5em}a{color:#dd4814;text-decoration:none}ol,ul{margin:.5em 0;padding:0}ul li{list-style:none}.ues-list{padding-left:40px;margin-bottom:15px}.ues-list li{list-style:disc}ol.ues-list li{list-style:decimal}dl.ues-list{padding:0}dl.ues-list dd{list-style:disc}.ues-list-bordered{padding:0}.ues-list-bordered li{list-style:none;border-bottom:1px dotted #ccc;padding:.3em}.ues-list-inline{display:inline;overflow:hidden;margin-left:.3em;padding:0}.ues-list-inline li{list-style:none;display:inline-block}.ues-list-inline li:after{content:' |';margin:0 .15em}.ues-list-inline li:last-child:after{content:''}pre{margin:.5em 0}code,pre{font-family:"Ubuntu Mono",Monaco,Menlo,Consolas,"Courier New",monospace;font-weight:300}abbr{border-bottom:1px solid #333}.ues-u1-logo{display:inline-block;width:143px;height:57px;background-image:url(svg/u1-logo-sprite.svg);background-color:transparent;background-repeat:no-repeat;background-size:288px 60px;text-indent:-9000px;direction:ltr}.ues-u1-logo-on-white{background-position:-145px 0}
\ No newline at end of file

=== modified file 'public/ulysses.css'
--- public/ulysses.css	2014-04-07 19:53:31 +0000
+++ public/ulysses.css	2014-04-14 09:44:33 +0000
@@ -1305,6 +1305,73 @@
 .ues-icon-search-bordered.orange {
   background-position: -36px 0;
 }
+
+.ues-icon-spinner {
+  width: 36px;
+  height: 34px;
+  background: transparent url(icons/spinner.svg) 0 0 no-repeat;
+  background-size: 72px 34px;
+  display: block;
+  -o-animation: ues-spin 0.75s linear infinite;
+  -ms-animation: ues-spin 0.75s linear infinite;
+  -moz-animation: ues-spin 0.75s linear infinite;
+  -webkit-animation: ues-spin 0.75s linear infinite;
+  animation: ues-spin 0.75s linear infinite;
+}
+
+.ues-icon-spinner.smaller {
+  background-size: 32px 16px;
+  width: 16px;
+  height: 16px;
+  -o-animation: ues-spin 0.5s linear infinite;
+  -ms-animation: ues-spin 0.5s linear infinite;
+  -moz-animation: ues-spin 0.5s linear infinite;
+  -webkit-animation: ues-spin 0.5s linear infinite;
+  animation: ues-spin 0.5s linear infinite;
+}
+
+.ues-icon-spinner.orange {
+  background-position: -36px 0;
+}
+
+.ues-icon-spinner.smaller.orange {
+  background-position: -16px 0;
+}
+
+@keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-o-keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-ms-keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-moz-keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes ues-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 /**
  * FIXME
  * add a build option to create two version of final css with border-box

=== modified file 'src/icons.css'
--- src/icons.css	2014-03-25 14:57:46 +0000
+++ src/icons.css	2014-04-14 09:44:33 +0000
@@ -47,3 +47,25 @@
     background-position:-36px 0;
 }
 
+.ues-icon-spinner {
+    width:36px;
+    height:34px;
+    background:transparent url(icons/spinner.svg) 0 0 no-repeat;
+    background-size:72px 34px;
+    display:block;
+    animation:ues-spin 0.75s linear infinite;
+}
+.ues-icon-spinner.smaller {
+    background-size:32px 16px;
+    width: 16px;
+    height: 16px;
+    animation:ues-spin 0.5s linear infinite;
+}
+.ues-icon-spinner.orange {
+    background-position:-36px 0;
+}
+.ues-icon-spinner.smaller.orange {
+    background-position:-16px 0;
+}
+
+@keyframes ues-spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

=== added file 'src/icons/spinner.svg'
--- src/icons/spinner.svg	1970-01-01 00:00:00 +0000
+++ src/icons/spinner.svg	2014-04-14 09:44:33 +0000
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" style="enable-background:new 0 0 72 34" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 72 34" version="1.1" y="0px" x="0px" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><defs><clipPath id="b" clipPathUnits="userSpaceOnUse"><rect height="15.022" width="15.022" y="-4.7076" x="5.2968"/></clipPath><clipPath id="a" clipPathUnits="userSpaceOnUse"><rect height="15.022" width="15.022" y="-4.7076" x="5.2968"/></clipPath></defs><path d="m30.64 9.9437a10.678 10.678 0 1 1 -21.355 0 10.678 10.678 0 1 1 21.355 0z" clip-path="url(#b)" transform="matrix(1.1614 0 0 1.1614 31.852 5.4881)" stroke="#dd4814" stroke-miterlimit="0" stroke-width="7.9474" fill="none"/><path d="m30.64 9.9437a10.678 10.678 0 1 1 -21.355 0 10.678 10.678 0 1 1 21.355 0z" clip-path="url(#a)" transform="matrix(1.1614 0 0 1.1614 -6.1685 5.4881)" stroke="#fff" stroke-miterlimit="0" stroke-width="7.9474" fill="none"/></svg>

=== modified file 'test/index.html'
--- test/index.html	2014-04-03 15:40:39 +0000
+++ test/index.html	2014-04-14 09:44:33 +0000
@@ -36,6 +36,8 @@
     <i class="ues-icon-search smaller"></i>
 
     <i class="ues-icon-search-bordered"></i>
+    <i class="ues-icon-spinner"></i>
+    <i class="ues-icon-spinner smaller"></i>
   </div>
   <i class="ues-icon-menu orange"></i>
 
@@ -44,6 +46,8 @@
   <i class="ues-icon-search orange smaller"></i>
 
   <i class="ues-icon-search-bordered orange"></i>
+  <i class="ues-icon-spinner orange"></i>
+  <i class="ues-icon-spinner smaller orange"></i>
   </section>
   <section>
   <h1>Typography</h1>