Lungo.widgets.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. /**
  2. * Stylesheet
  3. *
  4. * @namespace LUNGO
  5. * @class Widgets
  6. *
  7. * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
  8. */
  9. /* DIMENSIONS */
  10. /* COLORS */
  11. .scroll {
  12. overflow-y: scroll;
  13. -webkit-overflow-scrolling: touch;
  14. -webkit-box-flex: 1;
  15. }
  16. .scroll.horizontal {
  17. overflow-x: scroll;
  18. overflow-y: hidden !important;
  19. }
  20. .scroll.horizontal > * {
  21. min-width: 4096px;
  22. }
  23. .scroll.horizontal > * > * {
  24. float: left;
  25. }
  26. .left,
  27. .onleft {
  28. float: left;
  29. }
  30. .right,
  31. .onright {
  32. float: right;
  33. }
  34. .hidden {
  35. display: none;
  36. }
  37. .indented > * {
  38. margin: 10px;
  39. }
  40. .wrapper {
  41. padding: 8px 8px;
  42. }
  43. .icon.small {
  44. font-size: 1.3em;
  45. }
  46. .framed {
  47. border: 2px solid #fff;
  48. }
  49. .round {
  50. -webkit-border-radius: 4px;
  51. -moz-border-radius: 4px;
  52. border-radius: 4px;
  53. -webkit-background-clip: padding-box;
  54. -moz-background-clip: padding;
  55. background-clip: padding-box;
  56. -webkit-border-radius: 4px;
  57. -moz-border-radius: 4px;
  58. border-radius: 4px;
  59. -webkit-background-clip: padding-box;
  60. -moz-background-clip: padding;
  61. background-clip: padding-box;
  62. }
  63. .bubble {
  64. display: inline-block;
  65. padding: 2px 3px;
  66. min-width: 12px;
  67. font-size: 0.75em;
  68. font-weight: bold;
  69. line-height: 13px;
  70. }
  71. strong {
  72. font-size: 1.15em;
  73. }
  74. small {
  75. display: block;
  76. overflow: hidden;
  77. white-space: nowrap;
  78. text-overflow: ellipsis;
  79. font-size: 0.8em;
  80. }