Guest User

Untitled

a guest
Nov 21st, 2018
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.24 KB | None | 0 0
  1. .meows {
  2. position: fixed;
  3. top: 0;
  4. right: 0;
  5. }
  6.  
  7. .meow {
  8. position: relative;
  9. margin: 20px 20px 0 0;
  10. }
  11.  
  12. .meow .inner {
  13. width: 200;
  14. height: auto;
  15. padding: 15px;
  16. font-family: Tahoma, Geneva, Arial, sans-serif;
  17. font-size: 15px;
  18. color: #fff;
  19. text-shadow: 1px 1px 3px #000;
  20. background: #191919;
  21. border: 2px solid transparent;
  22. -webkit-border-radius: 10px;
  23. -khtml-border-radius: 10px;
  24. -moz-border-radius: 10px;
  25. -ms-border-radius: 10px;
  26. -o-border-radius: 10px;
  27. border-radius: 10px;
  28. -webkit-opacity: 0.75;
  29. -khtml-opacity: 0.75;
  30. -moz-opacity: 0.75;
  31. -ms-opacity: 0.75;
  32. -o-opacity: 0.75;
  33. opacity: 0.75;
  34. zoom: 1;
  35. -webkit-box-shadow: 2px 2px 10px rgba(25, 25, 25, 0.25);
  36. -khtml-box-shadow: 2px 2px 10px rgba(25, 25, 25, 0.25);
  37. -moz-box-shadow: 2px 2px 10px rgba(25, 25, 25, 0.25);
  38. -ms-box-shadow: 2px 2px 10px rgba(25, 25, 25, 0.25);
  39. -o-box-shadow: 2px 2px 10px rgba(25, 25, 25, 0.25);
  40. box-shadow: 2px 2px 10px rgba(25, 25, 25, 0.25);
  41. }
  42.  
  43. .meow .inner:after {
  44. display: block;
  45. height: 0;
  46. clear: both;
  47. line-height: 0;
  48. content: "\0200";
  49. visibility: hidden;
  50. }
  51.  
  52. .meow.hover .inner {
  53. border: 2px solid #fff;
  54. }
  55.  
  56. .meow .inner h1 {
  57. padding: 0;
  58. margin: 0;
  59. font-size: 14px;
  60. font-weight: bold;
  61. line-height: 1;
  62. }
  63.  
  64. .meow .inner .icon {
  65. float: left;
  66. width: 48px;
  67. height: 48px;
  68. margin-right: 6px;
  69. }
  70.  
  71. .meow .inner .icon img {
  72. max-width: 48px;
  73. max-height: 48px;
  74. }
  75.  
  76. .meow .inner .close {
  77. display: none;
  78. }
  79.  
  80. .meow.hover .inner .close {
  81. position: absolute;
  82. top: 4px;
  83. left: 4px;
  84. display: block;
  85. width: 18px;
  86. height: 18px;
  87. font-size: 22px;
  88. font-weight: 500;
  89. line-height: 14px;
  90. color: #ffffff;
  91. text-align: center;
  92. text-decoration: none;
  93. background: #191919;
  94. border: 2px solid #ffffff;
  95. -webkit-border-radius: 18px;
  96. -khtml-border-radius: 18px;
  97. -moz-border-radius: 18px;
  98. -ms-border-radius: 18px;
  99. -o-border-radius: 18px;
  100. border-radius: 18px;
  101. -webkit-opacity: 0.75;
  102. -khtml-opacity: 0.75;
  103. -moz-opacity: 0.75;
  104. -ms-opacity: 0.75;
  105. -o-opacity: 0.75;
  106. opacity: 0.75;
  107. zoom: 1;
  108. }
Add Comment
Please, Sign In to add comment