Advertisement
TheRocketGirl

Her 2 (css)

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