Merge lp:~daker/ubuntu-html5-theme/fix.1294986 into lp:ubuntu-html5-theme

[Adnane Belmadiaf]

Fixed the height of list items

[lp:~daker/ubuntu-html5-theme/fix.1294986]

162. By Adnane Belmadiaf on 2014-03-30

Revert change

=== modified file '0.1/ambiance/css/appTemplate.css'
--- 0.1/ambiance/css/appTemplate.css	2014-02-26 16:01:16 +0000
+++ 0.1/ambiance/css/appTemplate.css	2014-03-30 22:00:09 +0000
@@ -1,1 +1,1 @@
-@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/[e-mail]") 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}.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}.icon.icon-caret{background:url(../img/[e-mail]) no-repeat scroll center center transparent;background-size:26px}[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/[e-mail]) 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;width:100%;position:relative;background:#b2b2b2;border-radius:6px;overflow:hidden}progress:after{content:attr(data-percentage);position:relative;display:block;width:100%;text-align:center;color:#fff;top:-28px;opacity:1}progress:not([value]){background:url(../img/[e-mail]) 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.bigger:not([value]){background:url(../img/[e-mail]) no-repeat center center/100% auto;width:90px;height:90px}progress:not([value])::-webkit-progress-bar{background:none;-webkit-box-shadow:none}progress[value]::-webkit-progress-value{width:100%;background:#2ab7ec;border:none;display:block;-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)}progress[value]::-webkit-progress-bar{padding:1px;background-color:rgba(192,192,192,0.1);width:100%;height:35px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;padding:0;-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)}progress[value].infinite::-webkit-progress-value{-webkit-appearance:none}progress.infinite:after{content:"In progress";-webkit-animation:1.3s fade-in-out infinite;animation:1.3s fade-in-out infinite;color:#fff;text-shadow:none}@-webkit-keyframes rotate{from{-webkit-transform:rotate(1deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes fade-in-out{0%{opacity:0}50%{opacity:1}100%{opacity:0}}[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;display:inline-block;width:100%;height:42px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#dd4814;border:2px solid #dd4814;border-radius:6px;color:#fff;font-family:"Ubuntu";font-size:1rem;padding:9px 25px;text-align:center;text-decoration:none;position:relative}[data-role="button"].positive{background:#38b44a;color:#fff;border-color:#38b44a}[data-role="button"].information{background:#2ab7ec;color:#fff;border-color:#2ab7ec}[data-role="button"].secondary{background:#fff;color:#888}[data-role="button"].negative{background:#b2b2b2;color:#fff;border-color:#b2b2b2}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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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:100;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/[e-mail]) 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/[e-mail]") 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background:#ededf0 url("../img/[e-mail]") repeat top left;font-family:"Ubuntu";font-weight:normal}[data-role="content"]{background:#ededf0 url("../img/[e-mail]") 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;margin-top:10px;clear:both;overflow:hidden}.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}
+@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/[e-mail]") 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}.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}.icon.icon-caret{background:url(../img/[e-mail]) no-repeat scroll center center transparent;background-size:26px}[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/[e-mail]) 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;width:100%;position:relative;background:#b2b2b2;border-radius:6px;overflow:hidden}progress:after{content:attr(data-percentage);position:relative;display:block;width:100%;text-align:center;color:#fff;top:-28px;opacity:1}progress:not([value]){background:url(../img/[e-mail]) 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.bigger:not([value]){background:url(../img/[e-mail]) no-repeat center center/100% auto;width:90px;height:90px}progress:not([value])::-webkit-progress-bar{background:none;-webkit-box-shadow:none}progress[value]::-webkit-progress-value{width:100%;background:#2ab7ec;border:none;display:block;-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)}progress[value]::-webkit-progress-bar{padding:1px;background-color:rgba(192,192,192,0.1);width:100%;height:35px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;padding:0;-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)}progress[value].infinite::-webkit-progress-value{-webkit-appearance:none}progress.infinite:after{content:"In progress";-webkit-animation:1.3s fade-in-out infinite;animation:1.3s fade-in-out infinite;color:#fff;text-shadow:none}@-webkit-keyframes rotate{from{-webkit-transform:rotate(1deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes fade-in-out{0%{opacity:0}50%{opacity:1}100%{opacity:0}}[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;display:inline-block;width:100%;height:42px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#dd4814;border:2px solid #dd4814;border-radius:6px;color:#fff;font-family:"Ubuntu";font-size:1rem;padding:9px 25px;text-align:center;text-decoration:none;position:relative}[data-role="button"].positive{background:#38b44a;color:#fff;border-color:#38b44a}[data-role="button"].information{background:#2ab7ec;color:#fff;border-color:#2ab7ec}[data-role="button"].secondary{background:#fff;color:#888}[data-role="button"].negative{background:#b2b2b2;color:#fff;border-color:#b2b2b2}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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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.1rem;border-bottom:solid 0.1rem #c7c7c7;color:#787878;position:relative}[data-role="list"] ul li>a{text-decoration:none;color:#787878;display:block;height:3rem;position:relative;border:none;line-height:3rem;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/[e-mail]) no-repeat 0.5rem 0.5rem;background-size:40% 75%;position:absolute;width:2rem;height:2rem;top:50%;right:0;margin-top:-1.2rem;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.1rem}[data-role="list"] ul li p+p{color:rgba(136,136,136,0.8);padding-top:0.1rem;font-size:0.8rem}[data-role="list"] ul li>label{z-index:100;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/[e-mail]) 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/[e-mail]") 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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/[e-mail]) 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}*{-webkit-tap-highlight-color:transparent}body{background:#ededf0 url("../img/[e-mail]") repeat top left;font-family:"Ubuntu";font-weight:normal}[data-role="content"]{background:#ededf0 url("../img/[e-mail]") 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;margin-top:10px;clear:both;overflow:hidden}.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}

=== modified file '0.1/ambiance/css/sass/listitems.scss'
--- 0.1/ambiance/css/sass/listitems.scss	2014-02-24 17:08:30 +0000
+++ 0.1/ambiance/css/sass/listitems.scss	2014-03-30 22:00:09 +0000
@@ -42,7 +42,7 @@
         li {
             @include box_sizing (border-box);
             width: 100%;
-            height: 3.5rem;
+            height: 3.1rem;
             border-bottom: solid 0.1rem #c7c7c7;
             color: $text_color;
             position: relative;
@@ -51,10 +51,10 @@
                 text-decoration: none;
                 color: $text_color;
                 display: block;
-                height: 3.4rem;
+                height: 3rem;
                 position: relative;
                 border: none;
-                line-height: 3.4rem;
+                line-height: 3rem;
                 padding-left: 1rem;
                 padding-right: 1.5rem;
                 border-top: 1px solid #ebebeb;
@@ -72,7 +72,7 @@
                     height: 2rem;
                     top: 50%;
                     right: 0;
-                    margin-top: -1rem;
+                    margin-top: -1.2rem;
                     z-index: 0;
                 }
 
@@ -96,7 +96,13 @@
 
                 &:only-child,
                 &:first-of-type:last-of-type {
-                    line-height: 2.5rem;
+                    line-height: 2.1rem;
+                }
+
+                & + p {
+                    color: rgba(136, 136, 136, 0.8);
+                    padding-top: 0.1rem;
+                    font-size: 0.8rem
                 }
             }
 

=== modified file 'examples/html5-theme/widgets/ListItems.html'
--- examples/html5-theme/widgets/ListItems.html	2014-02-12 19:46:04 +0000
+++ examples/html5-theme/widgets/ListItems.html	2014-03-30 22:00:09 +0000
@@ -5,18 +5,18 @@
  This file is part of ubuntu-html5-ui-toolkit.
 
  This package is free software; you can redistribute it and/or modify
- it under the terms of the GNU Lesser General Public License as 
- published by the Free Software Foundation; either version 3 of the 
+ it under the terms of the GNU Lesser General Public License as
+ published by the Free Software Foundation; either version 3 of the
  License, or
  (at your option) any later version.
- 
+
  This package is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
- 
- You should have received a copy of the GNU Lesser General Public 
- License along with this program. If not, see 
+
+ You should have received a copy of the GNU Lesser General Public
+ License along with this program. If not, see
  <http://www.gnu.org/licenses/>.
 -->
 
@@ -54,15 +54,15 @@
                 <ul data-role="listview">
                     <li>
                         <p>Label</p>
-                        <p class="small-font">Secondary Label</p>
-                    </li>
-                    <li>
-                        <p>Label</p>
-                        <p class="small-font">Secondary Label</p>
-                    </li>
-                    <li>
-                        <p>Label</p>
-                        <p class="small-font">Secondary Label</p>
+                        <p>Secondary Label</p>
+                    </li>
+                    <li>
+                        <p>Label</p>
+                        <p>Secondary Label</p>
+                    </li>
+                    <li>
+                        <p>Label</p>
+                        <p>Secondary Label</p>
                     </li>
                 </ul>
             </section>
@@ -72,19 +72,19 @@
                 <ul data-role="listview">
                     <li>
                         <p>Label</p>
-                        <p class="small-font">Value 1, Value 2</p>
-                    </li>
-                    <li>
-                        <p>Label</p>
-                        <p class="small-font">Value 1, Value 2</p>
-                    </li>
-                    <li>
-                        <p>Label</p>
-                        <p class="small-font">Value 1, Value 2</p>
-                    </li>
-                    <li>
-                        <p>Label</p>
-                        <p class="small-font">Value 1, Value 2</p>
+                        <p>Value 1, Value 2</p>
+                    </li>
+                    <li>
+                        <p>Label</p>
+                        <p>Value 1, Value 2</p>
+                    </li>
+                    <li>
+                        <p>Label</p>
+                        <p>Value 1, Value 2</p>
+                    </li>
+                    <li>
+                        <p>Label</p>
+                        <p>Value 1, Value 2</p>
                     </li>
                 </ul>
             </section>