Merge lp:~jonas-drange/ulysses/loading-icon into lp:ulysses
- loading-icon
- Merge into trunk
Proposed by
Jonas G. Drange
Status: | Merged |
---|---|
Approved by: | Jonas G. Drange |
Approved revision: | 43 |
Merged at revision: | 38 |
Proposed branch: | lp:~jonas-drange/ulysses/loading-icon |
Merge into: | lp:ulysses |
Diff against target: |
243 lines (+168/-2) 8 files modified
public/icons-min.css (+1/-1) public/icons.css (+67/-0) public/icons/spinner.svg (+3/-0) public/ulysses-min.css (+1/-1) public/ulysses.css (+67/-0) src/icons.css (+22/-0) src/icons/spinner.svg (+3/-0) test/index.html (+4/-0) |
To merge this branch: | bzr merge lp:~jonas-drange/ulysses/loading-icon |
Related bugs: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Stephen Stewart (community) | Approve | ||
Review via email: mp+215616@code.launchpad.net |
Commit message
spinner
Description of the change
To post a comment you must log in.
Revision history for this message
Stephen Stewart (stephen-stewart) wrote : | # |
- 42. By Jonas G. Drange
-
making animation part of spinner css
- 43. By Jonas G. Drange
-
fix html
Preview Diff
[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1 | === modified file 'public/icons-min.css' | |||
2 | --- public/icons-min.css 2014-04-01 09:48:48 +0000 | |||
3 | +++ public/icons-min.css 2014-04-14 09:44:33 +0000 | |||
4 | @@ -1,1 +1,1 @@ | |||
5 | 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} | ||
6 | 2 | \ No newline at end of file | 1 | \ No newline at end of file |
7 | 2 | .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)}} | ||
8 | 3 | \ No newline at end of file | 3 | \ No newline at end of file |
9 | 4 | 4 | ||
10 | === modified file 'public/icons.css' | |||
11 | --- public/icons.css 2014-03-25 14:57:46 +0000 | |||
12 | +++ public/icons.css 2014-04-14 09:44:33 +0000 | |||
13 | @@ -52,4 +52,71 @@ | |||
14 | 52 | 52 | ||
15 | 53 | .ues-icon-search-bordered.orange { | 53 | .ues-icon-search-bordered.orange { |
16 | 54 | background-position: -36px 0; | 54 | background-position: -36px 0; |
17 | 55 | } | ||
18 | 56 | |||
19 | 57 | .ues-icon-spinner { | ||
20 | 58 | width: 36px; | ||
21 | 59 | height: 34px; | ||
22 | 60 | background: transparent url(icons/spinner.svg) 0 0 no-repeat; | ||
23 | 61 | background-size: 72px 34px; | ||
24 | 62 | display: block; | ||
25 | 63 | -o-animation: ues-spin 0.75s linear infinite; | ||
26 | 64 | -ms-animation: ues-spin 0.75s linear infinite; | ||
27 | 65 | -moz-animation: ues-spin 0.75s linear infinite; | ||
28 | 66 | -webkit-animation: ues-spin 0.75s linear infinite; | ||
29 | 67 | animation: ues-spin 0.75s linear infinite; | ||
30 | 68 | } | ||
31 | 69 | |||
32 | 70 | .ues-icon-spinner.smaller { | ||
33 | 71 | background-size: 32px 16px; | ||
34 | 72 | width: 16px; | ||
35 | 73 | height: 16px; | ||
36 | 74 | -o-animation: ues-spin 0.5s linear infinite; | ||
37 | 75 | -ms-animation: ues-spin 0.5s linear infinite; | ||
38 | 76 | -moz-animation: ues-spin 0.5s linear infinite; | ||
39 | 77 | -webkit-animation: ues-spin 0.5s linear infinite; | ||
40 | 78 | animation: ues-spin 0.5s linear infinite; | ||
41 | 79 | } | ||
42 | 80 | |||
43 | 81 | .ues-icon-spinner.orange { | ||
44 | 82 | background-position: -36px 0; | ||
45 | 83 | } | ||
46 | 84 | |||
47 | 85 | .ues-icon-spinner.smaller.orange { | ||
48 | 86 | background-position: -16px 0; | ||
49 | 87 | } | ||
50 | 88 | |||
51 | 89 | @keyframes ues-spin { | ||
52 | 90 | 100% { | ||
53 | 91 | -webkit-transform: rotate(360deg); | ||
54 | 92 | transform: rotate(360deg); | ||
55 | 93 | } | ||
56 | 94 | } | ||
57 | 95 | |||
58 | 96 | @-o-keyframes ues-spin { | ||
59 | 97 | 100% { | ||
60 | 98 | -webkit-transform: rotate(360deg); | ||
61 | 99 | transform: rotate(360deg); | ||
62 | 100 | } | ||
63 | 101 | } | ||
64 | 102 | |||
65 | 103 | @-ms-keyframes ues-spin { | ||
66 | 104 | 100% { | ||
67 | 105 | -webkit-transform: rotate(360deg); | ||
68 | 106 | transform: rotate(360deg); | ||
69 | 107 | } | ||
70 | 108 | } | ||
71 | 109 | |||
72 | 110 | @-moz-keyframes ues-spin { | ||
73 | 111 | 100% { | ||
74 | 112 | -webkit-transform: rotate(360deg); | ||
75 | 113 | transform: rotate(360deg); | ||
76 | 114 | } | ||
77 | 115 | } | ||
78 | 116 | |||
79 | 117 | @-webkit-keyframes ues-spin { | ||
80 | 118 | 100% { | ||
81 | 119 | -webkit-transform: rotate(360deg); | ||
82 | 120 | transform: rotate(360deg); | ||
83 | 121 | } | ||
84 | 55 | } | 122 | } |
85 | 56 | \ No newline at end of file | 123 | \ No newline at end of file |
86 | 57 | 124 | ||
87 | === added file 'public/icons/spinner.svg' | |||
88 | --- public/icons/spinner.svg 1970-01-01 00:00:00 +0000 | |||
89 | +++ public/icons/spinner.svg 2014-04-14 09:44:33 +0000 | |||
90 | @@ -0,0 +1,3 @@ | |||
91 | 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?> | ||
92 | 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | ||
93 | 3 | <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> | ||
94 | 0 | 4 | ||
95 | === modified file 'public/ulysses-min.css' | |||
96 | --- public/ulysses-min.css 2014-04-07 19:53:31 +0000 | |||
97 | +++ public/ulysses-min.css 2014-04-14 09:44:33 +0000 | |||
98 | @@ -3,4 +3,4 @@ | |||
99 | 3 | Copyright 2013 Yahoo! Inc. All rights reserved. | 3 | Copyright 2013 Yahoo! Inc. All rights reserved. |
100 | 4 | Licensed under the BSD License. | 4 | Licensed under the BSD License. |
101 | 5 | https://github.com/yui/pure/blob/master/LICENSE.md | 5 | https://github.com/yui/pure/blob/master/LICENSE.md |
102 | 6 | */.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} | ||
103 | 7 | \ No newline at end of file | 6 | \ No newline at end of file |
104 | 7 | */.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} | ||
105 | 8 | \ No newline at end of file | 8 | \ No newline at end of file |
106 | 9 | 9 | ||
107 | === modified file 'public/ulysses.css' | |||
108 | --- public/ulysses.css 2014-04-07 19:53:31 +0000 | |||
109 | +++ public/ulysses.css 2014-04-14 09:44:33 +0000 | |||
110 | @@ -1305,6 +1305,73 @@ | |||
111 | 1305 | .ues-icon-search-bordered.orange { | 1305 | .ues-icon-search-bordered.orange { |
112 | 1306 | background-position: -36px 0; | 1306 | background-position: -36px 0; |
113 | 1307 | } | 1307 | } |
114 | 1308 | |||
115 | 1309 | .ues-icon-spinner { | ||
116 | 1310 | width: 36px; | ||
117 | 1311 | height: 34px; | ||
118 | 1312 | background: transparent url(icons/spinner.svg) 0 0 no-repeat; | ||
119 | 1313 | background-size: 72px 34px; | ||
120 | 1314 | display: block; | ||
121 | 1315 | -o-animation: ues-spin 0.75s linear infinite; | ||
122 | 1316 | -ms-animation: ues-spin 0.75s linear infinite; | ||
123 | 1317 | -moz-animation: ues-spin 0.75s linear infinite; | ||
124 | 1318 | -webkit-animation: ues-spin 0.75s linear infinite; | ||
125 | 1319 | animation: ues-spin 0.75s linear infinite; | ||
126 | 1320 | } | ||
127 | 1321 | |||
128 | 1322 | .ues-icon-spinner.smaller { | ||
129 | 1323 | background-size: 32px 16px; | ||
130 | 1324 | width: 16px; | ||
131 | 1325 | height: 16px; | ||
132 | 1326 | -o-animation: ues-spin 0.5s linear infinite; | ||
133 | 1327 | -ms-animation: ues-spin 0.5s linear infinite; | ||
134 | 1328 | -moz-animation: ues-spin 0.5s linear infinite; | ||
135 | 1329 | -webkit-animation: ues-spin 0.5s linear infinite; | ||
136 | 1330 | animation: ues-spin 0.5s linear infinite; | ||
137 | 1331 | } | ||
138 | 1332 | |||
139 | 1333 | .ues-icon-spinner.orange { | ||
140 | 1334 | background-position: -36px 0; | ||
141 | 1335 | } | ||
142 | 1336 | |||
143 | 1337 | .ues-icon-spinner.smaller.orange { | ||
144 | 1338 | background-position: -16px 0; | ||
145 | 1339 | } | ||
146 | 1340 | |||
147 | 1341 | @keyframes ues-spin { | ||
148 | 1342 | 100% { | ||
149 | 1343 | -webkit-transform: rotate(360deg); | ||
150 | 1344 | transform: rotate(360deg); | ||
151 | 1345 | } | ||
152 | 1346 | } | ||
153 | 1347 | |||
154 | 1348 | @-o-keyframes ues-spin { | ||
155 | 1349 | 100% { | ||
156 | 1350 | -webkit-transform: rotate(360deg); | ||
157 | 1351 | transform: rotate(360deg); | ||
158 | 1352 | } | ||
159 | 1353 | } | ||
160 | 1354 | |||
161 | 1355 | @-ms-keyframes ues-spin { | ||
162 | 1356 | 100% { | ||
163 | 1357 | -webkit-transform: rotate(360deg); | ||
164 | 1358 | transform: rotate(360deg); | ||
165 | 1359 | } | ||
166 | 1360 | } | ||
167 | 1361 | |||
168 | 1362 | @-moz-keyframes ues-spin { | ||
169 | 1363 | 100% { | ||
170 | 1364 | -webkit-transform: rotate(360deg); | ||
171 | 1365 | transform: rotate(360deg); | ||
172 | 1366 | } | ||
173 | 1367 | } | ||
174 | 1368 | |||
175 | 1369 | @-webkit-keyframes ues-spin { | ||
176 | 1370 | 100% { | ||
177 | 1371 | -webkit-transform: rotate(360deg); | ||
178 | 1372 | transform: rotate(360deg); | ||
179 | 1373 | } | ||
180 | 1374 | } | ||
181 | 1308 | /** | 1375 | /** |
182 | 1309 | * FIXME | 1376 | * FIXME |
183 | 1310 | * add a build option to create two version of final css with border-box | 1377 | * add a build option to create two version of final css with border-box |
184 | 1311 | 1378 | ||
185 | === modified file 'src/icons.css' | |||
186 | --- src/icons.css 2014-03-25 14:57:46 +0000 | |||
187 | +++ src/icons.css 2014-04-14 09:44:33 +0000 | |||
188 | @@ -47,3 +47,25 @@ | |||
189 | 47 | background-position:-36px 0; | 47 | background-position:-36px 0; |
190 | 48 | } | 48 | } |
191 | 49 | 49 | ||
192 | 50 | .ues-icon-spinner { | ||
193 | 51 | width:36px; | ||
194 | 52 | height:34px; | ||
195 | 53 | background:transparent url(icons/spinner.svg) 0 0 no-repeat; | ||
196 | 54 | background-size:72px 34px; | ||
197 | 55 | display:block; | ||
198 | 56 | animation:ues-spin 0.75s linear infinite; | ||
199 | 57 | } | ||
200 | 58 | .ues-icon-spinner.smaller { | ||
201 | 59 | background-size:32px 16px; | ||
202 | 60 | width: 16px; | ||
203 | 61 | height: 16px; | ||
204 | 62 | animation:ues-spin 0.5s linear infinite; | ||
205 | 63 | } | ||
206 | 64 | .ues-icon-spinner.orange { | ||
207 | 65 | background-position:-36px 0; | ||
208 | 66 | } | ||
209 | 67 | .ues-icon-spinner.smaller.orange { | ||
210 | 68 | background-position:-16px 0; | ||
211 | 69 | } | ||
212 | 70 | |||
213 | 71 | @keyframes ues-spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } | ||
214 | 50 | 72 | ||
215 | === added file 'src/icons/spinner.svg' | |||
216 | --- src/icons/spinner.svg 1970-01-01 00:00:00 +0000 | |||
217 | +++ src/icons/spinner.svg 2014-04-14 09:44:33 +0000 | |||
218 | @@ -0,0 +1,3 @@ | |||
219 | 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?> | ||
220 | 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | ||
221 | 3 | <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> | ||
222 | 0 | 4 | ||
223 | === modified file 'test/index.html' | |||
224 | --- test/index.html 2014-04-03 15:40:39 +0000 | |||
225 | +++ test/index.html 2014-04-14 09:44:33 +0000 | |||
226 | @@ -36,6 +36,8 @@ | |||
227 | 36 | <i class="ues-icon-search smaller"></i> | 36 | <i class="ues-icon-search smaller"></i> |
228 | 37 | 37 | ||
229 | 38 | <i class="ues-icon-search-bordered"></i> | 38 | <i class="ues-icon-search-bordered"></i> |
230 | 39 | <i class="ues-icon-spinner"></i> | ||
231 | 40 | <i class="ues-icon-spinner smaller"></i> | ||
232 | 39 | </div> | 41 | </div> |
233 | 40 | <i class="ues-icon-menu orange"></i> | 42 | <i class="ues-icon-menu orange"></i> |
234 | 41 | 43 | ||
235 | @@ -44,6 +46,8 @@ | |||
236 | 44 | <i class="ues-icon-search orange smaller"></i> | 46 | <i class="ues-icon-search orange smaller"></i> |
237 | 45 | 47 | ||
238 | 46 | <i class="ues-icon-search-bordered orange"></i> | 48 | <i class="ues-icon-search-bordered orange"></i> |
239 | 49 | <i class="ues-icon-spinner orange"></i> | ||
240 | 50 | <i class="ues-icon-spinner smaller orange"></i> | ||
241 | 47 | </section> | 51 | </section> |
242 | 48 | <section> | 52 | <section> |
243 | 49 | <h1>Typography</h1> | 53 | <h1>Typography</h1> |
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.