TheRocketGirl

Sakura Tablon (CSS)

May 24th, 2019
445
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.92 KB | None | 0 0
  1. /*TABLÓN CREADO POR THE ROCKET GIRL*/
  2.  
  3. .tab2{
  4. width: 800px;
  5. height: 330px;
  6. background: #F7F7F7;
  7. overflow: hidden;
  8. font-family: Montserrat;
  9. margin: 0 auto;
  10. }
  11.  
  12. .l3ft3{
  13. width: 476px;
  14. height: 400px;
  15. float: left;
  16. vertical-align: top;
  17. padding: 10px;
  18. }
  19.  
  20. .r2ght2{
  21. width: 271px;
  22. height: 300px;
  23. padding: 15px;
  24. float: right;
  25. background: #EDC4D6;
  26. }
  27.  
  28. .tabanunc{
  29. height: 150px;
  30. width: 185px;
  31. overflow: auto;
  32. }
  33.  
  34. .anuncyes{
  35. width: 170px;
  36. min-height: 20px;
  37. padding: 5px;
  38. background: #fff;
  39. border: 1px solid #F3EDEC;
  40. margin-bottom: 1px;
  41. font-size: 9px;
  42. text-align: justify;
  43. }
  44.  
  45. .anuncyes span{
  46. color: #EDC4D6;
  47. }
  48.  
  49. .anunlink{
  50. height: 300px;
  51. width: 190px;
  52. display: inline-block;
  53. padding: 5px;
  54. vertical-align: top;
  55. }
  56. .links{
  57. width: 190px;
  58. height: 150px;
  59. margin-top: 15px;
  60.  
  61. }
  62.  
  63. .links div{
  64. background: #EDC4D6;
  65. font-family: Unica One;
  66. width: 80px;
  67. padding: 5px;
  68. display: inline-block;
  69. text-align: center;
  70. margin-top: 1px;
  71. }
  72.  
  73. .links a{
  74. color: #fff;
  75. }
  76.  
  77. .wanted{
  78. width: 50px;
  79. height: 300px;
  80. display: inline-block;
  81. padding: 5px;
  82.  
  83. }
  84. .wantrock{
  85. width: 40px;
  86. height: 40px;
  87. border: 5px solid #fff;
  88. vertical-align: top;
  89. outline: 1px solid #F3EDEC;
  90. margin-bottom: 9px;
  91. }
  92.  
  93. .timeam{
  94. height: 300px;
  95. padding: 5px;
  96. width: 190px;
  97. display: inline-block;
  98. vertical-align: top;
  99. }
  100.  
  101. .time1{
  102. height: 100px;
  103. width: 180px;
  104. padding: 5px;
  105. background: #fff;
  106. outline: 1px solid #F3EDEC;
  107. overflow: hidden;
  108. }
  109. .icono23{
  110. height: 60px;
  111. width: 60px;
  112. padding: 5px;
  113. color: #EDC4D6;
  114. font-size: 60px;
  115. display: inline-block;
  116. vertical-align: top;
  117.  
  118. }
  119.  
  120. .timetext{
  121. display: inline-block;
  122. width: 90px;
  123. padding: 5px;
  124. text-align: justify;
  125. height: 90px;
  126. font-size: 9px;
  127.  
  128. }
  129. .am3{
  130. height: 175px;
  131. padding: 5px;
  132. width: 180px;
  133. margin-top: 5px;
  134. background: #fff;
  135. outline: 1px solid #F3EDEC;
  136. }
  137.  
  138. .topcherry{
  139. width: 780px;
  140. padding: 10px;
  141. height: 80px;
  142. background: #C9AFBA;
  143. margin: 0 auto;
  144. }
  145.  
  146. .strocketff{
  147. height: 70px;
  148. width: 70px;
  149. border: 5px solid #fff;
  150. display: inline-block;
  151. margin-left: 5px;
  152. }
  153.  
  154. .middl3{
  155. height: 290px;
  156. width: 225px;
  157. border: 5px solid #fff;
  158. margin: 0 auto;
  159.  
  160. }
  161. .credits{
  162. font-size: 10px;
  163. text-align: right;
  164. width: 200px;
  165. text-transform: lowercase;
  166. letter-spacing: 3px;
  167. display: inline-block;}
  168. .credits a{color: #FBD2FF;}
  169.  
  170. .tabanunc::-webkit-scrollbar {width: 3px; height: 2px;}
  171. .tabanunc::-webkit-scrollbar-button:start:decrement,
  172. .tabanunc::-webkit-scrollbar-button:end:increment{height: 10px; display: none;}
  173. .tabanunc::-webkit-scrollbar-track-piece{background: #ccc;}
  174. .tabanunc::-webkit-scrollbar-thumb:vertical{height: 10px; background: #FCD3FF; }
  175. .tabanunc:-webkit-scrollbar-thumb:horizontal{height: 20px;background: #FCD3FF; display: none;}
Advertisement
Add Comment
Please, Sign In to add comment