TheRocketGirl

Neon Lights (CSS)

May 11th, 2019
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.48 KB | None | 0 0
  1.  /*TABLÓN DE ANUNCIOS CREADO POR THE ROCKET GIRL*/
  2. .her{height: 400px;
  3.   width: 880px;
  4.   padding: 10px;
  5.   background: #1E1E1E;
  6.   font-family: Montserrat;
  7.   font-size: 10px;
  8. }
  9. .rockether{
  10.   background: #1E1E1E;
  11.   height: 50px;
  12.   padding: 10px;
  13.   width: 840px;
  14. }
  15.  
  16. .ambiname{
  17.   height: 50px;
  18.   width: 300px;
  19.   transform: rotate(-90deg);
  20.   display: inline-block;
  21.   vertical-align: top;
  22.   color: #FCD3FF;
  23.   text-shadow: 0 0 10px #A126FF;
  24.   font-size: 30px;
  25.   text-transform: uppercase;
  26.   position: relative;
  27.   top: 130px;
  28.   left: -110px;
  29.   text-align: right;
  30.   font-family: Anton;
  31.   letter-spacing: 10px;
  32. }
  33.  
  34. .insideme{
  35.   height: 300px;
  36.   width: 860px;
  37.   padding: 10px;
  38.  
  39.  
  40. }
  41.   .ambi3n{height: 300px;
  42.   overflow: hidden;
  43.   width: 250px;
  44.   display: inline-block;
  45. }
  46. .ambi{
  47.   background: #232323;
  48.   width: 180px;
  49.   height: 280px;
  50.   display: inline-block;
  51.     border: 1px solid #181818;
  52.   color: #fff;
  53.   text-align: justify;
  54.   padding: 10px;
  55.   position: relative;
  56.   top: -50px;
  57.   float: right;
  58.   overflow: auto;
  59. }
  60.  
  61. .tiempo{
  62.   width: 190px;
  63.   height: 300px;
  64.   display: inline-block;
  65.   vertical-align: top;
  66.     border: 1px solid #181818;
  67. }
  68.  
  69. .tiempo1{
  70.   width: 170px;
  71.   height: 80px;
  72.   background:  #232323;
  73.   text-align: justify;
  74.   font-size: 10px;
  75.   padding: 10px;
  76.   color: #fff;
  77. }
  78.  
  79. .nameti{
  80.     text-shadow: 0 0 10px #A126FF;
  81.     color: #FCD3FF;
  82.   font-size: 25px;
  83.   text-transform: uppercase;
  84.   font-family: Anton;
  85.   letter-spacing: 6px;
  86. }
  87.  
  88. .link12 a{
  89.   text-shadow: 0 0 10px #A126FF;
  90.     color: #FCD3FF;
  91.   font-size: 12px;
  92.   text-transform: uppercase;
  93.   letter-spacing: 1px;
  94.     font-family: Oswald;
  95.  
  96. }
  97. .link12{
  98.     padding: 5px;
  99.       background:  #232323;
  100.     display: inline-block;
  101.   margin: 1px;
  102. }
  103.  
  104. .staffe{
  105.   width: 180px;
  106.   padding: 5px;
  107.  background:  #232323;
  108.   height: 188px;
  109.   margin-top: 2px;
  110.    text-align:  center;
  111. }
  112.  
  113. .staffe span{
  114.   font-family: Anton;
  115.   font-size: 11px;
  116.   letter-spacing: 3px;
  117.       text-shadow: 0 0 10px #A126FF;
  118.     color: #FCD3FF;
  119.  
  120. }
  121.  
  122.  
  123. .anuncios{
  124.   width: 225px;
  125.   height: 300px;
  126.   display: inline-block;
  127.   vertical-align: top;
  128.   border: 1px solid #181818;
  129.   overflow: auto;
  130. }
  131. .anuncio1{
  132. background: #232323;
  133.   margin-bottom: 3px;
  134.    width: 200px;
  135.   padding: 10px;
  136.   color: #fff;
  137.   text-align: justify;
  138. }
  139.  
  140. .anuncio1 span{
  141.    text-shadow: 0 0 10px #A126FF;
  142.     color: #FCD3FF;
  143.   font: Oswald 13px;
  144.   letter-spacing: 1px;
  145. }
  146.  
  147. .ultimostm{
  148.    height: 280px;
  149.   overflow: hidden;
  150.   width: 160px;
  151.   display: inline-block;
  152.   background: #232323;
  153.   color: #fff;
  154.   padding: 10px;
  155.     border: 1px solid #181818;
  156.  
  157. }
  158.  
  159. .tmname{
  160.   text-shadow: 0 0 10px #A126FF;
  161.     color: #FCD3FF;
  162.   font: Anton 18px;
  163.   letter-spacing: 1px;
  164.   text-align: center;
  165.   background:#181818;
  166.   padding: 8px;
  167. }
  168.  
  169. .rocketst{
  170.   width: 80px;
  171.   height: 80px;
  172.   border: 3px solid #181818;
  173.   display: inline-block;
  174.  
  175. }
  176. .credits{font-size: 10px;
  177.  text-align: right;
  178. width: 800px;
  179. text-transform:
  180. lowercase;
  181. letter-spacing: 3px;}
  182.  .credits a{color: #FBD2FF;}
  183.  
  184. .anuncios::-webkit-scrollbar {width: 3px; height: 2px;}
  185. .anuncios::-webkit-scrollbar-button:start:decrement,
  186. .anuncios::-webkit-scrollbar-button:end:increment{height: 10px; display: none;}
  187. .anuncios::-webkit-scrollbar-track-piece{background: #1E1E1E;}
  188. .anuncios::-webkit-scrollbar-thumb:vertical{height: 10px; background: #FCD3FF; }
  189. .anuncios:-webkit-scrollbar-thumb:horizontal{height: 20px;background: #FCD3FF; display: none;}
Add Comment
Please, Sign In to add comment