Merge lp:~stephen-stewart/ulysses/add-online-services-js-as-dep into lp:ulysses
- add-online-services-js-as-dep
- Merge into trunk
Proposed by
Stephen Stewart
Status: | Merged |
---|---|
Approved by: | Stephen Stewart |
Approved revision: | 25 |
Merged at revision: | 24 |
Proposed branch: | lp:~stephen-stewart/ulysses/add-online-services-js-as-dep |
Merge into: | lp:ulysses |
Diff against target: |
1295 lines (+973/-119) 8 files modified
bower.json (+5/-7) package.json (+3/-3) public/navigation-min.css (+1/-1) public/navigation.css (+127/-53) public/ulysses-min.css (+1/-1) public/ulysses.css (+127/-53) test/components.html (+709/-0) test/index.html (+0/-1) |
To merge this branch: | bzr merge lp:~stephen-stewart/ulysses/add-online-services-js-as-dep |
Related bugs: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Jonas G. Drange (community) | Approve | ||
Review via email: mp+209298@code.launchpad.net |
Commit message
add online services js as a devDep
Description of the change
add online services js as a devDep
To post a comment you must log in.
Revision history for this message
Stephen Stewart (stephen-stewart) wrote : | # |
Preview Diff
[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1 | === modified file 'bower.json' |
2 | --- bower.json 2014-02-21 09:56:10 +0000 |
3 | +++ bower.json 2014-03-04 16:51:51 +0000 |
4 | @@ -1,9 +1,7 @@ |
5 | { |
6 | - "name": "ulysses", |
7 | - "version": "0.0.1", |
8 | - "devDependencies": { |
9 | - "pure": "~0.3.0", |
10 | - "normalize-css": "2.1.3" |
11 | - }, |
12 | - "main": "public/" |
13 | + "name": "ulysses-dev", |
14 | + "dependencies": { |
15 | + "normalize-css": "2.1.3", |
16 | + "pure": "~0.3.0" |
17 | + } |
18 | } |
19 | |
20 | === modified file 'package.json' |
21 | --- package.json 2014-02-21 09:56:10 +0000 |
22 | +++ package.json 2014-03-04 16:51:51 +0000 |
23 | @@ -2,7 +2,6 @@ |
24 | "name": "ulysses", |
25 | "version": "0.0.1", |
26 | "description": "CSS framework used by Ubuntu Engineering", |
27 | - "main": "index.js", |
28 | "repository": { |
29 | "type": "bzr", |
30 | "url": "lp:~ubuntuone-hackers/ulysses/trunk" |
31 | @@ -13,7 +12,7 @@ |
32 | "ubuntu" |
33 | ], |
34 | "scripts": { |
35 | - "postinstall": "bower install" |
36 | + "postinstall": "bower install" |
37 | }, |
38 | "author": "Ubuntu One Engineering", |
39 | "license": "MIT", |
40 | @@ -32,6 +31,7 @@ |
41 | "grunt-css-selectors": "~1.0.0", |
42 | "grunt-phantomcss": "~0.2.0", |
43 | "grunt-rework": "0.0.5", |
44 | - "phantomjs": "~1.9.2-6" |
45 | + "phantomjs": "~1.9.2-6", |
46 | + "online-services-common-js": "0.0.3" |
47 | } |
48 | } |
49 | |
50 | === modified file 'public/navigation-min.css' |
51 | --- public/navigation-min.css 2014-02-21 09:56:10 +0000 |
52 | +++ public/navigation-min.css 2014-03-04 16:51:51 +0000 |
53 | @@ -1,1 +1,1 @@ |
54 | -.ues-menu{margin:0;padding:0;overflow:hidden}.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{overflow:hidden;background:#dd4814;font-size:13px;line-height:34px}.ues-navbar-magic-block{background-color:#dd4814}@media screen and (max-width:720px){.ues-navbar-text.welcome{display:none}}.ues-navbar-toggle{float:left;width:64px;border-left:1px solid #f75216;border-right:1px solid #f75216;font-size:22px}@media screen and (min-width:480px){.ues-navbar-toggle{display:none}}.ues-navbar-toggle a{display:block;height:34px;position:relative}.ues-navbar-toggle span,.ues-navbar-toggle span:after,.ues-navbar-toggle span:before{position:relative;display:block;height:2px;left:0;z-index:1000;background-color:#f75216;width:100%;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-toggle span{top:15px}.ues-navbar-toggle span:before{top:-6px;content:'';position:absolute;-o-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.ues-navbar-toggle span:after{top:6px;content:'';position:absolute;-o-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.ues-navbar-toggle.active span{background-color:#dd4814;transform:rotate(45deg)}.ues-navbar-toggle.active span:before{background-color:#fff;transform:rotate(90deg);top:0;left:0}.ues-navbar-toggle.active span:after{background-color:#fff;top:0;left:0}.ues-navbar .ues-menu,.ues-navbar .ues-navbar-brand{float:left}.ues-navbar-brand .ues-logo-white{background-position:15px 15px}.ues-navbar,.ues-navbar a{color:#fff}.ues-navbar-brand a,.ues-navbar-brand span{display:inline-block;text-indent:-9000px;direction:ltr}.ues-navbar .ues-menu a,.ues-navbar .ues-menu span,.ues-navbar-brand a,.ues-navbar-brand span,.ues-navbar-text,.ues-navbar-toggle{padding:15px}.ues-navbar-text{display:inline-block;margin:0}.ues-navbar-text a{border-bottom:1px solid #fff}@media screen and (max-width:480px){.ues-navbar-primary-nav .ues-menu{position:absolute;top:64px;left:0;bottom:0;min-width:150px;margin-left:-200px;z-index:10000;background:#333;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-primary-nav .ues-menu li{display:block;float:none}.ues-navbar-primary-nav.open .ues-menu{left:200px}}.ues-navbar .ues-menu li,.ues-navbar .ues-menu li a{position:relative;-o-transition:.3s linear background-color;-o-transition:.3s linear background-color;-ms-transition:.3s linear background-color;-moz-transition:.3s linear background-color;-webkit-transition:.3s linear background-color;transition:.3s linear background-color}.ues-navbar .ues-menu .active a,.ues-navbar .ues-menu .active a:hover{background-color:#f75216}.ues-navbar .ues-menu .active a:after,.ues-navbar .ues-menu .active a:before{content:'';display:block;position:absolute;width:1px;top:0;bottom:0;background-color:#dd4814}.ues-navbar .ues-menu .active a:before{left:0}.ues-navbar .ues-menu .active a:after{right:0}.ues-navbar .ues-menu li a:hover{background-color:#f75216}.ues-menu.user li a{width:40px;text-indent:-9000px;direction:ltr;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAAAfCAYAAAAWaXQGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACStJREFUeNrsnAtQFPcdx/97txx3HKcCBlDkFZ+TWKtJa50oTGy1ySTVPMY+NLXTJlO0yUzHRx8JaQbTkEfHKZm2aWtqmnaaJk6MYRKhbZwSsYazdAoDiFER0OP9EDjhOO84uLv+fsv/yHLZ3ds9dpeGud/Mj//u/l+f++/3/q9djiFhFgwGF0HwOfCl4DngS8BTwdPB54HPpy5kw9RHwHvB+8E7wR3greCNDMP0hNVH5Bjki3HOIU6GV3E2BL8DvxsTgl+l3kkL6+UV7gYfh8LcNK8VgjhwKw8ynTp+gFvpB1oNfgb8ccjbFk1DxTjnBmeo8lzwPvAS8ESikWHZtA6sKzfUUHI8xjm3OEMRp8B/SXQyrAvrjKKhYpxzhBNPFoN7tVS8yDfAS+uW21gxzjnEaYDz28GbYOwd5SeqzJt0GYUxUvFCZdC6mmjdck2QU0uLcWrHycKfFeAtUSr4eQgSwPdHkb2F1v1Pmemj5pyhqcop58ssZZs/mhvticLLlQsAQjsGwTug3FI8r/5GroUxGi28+C0QrIP4wzIBchUAT+Oc6Q1UcGNnxKnE7j4bxF6onJ7efyafuajwhurCqYLwclm67K2Sk6PhwNakCZfTFjr39jqKITBS0RmdtR8+1H/6bbkAHeAbFQDL5lTZdOP0DfYUmVIW5dDjZyH4+v8jpxrticJbTPdqIpqzpuIpCNpDQoNgAe7rwBopAy4cM6dlLewpO/p9mQBYZ4YCYEFO6CW4Pgp6hzze+aYoGqQqVIYWnHJswH4ye/H2PfS4LFthdlU4PReqVVWZZfUGQU4U3i1SDQUC+zEEdhg+z8EwVAfnZhAazu32gifzZo7E1VTbDmnsNN86CH4CN3OnSNF9tG65Jsg52ly3hrcPzp0nLl+nuIFGm+vXaMkpx1pfOXDypuPSejzuKT96UmF21Tk99WdR/E+C30cmN4Ux/d/BX6JJBOMsa/PbInGi8HC3eVh0QH7lwHJ3S8MFKiZzMOA/xRiM+UJpbau+YMI0IFJv45Pb5pvTspdIANwg4o9ghEyQs+axO84TnvLoeTQ9XqOWnCJzujQI/sr7ljOe7qtX8DDn0UP2qvuSlPCrygmiuxd4TkCHYuVdzsIOx2hL+i6e+F1Oc3gc5NkNeXeA+D6Q4mTpcHlDDKDz+MvHIajD44DPW2QwmfNFu9WMZemB8bFD+E0YPFeON/LlCA21QEFDiXHmRTifqanF+SkbG+h+PH7h4i0325tcCVkrbThqWDKWksCYx8+wcWUgzE0wYtTrzQnCyQkGAu8yBkPCp7ZETGZiyrnNjF917+VaEvR5w/dMrJC3FMq4DcTnEOPEfTxclbokVnkV4IPQkxlAzfsirnz9/h/i/A/zgJdKJHXRumVPF6Q4NTTNOBkjW+C+2kiuHC7o4l+/+Nwj497eNkvQP3EaxPcqup6cE173C0KiQ2PTMmE5CdN7g5GwqZnCn8tgsEAZxVKcrMQwgMNXCcznXoCh8/rE6I0sNnGBOdKnMZoTLOPDA/hg+AoIEOeAB+Fb8LRWqtBhcaEV98qx/o7klt/sb7117y/eh0urpnrCvvbHGvZvKV794vuZ8SmLvkUv79GLDe73NtH7Oy952vG4eCkPSNVhEIuAm0D6K4/fdfUPhdxEo+/UG5lywXv+9jq3uup4u2ThUPU/tmrZSLiY4C8MJhcb0ZRTv4boaNi+/96R1ems/fA7MH3ZzI9b8aNXB7y9jvya732+0b49dQBdTzZDXLxVVE6s6ZPjOJN4B2QSL4PrOaVGzYtF36zAlT2eOP78877UrbtI3LwUSejxkUHScewwN3S0/vagE4JzWjaSDosLrQwfHS2dvJlsDhU/SVy+lpiS0/bR1eIdszC1IBOeURJnFV6nBCd8ILj4yeNxn3gZN6VnG4YIDE/DPG2IE9TwQGtP+R89EXs7SINp6fzwOgT7NG6nvDCh5VEhKvVNZJaMtc63wYKCXCrefQnmdSC89HtgKF40WzyjXS1usTj/yNAnx64h8TK6W92RhIdiskns4z0MngIi8re/+dKvh8+LPyzEuLa/FP8K02Ie+ghNzGy0brkmyamhac4ZN39h/I26M373tQsP9FccC8Kiw+Bz9h+cLc7rjVVlgfEx4Z6sr4OQgJ9z7ljAMC+WIcXJ8pbhgqV4Opv3+4b6UNpnJlzOZxsO3rMpe3fhxoyHniCsLWlqeO1+7wgBYdr9ntFD3NLlcs2XAj7Pg3BYMdNth7Dtgg6dFxeqcIYxF0FwaNpSr6nmYwiae8pfK0v76re3w7xvD6QrBCaf2ts4kTg9A12FbRVvPZi9ZZfFQIfVqY7I5yXeloapYyHRQV4PliHFydJNRNGNx//sWtEZ2miEnsxTmef5yrXXnvmZ4/WiJ+JvWZLEsHHE2+MYDAb8RyDJ85CG+6rUFnwR8zRHaKhhBQ0lyKnDkwtVOKfNSx9da4tPyyK2FXcS28pJHz5fdYJTQ8PZwsFz5dtTNm5L9Hvdj8ClPykQniqcG35f7aj+wYaHm94pOZG6drN1XtYqwibYuHnbSPtl0l9fyQ2jYnE+l3MHliHFicLDeVi6xD7eTt6wexeZfIfrmcq8QJG3rx2fTOA7946p4ZWQVRBfRx+d2SXeIkmjdcs1QU4dFheqcE4TeUtDCfi/Bu1ld8JpyN+g0R93lx+1g/A2wuhRqEB4qnKCcD4A8d3e+VHpU3Shg+Xj4y58LPYiphGLg7xtkThReN2RGmpqOLj8312GeMtpOCwFYQVAaDhPGAWh+bkuuqv1a0aLFYV6r4zisM4uBQ0lxqn1kwu1OMPToAvOg0CQP4Uhtiq0o6AnJ4iNf4oC2itRhmBcWBmCnCg8HEpl7dHVFqxHkJGpiaZ7+DnoBm/C4QFuWN65DNfQTpkfPFNhQ8nmVNlmg9PO78X15JR40VTV9kThXQP/spwcADXtBU/7/cmeYCDg4cXjI7JSmQDLwE8rAJ7GqUMDqcKpo32mOFF4+DZEgVgqqTd9QXTY0wWjfBsYAY4oSC/JqXFDqcap4Rfms9Wesf+KinHOBmfoQuz/QGOcunKGLsT+8z3GqSsn95IAwzDX4AK+co2/oYGRWv+Gxvppv6Eh02Kcc4eTEVBn7NeNYpyac/5PgAEAqD4AO5ib0uMAAAAASUVORK5CYII=) 4px 16px no-repeat}.ues-menu.user .settings{background-position:-38px 16px}.ues-menu.user .logout{background-position:-80px 16px}.ues-menu.user .together{background-position:-122px 16px}.ues-pagination{display:inline-block;margin:1em 0;padding:4px 2px}.ues-pagination li{padding:0;display:inline;list-style:none}.ues-pagination a,.ues-pagination span{float:left;padding:.2em 1em;position:relative;margin-left:1px;border:1px solid #eee;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ues-pagination li:first-child a,.ues-pagination li:first-child span{margin-left:0}.ues-pagination li a:hover{border-color:#ccc}.ues-pagination .-active a{border-color:#dd4814;background:#dd4814;color:#fff}.ues-pagination .-active a:hover{border-color:#dd4814}.ues-pagination .-disabled a,.ues-pagination .-disabled span{cursor:not-allowed;color:#999}.ues-pagination .-disabled a:hover,.ues-pagination .-disabled span:hover{background-color:#fff}.ues-pagination-break span{border-color:transparent;padding-left:.5em;padding-right:.5em} |
55 | \ No newline at end of file |
56 | +.ues-menu{margin:0;padding:0;overflow:hidden}.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{overflow:hidden;background:#dd4814;font-size:13px;line-height:34px}.ues-navbar-magic-block{background-color:#dd4814}@media screen and (max-width:720px){.ues-navbar-text.welcome{display:none}}.ues-navbar-toggle{border-left:1px solid #f75216;border-right:1px solid #f75216;font-size:22px}.ues-navbar-toggle-user{border-left:1px solid #f75216;border-right:1px solid #f75216}@media screen and (min-width:480px){.ues-navbar-toggle,.ues-navbar-toggle-user{display:none}}.ues-navbar-toggle a,.ues-navbar-toggle-user a{display:block;height:34px;position:relative}.ues-navbar-toggle-user a{width:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAS4AAAEuABTbwEMwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJhSURBVEiJzZfPS1RRFMc/jqNSKEPlIkxMImjhQgrdCgWDtKh1tKk/poXQoqCN0EaoVbOQMBLaSUKBpWIgQZsiiRZBi4hKGz8t3gy+uXPfmxmdRV+4MO/ec873nfPOjzuodLhG1Pfq79r6oI51aqdA55gBLgADtXUeuNKpkcMQdwUx4l5gDngIlIKzEWA2olMGRoO9QWAeuAsUmzSC2Peqjz3Aa7WkXlYr6p7Z+KsuqmV1SH2ZOquoxTRXSDwXMfgzhywLMZ175iTXqUgYj0f2WiGmM5wX6pJJeLuNdfVkmqtHDd+sBHw5pKcx7AJngG/pzeZsg0stSKvAO2ANEJgCJkmqIYZ+YBpYbti1uatUckK2rU5HdC6qWzl6S6FOrB1mlcy2eixCWl8D6maGblUdT8sXSZrCTC0AsxnhrwK3gF85n+BPTWYN6AvOCsAd4FnteRWTht8KGzmehutVG/Y+FoDxHC/qWGtDphPZs+0OiaaaO6psAfjchtxUB8TtyO70qGMczNMycDMiWCWpxY0WBieAdZLaDVEBntd+r4SJMWoyZWLYMimZrKTqU99k6O6r59LyMQOLOdm4qU5GdCZySFWXQ51Yry4DL3LCuQe8pbFlTmWEt47rwFJ6I0Y8BHylu0PiNPA9vRmW0yBJAnSLFJJILBNeo4LYz+d8p6NiIc0Vevwj8sa7h/AyptNoO/C4aONYXFeH1asmo62a49G+SfZeU0/YeJN5qvbbopyK6n31kcF1xWS0pW+hdTwxqFOTa9SC+iAkzSJutW5EiG93aue/+ifRCqvAp9TzDrDSqZF/dNuPFXSDQBgAAAAASUVORK5CYII=);background-repeat:no-repeat;opacity:.3;background-size:100% auto;background-position:50% 50%;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-toggle span,.ues-navbar-toggle span:after,.ues-navbar-toggle span:before{position:relative;display:block;height:2px;left:0;z-index:1000;background-color:#f75216;width:100%;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-toggle span{top:15px}.ues-navbar-toggle span:before{top:-6px;content:'';position:absolute;-o-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.ues-navbar-toggle span:after{top:6px;content:'';position:absolute;-o-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.ues-navbar-toggle.active span{background-color:#dd4814;transform:rotate(45deg)}.ues-navbar-toggle.active span:before{background-color:#fff;transform:rotate(90deg);top:0;left:0}.ues-navbar-toggle.active span:after{background-color:#fff;top:0;left:0}.active.ues-navbar-toggle-user a{opacity:1;transform:rotate(45deg)}.ues-navbar .ues-menu,.ues-navbar .ues-navbar-brand{float:left}.ues-navbar-brand .ues-logo-white{background-position:15px 15px}.ues-navbar,.ues-navbar a{color:#fff}.ues-navbar-brand a,.ues-navbar-brand span{display:inline-block;text-indent:-9000px;direction:ltr}.ues-navbar .ues-menu a,.ues-navbar .ues-menu span,.ues-navbar-brand a,.ues-navbar-brand span,.ues-navbar-text,.ues-navbar-toggle,.ues-navbar-toggle-user{padding:15px}.ues-navbar-text{display:inline-block;margin:0}.ues-navbar-text a{border-bottom:1px solid #fff}.ues-navbar .ues-menu li,.ues-navbar .ues-menu li a{position:relative;-o-transition:.3s linear background-color;-ms-transition:.3s linear background-color;-moz-transition:.3s linear background-color;-webkit-transition:.3s linear background-color;transition:.3s linear background-color}.ues-navbar .ues-menu .active a,.ues-navbar .ues-menu .active a:hover,.ues-navbar .ues-menu li a:hover{background-color:#f75216}.ues-navbar .ues-menu .active a:after,.ues-navbar .ues-menu .active a:before{content:'';display:block;position:absolute;width:1px;top:0;bottom:0;background-color:#dd4814}.ues-navbar .ues-menu .active a:before{left:0}.ues-navbar .ues-menu .active a:after{right:0}@media screen and (max-width:480px){.ues-navbar-primary-nav{position:relative}.ues-navbar-primary-nav .ues-menu{position:absolute;top:64px;left:0;bottom:0;width:100%;margin-left:-100%;z-index:10000;background:#fff;overflow:hidden;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-primary-nav .ues-menu,.ues-navbar-primary-nav .ues-menu a{color:#333}.ues-navbar-primary-nav .ues-menu li a:focus,.ues-navbar-primary-nav .ues-menu li a:hover{background-color:#f7f6f5}.ues-navbar-primary-nav .ues-menu li{border-bottom:1px solid #ccc;float:none}.ues-navbar-primary-nav.open .ues-menu{left:100%}.ues-navbar-primary-nav .ues-menu-user{left:auto;margin-left:0;right:-100%;max-width:0}.ues-navbar-primary-nav.open-user .ues-menu-user{right:0;left:auto;max-width:9000px}.ues-navbar-primary-nav .ues-navbar-toggle,.ues-navbar-primary-nav .ues-navbar-toggle-user{width:54px;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ues-navbar-primary-nav .ues-navbar-toggle-user{right:0;left:auto}.ues-navbar-primary-nav .ues-navbar-brand{margin:0 54px;float:none}}.ues-menu.user li a{width:40px;text-indent:-9000px;direction:ltr;background:transparent url(data:image/png;base64,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) 4px 16px no-repeat}.ues-menu.user .settings{background-position:-38px 16px}.ues-menu.user .logout{background-position:-80px 16px}.ues-menu.user .together{background-position:-122px 16px}.ues-pagination{display:inline-block;margin:1em 0;padding:4px 2px}.ues-pagination li{padding:0;display:inline;list-style:none}.ues-pagination a,.ues-pagination span{float:left;padding:.2em 1em;position:relative;margin-left:1px;border:1px solid #eee;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ues-pagination li:first-child a,.ues-pagination li:first-child span{margin-left:0}.ues-pagination li a:hover{border-color:#ccc}.ues-pagination .-active a{border-color:#dd4814;background:#dd4814;color:#fff}.ues-pagination .-active a:hover{border-color:#dd4814}.ues-pagination .-disabled a,.ues-pagination .-disabled span{cursor:not-allowed;color:#999}.ues-pagination .-disabled a:hover,.ues-pagination .-disabled span:hover{background-color:#fff}.ues-pagination-break span{border-color:transparent;padding-left:.5em;padding-right:.5em} |
57 | \ No newline at end of file |
58 | |
59 | === modified file 'public/navigation.css' |
60 | --- public/navigation.css 2014-02-21 09:56:10 +0000 |
61 | +++ public/navigation.css 2014-03-04 16:51:51 +0000 |
62 | @@ -74,28 +74,47 @@ |
63 | } |
64 | } |
65 | |
66 | -/** toggle **/ |
67 | +/** toggles **/ |
68 | |
69 | .ues-navbar-toggle { |
70 | - float: left; |
71 | - width: 64px; |
72 | border-left: 1px solid #f75216; |
73 | border-right: 1px solid #f75216; |
74 | font-size: 22px; |
75 | } |
76 | |
77 | +.ues-navbar-toggle-user { |
78 | + border-left: 1px solid #f75216; |
79 | + border-right: 1px solid #f75216; |
80 | +} |
81 | + |
82 | @media screen and (min-width: 480px) { |
83 | + .ues-navbar-toggle-user, |
84 | .ues-navbar-toggle { |
85 | display: none; |
86 | } |
87 | } |
88 | |
89 | -.ues-navbar-toggle a { |
90 | +.ues-navbar-toggle a, |
91 | +.ues-navbar-toggle-user a { |
92 | display: block; |
93 | height: 34px; |
94 | position: relative; |
95 | } |
96 | |
97 | +.ues-navbar-toggle-user a { |
98 | + width: 100%; |
99 | + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAS4AAAEuABTbwEMwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJhSURBVEiJzZfPS1RRFMc/jqNSKEPlIkxMImjhQgrdCgWDtKh1tKk/poXQoqCN0EaoVbOQMBLaSUKBpWIgQZsiiRZBi4hKGz8t3gy+uXPfmxmdRV+4MO/ec873nfPOjzuodLhG1Pfq79r6oI51aqdA55gBLgADtXUeuNKpkcMQdwUx4l5gDngIlIKzEWA2olMGRoO9QWAeuAsUmzSC2Peqjz3Aa7WkXlYr6p7Z+KsuqmV1SH2ZOquoxTRXSDwXMfgzhywLMZ175iTXqUgYj0f2WiGmM5wX6pJJeLuNdfVkmqtHDd+sBHw5pKcx7AJngG/pzeZsg0stSKvAO2ANEJgCJkmqIYZ+YBpYbti1uatUckK2rU5HdC6qWzl6S6FOrB1mlcy2eixCWl8D6maGblUdT8sXSZrCTC0AsxnhrwK3gF85n+BPTWYN6AvOCsAd4FnteRWTht8KGzmehutVG/Y+FoDxHC/qWGtDphPZs+0OiaaaO6psAfjchtxUB8TtyO70qGMczNMycDMiWCWpxY0WBieAdZLaDVEBntd+r4SJMWoyZWLYMimZrKTqU99k6O6r59LyMQOLOdm4qU5GdCZySFWXQ51Yry4DL3LCuQe8pbFlTmWEt47rwFJ6I0Y8BHylu0PiNPA9vRmW0yBJAnSLFJJILBNeo4LYz+d8p6NiIc0Vevwj8sa7h/AyptNoO/C4aONYXFeH1asmo62a49G+SfZeU0/YeJN5qvbbopyK6n31kcF1xWS0pW+hdTwxqFOTa9SC+iAkzSJutW5EiG93aue/+ifRCqvAp9TzDrDSqZF/dNuPFXSDQBgAAAAASUVORK5CYII="); |
100 | + background-repeat: no-repeat; |
101 | + opacity: 0.3; |
102 | + background-size: 100% auto; |
103 | + background-position: 50% 50%; |
104 | + -o-transition: all 0.3s ease 0s; |
105 | + -ms-transition: all 0.3s ease 0s; |
106 | + -moz-transition: all 0.3s ease 0s; |
107 | + -webkit-transition: all 0.3s ease 0s; |
108 | + transition: all 0.3s ease 0s; |
109 | +} |
110 | + |
111 | .ues-navbar-toggle span:before, |
112 | .ues-navbar-toggle span:after, |
113 | .ues-navbar-toggle span { |
114 | @@ -157,7 +176,12 @@ |
115 | left: 0; |
116 | } |
117 | |
118 | -/** end of toggle **/ |
119 | +.active.ues-navbar-toggle-user a { |
120 | + opacity: 1; |
121 | + transform: rotate(45deg); |
122 | +} |
123 | + |
124 | +/** end of toggles **/ |
125 | |
126 | .ues-navbar .ues-navbar-brand, |
127 | .ues-navbar .ues-menu { |
128 | @@ -188,6 +212,7 @@ |
129 | * **/ |
130 | |
131 | .ues-navbar-toggle, |
132 | +.ues-navbar-toggle-user, |
133 | .ues-navbar-text, |
134 | .ues-navbar-brand span, |
135 | .ues-navbar-brand a, |
136 | @@ -205,16 +230,59 @@ |
137 | border-bottom: 1px solid white; |
138 | } |
139 | |
140 | +.ues-navbar .ues-menu li, |
141 | +.ues-navbar .ues-menu li a { |
142 | + position: relative; |
143 | + -o-transition: 0.3s linear background-color; |
144 | + -ms-transition: 0.3s linear background-color; |
145 | + -moz-transition: 0.3s linear background-color; |
146 | + -webkit-transition: 0.3s linear background-color; |
147 | + transition: 0.3s linear background-color; |
148 | +} |
149 | + |
150 | +.ues-navbar .ues-menu li a:hover { |
151 | + background-color: #f75216; |
152 | +} |
153 | + |
154 | +.ues-navbar .ues-menu .active a, |
155 | +.ues-navbar .ues-menu .active a:hover { |
156 | + background-color: #f75216; |
157 | +} |
158 | + |
159 | +.ues-navbar .ues-menu .active a:before, |
160 | +.ues-navbar .ues-menu .active a:after { |
161 | + content: ''; |
162 | + display: block; |
163 | + position: absolute; |
164 | + width: 1px; |
165 | + top: 0; |
166 | + bottom: 0; |
167 | + background-color: #dd4814; |
168 | +} |
169 | + |
170 | +.ues-navbar .ues-menu .active a:before { |
171 | + left: 0; |
172 | +} |
173 | + |
174 | +.ues-navbar .ues-menu .active a:after { |
175 | + right: 0; |
176 | +} |
177 | + |
178 | @media screen and (max-width: 480px) { |
179 | + .ues-navbar-primary-nav { |
180 | + position: relative; |
181 | + } |
182 | + |
183 | .ues-navbar-primary-nav .ues-menu { |
184 | position: absolute; |
185 | top: 64px; |
186 | left: 0; |
187 | bottom: 0; |
188 | - min-width: 150px; |
189 | - margin-left: -200px; |
190 | + width: 100%; |
191 | + margin-left: -100%; |
192 | z-index: 10000; |
193 | - background: #333; |
194 | + background: #fff; |
195 | + overflow: hidden; |
196 | -o-transition: all 0.3s ease 0s; |
197 | -ms-transition: all 0.3s ease 0s; |
198 | -moz-transition: all 0.3s ease 0s; |
199 | @@ -222,56 +290,62 @@ |
200 | transition: all 0.3s ease 0s; |
201 | } |
202 | |
203 | + .ues-navbar-primary-nav .ues-menu, |
204 | + .ues-navbar-primary-nav .ues-menu a { |
205 | + color: #333; |
206 | + } |
207 | + |
208 | + .ues-navbar-primary-nav .ues-menu li a:hover, |
209 | + .ues-navbar-primary-nav .ues-menu li a:focus { |
210 | + background-color: #f7f6f5; |
211 | + } |
212 | + |
213 | .ues-navbar-primary-nav .ues-menu li { |
214 | - display: block; |
215 | + border-bottom: 1px solid #ccc; |
216 | float: none; |
217 | } |
218 | |
219 | .ues-navbar-primary-nav.open .ues-menu { |
220 | - left: 200px; |
221 | - } |
222 | -} |
223 | - |
224 | -.ues-navbar .ues-menu li, |
225 | -.ues-navbar .ues-menu li a { |
226 | - position: relative; |
227 | - -webkit-transition: 0.3s linear background-color; |
228 | - -moz-transition: 0.3s linear background-color; |
229 | - -ms-transition: 0.3s linear background-color; |
230 | - -o-transition: 0.3s linear background-color; |
231 | - -o-transition: 0.3s linear background-color; |
232 | - -ms-transition: 0.3s linear background-color; |
233 | - -moz-transition: 0.3s linear background-color; |
234 | - -webkit-transition: 0.3s linear background-color; |
235 | - transition: 0.3s linear background-color; |
236 | -} |
237 | - |
238 | -.ues-navbar .ues-menu .active a, |
239 | -.ues-navbar .ues-menu .active a:hover { |
240 | - background-color: #f75216; |
241 | -} |
242 | - |
243 | -.ues-navbar .ues-menu .active a:before, |
244 | -.ues-navbar .ues-menu .active a:after { |
245 | - content: ''; |
246 | - display: block; |
247 | - position: absolute; |
248 | - width: 1px; |
249 | - top: 0; |
250 | - bottom: 0; |
251 | - background-color: #dd4814; |
252 | -} |
253 | - |
254 | -.ues-navbar .ues-menu .active a:before { |
255 | - left: 0; |
256 | -} |
257 | - |
258 | -.ues-navbar .ues-menu .active a:after { |
259 | - right: 0; |
260 | -} |
261 | - |
262 | -.ues-navbar .ues-menu li a:hover { |
263 | - background-color: #f75216; |
264 | + left: 100%; |
265 | + } |
266 | + |
267 | + .ues-navbar-primary-nav .ues-menu-user { |
268 | + left: auto; |
269 | + margin-left: 0; |
270 | + right: -100%; |
271 | + /* ltr makes right pulled content overflow |
272 | + * constraining width when pulled right |
273 | + * will not yield a scrollbar |
274 | + */ |
275 | + max-width: 0; |
276 | + } |
277 | + |
278 | + .ues-navbar-primary-nav.open-user .ues-menu-user { |
279 | + right: 0; |
280 | + left: auto; |
281 | + max-width: 9000px; |
282 | + } |
283 | + |
284 | + .ues-navbar-primary-nav .ues-navbar-toggle, |
285 | + .ues-navbar-primary-nav .ues-navbar-toggle-user { |
286 | + width: 54px; |
287 | + position: absolute; |
288 | + top: 0; |
289 | + left: 0; |
290 | + -webkit-box-sizing: border-box; |
291 | + -moz-box-sizing: border-box; |
292 | + box-sizing: border-box; |
293 | + } |
294 | + |
295 | + .ues-navbar-primary-nav .ues-navbar-toggle-user { |
296 | + right: 0; |
297 | + left: auto; |
298 | + } |
299 | + |
300 | + .ues-navbar-primary-nav .ues-navbar-brand { |
301 | + margin: 0 54px; |
302 | + float: none; |
303 | + } |
304 | } |
305 | |
306 | .ues-menu.user li a { |
307 | |
308 | === modified file 'public/ulysses-min.css' |
309 | --- public/ulysses-min.css 2014-02-21 09:56:10 +0000 |
310 | +++ public/ulysses-min.css 2014-03-04 16:51:51 +0000 |
311 | @@ -3,4 +3,4 @@ |
312 | Copyright 2013 Yahoo! Inc. All rights reserved. |
313 | Licensed under the BSD License. |
314 | https://github.com/yui/pure/blob/master/LICENSE.md |
315 | -*/.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-g [class *="pure-u"]{font-family:sans-serif}.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 [class *="pure-u"]{font-family:sans-serif}.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>.pure-u,.ues-g-r>[class *="pure-u-"]{width:100%}}@media (max-width:767px){.ues-g-r>.pure-u,.ues-g-r>[class *="pure-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}}[class*=ues-],[class*=ues-] *,[class*=ues-] :after,[class*=ues-] :before,[class*=ues-]:after,[class*=ues-]:before{box-sizing:border-box}.pull-left{float:left}.pull-right{float:right}.clear:after,.clear:before{content:" ";display:table}.clear:after{clear:both}.ues-footer{margin-top:4em}.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 2em;-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-container{margin:0 auto}@media screen and (min-width:979px){.ues-container{max-width:970px}}.ues-container-small{margin:0 1em}@media screen and (min-width:760px){.ues-container-small{max-width:480px;margin:0 auto}}.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-layout-app{padding-top:55px}.ues-layout-body{padding-top:80px}.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;overflow:hidden}.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{overflow:hidden;background:#dd4814;font-size:13px;line-height:34px}.ues-navbar-magic-block{background-color:#dd4814}@media screen and (max-width:720px){.ues-navbar-text.welcome{display:none}}.ues-navbar-toggle{float:left;width:64px;border-left:1px solid #f75216;border-right:1px solid #f75216;font-size:22px}@media screen and (min-width:480px){.ues-navbar-toggle{display:none}}.ues-navbar-toggle a{display:block;height:34px;position:relative}.ues-navbar-toggle span,.ues-navbar-toggle span:after,.ues-navbar-toggle span:before{position:relative;display:block;height:2px;left:0;z-index:1000;background-color:#f75216;width:100%;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-toggle span{top:15px}.ues-navbar-toggle span:before{top:-6px;content:'';position:absolute;-o-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.ues-navbar-toggle span:after{top:6px;content:'';position:absolute;-o-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.ues-navbar-toggle.active span{background-color:#dd4814;transform:rotate(45deg)}.ues-navbar-toggle.active span:before{background-color:#fff;transform:rotate(90deg);top:0;left:0}.ues-navbar-toggle.active span:after{background-color:#fff;top:0;left:0}.ues-navbar .ues-menu,.ues-navbar .ues-navbar-brand{float:left}.ues-navbar-brand .ues-logo-white{background-position:15px 15px}.ues-navbar,.ues-navbar a{color:#fff}.ues-navbar-brand a,.ues-navbar-brand span{display:inline-block;text-indent:-9000px;direction:ltr}.ues-navbar .ues-menu a,.ues-navbar .ues-menu span,.ues-navbar-brand a,.ues-navbar-brand span,.ues-navbar-text,.ues-navbar-toggle{padding:15px}.ues-navbar-text{display:inline-block;margin:0}.ues-navbar-text a{border-bottom:1px solid #fff}@media screen and (max-width:480px){.ues-navbar-primary-nav .ues-menu{position:absolute;top:64px;left:0;bottom:0;min-width:150px;margin-left:-200px;z-index:10000;background:#333;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-primary-nav .ues-menu li{display:block;float:none}.ues-navbar-primary-nav.open .ues-menu{left:200px}}.ues-navbar .ues-menu li,.ues-navbar .ues-menu li a{position:relative;-o-transition:.3s linear background-color;-o-transition:.3s linear background-color;-ms-transition:.3s linear background-color;-moz-transition:.3s linear background-color;-webkit-transition:.3s linear background-color;transition:.3s linear background-color}.ues-navbar .ues-menu .active a,.ues-navbar .ues-menu .active a:hover{background-color:#f75216}.ues-navbar .ues-menu .active a:after,.ues-navbar .ues-menu .active a:before{content:'';display:block;position:absolute;width:1px;top:0;bottom:0;background-color:#dd4814}.ues-navbar .ues-menu .active a:before{left:0}.ues-navbar .ues-menu .active a:after{right:0}.ues-navbar .ues-menu li a:hover{background-color:#f75216}.ues-menu.user li a{width:40px;text-indent:-9000px;direction:ltr;background:transparent url(data:image/png;base64,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) 4px 16px no-repeat}.ues-menu.user .settings{background-position:-38px 16px}.ues-menu.user .logout{background-position:-80px 16px}.ues-menu.user .together{background-position:-122px 16px}.ues-pagination{display:inline-block;margin:1em 0;padding:4px 2px}.ues-pagination li{padding:0;display:inline;list-style:none}.ues-pagination a,.ues-pagination span{float:left;padding:.2em 1em;position:relative;margin-left:1px;border:1px solid #eee;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ues-pagination li:first-child a,.ues-pagination li:first-child span{margin-left:0}.ues-pagination li a:hover{border-color:#ccc}.ues-pagination .-active a{border-color:#dd4814;background:#dd4814;color:#fff}.ues-pagination .-active a:hover{border-color:#dd4814}.ues-pagination .-disabled a,.ues-pagination .-disabled span{cursor:not-allowed;color:#999}.ues-pagination .-disabled a:hover,.ues-pagination .-disabled span:hover{background-color:#fff}.ues-pagination-break span{border-color:transparent;padding-left:.5em;padding-right:.5em}.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}html{font:400 300 16px/25px Ubuntu,Arial,"libra sans",sans-serif;color:#333}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-logo{display:inline-block;width:30px;height:30px}.ues-logo-orange{background:#fff url(/media/img/svg/u1-logo-orange.svg) 0 0 no-repeat}.ues-logo-white{background:#dd4813 url(/media/img/svg/u1-logo-white.svg) 0 0 no-repeat} |
316 | \ No newline at end of file |
317 | +*/.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-g [class *="pure-u"]{font-family:sans-serif}.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 [class *="pure-u"]{font-family:sans-serif}.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>.pure-u,.ues-g-r>[class *="pure-u-"]{width:100%}}@media (max-width:767px){.ues-g-r>.pure-u,.ues-g-r>[class *="pure-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}}[class*=ues-],[class*=ues-] *,[class*=ues-] :after,[class*=ues-] :before,[class*=ues-]:after,[class*=ues-]:before{box-sizing:border-box}.pull-left{float:left}.pull-right{float:right}.clear:after,.clear:before{content:" ";display:table}.clear:after{clear:both}.ues-footer{margin-top:4em}.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 2em;-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-container{margin:0 auto}@media screen and (min-width:979px){.ues-container{max-width:970px}}.ues-container-small{margin:0 1em}@media screen and (min-width:760px){.ues-container-small{max-width:480px;margin:0 auto}}.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-layout-app{padding-top:55px}.ues-layout-body{padding-top:80px}.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;overflow:hidden}.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{overflow:hidden;background:#dd4814;font-size:13px;line-height:34px}.ues-navbar-magic-block{background-color:#dd4814}@media screen and (max-width:720px){.ues-navbar-text.welcome{display:none}}.ues-navbar-toggle{border-left:1px solid #f75216;border-right:1px solid #f75216;font-size:22px}.ues-navbar-toggle-user{border-left:1px solid #f75216;border-right:1px solid #f75216}@media screen and (min-width:480px){.ues-navbar-toggle,.ues-navbar-toggle-user{display:none}}.ues-navbar-toggle a,.ues-navbar-toggle-user a{display:block;height:34px;position:relative}.ues-navbar-toggle-user a{width:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAS4AAAEuABTbwEMwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJhSURBVEiJzZfPS1RRFMc/jqNSKEPlIkxMImjhQgrdCgWDtKh1tKk/poXQoqCN0EaoVbOQMBLaSUKBpWIgQZsiiRZBi4hKGz8t3gy+uXPfmxmdRV+4MO/ec873nfPOjzuodLhG1Pfq79r6oI51aqdA55gBLgADtXUeuNKpkcMQdwUx4l5gDngIlIKzEWA2olMGRoO9QWAeuAsUmzSC2Peqjz3Aa7WkXlYr6p7Z+KsuqmV1SH2ZOquoxTRXSDwXMfgzhywLMZ175iTXqUgYj0f2WiGmM5wX6pJJeLuNdfVkmqtHDd+sBHw5pKcx7AJngG/pzeZsg0stSKvAO2ANEJgCJkmqIYZ+YBpYbti1uatUckK2rU5HdC6qWzl6S6FOrB1mlcy2eixCWl8D6maGblUdT8sXSZrCTC0AsxnhrwK3gF85n+BPTWYN6AvOCsAd4FnteRWTht8KGzmehutVG/Y+FoDxHC/qWGtDphPZs+0OiaaaO6psAfjchtxUB8TtyO70qGMczNMycDMiWCWpxY0WBieAdZLaDVEBntd+r4SJMWoyZWLYMimZrKTqU99k6O6r59LyMQOLOdm4qU5GdCZySFWXQ51Yry4DL3LCuQe8pbFlTmWEt47rwFJ6I0Y8BHylu0PiNPA9vRmW0yBJAnSLFJJILBNeo4LYz+d8p6NiIc0Vevwj8sa7h/AyptNoO/C4aONYXFeH1asmo62a49G+SfZeU0/YeJN5qvbbopyK6n31kcF1xWS0pW+hdTwxqFOTa9SC+iAkzSJutW5EiG93aue/+ifRCqvAp9TzDrDSqZF/dNuPFXSDQBgAAAAASUVORK5CYII=);background-repeat:no-repeat;opacity:.3;background-size:100% auto;background-position:50% 50%;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-toggle span,.ues-navbar-toggle span:after,.ues-navbar-toggle span:before{position:relative;display:block;height:2px;left:0;z-index:1000;background-color:#f75216;width:100%;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-toggle span{top:15px}.ues-navbar-toggle span:before{top:-6px;content:'';position:absolute;-o-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.ues-navbar-toggle span:after{top:6px;content:'';position:absolute;-o-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.ues-navbar-toggle.active span{background-color:#dd4814;transform:rotate(45deg)}.ues-navbar-toggle.active span:before{background-color:#fff;transform:rotate(90deg);top:0;left:0}.ues-navbar-toggle.active span:after{background-color:#fff;top:0;left:0}.active.ues-navbar-toggle-user a{opacity:1;transform:rotate(45deg)}.ues-navbar .ues-menu,.ues-navbar .ues-navbar-brand{float:left}.ues-navbar-brand .ues-logo-white{background-position:15px 15px}.ues-navbar,.ues-navbar a{color:#fff}.ues-navbar-brand a,.ues-navbar-brand span{display:inline-block;text-indent:-9000px;direction:ltr}.ues-navbar .ues-menu a,.ues-navbar .ues-menu span,.ues-navbar-brand a,.ues-navbar-brand span,.ues-navbar-text,.ues-navbar-toggle,.ues-navbar-toggle-user{padding:15px}.ues-navbar-text{display:inline-block;margin:0}.ues-navbar-text a{border-bottom:1px solid #fff}.ues-navbar .ues-menu li,.ues-navbar .ues-menu li a{position:relative;-o-transition:.3s linear background-color;-ms-transition:.3s linear background-color;-moz-transition:.3s linear background-color;-webkit-transition:.3s linear background-color;transition:.3s linear background-color}.ues-navbar .ues-menu .active a,.ues-navbar .ues-menu .active a:hover,.ues-navbar .ues-menu li a:hover{background-color:#f75216}.ues-navbar .ues-menu .active a:after,.ues-navbar .ues-menu .active a:before{content:'';display:block;position:absolute;width:1px;top:0;bottom:0;background-color:#dd4814}.ues-navbar .ues-menu .active a:before{left:0}.ues-navbar .ues-menu .active a:after{right:0}@media screen and (max-width:480px){.ues-navbar-primary-nav{position:relative}.ues-navbar-primary-nav .ues-menu{position:absolute;top:64px;left:0;bottom:0;width:100%;margin-left:-100%;z-index:10000;background:#fff;overflow:hidden;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.ues-navbar-primary-nav .ues-menu,.ues-navbar-primary-nav .ues-menu a{color:#333}.ues-navbar-primary-nav .ues-menu li a:focus,.ues-navbar-primary-nav .ues-menu li a:hover{background-color:#f7f6f5}.ues-navbar-primary-nav .ues-menu li{border-bottom:1px solid #ccc;float:none}.ues-navbar-primary-nav.open .ues-menu{left:100%}.ues-navbar-primary-nav .ues-menu-user{left:auto;margin-left:0;right:-100%;max-width:0}.ues-navbar-primary-nav.open-user .ues-menu-user{right:0;left:auto;max-width:9000px}.ues-navbar-primary-nav .ues-navbar-toggle,.ues-navbar-primary-nav .ues-navbar-toggle-user{width:54px;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ues-navbar-primary-nav .ues-navbar-toggle-user{right:0;left:auto}.ues-navbar-primary-nav .ues-navbar-brand{margin:0 54px;float:none}}.ues-menu.user li a{width:40px;text-indent:-9000px;direction:ltr;background:transparent url(data:image/png;base64,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) 4px 16px no-repeat}.ues-menu.user .settings{background-position:-38px 16px}.ues-menu.user .logout{background-position:-80px 16px}.ues-menu.user .together{background-position:-122px 16px}.ues-pagination{display:inline-block;margin:1em 0;padding:4px 2px}.ues-pagination li{padding:0;display:inline;list-style:none}.ues-pagination a,.ues-pagination span{float:left;padding:.2em 1em;position:relative;margin-left:1px;border:1px solid #eee;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ues-pagination li:first-child a,.ues-pagination li:first-child span{margin-left:0}.ues-pagination li a:hover{border-color:#ccc}.ues-pagination .-active a{border-color:#dd4814;background:#dd4814;color:#fff}.ues-pagination .-active a:hover{border-color:#dd4814}.ues-pagination .-disabled a,.ues-pagination .-disabled span{cursor:not-allowed;color:#999}.ues-pagination .-disabled a:hover,.ues-pagination .-disabled span:hover{background-color:#fff}.ues-pagination-break span{border-color:transparent;padding-left:.5em;padding-right:.5em}.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}html{font:400 300 16px/25px Ubuntu,Arial,"libra sans",sans-serif;color:#333}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-logo{display:inline-block;width:30px;height:30px}.ues-logo-orange{background:#fff url(/media/img/svg/u1-logo-orange.svg) 0 0 no-repeat}.ues-logo-white{background:#dd4813 url(/media/img/svg/u1-logo-white.svg) 0 0 no-repeat} |
318 | \ No newline at end of file |
319 | |
320 | === modified file 'public/ulysses.css' |
321 | --- public/ulysses.css 2014-02-21 09:56:10 +0000 |
322 | +++ public/ulysses.css 2014-03-04 16:51:51 +0000 |
323 | @@ -1628,28 +1628,47 @@ |
324 | } |
325 | } |
326 | |
327 | -/** toggle **/ |
328 | +/** toggles **/ |
329 | |
330 | .ues-navbar-toggle { |
331 | - float: left; |
332 | - width: 64px; |
333 | border-left: 1px solid #f75216; |
334 | border-right: 1px solid #f75216; |
335 | font-size: 22px; |
336 | } |
337 | |
338 | +.ues-navbar-toggle-user { |
339 | + border-left: 1px solid #f75216; |
340 | + border-right: 1px solid #f75216; |
341 | +} |
342 | + |
343 | @media screen and (min-width: 480px) { |
344 | + .ues-navbar-toggle-user, |
345 | .ues-navbar-toggle { |
346 | display: none; |
347 | } |
348 | } |
349 | |
350 | -.ues-navbar-toggle a { |
351 | +.ues-navbar-toggle a, |
352 | +.ues-navbar-toggle-user a { |
353 | display: block; |
354 | height: 34px; |
355 | position: relative; |
356 | } |
357 | |
358 | +.ues-navbar-toggle-user a { |
359 | + width: 100%; |
360 | + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAS4AAAEuABTbwEMwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJhSURBVEiJzZfPS1RRFMc/jqNSKEPlIkxMImjhQgrdCgWDtKh1tKk/poXQoqCN0EaoVbOQMBLaSUKBpWIgQZsiiRZBi4hKGz8t3gy+uXPfmxmdRV+4MO/ec873nfPOjzuodLhG1Pfq79r6oI51aqdA55gBLgADtXUeuNKpkcMQdwUx4l5gDngIlIKzEWA2olMGRoO9QWAeuAsUmzSC2Peqjz3Aa7WkXlYr6p7Z+KsuqmV1SH2ZOquoxTRXSDwXMfgzhywLMZ175iTXqUgYj0f2WiGmM5wX6pJJeLuNdfVkmqtHDd+sBHw5pKcx7AJngG/pzeZsg0stSKvAO2ANEJgCJkmqIYZ+YBpYbti1uatUckK2rU5HdC6qWzl6S6FOrB1mlcy2eixCWl8D6maGblUdT8sXSZrCTC0AsxnhrwK3gF85n+BPTWYN6AvOCsAd4FnteRWTht8KGzmehutVG/Y+FoDxHC/qWGtDphPZs+0OiaaaO6psAfjchtxUB8TtyO70qGMczNMycDMiWCWpxY0WBieAdZLaDVEBntd+r4SJMWoyZWLYMimZrKTqU99k6O6r59LyMQOLOdm4qU5GdCZySFWXQ51Yry4DL3LCuQe8pbFlTmWEt47rwFJ6I0Y8BHylu0PiNPA9vRmW0yBJAnSLFJJILBNeo4LYz+d8p6NiIc0Vevwj8sa7h/AyptNoO/C4aONYXFeH1asmo62a49G+SfZeU0/YeJN5qvbbopyK6n31kcF1xWS0pW+hdTwxqFOTa9SC+iAkzSJutW5EiG93aue/+ifRCqvAp9TzDrDSqZF/dNuPFXSDQBgAAAAASUVORK5CYII="); |
361 | + background-repeat: no-repeat; |
362 | + opacity: 0.3; |
363 | + background-size: 100% auto; |
364 | + background-position: 50% 50%; |
365 | + -o-transition: all 0.3s ease 0s; |
366 | + -ms-transition: all 0.3s ease 0s; |
367 | + -moz-transition: all 0.3s ease 0s; |
368 | + -webkit-transition: all 0.3s ease 0s; |
369 | + transition: all 0.3s ease 0s; |
370 | +} |
371 | + |
372 | .ues-navbar-toggle span:before, |
373 | .ues-navbar-toggle span:after, |
374 | .ues-navbar-toggle span { |
375 | @@ -1711,7 +1730,12 @@ |
376 | left: 0; |
377 | } |
378 | |
379 | -/** end of toggle **/ |
380 | +.active.ues-navbar-toggle-user a { |
381 | + opacity: 1; |
382 | + transform: rotate(45deg); |
383 | +} |
384 | + |
385 | +/** end of toggles **/ |
386 | |
387 | .ues-navbar .ues-navbar-brand, |
388 | .ues-navbar .ues-menu { |
389 | @@ -1742,6 +1766,7 @@ |
390 | * **/ |
391 | |
392 | .ues-navbar-toggle, |
393 | +.ues-navbar-toggle-user, |
394 | .ues-navbar-text, |
395 | .ues-navbar-brand span, |
396 | .ues-navbar-brand a, |
397 | @@ -1759,16 +1784,59 @@ |
398 | border-bottom: 1px solid white; |
399 | } |
400 | |
401 | +.ues-navbar .ues-menu li, |
402 | +.ues-navbar .ues-menu li a { |
403 | + position: relative; |
404 | + -o-transition: 0.3s linear background-color; |
405 | + -ms-transition: 0.3s linear background-color; |
406 | + -moz-transition: 0.3s linear background-color; |
407 | + -webkit-transition: 0.3s linear background-color; |
408 | + transition: 0.3s linear background-color; |
409 | +} |
410 | + |
411 | +.ues-navbar .ues-menu li a:hover { |
412 | + background-color: #f75216; |
413 | +} |
414 | + |
415 | +.ues-navbar .ues-menu .active a, |
416 | +.ues-navbar .ues-menu .active a:hover { |
417 | + background-color: #f75216; |
418 | +} |
419 | + |
420 | +.ues-navbar .ues-menu .active a:before, |
421 | +.ues-navbar .ues-menu .active a:after { |
422 | + content: ''; |
423 | + display: block; |
424 | + position: absolute; |
425 | + width: 1px; |
426 | + top: 0; |
427 | + bottom: 0; |
428 | + background-color: #dd4814; |
429 | +} |
430 | + |
431 | +.ues-navbar .ues-menu .active a:before { |
432 | + left: 0; |
433 | +} |
434 | + |
435 | +.ues-navbar .ues-menu .active a:after { |
436 | + right: 0; |
437 | +} |
438 | + |
439 | @media screen and (max-width: 480px) { |
440 | + .ues-navbar-primary-nav { |
441 | + position: relative; |
442 | + } |
443 | + |
444 | .ues-navbar-primary-nav .ues-menu { |
445 | position: absolute; |
446 | top: 64px; |
447 | left: 0; |
448 | bottom: 0; |
449 | - min-width: 150px; |
450 | - margin-left: -200px; |
451 | + width: 100%; |
452 | + margin-left: -100%; |
453 | z-index: 10000; |
454 | - background: #333; |
455 | + background: #fff; |
456 | + overflow: hidden; |
457 | -o-transition: all 0.3s ease 0s; |
458 | -ms-transition: all 0.3s ease 0s; |
459 | -moz-transition: all 0.3s ease 0s; |
460 | @@ -1776,56 +1844,62 @@ |
461 | transition: all 0.3s ease 0s; |
462 | } |
463 | |
464 | + .ues-navbar-primary-nav .ues-menu, |
465 | + .ues-navbar-primary-nav .ues-menu a { |
466 | + color: #333; |
467 | + } |
468 | + |
469 | + .ues-navbar-primary-nav .ues-menu li a:hover, |
470 | + .ues-navbar-primary-nav .ues-menu li a:focus { |
471 | + background-color: #f7f6f5; |
472 | + } |
473 | + |
474 | .ues-navbar-primary-nav .ues-menu li { |
475 | - display: block; |
476 | + border-bottom: 1px solid #ccc; |
477 | float: none; |
478 | } |
479 | |
480 | .ues-navbar-primary-nav.open .ues-menu { |
481 | - left: 200px; |
482 | - } |
483 | -} |
484 | - |
485 | -.ues-navbar .ues-menu li, |
486 | -.ues-navbar .ues-menu li a { |
487 | - position: relative; |
488 | - -webkit-transition: 0.3s linear background-color; |
489 | - -moz-transition: 0.3s linear background-color; |
490 | - -ms-transition: 0.3s linear background-color; |
491 | - -o-transition: 0.3s linear background-color; |
492 | - -o-transition: 0.3s linear background-color; |
493 | - -ms-transition: 0.3s linear background-color; |
494 | - -moz-transition: 0.3s linear background-color; |
495 | - -webkit-transition: 0.3s linear background-color; |
496 | - transition: 0.3s linear background-color; |
497 | -} |
498 | - |
499 | -.ues-navbar .ues-menu .active a, |
500 | -.ues-navbar .ues-menu .active a:hover { |
501 | - background-color: #f75216; |
502 | -} |
503 | - |
504 | -.ues-navbar .ues-menu .active a:before, |
505 | -.ues-navbar .ues-menu .active a:after { |
506 | - content: ''; |
507 | - display: block; |
508 | - position: absolute; |
509 | - width: 1px; |
510 | - top: 0; |
511 | - bottom: 0; |
512 | - background-color: #dd4814; |
513 | -} |
514 | - |
515 | -.ues-navbar .ues-menu .active a:before { |
516 | - left: 0; |
517 | -} |
518 | - |
519 | -.ues-navbar .ues-menu .active a:after { |
520 | - right: 0; |
521 | -} |
522 | - |
523 | -.ues-navbar .ues-menu li a:hover { |
524 | - background-color: #f75216; |
525 | + left: 100%; |
526 | + } |
527 | + |
528 | + .ues-navbar-primary-nav .ues-menu-user { |
529 | + left: auto; |
530 | + margin-left: 0; |
531 | + right: -100%; |
532 | + /* ltr makes right pulled content overflow |
533 | + * constraining width when pulled right |
534 | + * will not yield a scrollbar |
535 | + */ |
536 | + max-width: 0; |
537 | + } |
538 | + |
539 | + .ues-navbar-primary-nav.open-user .ues-menu-user { |
540 | + right: 0; |
541 | + left: auto; |
542 | + max-width: 9000px; |
543 | + } |
544 | + |
545 | + .ues-navbar-primary-nav .ues-navbar-toggle, |
546 | + .ues-navbar-primary-nav .ues-navbar-toggle-user { |
547 | + width: 54px; |
548 | + position: absolute; |
549 | + top: 0; |
550 | + left: 0; |
551 | + -webkit-box-sizing: border-box; |
552 | + -moz-box-sizing: border-box; |
553 | + box-sizing: border-box; |
554 | + } |
555 | + |
556 | + .ues-navbar-primary-nav .ues-navbar-toggle-user { |
557 | + right: 0; |
558 | + left: auto; |
559 | + } |
560 | + |
561 | + .ues-navbar-primary-nav .ues-navbar-brand { |
562 | + margin: 0 54px; |
563 | + float: none; |
564 | + } |
565 | } |
566 | |
567 | .ues-menu.user li a { |
568 | |
569 | === added file 'test/components.html' |
570 | --- test/components.html 1970-01-01 00:00:00 +0000 |
571 | +++ test/components.html 2014-03-04 16:51:51 +0000 |
572 | @@ -0,0 +1,709 @@ |
573 | +<!doctype html> |
574 | +<html lang=en> |
575 | +<head> |
576 | +<meta charset="utf-8"> |
577 | +<title>Ulysses CSS Test Page</title> |
578 | + |
579 | +<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> |
580 | + |
581 | +<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,300,700' rel='stylesheet' type='text/css'> |
582 | + |
583 | +<link rel="stylesheet" href="/css/ulysses.css"> |
584 | + |
585 | +<!-- |
586 | + |
587 | +This page is for testing. |
588 | + |
589 | +THIS IS NOT A STYLEGUIDE |
590 | + |
591 | +Do not add inline styles. |
592 | +Do not add a style block to the head. |
593 | +Use only styles linked from the CSS framework. |
594 | +Do not add JavaScript. |
595 | + |
596 | +Have a nice day :) |
597 | + |
598 | +--> |
599 | + |
600 | +</head> |
601 | +<body> |
602 | + |
603 | +<div class="ues-container"> |
604 | + <section> |
605 | + <h1>Typography</h1> |
606 | + |
607 | + <h2>Headline Styles</h2> |
608 | + |
609 | +<div data-qa="headlines"> |
610 | + <h1 class="ues-hdisplay">Display Headline</h1> |
611 | + <h1 class="ues-hmain">Main Headline</h1> |
612 | + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
613 | + <h1 class="ues-hmedium">Medium Headline</h1> |
614 | + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
615 | + <h1 class="ues-hlight">Light Headline</h1> |
616 | + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
617 | +</div> |
618 | + |
619 | + <h2>Multiline Headlines</h2> |
620 | + <div style="width:320px" data-qa="multiline-headlines"> |
621 | + <h1 class="ues-hdisplay">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1> |
622 | + <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1> |
623 | + <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h2> |
624 | + <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h3> |
625 | + </div> |
626 | + |
627 | + <h2>Block Content</h2> |
628 | + |
629 | + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
630 | + <p>Reiciendis soluta ab, soluta molestiae nesciunt ipsum est quis debitis voluptas qui at sed quo? Praesentium voluptate voluptatum placeat ea molestiae doloribus deserunt?</p> |
631 | + <p>Exercitationem eum esse quos minus, maiores suscipit cupiditate delectus reprehenderit illo quidem distinctio esse nam aliquam fugit, reiciendis veritatis a expedita nisi deserunt rem repellat quos placeat illum, minima est iusto itaque iure? Odit facere possimus architecto sunt facilis voluptatibus eaque maiores necessitatibus, dolor deserunt est.</p> |
632 | + |
633 | + |
634 | + <h3>Lead body copy</h3> |
635 | + <p class=ues-lead>lorem ipsum dolor sit amet consectetur adipisicing elit</p> |
636 | + <p>architecto ab dolor explicabo inventore fugit quis doloribus minus nesciunt cumque sint</p> |
637 | + |
638 | + <h3>Text Alignment</h3> |
639 | + <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p> |
640 | + <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p> |
641 | + <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p> |
642 | + |
643 | + <h3>Lists</h3> |
644 | + |
645 | + <h4>Ordered & Unordered</h4> |
646 | + <ul class=ues-list> |
647 | + <li>Apples</li> |
648 | + <li>Oranges</li> |
649 | + <li>Pears</li> |
650 | + </ul> |
651 | + |
652 | + <ol class=ues-list> |
653 | + <li>Apples</li> |
654 | + <ul class=ues-list> |
655 | + <li>Cox</li> |
656 | + <li>Gala</li> |
657 | + <li>Bræburn</li> |
658 | + </ul> |
659 | + <li>Oranges</li> |
660 | + <li>Pears</li> |
661 | + </ol> |
662 | + |
663 | + <h4>Bordered</h4> |
664 | + <ul class="ues-list ues-list-bordered"> |
665 | + <li>excepturi dolore quo et quisquam atque neque at labore molestias quia nemo</li> |
666 | + <li>architecto nam sapiente voluptate molestiae ducimus fugiat iure natus nihil quod officia</li> |
667 | + <li>debitis nemo quos enim illo mollitia quidem numquam incidunt corrupti blanditiis consequuntur</li> |
668 | + <li>impedit ipsa dignissimos quasi quaerat doloribus maxime libero voluptatum itaque molestias ab</li> |
669 | + <li>quidem perspiciatis asperiores exercitationem facilis tenetur sapiente vero nemo consequatur odit nulla</li> |
670 | + </ul> |
671 | + |
672 | + <h4>Inline Lists</h4> |
673 | + <ul class="ues-list ues-list-inline"> |
674 | + <li>Apple</li> |
675 | + <li>Orange</li> |
676 | + <li>Pear</li> |
677 | + </ul> |
678 | + |
679 | + <h4>Definition Lists</h4> |
680 | + <dl class="ues-list"> |
681 | + <dt>Apple</dt> |
682 | + <dd>dicta possimus iusto voluptatibus blanditiis totam incidunt excepturi mollitia quia aliquid eius</dd> |
683 | + <dd>enim architecto velit corporis doloremque soluta sapiente eum ad optio dolorem sit</dd> |
684 | + <dt>Orange</dt> |
685 | + <dd>accusantium mollitia facilis nostrum iusto et iure unde dolorum alias corporis ullam</dd> |
686 | + <dt>Pear</dt> |
687 | + <dd>sint ullam exercitationem aliquid saepe ratione labore neque quis molestias dolorem inventore</dd> |
688 | + </dl> |
689 | +</section> |
690 | + |
691 | + |
692 | +<section> |
693 | + <h1>Buttons</h1> |
694 | + <div data-qa="buttons"> |
695 | + <p> |
696 | + <button class=ues-button data-qa="default-button">Default button</button> |
697 | + <button class="ues-button ues-button-primary" data-qa="primary-button">Primary button</button> |
698 | + <button class="ues-button ues-button-tertiary" data-qa="tertiary-button">Tertiary button</button> |
699 | + </p> |
700 | + |
701 | + <p> |
702 | + <button class="ues-button">☃ <span>Change Payment Method</span></button> |
703 | + <button class="ues-button ues-button-primary">☃ <span>Checkout</span></button> |
704 | + </p> |
705 | + |
706 | + <p> |
707 | + <a class="ues-button" href="#">Link</a> |
708 | + <button class=ues-button type=button>Button</button> |
709 | + <input class=ues-button type=button value=Input> |
710 | + <input class=ues-button type=submit value=Submit> |
711 | + </p> |
712 | + |
713 | + <p> |
714 | + <button class="ues-button ues-button-large">Large Button</button> |
715 | + <button class=ues-button>Default Button</button> |
716 | + <button class="ues-button ues-button-small">Small Button</button> |
717 | + </p> |
718 | + |
719 | + <p><button class="ues-button ues-button-block">Default Block Button</button></p> |
720 | + <p><button class="ues-button ues-button-block ues-button-primary">Primary Block Button</button></p> |
721 | + |
722 | + <p> |
723 | + <div class="ues-button-group" data-qa="button-group"> |
724 | + <button class="ues-button">Left</button> |
725 | + <button class="ues-button">Middle</button> |
726 | + <button class="ues-button">Right</button> |
727 | + </div> |
728 | + </p> |
729 | + |
730 | + <p> |
731 | + <div class="ues-button-toolbar" data-qa="button-toolbar"> |
732 | + <div class="ues-button-group"> |
733 | + <button class="ues-button">A</button> |
734 | + <button class="ues-button">B</button> |
735 | + <button class="ues-button">C</button> |
736 | + </div> |
737 | + <div class="ues-button-group"> |
738 | + <button class="ues-button">D</button> |
739 | + <button class="ues-button">E</button> |
740 | + </div> |
741 | + <div class="ues-button-group"> |
742 | + <button class="ues-button">F</button> |
743 | + </div> |
744 | + </div> |
745 | + </p> |
746 | + </div> |
747 | + |
748 | + <h1>Dropdowns</h1> |
749 | + |
750 | + <!-- Link or button to toggle dropdown --> |
751 | + <div class="ues-dropdown clear"> |
752 | + <ul class="ues-dropdown-menu"> |
753 | + <li><a tabindex="-1" href="#">Action</a></li> |
754 | + <li><a tabindex="-1" href="#">Another action</a></li> |
755 | + <li><a tabindex="-1" href="#">Something else here</a></li> |
756 | + <li class="ues-dropdown-divider"></li> |
757 | + <li><a tabindex="-1" href="#">Separated link</a></li> |
758 | + </ul> |
759 | + </div> |
760 | + <div class="ues-dropdown clear"> |
761 | + <!-- Link or button to toggle dropdown --> |
762 | + <ul class="ues-dropdown-menu"> |
763 | + <li class="ues-dropdown-header">Dropdown header</li> |
764 | + <li><a tabindex="-1" href="#">Action</a></li> |
765 | + <li><a tabindex="-1" href="#">Another action</a></li> |
766 | + <li><a tabindex="-1" href="#">Something else here</a></li> |
767 | + <li class="ues-dropdown-divider"></li> |
768 | + <li class="ues-dropdown-header">Dropdown header</li> |
769 | + <li><a tabindex="-1" href="#">Separated link</a></li> |
770 | + </ul> |
771 | + </div> |
772 | + <h2>Button Dropdowns</h2> |
773 | + <div class="ues-button-group"> |
774 | + <button type="button" class="ues-button ues-dropdown-toggle"> |
775 | + Do Something ▼ |
776 | + </button> |
777 | + <ul class="ues-dropdown-menu"> |
778 | + <li><a tabindex="-1" href="#">Action</a></li> |
779 | + <li><a tabindex="-1" href="#">Another action</a></li> |
780 | + <li><a tabindex="-1" href="#">Something else here</a></li> |
781 | + <li class="ues-dropdown-divider"></li> |
782 | + <li><a tabindex="-1" href="#">Separated link</a></li> |
783 | + </ul> |
784 | + </div> |
785 | + <div class="ues-button-group"> |
786 | + <button type="button" class="ues-button"> |
787 | + Action |
788 | + </button> |
789 | + <button type="button" class="ues-button ues-button-icon ues-dropdown-toggle"> |
790 | + ▼ |
791 | + </button> |
792 | + <ul class="ues-dropdown-menu"> |
793 | + <li><a tabindex="-1" href="#">Action</a></li> |
794 | + <li><a tabindex="-1" href="#">Another action</a></li> |
795 | + <li><a tabindex="-1" href="#">Something else here</a></li> |
796 | + <li class="ues-dropdown-divider"></li> |
797 | + <li><a tabindex="-1" href="#">Separated link</a></li> |
798 | + </ul> |
799 | + </div> |
800 | +</section> |
801 | + |
802 | + |
803 | +<section> |
804 | + <h1>Navigation</h1> |
805 | + |
806 | + <h2>Horizontal Menu</h2> |
807 | + <ul class="ues-menu ues-menu-horizontal"> |
808 | + <li><a href="">Dashboard</a></li> |
809 | + <li><a href="">Files</a></li> |
810 | + <li><a href="">Photos</a></li> |
811 | + <li><a href="">Music</a></li> |
812 | + </ul> |
813 | + |
814 | + <h2>Vertical Menu</h2> |
815 | + <ul class="ues-menu"> |
816 | + <li><a href="">Dashboard</a></li> |
817 | + <li class="ues-menu-selected"><a href="">Files</a></li> |
818 | + <li><a href="">Photos</a></li> |
819 | + <li><a href="">Music</a></li> |
820 | + </ul> |
821 | + |
822 | + <h2>Navbar</h2> |
823 | + <div class="ues-navbar"> |
824 | + <ul class="ues-menu ues-menu-horizontal"> |
825 | + <li><a href="">Dashboard</a></li> |
826 | + <li><a href="">Files</a></li> |
827 | + <li><a href="">Photos</a></li> |
828 | + <li><a href="">Music</a></li> |
829 | + </ul> |
830 | + </div> |
831 | + |
832 | + <h2>Primary navbar, works on small screens</h2> |
833 | + <div class="ues-navbar ues-navbar-primary-nav"> |
834 | + <div class="ues-navbar-toggle"> |
835 | + <a href=""><span></span></a> |
836 | + </div> |
837 | + <div class="ues-navbar-brand"> |
838 | + <a href="/">[BRAND]</a> |
839 | + </div> |
840 | + <div class="ues-navbar-toggle-user"> |
841 | + <a href=""></a> |
842 | + </div> |
843 | + <ul class="ues-menu ues-menu-horizontal"> |
844 | + <li><a href="">Dashboard</a></li> |
845 | + <li><a href="">Files</a></li> |
846 | + <li><a href="">Photos</a></li> |
847 | + <li><a href="">Music</a></li> |
848 | + </ul> |
849 | + <ul class="ues-menu ues-menu-horizontal ues-menu-user"> |
850 | + <li><span>Signed in as Lobo</span></li> |
851 | + <li><a href="">My account</a></li> |
852 | + <li><a href="">Log out</a></li> |
853 | + </li> |
854 | + </div> |
855 | + |
856 | + <h2>Navbar with Title/Graphic and right text</h2> |
857 | + <div class="ues-navbar"> |
858 | + <div class="ues-navbar-brand"> |
859 | + <a href="/">[BRAND]</a> |
860 | + </div> |
861 | + <ul class="ues-menu ues-menu-horizontal"> |
862 | + <li><a href="">Dashboard</a></li> |
863 | + <li><a href="">Files</a></li> |
864 | + <li><a href="">Photos</a></li> |
865 | + <li><a href="">Music</a></li> |
866 | + </ul> |
867 | + <p class="ues-navbar-text">Signed in as Lobo.</p> |
868 | + </div> |
869 | + |
870 | + <h2>Default Pagination</h2> |
871 | + <ul class="ues-pagination"> |
872 | + <li class="-disabled"><span>←</span></li> |
873 | + <li class="-active"><a href="#">1</a></li> |
874 | + <li><a href="#">2</a></li> |
875 | + <li><a href="#">3</a></li> |
876 | + <li><a href="#">4</a></li> |
877 | + <li><a href="#">5</a></li> |
878 | + <li><a href="#">→</a></li> |
879 | + </ul> |
880 | + <h2>Pagination with break</h2> |
881 | + <ul class="ues-pagination"> |
882 | + <li class="-disabled"><span>←</span></li> |
883 | + <li class="-active"><a href="#">1</a></li> |
884 | + <li><a href="#">2</a></li> |
885 | + <li><a href="#">3</a></li> |
886 | + <li class="ues-pagination-break"><span>…</span></li> |
887 | + <li><a href="#">8</a></li> |
888 | + <li><a href="#">9</a></li> |
889 | + <li><a href="#">10</a></li> |
890 | + <li><a href="#">→</a></li> |
891 | + </ul> |
892 | +</section> |
893 | + |
894 | + |
895 | +<section> |
896 | + <h1>Forms</h1> |
897 | + |
898 | + <article> |
899 | + <h2>Default Forms</h2> |
900 | + <p>By default individual form controls receive styling, with minimal classing and |
901 | + without any required base class on the <code class=tag>form</code> or large |
902 | + changes in markup.</p> |
903 | + |
904 | + <p>Results in stacked, left-aligned labels on top of form controls.</p> |
905 | + |
906 | + <form action> |
907 | + <fieldset> |
908 | + <label>Username:</label> |
909 | + <input type=text> |
910 | + |
911 | + <label>Password:</label> |
912 | + <input type=text> |
913 | + <label><input type=checkbox>Keep me signed in</label> |
914 | + <div class=ues-form-help>Form help text</div> |
915 | + </fieldset> |
916 | + </form> |
917 | + |
918 | + <fieldset> |
919 | + <legend>Payment Details</legend> |
920 | + |
921 | + <label><input checked type=radio name=foo>Credit Card</label> |
922 | + <label><input type=radio name=foo>Paypal</label> |
923 | + |
924 | + <label>Name/username:</label> |
925 | + <input type=text placeholder="Type something…"> |
926 | + |
927 | + <label class=ues-inline><input type=radio name=bar>Foo</label> |
928 | + <label class=ues-inline><input checked type=radio name=bar>Bar</label> |
929 | + |
930 | + <label>Card Number:</label> |
931 | + <input type=text> |
932 | + |
933 | + <label>CCV:</label> |
934 | + <input type=text> |
935 | + <div class=ues-form-help>Form help text</div> |
936 | + |
937 | + <label>Select:</label> |
938 | + <select> |
939 | + <option value>Select One</option> |
940 | + <option value=1>Select One</option> |
941 | + <option value=2>Foo</option> |
942 | + <option value=3>Bar</option> |
943 | + <option value=4>Baz</option> |
944 | + </select> |
945 | + <label>Select:</label> |
946 | + <select class=ues-inline> |
947 | + <option value=2>Foo</option> |
948 | + <option value=3 selected>Bar</option> |
949 | + <option value=4>Baz</option> |
950 | + </select> |
951 | + <span class=ues-form-help>Inline form help text</span> |
952 | + |
953 | + </fieldset> |
954 | + <fieldset> |
955 | + <label><input type=checkbox>Agree to ToS</label> |
956 | + </fieldset> |
957 | + <button type=submit class=ues-button>Submit</button> |
958 | + </form> |
959 | +</article> |
960 | +<article> |
961 | + <h2>Inline Form</h2> |
962 | + <p>Simple inline form</p> |
963 | + <form action class=ues-form-inline> |
964 | + <fieldset> |
965 | + <input type=text placeholder="Type something…"> |
966 | + <input type=text placeholder="Type something…"> |
967 | + <label><input type=checkbox>Remember me?</label> |
968 | + <button type=submit class=ues-button>Submit</button> |
969 | + </fieldset> |
970 | + </form> |
971 | +</article> |
972 | +<article> |
973 | + <h2>Required Inputs</h2> |
974 | + <p>To mark a form control as required, add the <code>required</code> attribute. </p> |
975 | + <form action class=ues-form-inline> |
976 | + <input type=text placeholder="Type something…" required="true"> |
977 | + </form> |
978 | +</article> |
979 | +<article> |
980 | + <h2>Disabled Inputs</h2> |
981 | + <p>To mark a form control as disabled, add the <code>disabled</code> attribute. </p> |
982 | + <form action class=ues-form-inline> |
983 | + <input type=text placeholder="Type something…" disabled="true"> |
984 | + </form> |
985 | +</article> |
986 | +<article> |
987 | + <h2>Readonly Inputs</h2> |
988 | + <form action class=ues-form-inline> |
989 | + <input type=text readonly="true" value="http://ubuntuone.com/abcdef1234"> |
990 | + </form> |
991 | +</article> |
992 | +<article> |
993 | + <h2>Checkboxes & Radios</h2> |
994 | + <form action> |
995 | + <fieldset> |
996 | + <legend>Radio inputs default, stacked</legend> |
997 | + <label><input checked type=radio name=foo>Credit Card</label> |
998 | + <label><input type=radio name=foo>Paypal</label> |
999 | + </fieldset> |
1000 | + <fieldset> |
1001 | + <legend>Radio inputs inline, stacked</legend> |
1002 | + <label class=ues-inline><input type=radio name=bar>Foo</label> |
1003 | + <label class=ues-inline><input checked type=radio name=bar>Bar</label> |
1004 | + </fieldset> |
1005 | + <fieldset> |
1006 | + <legend>Checkbox default, stacked</legend> |
1007 | + <label><input checked type=checkbox name=foo1>Credit Card</label> |
1008 | + <label><input type=checkbox name=foo2>Paypal</label> |
1009 | + </fieldset> |
1010 | + <fieldset> |
1011 | + <legend>Checkbox inline, stacked</legend> |
1012 | + <label class=ues-inline><input type=checkbox name=bar1>Foo</label> |
1013 | + <label class=ues-inline><input checked type=checkbox name=bar2>Bar</label> |
1014 | + </fieldset> |
1015 | + </form> |
1016 | +</article> |
1017 | +</section> |
1018 | + |
1019 | + |
1020 | +<section> |
1021 | +<h1>Layout, including Pure (ues-) Grids</h1> |
1022 | + |
1023 | +<div class="ues-g-r"> |
1024 | + <div class="ues-u-1-5"> |
1025 | + <div class="ues-box ues-box-solid"> |
1026 | + <h3>A Headline</h3> |
1027 | + <p>lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore</p> |
1028 | + </div> |
1029 | + </div> |
1030 | + <div class="ues-u-4-5"> |
1031 | + <div class="ues-box"> |
1032 | + <h3>A Headline</h3> |
1033 | + <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p> |
1034 | + </div> |
1035 | + </div> |
1036 | +</div> |
1037 | + |
1038 | +<h1>Feedback</h1> |
1039 | + |
1040 | + |
1041 | +<h2>Static messages, warnings, errors, notices</h2> |
1042 | + |
1043 | +<p class="ues-message ues-message-inline">Message</p> |
1044 | + |
1045 | +<p class="ues-message ues-message-inline ues-disabled">Disabled</p> |
1046 | + |
1047 | +<p class="ues-message ues-message-inline ues-success">Success</p> |
1048 | + |
1049 | +<p class="ues-message ues-message-inline ues-warning">Warning</p> |
1050 | + |
1051 | +<p class="ues-message ues-message-inline ues-error">Error</p> |
1052 | + |
1053 | +<p class="ues-message ues-message-inline ues-error ues-error-pulsating">Pulsating error</p> |
1054 | + |
1055 | +<p class="ues-message ues-message-inline ues-information">Information</p> |
1056 | + |
1057 | +<p id="msg-closeable" class="ues-message ues-message-closeable">Closable</p> |
1058 | + |
1059 | +<p class="ues-message ues-message-bordered ues-information">Block element with border</p> |
1060 | + |
1061 | +<p class="ues-message ues-message-bordered ues-warning">Warning with an <a href="#feedback">important link</a></p> |
1062 | +</section> |
1063 | + |
1064 | +<section> |
1065 | + |
1066 | + <h1>Tables</h1> |
1067 | + |
1068 | + <h2>Default table</h2> |
1069 | + |
1070 | + <table class="ues-table"> |
1071 | + |
1072 | + <thead> |
1073 | + <tr> |
1074 | + <th>Fruit</th> |
1075 | + <th>Weight</th> |
1076 | + <th>Colour</th> |
1077 | + </tr> |
1078 | + </thead> |
1079 | + |
1080 | + <tbody> |
1081 | + <tr> |
1082 | + <td>Apple</td> |
1083 | + <td>150g</td> |
1084 | + <td>Red|Green</td> |
1085 | + </tr> |
1086 | + <tr> |
1087 | + <td>Orange</td> |
1088 | + <td>200g</td> |
1089 | + <td>Orange</td> |
1090 | + </tr> |
1091 | + </tbody> |
1092 | + |
1093 | + </table> |
1094 | + |
1095 | + <h2>Small table</h2> |
1096 | + |
1097 | + <table class="ues-table ues-table-small"> |
1098 | + |
1099 | + <thead> |
1100 | + <tr> |
1101 | + <th>Fruit</th> |
1102 | + <th>Weight</th> |
1103 | + <th>Colour</th> |
1104 | + </tr> |
1105 | + </thead> |
1106 | + |
1107 | + <tbody> |
1108 | + <tr> |
1109 | + <td>Apple</td> |
1110 | + <td>150g</td> |
1111 | + <td>Red|Green</td> |
1112 | + </tr> |
1113 | + <tr> |
1114 | + <td>Orange</td> |
1115 | + <td>200g</td> |
1116 | + <td>Orange</td> |
1117 | + </tr> |
1118 | + </tbody> |
1119 | + |
1120 | + </table> |
1121 | + |
1122 | + <h2>Bordered Table</h2> |
1123 | + |
1124 | + <table class="ues-table ues-table-bordered"> |
1125 | + |
1126 | + <thead> |
1127 | + <tr> |
1128 | + <th>Fruit</th> |
1129 | + <th>Weight</th> |
1130 | + <th>Colour</th> |
1131 | + </tr> |
1132 | + </thead> |
1133 | + |
1134 | + <tbody> |
1135 | + <tr> |
1136 | + <td>Apple</td> |
1137 | + <td>150g</td> |
1138 | + <td>Red|Green</td> |
1139 | + </tr> |
1140 | + <tr> |
1141 | + <td>Orange</td> |
1142 | + <td>200g</td> |
1143 | + <td>Orange</td> |
1144 | + </tr> |
1145 | + </tbody> |
1146 | + |
1147 | + </table> |
1148 | + |
1149 | + <h2>Horizontal border</h2> |
1150 | + |
1151 | + <table class="ues-table ues-table-horizontal"> |
1152 | + |
1153 | + <thead> |
1154 | + <tr> |
1155 | + <th>Fruit</th> |
1156 | + <th>Weight</th> |
1157 | + <th>Colour</th> |
1158 | + </tr> |
1159 | + </thead> |
1160 | + |
1161 | + <tbody> |
1162 | + <tr> |
1163 | + <td>Apple</td> |
1164 | + <td>150g</td> |
1165 | + <td>Red|Green</td> |
1166 | + </tr> |
1167 | + <tr> |
1168 | + <td>Orange</td> |
1169 | + <td>200g</td> |
1170 | + <td>Orange</td> |
1171 | + </tr> |
1172 | + </tbody> |
1173 | + |
1174 | + </table> |
1175 | + |
1176 | + <h2>Striped</h2> |
1177 | + |
1178 | + <table class="ues-table ues-table-striped"> |
1179 | + |
1180 | + <thead> |
1181 | + <tr> |
1182 | + <th>Fruit</th> |
1183 | + <th>Weight</th> |
1184 | + <th>Colour</th> |
1185 | + </tr> |
1186 | + </thead> |
1187 | + |
1188 | + <tbody> |
1189 | + <tr> |
1190 | + <td>Apple</td> |
1191 | + <td>150g</td> |
1192 | + <td>Red|Green</td> |
1193 | + </tr> |
1194 | + <tr> |
1195 | + <td>Orange</td> |
1196 | + <td>200g</td> |
1197 | + <td>Orange</td> |
1198 | + </tr> |
1199 | + <tr> |
1200 | + <td>Banana</td> |
1201 | + <td>110g</td> |
1202 | + <td>Yellow</td> |
1203 | + </tr> |
1204 | + <tr> |
1205 | + <td>Strawberry</td> |
1206 | + <td>5g</td> |
1207 | + <td>Red</td> |
1208 | + </tr> |
1209 | + <tr> |
1210 | + <td>Tomato</td> |
1211 | + <td>80g</td> |
1212 | + <td>Red</td> |
1213 | + </tr> |
1214 | + <tr> |
1215 | + <td>Pineapple</td> |
1216 | + <td>600g</td> |
1217 | + <td>Greenyellow</td> |
1218 | + </tr> |
1219 | + <tr> |
1220 | + <td>Basket</td> |
1221 | + <td>130g</td> |
1222 | + <td>Brown</td> |
1223 | + </tr> |
1224 | + </tbody> |
1225 | + |
1226 | + </table> |
1227 | + |
1228 | + <h2>Caption, colgroup, cols, tfoot</h2> |
1229 | + |
1230 | + <table class="ues-table"> |
1231 | + |
1232 | + <caption>Fruits and their attributes</caption> |
1233 | + |
1234 | + <colgroup> |
1235 | + <col span="1" class="object"> |
1236 | + <col span="2" class="attributes"> |
1237 | + </colgroup> |
1238 | + |
1239 | + <thead> |
1240 | + <tr> |
1241 | + <th>Fruit</th> |
1242 | + <th>Weight</th> |
1243 | + <th>Colour</th> |
1244 | + </tr> |
1245 | + </thead> |
1246 | + |
1247 | + <tfoot> |
1248 | + <tr> |
1249 | + <td>Averages</td> |
1250 | + <td>175g</td> |
1251 | + <td>Bright colours</td> |
1252 | + </tr> |
1253 | + </tfoot> |
1254 | + |
1255 | + <tbody> |
1256 | + <tr> |
1257 | + <td>Apple</td> |
1258 | + <td>150g</td> |
1259 | + <td>Red|Green</td> |
1260 | + </tr> |
1261 | + <tr> |
1262 | + <td>Orange</td> |
1263 | + <td>200g</td> |
1264 | + <td>Orange</td> |
1265 | + </tr> |
1266 | + </tbody> |
1267 | + |
1268 | + |
1269 | + </table> |
1270 | + |
1271 | + |
1272 | +</section> |
1273 | +<script src="/js/bower_components/yui3/build/yui/yui-min.js"></script> |
1274 | +<script src="/js/build/config.js"></script> |
1275 | +<script> |
1276 | + YUI().use('node', function(Y) { |
1277 | + Y.log('hello world'); |
1278 | + }) |
1279 | +</script> |
1280 | +</body> |
1281 | +</html> |
1282 | |
1283 | === modified file 'test/index.html' |
1284 | --- test/index.html 2014-02-27 15:09:41 +0000 |
1285 | +++ test/index.html 2014-03-04 16:51:51 +0000 |
1286 | @@ -698,6 +698,5 @@ |
1287 | |
1288 | |
1289 | </section> |
1290 | - |
1291 | </body> |
1292 | </html> |
1293 | |
1294 | === added symlink 'test/js' |
1295 | === target is u'../node_modules/online-services-common-js/' |
public/ navigation. css got out of sync with src/
need to make sure 'grunt build' is run before merging to trunk!