Advertisement
TheRocketGirl

Red flavor (CSS)

Aug 10th, 2019
557
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.93 KB | None | 0 0
  1. /*TABLON RED FLAVOR CREADO POR THE ROCKET GIRL*/
  2.  
  3. .redflavor{
  4.   width: 1000px;
  5.   height: 400px;
  6.   background: #F4F4F4;
  7. }
  8.  
  9. .kingstaff{
  10.   width: 90px;
  11.   padding: 10px;
  12.   background: #D43436;
  13.   display: inline-block;
  14.   vertical-align: top;
  15.   height: 350px;
  16.   text-align: center;
  17.  
  18. }
  19.  
  20. .kingstaff span{
  21.   font-size: 50px;
  22.   color: #fff;
  23.   margin-bottom: 5px;
  24. }
  25. .staff1{
  26.   width: 80px;
  27.   margin-bottom: 5px;
  28.   height: 50px;
  29.   border: 5px solid #F4F4F4;
  30.  
  31. }
  32. .redambi{
  33.   width: 260px;
  34.   height: 350px;
  35.   background: #E8E8E8;
  36.   padding: 10px;
  37.   display: inline-block;
  38.     vertical-align: top;
  39.  
  40.  
  41. }
  42.  
  43. .weathered{
  44.   width: 240px;
  45.   padding: 10px;
  46.   background: #F4F4F4;
  47.   height: 70px;
  48. }
  49.  
  50.  
  51. .weathered m{
  52.   background: #D43436;
  53.   font-family: Abril Fatface;
  54.   font-size: 25px;
  55.   display: inline-block;
  56.   height: 30px;
  57.  
  58.   width: 25px;
  59.   padding: 5px;
  60.   color: #fff;
  61.  
  62. }
  63.  
  64.  
  65. .weather2{
  66.   width: 190px;
  67.   height: 60px;
  68.     display: inline-block;
  69.   padding: 5px;
  70. }
  71.  
  72. .ambienta{
  73.   width: 230px;
  74.   border: 15px solid #F4F4F4;
  75.   overflow: auto;
  76.   text-align: justify;
  77.   height: 220px;
  78.     background: #F4F4F4;
  79.   margin-top: 5px;
  80.  
  81. }
  82.  
  83. .ambienta m{
  84.   font-family: Abril Fatface;
  85.   font-size: 25px;
  86.   text-transform: lowercase;
  87.   color: #D43436;
  88.   display: block;
  89.   position: sticky;
  90.  background: #F4F4F4;
  91.   top: 0;
  92. }
  93.  
  94. .ambienta span{
  95.   background: #D43436;
  96.   color: #fff;
  97.   padding: 5px;
  98.   font-size: 25px;
  99.   margin-right: 5px;
  100.  
  101. }
  102.  
  103. .banner1{
  104.   width: 300px;
  105.   height: 330px;
  106.   border: 20px solid #E8E8E8;
  107.   display: inline-block;
  108.   overflow: hidden;
  109. }
  110.  
  111. .anuntem{
  112.   height: 350px;
  113.   width: 230px;
  114.   padding: 10px;
  115.   display: inline-block;
  116.   background: #E8E8E8;
  117.   vertical-align: top;
  118. }
  119.  
  120. .anun{
  121.   background:#F4F4F4;
  122.   height: 130px;
  123.   width: 210px;
  124.   padding: 10px;
  125.   overflow: auto;
  126. }
  127.  
  128. .anun div{
  129.   border: 1px solid #E8E8E8;
  130.   width: 190px;
  131.   padding: 10px;
  132.   min-height: 20px;
  133.   margin-bottom: 1px;
  134.  
  135. }
  136. .anun span{
  137.     background: #D43436;
  138.     color: #fff;
  139.     float: left;
  140.     font-size: 20px;
  141.     padding: 5px;
  142.     position: relative;
  143.     top: -5px;
  144.     margin-right: 5px;
  145. }
  146.  
  147. .tema{
  148.       width: 210px;
  149.     padding: 10px;
  150.     height: 170px;
  151.     margin-top: 5px;
  152.     background: #F4F4F4;
  153.  
  154. }
  155.  
  156. .navelink{
  157.     background: #D43436;
  158.     color: #fff;
  159.     font-family: Montserrat;
  160.     font-weight: 300;
  161.     padding: 20px;
  162.     width: 950px;
  163.     margin-bottom: 5px;
  164.   text-align: right;
  165. }
  166.  
  167. .navelink m{
  168.   float: left;
  169.   font-size: 20px;
  170.   text-transform: uppercase;
  171.   text-align: left;
  172. }
  173.  
  174. .navelink a{
  175.   background: #F4F4F4;
  176.   padding: 10px;
  177.   text-transform: uppercase;
  178.   font-size: 10px;
  179.   color: #D43436;
  180. }
  181.  
  182. .navelink span{
  183.   padding: 5px;
  184.     background: #F4F4F4;
  185.     color: #D43436;
  186.  
  187. }
  188.  
  189. a.rocket{
  190.   color: #fff;
  191.   background: none;
  192.   padding: 0;
  193.   font-size: 9px;
  194. }
  195.  
  196. .rocket span{
  197.   background: none;
  198.   color: #fff;
  199. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement