mobiscroll.frame.wp.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .mbsc-wp .dwwr {
  2. padding: .625em;
  3. background: #1f1f1f;
  4. color: #fff;
  5. font-size: 16px;
  6. }
  7. .mbsc-wp .dwv {
  8. font-size: .75em;
  9. padding: .833em;
  10. min-height: 14px;
  11. padding-top: 0;
  12. }
  13. .mbsc-wp .dwbc {
  14. display: block;
  15. }
  16. .mbsc-wp .dwbw {
  17. display: inline-block;
  18. }
  19. .mbsc-wp .dwb,
  20. .mbsc-wp .mbsc-ic:before {
  21. -webkit-box-sizing: content-box;
  22. -moz-box-sizing: content-box;
  23. box-sizing: content-box;
  24. }
  25. .mbsc-wp .dwb {
  26. position: relative;
  27. top: 0;
  28. min-width: 2.9em;
  29. display: inline-block;
  30. height: 1.818em;
  31. padding: 2.636em .455em 0 .455em;
  32. color: #fff;
  33. line-height: 1.818em;
  34. font-size: 0.688em;
  35. text-transform: lowercase;
  36. -webkit-transition: all .1s linear;
  37. -moz-transition: all .1s linear;
  38. transition: all .1s linear;
  39. }
  40. .mbsc-wp .dwb:before {
  41. position: absolute;
  42. top: .3em;
  43. left: 50%;
  44. width: 2.2em;
  45. height: 2.2em;
  46. margin: 0 -1.3em;
  47. padding: 0;
  48. border: 2px solid #fff;
  49. line-height: 2.2em;
  50. font-size: .909em;
  51. text-align: center;
  52. border-radius: 1000px;
  53. }
  54. .mbsc-wp .dwb-a {
  55. top: -.3em;
  56. }
  57. .mbsc-wp .dwb-a:before {
  58. background: #fff;
  59. color: #1f1f1f;
  60. }
  61. /* Bubble positioning */
  62. .mbsc-wp .dw-bubble-bottom .dw-arr {
  63. border-color: transparent transparent #1f1f1f transparent;
  64. }
  65. .mbsc-wp .dw-bubble-top .dw-arr {
  66. border-color: #1f1f1f transparent transparent transparent;
  67. }