Ubuntu HTML5 UI SDK

Merge lp:~ya-bo-ng/ubuntu-html5-theme/popover-update into lp:ubuntu-html5-theme

  1. popover-update
  2. Merge into trunk
Proposed by Anthony Dillon
Status: Merged
Approved by: Alexandre Abreu
Approved revision: 148
Merged at revision: 192
Proposed branch: lp:~ya-bo-ng/ubuntu-html5-theme/popover-update
Merge into: lp:ubuntu-html5-theme
Diff against target: 127 lines (+34/-31)
3 files modified
0.1/ambiance/css/appTemplate.css (+1/-1)
0.1/ambiance/css/sass/popover.scss (+8/-11)
examples/html5-theme/widgets/Popovers.html (+25/-19)
To merge this branch: bzr merge lp:~ya-bo-ng/ubuntu-html5-theme/popover-update
Reviewer Review Type Date Requested Status
Alexandre Abreu Approve
PS Jenkins bot continuous-integration Needs Fixing
Adnane Belmadiaf Approve
Review via email: mp+208199@code.launchpad.net

Description of the change

Make popover links cover the full space

To post a comment you must log in.
Revision history for this message
PS Jenkins bot (ps-jenkins) wrote :

PASSED: Continuous integration, rev:147
http://jenkins.qa.ubuntu.com/job/ubuntu-html5-theme-ci/117/
Executed test runs:
    SUCCESS: http://jenkins.qa.ubuntu.com/job/generic-mediumtests-trusty/3506
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-html5-theme-trusty-amd64-ci/101
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-html5-theme-trusty-armhf-ci/101
    SUCCESS: http://jenkins.qa.ubuntu.com/job/autopilot-testrunner-otto-trusty/3083
    SUCCESS: http://jenkins.qa.ubuntu.com/job/generic-mediumtests-builder-trusty-amd64/3509
        deb: http://jenkins.qa.ubuntu.com/job/generic-mediumtests-builder-trusty-amd64/3509/artifact/work/output/*zip*/output.zip

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/ubuntu-html5-theme-ci/117/rebuild

review: Approve (continuous-integration)
Revision history for this message
Adnane Belmadiaf (daker) wrote :

LGTM.

review: Approve
Revision history for this message
Adnane Belmadiaf (daker) wrote :

One issue there is that if someone want to add a listener on the "a" element and wanted to highlight it he needs to do elm.parent().classList.toggle('active') insted of elm.classList.toggle('active') so i think we need to move the "active" class to the "a" instead of the "li".

lp:~ya-bo-ng/ubuntu-html5-theme/popover-update updated
148. By Anthony Dillon

Moved the active styles to the link in the popover

Revision history for this message
PS Jenkins bot (ps-jenkins) wrote :

FAILED: Continuous integration, rev:148
http://jenkins.qa.ubuntu.com/job/ubuntu-html5-theme-ci/121/
Executed test runs:
    UNSTABLE: http://jenkins.qa.ubuntu.com/job/generic-mediumtests-trusty/3517
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-html5-theme-trusty-amd64-ci/105
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-html5-theme-trusty-armhf-ci/105
    UNSTABLE: http://jenkins.qa.ubuntu.com/job/autopilot-testrunner-otto-trusty/3094
    SUCCESS: http://jenkins.qa.ubuntu.com/job/generic-mediumtests-builder-trusty-amd64/3521
        deb: http://jenkins.qa.ubuntu.com/job/generic-mediumtests-builder-trusty-amd64/3521/artifact/work/output/*zip*/output.zip

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/ubuntu-html5-theme-ci/121/rebuild

review: Needs Fixing (continuous-integration)
Revision history for this message
Alexandre Abreu (abreu-alexandre) :
review: Approve

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1=== modified file '0.1/ambiance/css/appTemplate.css'
2--- 0.1/ambiance/css/appTemplate.css 2014-02-20 20:37:13 +0000
3+++ 0.1/ambiance/css/appTemplate.css 2014-02-25 21:33:58 +0000
4@@ -1,1 +1,1 @@
5-@charset "UTF-8";*{outline:none}html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,audio,video{padding:0;margin:0;border:0}ul{list-style:none}[data-role="header"]{background:#ededf0 url("../img/background_paper@30.png") repeat-x top left;height:74px;width:100%;overflow:hidden;position:relative}[data-role="header"]:after{background:#C2C2C2;content:"";border-top:1px solid #afafaf;height:14px;width:100%;display:block}[data-role="header"] .active{color:#484647;padding-left:15px;-webkit-opacity:1;opacity:1}[data-role="header"] .active:after{content:"›";padding-left:10px;-webkit-opacity:0.5;opacity:0.5}[data-role="header"] .inactive{color:#a0a0a0;-webkit-opacity:0.5;opacity:0.5}[data-role="tabs"]{width:100%;white-space:nowrap}[data-role="tabitem"]{display:inline-block;font:35px "Ubuntu";letter-spacing:-1px;line-height:60px;padding-left:35px;text-decoration:none;color:#a0a0a0;-webkit-opacity:0;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;cursor:pointer}[data-role="tabitem"]:only-child:after{content:"";padding-left:10px}[data-role="tab"]{-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;width:100%;height:100%;overflow:hidden;display:none}[data-role="tab"]:first-child{display:block}[data-role="pagestack"]{position:relative;-webkit-transition:all 0 linear;transition:all 0 linear}[data-role="page"]{-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;width:100%;height:100%;overflow:hidden;display:none}[data-role="pagestack"]>[data-role="page"]:first-child,[data-role="mainview"]>[data-role="page"]{display:block}input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="number"],textarea{-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);background:#cfcfcf;border:0;border-radius:6px;color:#757373;font-family:Ubuntu;font-size:0.8rem;padding:8px}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="search"]:focus,input[type="url"]:focus,input[type="number"]:focus,textarea:focus{background:#fff;color:#757373;font-family:Ubuntu}input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],input[type="tel"][disabled],input[type="search"][disabled],input[type="url"][disabled],input[type="number"][disabled],textarea[disabled]{background:rgba(255,255,255,0.1);color:darkgray}input[type="text"]:not([value]),input[type="password"]:not([value]),input[type="email"]:not([value]),input[type="tel"]:not([value]),input[type="search"]:not([value]),input[type="url"]:not([value]),input[type="number"]:not([value]),textarea:not([value]){color:#757373}textarea{resize:none;height:80px;width:190px}.textfield.clear:focus{background:url(artwork/icon_clear@20.png) no-repeat 97% center #fff;background-size:12%}.textfield.label,.textarea.label{-webkit-box-shadow:none;box-shadow:none;background:none !important;font-size:12px;padding:0 !important}progress{-webkit-appearance:none;height:35px}progress:not([value]){background:url(../img/spinner@8.png) no-repeat center center/100% auto;-webkit-animation:1s rotate infinite steps(30);animation:1s rotate infinite steps(30);width:24px;height:24px;border:none;display:inline-block;vertical-align:middle}progress:not([value])::-webkit-progress-bar{-webkit-box-shadow:none;box-shadow:none;background:none}progress.bigger:not([value]){background:url(../img/spinner@30.png) no-repeat center center/100% auto;width:90px;height:90px}progress[value]::-webkit-progress-value{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);width:100%;background:#dd4814;border:none;border-radius:6px;display:block}progress[value]::-webkit-progress-bar{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);padding:1px;background-color:rgba(192,192,192,0.1);width:200px;height:35px;border-radius:6px;padding:0}progress[value].infinite::-webkit-progress-value{-webkit-appearance:none}@-webkit-keyframes rotate{from{-webkit-transform:rotate(1deg)}to{-webkit-transform:rotate(360deg)}}[data-role="dialog"]{background:#000;opacity:0.9;overflow:hidden;position:absolute;z-index:100;top:0;left:0;right:0;padding:0;font-size:0;color:#fff;text-align:center;height:100%;display:none}[data-role="dialog"].active{display:block}[data-role="dialog"]>section{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.5rem;color:#FAFAFA;width:100%;display:inline-block;vertical-align:middle;white-space:normal}[data-role="dialog"]:before{content:"";display:inline-block;vertical-align:middle;width:0.1rem;height:100%;margin-left:-0.1rem}[data-role="dialog"] h1{font-size:1.3rem;line-height:1.5em;color:rgba(255,255,255,0.9);margin:0}[data-role="dialog"] p{font-size:0.9rem;line-height:1.8em;color:rgba(255,255,255,0.6);margin:0}[data-role="dialog"] menu{-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;margin:0 auto;margin-top:1rem;display:block;text-align:center}[data-role="dialog"] menu [data-role="button"]{display:block;margin:0 auto;margin-bottom:10px;width:200px}[data-role="dialog"] menu [data-role="button"]:last-child{margin-bottom:0}@media only screen and (min-width: 870px){[data-role="dialog"]{background:rgba(0,0,0,0.6);opacity:1}[data-role="dialog"]>section{background:rgba(0,0,0,0.7);border-radius:10px;width:18.7rem;padding:1.8rem}[data-role="dialog"] input[type="text"],[data-role="dialog"] input[type="password"],[data-role="dialog"] input[type="email"],[data-role="dialog"] input[type="tel"],[data-role="dialog"] input[type="search"],[data-role="dialog"] input[type="url"],[data-role="dialog"] input[type="number"]{width:14rem}[data-role="dialog"] menu [data-role="button"]{width:100%;max-width:100%}@keyframes shake{0%{-webkit-transform:translate3d(0, 0, 0)}10%{-webkit-transform:translate3d(-20px, 0, 0)}20%{-webkit-transform:translate3d(20px, 0, 0)}30%{-webkit-transform:translate3d(-20px, 0, 0)}40%{-webkit-transform:translate3d(20px, 0, 0)}50%{-webkit-transform:translate3d(-20px, 0, 0)}60%{-webkit-transform:translate3d(20px, 0, 0)}70%{-webkit-transform:translate3d(-20px, 0, 0)}80%{-webkit-transform:translate3d(20px, 0, 0)}90%{-webkit-transform:translate3d(-20px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0)}}@-webkit-keyframes shake{0%{-webkit-transform:translate3d(0, 0, 0)}10%{-webkit-transform:translate3d(-20px, 0, 0)}20%{-webkit-transform:translate3d(20px, 0, 0)}30%{-webkit-transform:translate3d(-20px, 0, 0)}40%{-webkit-transform:translate3d(20px, 0, 0)}50%{-webkit-transform:translate3d(-20px, 0, 0)}60%{-webkit-transform:translate3d(20px, 0, 0)}70%{-webkit-transform:translate3d(-20px, 0, 0)}80%{-webkit-transform:translate3d(20px, 0, 0)}90%{-webkit-transform:translate3d(-20px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0)}}.shake{-webkit-animation:shakeIt .9s ease-in;animation:shakeIt .9s ease-in}}[data-role="button"]{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:200px;display:inline-block;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#cccccc;border:0;border-radius:6px;color:#333;font-family:Ubuntu;font-size:0.9rem;padding:6px 25px;text-align:center;text-decoration:none;position:relative}[data-role="button"]:after{background:url(../img/ubuntushape_small_radius_idle@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="button"]:active:after{background:url(../img/ubuntushape_small_radius_pressed@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="button"].ubuntu{background:#dd4814;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}[data-role="button"].danger{background:red;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}[data-role="button"].warning{background:#faa732;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}[data-role="button"].success{background:#5da357;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}[data-role="button"].disabled{color:rgba(255,255,255,0.6)}input[type=range]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-webkit-appearance:none;background-color:rgba(192,192,192,0.1);width:200px;height:35px;border-radius:6px;padding:5px 0}input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;background-color:#dd4814;border-radius:6px;width:30px;height:27px}label:not([for]){display:inline-block;vertical-align:middle;width:4.5rem;height:2.2rem;position:relative;background:none}label:not([for]) input[type="checkbox"]{margin:0;opacity:0;position:absolute;top:0;left:0}label:not([for]) input[type="checkbox"]+span{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:50%;top:50%;margin:-1.1rem 0 0 -1.1rem;width:2rem;height:2rem;pointer-events:none;border-radius:6px;background:rgba(0,0,0,0.4);background-position-y:30px;-webkit-transition:background-image 0.3s ease-in-out, background-color 0.3s ease-in-out, background-position 0.3s ease-in-out;transition:background-image 0.3s ease-in-out, background-color 0.3s ease-in-out, background-position 0.3s ease-in-out}label:not([for]) input[type="checkbox"]:checked+span{background:#dd4814 url(../img/tick-white@30.png) no-repeat 0.3rem 0.3rem;background-size:75% 75%;background-position-y:5px;-webkit-transition:background-image 0.3s ease-in-out, background-color 0.3s ease-in-out, background-position 0.3s ease-in-out;transition:background-image 0.3s ease-in-out, background-color 0.3s ease-in-out, background-position 0.3s ease-in-out}label:not([for]) input[type="checkbox"]:disabled+span{background:rgba(0,0,0,0.25) !important}label:not([for]) input[type="checkbox"]:disabled:checked+span{background:rgba(221,72,20,0.5) url(../img/tick-white@30.png) no-repeat 0.3rem 0.3rem !important;background-size:75% 75% !important}label input[type="checkbox"][data-type="switch"]+span.toggle{position:absolute;left:50%;top:50%;margin:-1.1rem 0 0 -2.2rem;width:4.5rem;height:2.2rem;pointer-events:none;overflow:hidden;background:rgba(136,136,136,0.3)}label input[type="checkbox"][data-type="switch"]+span.toggle>span.toggle-bg{background:transparent url(../img/unCheckbox.png) no-repeat 0.4rem 0.35rem;background-size:90% 75%;position:absolute;top:0;left:0;z-index:10;width:4.5rem;height:2.1rem;-webkit-transition:background-image 0.3s ease-in-out;transition:background-image 0.3s ease-in-out}label input[type="checkbox"][data-type="switch"]+span.toggle>span.toggle-handle{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);position:absolute;top:2px;left:2px;z-index:2;width:2rem;height:2rem;border-radius:6px;background:rgba(0,0,0,0.4);-webkit-transition:background 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:background 0.3s ease-in-out, transform 0.3s ease-in-out}label input[type="checkbox"][data-type="switch"]:checked+span.toggle{background:rgba(136,136,136,0.3) !important}label input[type="checkbox"][data-type="switch"]:checked+span.toggle>span.toggle-bg{background:transparent url(../img/Checkbox.png) no-repeat 0.4rem 0.35rem;background-size:90% 75%}label input[type="checkbox"][data-type="switch"]:checked+span.toggle>span.toggle-handle{background:#dd4814;-webkit-transform:translate3d(38px, 0, 0);transform:translate3d(38px, 0, 0)}label input[data-type="switch"]:disabled+span.toggle{background:rgba(136,136,136,0.3) !important}label input[data-type="switch"]:disabled+span.toggle>span.toggle-handle{opacity:0.4}label input[data-type="switch"]:disabled:checked+span.toggle>span.toggle-handle{opacity:0.4;-webkit-transform:translate3d(38px, 0, 0);transform:translate3d(38px, 0, 0)}.popover{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5);position:absolute;background:rgba(255,255,255,0.98);-webkit-border-radius:15px;border-radius:15px;-webkit-background-clip:padding-box;z-index:110;width:320px;left:0;top:0;color:#787878;font-size:1rem;display:none}.popover.active{display:block}.popover .list{-webkit-border-radius:15px;border-radius:15px;width:auto;max-height:250px;overflow:auto;-webkit-overflow-scrolling:touch}.popover .list li{position:relative;padding:20px 10px 20px 10px;border-bottom:1px solid #d9d9d9;text-align:center;font-size:1rem}.popover .list li a{color:#787878;text-decoration:none}.popover .list li.active{background:#ebebeb;border-top:1px solid #fcfcfc}.popover .list li.active a{color:#dd4814;text-decoration:none}.popover[data-gravity]:before,.popover[data-gravity]:after{position:absolute;left:50%;width:0;height:0;content:''}.popover[data-gravity="n"]:before{top:-17px;margin-left:-18px;background:transparent url(../img/UpArrow@18.png) no-repeat 0.5rem 0.5rem;background-size:50% 50%;width:37px;height:18px}.popover[data-gravity="w"]:before{top:50%;margin-left:-17px;margin-top:-18px;background:transparent url(../img/LeftArrow@18.png) no-repeat 0.5rem 0.5rem;background-size:50% 50%;width:18px;height:37px;left:0}.popover[data-gravity="s"]:after{bottom:-9px;margin-left:-18px;background:transparent url(../img/DownArrow@18.png) no-repeat 0.5rem 0.5rem;background-size:50% 50%;width:37px;height:18px}.popover[data-gravity="e"]:before{top:50%;margin-right:-10px;margin-top:-18px;background:transparent url(../img/RightArrow@18.png) no-repeat 0.5rem 0.5rem;background-size:50% 50%;width:18px;height:37px;right:0;left:initial}[data-role="list"]{border-top:1px solid #f0f0f0}[data-role="list"] header{border-bottom:0.1rem solid #c9c9c9;line-height:1.8rem;color:#787878;font-size:0.9rem;padding-left:1rem}[data-role="list"] ul{list-style:none;overflow:hidden}[data-role="list"] ul li{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:3.5rem;border-bottom:solid 0.1rem #c7c7c7;color:#787878;position:relative}[data-role="list"] ul li>a{text-decoration:none;color:#787878;display:block;height:3.4rem;position:relative;border:none;line-height:3.4rem;padding-left:1rem;padding-right:1.5rem;border-top:1px solid #ebebeb;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-role="list"] ul li>a:after{content:"";background:transparent url(../img/chevron@27.png) no-repeat 0.5rem 0.5rem;background-size:40% 75%;position:absolute;width:2rem;height:2rem;top:50%;right:0;margin-top:-1rem;z-index:0}[data-role="list"] ul li>a:active{background:#e6e6e6;border-color:#ebebeb}[data-role="list"] ul li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;display:block;color:#787878;font-size:0.9rem;padding-left:1rem;padding-top:0.5rem;line-height:1rem}[data-role="list"] ul li p:only-child,[data-role="list"] ul li p:first-of-type:last-of-type{line-height:2.5rem}[data-role="list"] ul li>label{z-index:110;width:4.5rem;height:2.2rem;right:0.5rem;margin-top:-1.1rem;position:absolute;top:50%}[data-role="list"] aside{float:left;margin:-1.2em 0 0 0;max-width:100%;vertical-align:bottom;position:relative;top:50%;z-index:2}[data-role="list"] aside img{border-radius:6px;margin-bottom:0;float:left}[data-role="list"] aside:after{background:url(../img/ubuntushape_medium_radius_idle@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="list"]>header+ul li{padding-left:20px}[data-role="footer"]{background:transparent url("../img/toolbar_dropshadow@20.png") repeat-x top left;height:85px;width:100%;position:fixed;z-index:100;left:0;bottom:-65px;-webkit-transition:-webkit-transform 0.1s ease-in-out;transition:transform 0.1s ease-in-out}[data-role="footer"].revealed{-webkit-transform:translate3d(0, -65px, 0);transform:translate3d(0, -65px, 0)}[data-role="footer"] nav{background:#fdfdfd;margin-top:20px;display:block;height:55px;padding-top:10px}[data-role="footer"] nav ul{list-style:none}[data-role="footer"] nav ul li,[data-role="footer"] nav ul li a{color:#7d767b;font-size:0.6rem;text-align:center;width:60px;float:right;text-decoration:none}[data-role="footer"] nav ul li{padding-top:4px}[data-role="footer"] nav ul li img{width:16px;height:16px}[data-role="footer"] nav ul li span{display:block}[data-role="footer"] nav ul li:last-child{float:left}[data-role="shape"]{height:100px;width:100px;display:inline-block;max-width:100%;vertical-align:bottom;position:relative;z-index:100}[data-role="shape"]:after{background:url(../img/ubuntushape_medium_radius_idle@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="shape"] img{height:100%;width:100%;border-radius:1.5rem;margin-bottom:0;display:inline-block}[data-role="shape"] div{height:100%;width:100%;border-radius:1.5rem;margin-bottom:0;display:inline-block}[data-role="indexbar"]{position:absolute;right:1rem;top:0;bottom:0}[data-role="indexbar"] ol{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.3rem 0;margin:5.5rem 0;width:2rem;border-radius:4rem;opacity:0.6;list-style:none;background:#c2c2c2}[data-role="indexbar"] ol li{font-size:1rem;line-height:1.4em;text-align:center;text-transform:uppercase}[data-role="indexbar"] ol li a{display:block;color:#333;width:100%;height:100%;text-decoration:none}[data-role="option-selector"]{-webkit-box-shadow:inset 0 2px 2px 0 #d5d5d5;box-shadow:inset 0 2px 2px 0 #d5d5d5;width:100%;height:auto;margin:0 auto;border:1px solid #C7C7C7;overflow:hidden;-webkit-transition:height 0.4s;transition:height 0.4s;margin-top:15px;margin-bottom:15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}[data-role="option-selector"] li{text-decoration:none;color:#787878;display:block;height:3rem;position:relative;line-height:3rem;padding-left:1rem;padding-right:1.5rem;border:none;border-top:1px solid #C7C7C7;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}[data-role="option-selector"] li.active:after{background:transparent url(../img/tick@30.png) no-repeat center center;background-size:15px 15px;display:block;position:absolute;width:2rem;height:3rem;right:0.5rem;content:"";top:0}[data-role="option-selector"] li.closed:after{background:transparent url(../img/chevron_down@30.png) no-repeat center center;background-size:15px 15px;display:block;position:absolute;width:2rem;height:3rem;right:0.5rem;content:"";top:0}[data-role="option-selector"] li aside{float:left;margin:-1.2em 0 0 0;max-width:100%;vertical-align:bottom;position:relative;top:50%;z-index:2}[data-role="option-selector"] li aside img{border-radius:6px;margin-bottom:0;float:left}[data-role="option-selector"] li aside:after{background:url(../img/ubuntushape_medium_radius_idle@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="option-selector"] li aside+p{padding-left:1rem}[data-role="option-selector"] li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;display:block;color:#787878;font-size:0.9rem;padding-top:0.5rem;line-height:1rem}[data-role="option-selector"] li p:only-child,[data-role="option-selector"] li p:first-of-type:last-of-type{line-height:2rem}[data-role="option-selector"] li p+p{padding-top:0.2rem;font-size:0.7rem}[data-role="option-selector"] li:first-child{border-top:0 !important}.icon{width:26px;height:26px;display:inline-block;vertical-align:middle}.icon.icon-call{background:url(../img/icons/icon-call.svg) no-repeat scroll center center transparent;background-size:26px}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background:#ededf0 url("../img/background_paper@30.png") repeat top left;font-family:"Ubuntu";font-weight:normal}[data-role="content"]{background:#ededf0 url("../img/background_paper@30.png") repeat top left;border-top:1px solid #f0f0f0;height:auto;min-height:auto;width:100%;font-size:1rem "Ubuntu";color:#787878}[data-role="content"] p{font:0.9rem "Ubuntu";color:#787878}[data-role="content"] h1,[data-role="content"] h2,[data-role="content"] h3{color:#747278;font:1.3rem "Ubuntu";font-weight:300}[data-role="content"] h2{font-size:1.1rem}[data-role="content"] h3{font-size:0.9rem}[data-role="content"] img{margin:0 auto;max-width:98%}.inset{margin-bottom:10px}.xlarge-font{font-size:33px !important;font-family:"Ubuntu";color:#787878}.large-font{font-size:20px !important;font-family:"Ubuntu";color:#787878}.medium-font{font-size:14px !important;font-family:"Ubuntu";color:#787878}.small-font{font-size:12px !important;font-family:"Ubuntu";color:#787878}.xsmall-font{font-size:10px !important;font-family:"Ubuntu";color:#787878}.xxsmall-font{font-size:8px !important;font-family:"Ubuntu";color:#787878}
6+@charset "UTF-8";*{outline:none}html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,audio,video{padding:0;margin:0;border:0}ul{list-style:none}[data-role="header"]{background:#ededf0 url("../img/background_paper@30.png") repeat-x top left;height:74px;width:100%;overflow:hidden;position:relative}[data-role="header"]:after{background:#C2C2C2;content:"";border-top:1px solid #afafaf;height:14px;width:100%;display:block}[data-role="header"] .active{color:#484647;padding-left:15px;-webkit-opacity:1;opacity:1}[data-role="header"] .active:after{content:"›";padding-left:10px;-webkit-opacity:0.5;opacity:0.5}[data-role="header"] .inactive{color:#a0a0a0;-webkit-opacity:0.5;opacity:0.5}[data-role="tabs"]{width:100%;white-space:nowrap}[data-role="tabitem"]{display:inline-block;font:35px "Ubuntu";letter-spacing:-1px;line-height:60px;padding-left:35px;text-decoration:none;color:#a0a0a0;-webkit-opacity:0;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;cursor:pointer}[data-role="tabitem"]:only-child:after{content:"";padding-left:10px}[data-role="tab"]{-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;width:100%;height:100%;overflow:hidden;display:none}[data-role="tab"]:first-child{display:block}[data-role="pagestack"]{position:relative;-webkit-transition:all 0 linear;transition:all 0 linear}[data-role="page"]{-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;width:100%;height:100%;overflow:hidden;display:none}[data-role="pagestack"]>[data-role="page"]:first-child,[data-role="mainview"]>[data-role="page"]{display:block}input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="number"],textarea{-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);background:#cfcfcf;border:0;border-radius:6px;color:#757373;font-family:Ubuntu;font-size:0.8rem;padding:8px}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="search"]:focus,input[type="url"]:focus,input[type="number"]:focus,textarea:focus{background:#fff;color:#757373;font-family:Ubuntu}input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],input[type="tel"][disabled],input[type="search"][disabled],input[type="url"][disabled],input[type="number"][disabled],textarea[disabled]{background:rgba(255,255,255,0.1);color:darkgray}input[type="text"]:not([value]),input[type="password"]:not([value]),input[type="email"]:not([value]),input[type="tel"]:not([value]),input[type="search"]:not([value]),input[type="url"]:not([value]),input[type="number"]:not([value]),textarea:not([value]){color:#757373}textarea{resize:none;height:80px;width:190px}.textfield.clear:focus{background:url(artwork/icon_clear@20.png) no-repeat 97% center #fff;background-size:12%}.textfield.label,.textarea.label{-webkit-box-shadow:none;box-shadow:none;background:none !important;font-size:12px;padding:0 !important}progress{-webkit-appearance:none;height:35px}progress:not([value]){background:url(../img/spinner@8.png) no-repeat center center/100% auto;-webkit-animation:1s rotate infinite steps(30);animation:1s rotate infinite steps(30);width:24px;height:24px;border:none;display:inline-block;vertical-align:middle}progress:not([value])::-webkit-progress-bar{-webkit-box-shadow:none;box-shadow:none;background:none}progress.bigger:not([value]){background:url(../img/spinner@30.png) no-repeat center center/100% auto;width:90px;height:90px}progress[value]::-webkit-progress-value{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);width:100%;background:#dd4814;border:none;border-radius:6px;display:block}progress[value]::-webkit-progress-bar{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);padding:1px;background-color:rgba(192,192,192,0.1);width:200px;height:35px;border-radius:6px;padding:0}progress[value].infinite::-webkit-progress-value{-webkit-appearance:none}@-webkit-keyframes rotate{from{-webkit-transform:rotate(1deg)}to{-webkit-transform:rotate(360deg)}}[data-role="dialog"]{background:#000;opacity:0.9;overflow:hidden;position:absolute;z-index:100;top:0;left:0;right:0;padding:0;font-size:0;color:#fff;text-align:center;height:100%;display:none}[data-role="dialog"].active{display:block}[data-role="dialog"]>section{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.5rem;color:#FAFAFA;width:100%;display:inline-block;vertical-align:middle;white-space:normal}[data-role="dialog"]:before{content:"";display:inline-block;vertical-align:middle;width:0.1rem;height:100%;margin-left:-0.1rem}[data-role="dialog"] h1{font-size:1.3rem;line-height:1.5em;color:rgba(255,255,255,0.9);margin:0}[data-role="dialog"] p{font-size:0.9rem;line-height:1.8em;color:rgba(255,255,255,0.6);margin:0}[data-role="dialog"] menu{-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;margin:0 auto;margin-top:1rem;display:block;text-align:center}[data-role="dialog"] menu [data-role="button"]{display:block;margin:0 auto;margin-bottom:10px;width:200px}[data-role="dialog"] menu [data-role="button"]:last-child{margin-bottom:0}@media only screen and (min-width: 870px){[data-role="dialog"]{background:rgba(0,0,0,0.6);opacity:1}[data-role="dialog"]>section{background:rgba(0,0,0,0.7);border-radius:10px;width:18.7rem;padding:1.8rem}[data-role="dialog"] input[type="text"],[data-role="dialog"] input[type="password"],[data-role="dialog"] input[type="email"],[data-role="dialog"] input[type="tel"],[data-role="dialog"] input[type="search"],[data-role="dialog"] input[type="url"],[data-role="dialog"] input[type="number"]{width:14rem}[data-role="dialog"] menu [data-role="button"]{width:100%;max-width:100%}@keyframes shake{0%{-webkit-transform:translate3d(0, 0, 0)}10%{-webkit-transform:translate3d(-20px, 0, 0)}20%{-webkit-transform:translate3d(20px, 0, 0)}30%{-webkit-transform:translate3d(-20px, 0, 0)}40%{-webkit-transform:translate3d(20px, 0, 0)}50%{-webkit-transform:translate3d(-20px, 0, 0)}60%{-webkit-transform:translate3d(20px, 0, 0)}70%{-webkit-transform:translate3d(-20px, 0, 0)}80%{-webkit-transform:translate3d(20px, 0, 0)}90%{-webkit-transform:translate3d(-20px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0)}}@-webkit-keyframes shake{0%{-webkit-transform:translate3d(0, 0, 0)}10%{-webkit-transform:translate3d(-20px, 0, 0)}20%{-webkit-transform:translate3d(20px, 0, 0)}30%{-webkit-transform:translate3d(-20px, 0, 0)}40%{-webkit-transform:translate3d(20px, 0, 0)}50%{-webkit-transform:translate3d(-20px, 0, 0)}60%{-webkit-transform:translate3d(20px, 0, 0)}70%{-webkit-transform:translate3d(-20px, 0, 0)}80%{-webkit-transform:translate3d(20px, 0, 0)}90%{-webkit-transform:translate3d(-20px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0)}}.shake{-webkit-animation:shakeIt .9s ease-in;animation:shakeIt .9s ease-in}}[data-role="button"]{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:200px;display:inline-block;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#cccccc;border:0;border-radius:6px;color:#333;font-family:Ubuntu;font-size:0.9rem;padding:6px 25px;text-align:center;text-decoration:none;position:relative}[data-role="button"]:after{background:url(../img/ubuntushape_small_radius_idle@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="button"]:active:after{background:url(../img/ubuntushape_small_radius_pressed@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="button"].ubuntu{background:#dd4814;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}[data-role="button"].danger{background:red;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}[data-role="button"].warning{background:#faa732;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}[data-role="button"].success{background:#5da357;color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}[data-role="button"].disabled{color:rgba(255,255,255,0.6)}input[type=range]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-webkit-appearance:none;background-color:rgba(192,192,192,0.1);width:200px;height:35px;border-radius:6px;padding:5px 0}input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;background-color:#dd4814;border-radius:6px;width:30px;height:27px}label:not([for]){display:inline-block;vertical-align:middle;width:4.5rem;height:2.2rem;position:relative;background:none}label:not([for]) input[type="checkbox"]{margin:0;opacity:0;position:absolute;top:0;left:0}label:not([for]) input[type="checkbox"]+span{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:50%;top:50%;margin:-1.1rem 0 0 -1.1rem;width:2rem;height:2rem;pointer-events:none;border-radius:6px;background:rgba(0,0,0,0.4);background-position-y:30px;-webkit-transition:background-image 0.3s ease-in-out, background-color 0.3s ease-in-out, background-position 0.3s ease-in-out;transition:background-image 0.3s ease-in-out, background-color 0.3s ease-in-out, background-position 0.3s ease-in-out}label:not([for]) input[type="checkbox"]:checked+span{background:#dd4814 url(../img/tick-white@30.png) no-repeat 0.3rem 0.3rem;background-size:75% 75%;background-position-y:5px;-webkit-transition:background-image 0.3s ease-in-out, background-color 0.3s ease-in-out, background-position 0.3s ease-in-out;transition:background-image 0.3s ease-in-out, background-color 0.3s ease-in-out, background-position 0.3s ease-in-out}label:not([for]) input[type="checkbox"]:disabled+span{background:rgba(0,0,0,0.25) !important}label:not([for]) input[type="checkbox"]:disabled:checked+span{background:rgba(221,72,20,0.5) url(../img/tick-white@30.png) no-repeat 0.3rem 0.3rem !important;background-size:75% 75% !important}label input[type="checkbox"][data-type="switch"]+span.toggle{position:absolute;left:50%;top:50%;margin:-1.1rem 0 0 -2.2rem;width:4.5rem;height:2.2rem;pointer-events:none;overflow:hidden;background:rgba(136,136,136,0.3)}label input[type="checkbox"][data-type="switch"]+span.toggle>span.toggle-bg{background:transparent url(../img/unCheckbox.png) no-repeat 0.4rem 0.35rem;background-size:90% 75%;position:absolute;top:0;left:0;z-index:10;width:4.5rem;height:2.1rem;-webkit-transition:background-image 0.3s ease-in-out;transition:background-image 0.3s ease-in-out}label input[type="checkbox"][data-type="switch"]+span.toggle>span.toggle-handle{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);position:absolute;top:2px;left:2px;z-index:2;width:2rem;height:2rem;border-radius:6px;background:rgba(0,0,0,0.4);-webkit-transition:background 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:background 0.3s ease-in-out, transform 0.3s ease-in-out}label input[type="checkbox"][data-type="switch"]:checked+span.toggle{background:rgba(136,136,136,0.3) !important}label input[type="checkbox"][data-type="switch"]:checked+span.toggle>span.toggle-bg{background:transparent url(../img/Checkbox.png) no-repeat 0.4rem 0.35rem;background-size:90% 75%}label input[type="checkbox"][data-type="switch"]:checked+span.toggle>span.toggle-handle{background:#dd4814;-webkit-transform:translate3d(38px, 0, 0);transform:translate3d(38px, 0, 0)}label input[data-type="switch"]:disabled+span.toggle{background:rgba(136,136,136,0.3) !important}label input[data-type="switch"]:disabled+span.toggle>span.toggle-handle{opacity:0.4}label input[data-type="switch"]:disabled:checked+span.toggle>span.toggle-handle{opacity:0.4;-webkit-transform:translate3d(38px, 0, 0);transform:translate3d(38px, 0, 0)}.popover{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5);position:absolute;background:rgba(255,255,255,0.98);-webkit-border-radius:15px;border-radius:15px;-webkit-background-clip:padding-box;z-index:110;width:320px;left:0;top:0;color:#787878;font-size:1rem;display:none}.popover.active{display:block}.popover .list{-webkit-border-radius:15px;border-radius:15px;width:auto;max-height:250px;overflow:auto;-webkit-overflow-scrolling:touch}.popover .list li{position:relative;text-align:center;font-size:1rem}.popover .list li a{color:#787878;text-decoration:none;display:block;padding:20px 10px;border-bottom:1px solid #d9d9d9}.popover .list li a.active{background:#ebebeb;border-top:1px solid #fcfcfc;color:#dd4814}.popover[data-gravity]:before,.popover[data-gravity]:after{position:absolute;left:50%;width:0;height:0;content:''}.popover[data-gravity="n"]:before{top:-17px;margin-left:-18px;background:transparent url(../img/UpArrow@18.png) no-repeat 0.5rem 0.5rem;background-size:50% 50%;width:37px;height:18px}.popover[data-gravity="w"]:before{top:50%;margin-left:-17px;margin-top:-18px;background:transparent url(../img/LeftArrow@18.png) no-repeat 0.5rem 0.5rem;background-size:50% 50%;width:18px;height:37px;left:0}.popover[data-gravity="s"]:after{bottom:-9px;margin-left:-18px;background:transparent url(../img/DownArrow@18.png) no-repeat 0.5rem 0.5rem;background-size:50% 50%;width:37px;height:18px}.popover[data-gravity="e"]:before{top:50%;margin-right:-10px;margin-top:-18px;background:transparent url(../img/RightArrow@18.png) no-repeat 0.5rem 0.5rem;background-size:50% 50%;width:18px;height:37px;right:0;left:initial}[data-role="list"]{border-top:1px solid #f0f0f0}[data-role="list"] header{border-bottom:0.1rem solid #c9c9c9;line-height:1.8rem;color:#787878;font-size:0.9rem;padding-left:1rem}[data-role="list"] ul{list-style:none;overflow:hidden}[data-role="list"] ul li{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:3.5rem;border-bottom:solid 0.1rem #c7c7c7;color:#787878;position:relative}[data-role="list"] ul li>a{text-decoration:none;color:#787878;display:block;height:3.4rem;position:relative;border:none;line-height:3.4rem;padding-left:1rem;padding-right:1.5rem;border-top:1px solid #ebebeb;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-role="list"] ul li>a:after{content:"";background:transparent url(../img/chevron@27.png) no-repeat 0.5rem 0.5rem;background-size:40% 75%;position:absolute;width:2rem;height:2rem;top:50%;right:0;margin-top:-1rem;z-index:0}[data-role="list"] ul li>a:active{background:#e6e6e6;border-color:#ebebeb}[data-role="list"] ul li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;display:block;color:#787878;font-size:0.9rem;padding-left:1rem;padding-top:0.5rem;line-height:1rem}[data-role="list"] ul li p:only-child,[data-role="list"] ul li p:first-of-type:last-of-type{line-height:2.5rem}[data-role="list"] ul li>label{z-index:110;width:4.5rem;height:2.2rem;right:0.5rem;margin-top:-1.1rem;position:absolute;top:50%}[data-role="list"] aside{float:left;margin:-1.2em 0 0 0;max-width:100%;vertical-align:bottom;position:relative;top:50%;z-index:2}[data-role="list"] aside img{border-radius:6px;margin-bottom:0;float:left}[data-role="list"] aside:after{background:url(../img/ubuntushape_medium_radius_idle@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="list"]>header+ul li{padding-left:20px}[data-role="footer"]{background:transparent url("../img/toolbar_dropshadow@20.png") repeat-x top left;height:85px;width:100%;position:fixed;z-index:100;left:0;bottom:-65px;-webkit-transition:-webkit-transform 0.1s ease-in-out;transition:transform 0.1s ease-in-out}[data-role="footer"].revealed{-webkit-transform:translate3d(0, -65px, 0);transform:translate3d(0, -65px, 0)}[data-role="footer"] nav{background:#fdfdfd;margin-top:20px;display:block;height:55px;padding-top:10px}[data-role="footer"] nav ul{list-style:none}[data-role="footer"] nav ul li,[data-role="footer"] nav ul li a{color:#7d767b;font-size:0.6rem;text-align:center;width:60px;float:right;text-decoration:none}[data-role="footer"] nav ul li{padding-top:4px}[data-role="footer"] nav ul li img{width:16px;height:16px}[data-role="footer"] nav ul li span{display:block}[data-role="footer"] nav ul li:last-child{float:left}[data-role="shape"]{height:100px;width:100px;display:inline-block;max-width:100%;vertical-align:bottom;position:relative;z-index:100}[data-role="shape"]:after{background:url(../img/ubuntushape_medium_radius_idle@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="shape"] img{height:100%;width:100%;border-radius:1.5rem;margin-bottom:0;display:inline-block}[data-role="shape"] div{height:100%;width:100%;border-radius:1.5rem;margin-bottom:0;display:inline-block}[data-role="indexbar"]{position:absolute;right:1rem;top:0;bottom:0}[data-role="indexbar"] ol{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.3rem 0;margin:5.5rem 0;width:2rem;border-radius:4rem;opacity:0.6;list-style:none;background:#c2c2c2}[data-role="indexbar"] ol li{font-size:1rem;line-height:1.4em;text-align:center;text-transform:uppercase}[data-role="indexbar"] ol li a{display:block;color:#333;width:100%;height:100%;text-decoration:none}[data-role="option-selector"]{-webkit-box-shadow:inset 0 2px 2px 0 #d5d5d5;box-shadow:inset 0 2px 2px 0 #d5d5d5;width:100%;height:auto;margin:0 auto;border:1px solid #C7C7C7;overflow:hidden;-webkit-transition:height 0.4s;transition:height 0.4s;margin-top:15px;margin-bottom:15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}[data-role="option-selector"] li{text-decoration:none;color:#787878;display:block;height:3rem;position:relative;line-height:3rem;padding-left:1rem;padding-right:1.5rem;border:none;border-top:1px solid #C7C7C7;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}[data-role="option-selector"] li.active:after{background:transparent url(../img/tick@30.png) no-repeat center center;background-size:15px 15px;display:block;position:absolute;width:2rem;height:3rem;right:0.5rem;content:"";top:0}[data-role="option-selector"] li.closed:after{background:transparent url(../img/chevron_down@30.png) no-repeat center center;background-size:15px 15px;display:block;position:absolute;width:2rem;height:3rem;right:0.5rem;content:"";top:0}[data-role="option-selector"] li aside{float:left;margin:-1.2em 0 0 0;max-width:100%;vertical-align:bottom;position:relative;top:50%;z-index:2}[data-role="option-selector"] li aside img{border-radius:6px;margin-bottom:0;float:left}[data-role="option-selector"] li aside:after{background:url(../img/ubuntushape_medium_radius_idle@18.png) no-repeat;background-size:100% 100%;content:' ';width:100%;height:100%;position:absolute;top:0;left:0}[data-role="option-selector"] li aside+p{padding-left:1rem}[data-role="option-selector"] li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;display:block;color:#787878;font-size:0.9rem;padding-top:0.5rem;line-height:1rem}[data-role="option-selector"] li p:only-child,[data-role="option-selector"] li p:first-of-type:last-of-type{line-height:2rem}[data-role="option-selector"] li p+p{padding-top:0.2rem;font-size:0.7rem}[data-role="option-selector"] li:first-child{border-top:0 !important}.icon{width:26px;height:26px;display:inline-block;vertical-align:middle}.icon.icon-call{background:url(../img/icons/icon-call.svg) no-repeat scroll center center transparent;background-size:26px}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background:#ededf0 url("../img/background_paper@30.png") repeat top left;font-family:"Ubuntu";font-weight:normal}[data-role="content"]{background:#ededf0 url("../img/background_paper@30.png") repeat top left;border-top:1px solid #f0f0f0;height:auto;min-height:auto;width:100%;font-size:1rem "Ubuntu";color:#787878}[data-role="content"] p{font:0.9rem "Ubuntu";color:#787878}[data-role="content"] h1,[data-role="content"] h2,[data-role="content"] h3{color:#747278;font:1.3rem "Ubuntu";font-weight:300}[data-role="content"] h2{font-size:1.1rem}[data-role="content"] h3{font-size:0.9rem}[data-role="content"] img{margin:0 auto;max-width:98%}.inset{margin-bottom:10px}.xlarge-font{font-size:33px !important;font-family:"Ubuntu";color:#787878}.large-font{font-size:20px !important;font-family:"Ubuntu";color:#787878}.medium-font{font-size:14px !important;font-family:"Ubuntu";color:#787878}.small-font{font-size:12px !important;font-family:"Ubuntu";color:#787878}.xsmall-font{font-size:10px !important;font-family:"Ubuntu";color:#787878}.xxsmall-font{font-size:8px !important;font-family:"Ubuntu";color:#787878}
7
8=== modified file '0.1/ambiance/css/sass/popover.scss'
9--- 0.1/ambiance/css/sass/popover.scss 2014-02-17 16:25:38 +0000
10+++ 0.1/ambiance/css/sass/popover.scss 2014-02-25 21:33:58 +0000
11@@ -49,23 +49,20 @@
12
13 li {
14 position: relative;
15- padding: 20px 10px 20px 10px;
16- border-bottom: 1px solid #d9d9d9;
17 text-align: center;
18 font-size: 1rem;
19
20 a {
21- color: $text_color;
22+ color: #787878;
23 text-decoration: none;
24- }
25-
26- &.active {
27- background: #ebebeb;
28- border-top: 1px solid #fcfcfc;
29-
30- a {
31+ display: block;
32+ padding: 20px 10px;
33+ border-bottom: 1px solid #d9d9d9;
34+
35+ &.active {
36+ background: #ebebeb;
37+ border-top: 1px solid #fcfcfc;
38 color: $ubuntu_orange;
39- text-decoration: none;
40 }
41 }
42 }
43
44=== modified file 'examples/html5-theme/widgets/Popovers.html'
45--- examples/html5-theme/widgets/Popovers.html 2014-02-12 19:46:04 +0000
46+++ examples/html5-theme/widgets/Popovers.html 2014-02-25 21:33:58 +0000
47@@ -5,18 +5,18 @@
48 This file is part of ubuntu-html5-ui-toolkit.
49
50 This package is free software; you can redistribute it and/or modify
51- it under the terms of the GNU Lesser General Public License as
52- published by the Free Software Foundation; either version 3 of the
53+ it under the terms of the GNU Lesser General Public License as
54+ published by the Free Software Foundation; either version 3 of the
55 License, or
56 (at your option) any later version.
57-
58+
59 This package is distributed in the hope that it will be useful,
60 but WITHOUT ANY WARRANTY; without even the implied warranty of
61 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
62 GNU General Public License for more details.
63-
64- You should have received a copy of the GNU Lesser General Public
65- License along with this program. If not, see
66+
67+ You should have received a copy of the GNU Lesser General Public
68+ License along with this program. If not, see
69 <http://www.gnu.org/licenses/>.
70 -->
71
72@@ -51,7 +51,7 @@
73 <div id="popover1" class="popover" data-gravity="n" style="margin-bottom: 30px">
74 <ul class="list">
75 <li><a href="#">Item1</a></li>
76- <li class="active"><a href="#">Item2</a></li>
77+ <li><a href="#" class="active">Item2</a></li>
78 <li><a href="#">Item3</a></li>
79 <li><a href="#">Item4</a></li>
80 <li><a href="#">Item5</a></li>
81@@ -61,28 +61,34 @@
82
83 <div id="popover2" class="popover" data-gravity="s" style="margin-bottom: 30px">
84 <ul class="list">
85- <li>Item1</li>
86- <li>Item2</li>
87- <li>Item3</li>
88- <li>Item4</li>
89+ <li><a href="#">Item1</a></li>
90+ <li><a href="#" class="active">Item2</a></li>
91+ <li><a href="#">Item3</a></li>
92+ <li><a href="#">Item4</a></li>
93+ <li><a href="#">Item5</a></li>
94+ <li><a href="#">Item6</a></li>
95 </ul>
96 </div>
97
98 <div id="popover3" class="popover" data-gravity="e" style="margin-bottom: 30px">
99 <ul class="list">
100- <li>Item1</li>
101- <li>Item2</li>
102- <li>Item3</li>
103- <li>Item4</li>
104+ <li><a href="#">Item1</a></li>
105+ <li><a href="#" class="active">Item2</a></li>
106+ <li><a href="#">Item3</a></li>
107+ <li><a href="#">Item4</a></li>
108+ <li><a href="#">Item5</a></li>
109+ <li><a href="#">Item6</a></li>
110 </ul>
111 </div>
112
113 <div id="popover4" class="popover" data-gravity="w" style="margin-bottom: 30px">
114 <ul class="list">
115- <li>Item1</li>
116- <li>Item2</li>
117- <li>Item3</li>
118- <li>Item4</li>
119+ <li><a href="#">Item1</a></li>
120+ <li><a href="#" class="active">Item2</a></li>
121+ <li><a href="#">Item3</a></li>
122+ <li><a href="#">Item4</a></li>
123+ <li><a href="#">Item5</a></li>
124+ <li><a href="#">Item6</a></li>
125 </ul>
126 </div>
127 </div>

Subscribers

People subscribed via source and target branches