Lungo.theme.default.css 26 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @import "lungo.theme.default.font.css";
  2. .app{background:#000000;font-family:'Roboto',Helvetica,Arial,sans-serif;}
  3. section>header{background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);-webkit-box-shadow:inset 0 1px 0 #64b9e2 , inset 0 -1px 0 #2566a4;-moz-box-shadow:inset 0 1px 0 #64b9e2 , inset 0 -1px 0 #2566a4;box-shadow:inset 0 1px 0 #64b9e2 , inset 0 -1px 0 #2566a4;-webkit-box-shadow:inset 0 1px 0 #64b9e2 , inset 0 -1px 0 #2566a4;-moz-box-shadow:inset 0 1px 0 #64b9e2 , inset 0 -1px 0 #2566a4;box-shadow:inset 0 1px 0 #64b9e2 , inset 0 -1px 0 #2566a4;-webkit-border-radius:4px 4px 0px 0px;-moz-border-radius:4px 4px 0px 0px;border-radius:4px 4px 0px 0px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:4px 4px 0px 0px;-moz-border-radius:4px 4px 0px 0px;border-radius:4px 4px 0px 0px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border-bottom:1px solid #1a2838;z-index:2;}section>header .title{color:#ffffff;text-shadow:0px 1px 0px rgba(0, 0, 0, 0.2);}
  4. section>header .subtitle{color:rgba(255, 255, 255, 0.6);text-shadow:0px -1px 0px rgba(0, 0, 0, 0.3);}
  5. section>footer{background-image:-webkit-linear-gradient(top , #353b42 0% , #272a2d 60%);background-image:-moz-linear-gradient(top , #353b42 0% , #272a2d 60%);background-image:-ms-linear-gradient(top , #353b42 0% , #272a2d 60%);background-image:-o-linear-gradient(top , #353b42 0% , #272a2d 60%);background-image:linear-gradient(top , #353b42 0% , #272a2d 60%);background-image:-webkit-linear-gradient(top , #353b42 0% , #272a2d 60%);background-image:-moz-linear-gradient(top , #353b42 0% , #272a2d 60%);background-image:-ms-linear-gradient(top , #353b42 0% , #272a2d 60%);background-image:-o-linear-gradient(top , #353b42 0% , #272a2d 60%);background-image:linear-gradient(top , #353b42 0% , #272a2d 60%);border-top:1px inset #2A2A2A;color:#353b42;-webkit-border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;border-radius:0px 0px 4px 4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;border-radius:0px 0px 4px 4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
  6. article{background:#efefef;}
  7. header nav a{color:#ffffff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);}
  8. header nav:not(.plain) a{-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(0,0,0,0.2);-moz-box-shadow:1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(0,0,0,0.2);box-shadow:1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(0,0,0,0.2);-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(0,0,0,0.2);-moz-box-shadow:1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(0,0,0,0.2);box-shadow:1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(0,0,0,0.2);}header nav:not(.plain) a.accept{background:rgba(0, 255, 0, 0.4);}
  9. header nav:not(.plain) a.cancel{background:rgba(255, 0, 0, 0.4);}
  10. header nav:not(.plain).onright a{-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.2), inset 1px 0 0 rgba(0,0,0,0.2);-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.2), inset 1px 0 0 rgba(0,0,0,0.2);box-shadow:-1px 0 0 rgba(255,255,255,0.2), inset 1px 0 0 rgba(0,0,0,0.2);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.2), inset 1px 0 0 rgba(0,0,0,0.2);-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.2), inset 1px 0 0 rgba(0,0,0,0.2);box-shadow:-1px 0 0 rgba(255,255,255,0.2), inset 1px 0 0 rgba(0,0,0,0.2);}
  11. header nav:not(.plain) a:active{-webkit-box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 0 42px rgba(0,0,0,0.5);-moz-box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 0 42px rgba(0,0,0,0.5);box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 0 42px rgba(0,0,0,0.5);-webkit-box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 0 42px rgba(0,0,0,0.5);-moz-box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 0 42px rgba(0,0,0,0.5);box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 0 42px rgba(0,0,0,0.5);}
  12. header nav.plain a:active{text-shadow:0 0 4px rgba(255, 255, 255, 0.5);}
  13. .toolbar a{color:#cdd9e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.toolbar a.current,.toolbar a.active{background:#111;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,1), -1px 0 0 rgba(255,255,255,0.05), 1px 1px 0 rgba(255,255,255,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,1), -1px 0 0 rgba(255,255,255,0.05), 1px 1px 0 rgba(255,255,255,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,1), -1px 0 0 rgba(255,255,255,0.05), 1px 1px 0 rgba(255,255,255,0.05);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,1), -1px 0 0 rgba(255,255,255,0.05), 1px 1px 0 rgba(255,255,255,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,1), -1px 0 0 rgba(255,255,255,0.05), 1px 1px 0 rgba(255,255,255,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,1), -1px 0 0 rgba(255,255,255,0.05), 1px 1px 0 rgba(255,255,255,0.05);}
  14. .groupbar{background:#272a2d;border-bottom:solid 1px #000000;-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 8px rgba(0,0,0,0.3);box-shadow:inset 0 1px 8px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 8px rgba(0,0,0,0.3);box-shadow:inset 0 1px 8px rgba(0,0,0,0.3);}.groupbar a{color:#6e6e6e;}.groupbar a.current{color:#fff;border-bottom:solid 3px #2566a4;}
  15. aside{color:#fff;background:#272727;background:#333;}aside header,aside footer{-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.1);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.1);background:#272727;}
  16. aside article{background:none;}
  17. aside .list ul{background:none;}
  18. aside .list li{color:#F0F0F0;border-bottom:1px solid #2f2f2f;}aside .list li strong{text-shadow:0 1px 1px black;color:#fff;}
  19. aside .list li small{color:rgba(255, 255, 255, 0.3);}
  20. aside a.current{background:#2f2f2f;}
  21. section.aside{-webkit-box-shadow:-4px 0 8px rgba(0,0,0,0.5);-moz-box-shadow:-4px 0 8px rgba(0,0,0,0.5);box-shadow:-4px 0 8px rgba(0,0,0,0.5);-webkit-box-shadow:-4px 0 8px rgba(0,0,0,0.5);-moz-box-shadow:-4px 0 8px rgba(0,0,0,0.5);box-shadow:-4px 0 8px rgba(0,0,0,0.5);}section.aside.onright{-webkit-box-shadow:4px 0 8px rgba(0,0,0,0.5);-moz-box-shadow:4px 0 8px rgba(0,0,0,0.5);box-shadow:4px 0 8px rgba(0,0,0,0.5);-webkit-box-shadow:4px 0 8px rgba(0,0,0,0.5);-moz-box-shadow:4px 0 8px rgba(0,0,0,0.5);box-shadow:4px 0 8px rgba(0,0,0,0.5);}
  22. @media handheld,only screen and (min-width:768px){section.current,section.show{-webkit-box-shadow:-4px 0 8px rgba(0,0,0,0.5);-moz-box-shadow:-4px 0 8px rgba(0,0,0,0.5);box-shadow:-4px 0 8px rgba(0,0,0,0.5);-webkit-box-shadow:-4px 0 8px rgba(0,0,0,0.5);-moz-box-shadow:-4px 0 8px rgba(0,0,0,0.5);box-shadow:-4px 0 8px rgba(0,0,0,0.5);}section.current.onright,section.show.onright{-webkit-box-shadow:4px 0 8px rgba(0,0,0,0.5);-moz-box-shadow:4px 0 8px rgba(0,0,0,0.5);box-shadow:4px 0 8px rgba(0,0,0,0.5);-webkit-box-shadow:4px 0 8px rgba(0,0,0,0.5);-moz-box-shadow:4px 0 8px rgba(0,0,0,0.5);box-shadow:4px 0 8px rgba(0,0,0,0.5);}}.list,.list li:not(.toolbar) a{color:#2a2a2a;}
  23. .list ul{background:#fff;}
  24. .list li{border-bottom:1px inset #f8f8f8;}.list li:last-child{border-bottom:none;}
  25. .list li.selectable:active{background:#93d6e7;color:#1b6777;text-shadow:0 1px 0 rgba(255, 255, 255, 0.2);}.list li.selectable:active small,.list li.selectable:active .onright:not(.bubble){color:#ffffff;text-shadow:none;}
  26. .list li small,.list li .onright:not(.bubble){color:#888;}
  27. .list li strong{color:#134c81;}
  28. .list.indented li{border-left:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;}.list.indented li:first-child{border-top:solid 1px #e1e1e1;}
  29. .list.indented li:last-child{border-bottom:solid 1px #e1e1e1;}
  30. .list .anchor{color:#ffffff;background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);border:none;}
  31. .list .tip{color:#7a7a7a;}.list .tip.theme{color:#fff;background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);}
  32. .list .tip.dark{background-image:-webkit-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-moz-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-ms-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-o-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-webkit-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-moz-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-ms-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-o-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:linear-gradient(top , #353b42 0% , #272a2d 100%);color:#fff;text-shadow:0px -1px 0px rgba(0, 0, 0, 0.5);}.list .tip.dark a{color:#fff !important;}
  33. .list .toolbar{border-bottom-color:rgba(0, 0, 0, 0.2);}.list .toolbar .toolbar a{-webkit-box-shadow:1px 0px 0px #d9d9d9;-moz-box-shadow:1px 0px 0px #d9d9d9;box-shadow:1px 0px 0px #d9d9d9;-webkit-box-shadow:1px 0px 0px #d9d9d9;-moz-box-shadow:1px 0px 0px #d9d9d9;box-shadow:1px 0px 0px #d9d9d9;}.list .toolbar .toolbar a:last-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
  34. .list .toolbar .toolbar a.current{background:transparent;color:#333;text-shadow:none !important;}
  35. .splash{background:#07acd0;color:#fff;text-shadow:0px 1px 0px rgba(0, 0, 0, 0.2);}
  36. .indented ul{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
  37. .indented li:first-child{-webkit-border-radius:3px 3px 0px 0px;-moz-border-radius:3px 3px 0px 0px;border-radius:3px 3px 0px 0px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:3px 3px 0px 0px;-moz-border-radius:3px 3px 0px 0px;border-radius:3px 3px 0px 0px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
  38. .indented li:last-child{-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0px 0px 3px 3px;border-radius:0px 0px 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0px 0px 3px 3px;border-radius:0px 0px 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
  39. .button{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.25), inset 0 -3px 0 rgba(255,255,255, 0.05), 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.25), inset 0 -3px 0 rgba(255,255,255, 0.05), 0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 1px 0 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.25), inset 0 -3px 0 rgba(255,255,255, 0.05), 0 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.25), inset 0 -3px 0 rgba(255,255,255, 0.05), 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.25), inset 0 -3px 0 rgba(255,255,255, 0.05), 0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 1px 0 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.25), inset 0 -3px 0 rgba(255,255,255, 0.05), 0 1px 2px rgba(0,0,0,0.3);font-weight:bold;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);}.button:active{-webkit-box-shadow:inset 0 10px 30px rgba(0,0,0,0.2), inset 0 -2px 4px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 10px 30px rgba(0,0,0,0.2), inset 0 -2px 4px rgba(0,0,0,0.3);box-shadow:inset 0 10px 30px rgba(0,0,0,0.2), inset 0 -2px 4px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 10px 30px rgba(0,0,0,0.2), inset 0 -2px 4px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 10px 30px rgba(0,0,0,0.2), inset 0 -2px 4px rgba(0,0,0,0.3);box-shadow:inset 0 10px 30px rgba(0,0,0,0.2), inset 0 -2px 4px rgba(0,0,0,0.3);}
  40. .button.default{background:#2c4579;}.button.default:active,.button.default.active{background:#213761;}
  41. form label,.form label{color:#999;}
  42. input,textarea,select{border:1px solid #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#858585;font-family:'Roboto',Helvetica,Arial,sans-serif;-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);-moz-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-shadow:inset 0 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);}input:focus,textarea:focus,select:focus{color:#000;border-color:#64b9e2;-webkit-box-shadow:0 0 6px #64b9e2;-moz-box-shadow:0 0 6px #64b9e2;box-shadow:0 0 6px #64b9e2;-webkit-box-shadow:0 0 6px #64b9e2;-moz-box-shadow:0 0 6px #64b9e2;box-shadow:0 0 6px #64b9e2;}
  43. .select:after{background:#ccc;color:white;border-top-right-radius:3px;border-bottom-right-radius:3px;}
  44. input[type="checkbox"]+span,input[type="radio"]+span{color:#fff;background:#a0a0a0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
  45. input[type="checkbox"]+span::before,input[type="radio"]+span::before{background:#c1c1c1;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
  46. input[type="checkbox"]:checked+span,input[type="radio"]:checked+span{background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
  47. input[type="range"]{background-color:#c7c7c7;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);}input[type="range"]:active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);}
  48. input[type="range"]::-webkit-slider-thumb{-webkit-box-shadow:0 0 4px #333333;-moz-box-shadow:0 0 4px #333333;box-shadow:0 0 4px #333333;-webkit-box-shadow:0 0 4px #333333;-moz-box-shadow:0 0 4px #333333;box-shadow:0 0 4px #333333;background:#fff;}
  49. input[type="range"]:active::-webkit-slider-thumb{-webkit-box-shadow:0px 0px 4px #34b7dc;-moz-box-shadow:0px 0px 4px #34b7dc;box-shadow:0px 0px 4px #34b7dc;-webkit-box-shadow:0px 0px 4px #34b7dc;-moz-box-shadow:0px 0px 4px #34b7dc;box-shadow:0px 0px 4px #34b7dc;}
  50. .progress .labels{font-size:12px;font-weight:bold;line-height:18px;color:#858585;}
  51. .progress .bar{background:#c7c7c7;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.progress .bar .value{background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.progress .bar .value .label{float:right;margin-right:3px;font-weight:bold;color:rgba(0, 0, 0, 0.6);text-shadow:0 1px 0 rgba(255, 255, 255, 0.2) !important;font-size:12px;}
  52. .bubble{color:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;text-shadow:0 0 1px #000000;}.bubble.count{background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-webkit-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-moz-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-ms-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:-o-linear-gradient(top , #2c8bca 0% , #154f93 100%);background-image:linear-gradient(top , #2c8bca 0% , #154f93 100%);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);box-shadow:0 0 2px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);box-shadow:0 0 2px rgba(0, 0, 0, 0.5);}
  53. header .bubble.count{background-image:-webkit-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-moz-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-ms-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-o-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-webkit-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-moz-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-ms-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:-o-linear-gradient(top , #353b42 0% , #272a2d 100%);background-image:linear-gradient(top , #353b42 0% , #272a2d 100%);}
  54. article .list .bubble{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.3), inset -1px 0 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.3);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.3), inset -1px 0 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.3);box-shadow:inset 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.3), inset -1px 0 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.3);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.3), inset -1px 0 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.3);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.3), inset -1px 0 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.3);box-shadow:inset 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.3), inset -1px 0 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.3);}
  55. aside .list .bubble{background:rgba(0, 0, 0, 0.25);-webkit-box-shadow:inset 0 1px 0 #1b212a), inset 0 -1px 0 #454c56;-moz-box-shadow:inset 0 1px 0 #1b212a), inset 0 -1px 0 #454c56;box-shadow:inset 0 1px 0 #1b212a), inset 0 -1px 0 #454c56;-webkit-box-shadow:inset 0 1px 0 #1b212a), inset 0 -1px 0 #454c56;-moz-box-shadow:inset 0 1px 0 #1b212a), inset 0 -1px 0 #454c56;box-shadow:inset 0 1px 0 #1b212a), inset 0 -1px 0 #454c56;-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.2);-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.2);box-shadow:inset 0 1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.2);-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.2);box-shadow:inset 0 1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.2);}