Advertisement
Guest User

NAC2 - CSS

a guest
May 22nd, 2019
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.92 KB | None | 0 0
  1. body{
  2.   font-family: calibri;
  3.   font-size: 16px;
  4. }
  5.  
  6. .container{
  7.   width: 94%;
  8.   height: 1000px;
  9.   /* border: 1px solid; */
  10.   margin: 10px auto;
  11. }
  12.  
  13. .cabecalho-principal{
  14.   width: 98%;
  15.   height: 80px;
  16.   margin: 0 auto;
  17.   display: flex;
  18.   align-items: center;
  19.  
  20. }
  21.  
  22. .logo{
  23.   width: 20%;
  24.   /* height: inherit; */
  25.   /* border: 1px solid; */
  26. }
  27.  
  28. .texto-logo{
  29.   font-size: 40px;
  30.   font-weight: 700;
  31.   text-align: center;
  32.   /* border: 1px solid; */
  33. }
  34.  
  35. .azul{
  36.   color: #369;
  37. }
  38.  
  39. .menu-principal{
  40.   /* border: 1px solid; */
  41.   width: 78%;
  42.   text-align: right;
  43.   padding: 0 10px;
  44.   box-sizing: border-box;
  45. }
  46.  
  47. .menu-principal ul li{
  48.   display: inline-block;
  49.   margin-left: 3%;
  50. }
  51.  
  52.  
  53. .menu-principal ul li a{
  54.   text-decoration: none;
  55.   color: #000;
  56.   font-size: 16px;
  57.   font-weight: 700;
  58. }
  59.  
  60. .menu-principal ul li a:hover{
  61.   color:#900;
  62. }
  63.  
  64. .banner{
  65.   width: 100%;
  66.   height: 35%;
  67.   margin: 10px auto;
  68.   background-image: url(../images/car2.jpg);
  69.   background-repeat: no-repeat;
  70.   background-size: cover;
  71. }
  72.  
  73. .texto-banner{
  74.   width: 95%;
  75.   color: #FFF;
  76.   font-size: 40px;
  77.   text-align: center;
  78.   padding: 8% 2%;
  79.   box-sizing: border-box;
  80.   background-color: rgba(121, 13, 13, 0.8);
  81.   position: relative;
  82.   top: 15%;
  83.   left: 2%;
  84. }
  85.  
  86. .conteudo-principal{
  87.   width: 100%;
  88.   height: 330px;
  89.   display: flex;
  90.  
  91. }
  92.  
  93. .conteudo-box{
  94.   width: 33%;
  95.   height: 310px;
  96.   border: 1px solid #000;
  97.   margin: 0 1%;
  98.   text-align: center;
  99.   padding: 1%;
  100.   box-sizing: border-box;
  101.  
  102. }
  103.  
  104.  
  105. .titulo-box{
  106.     font-size: 25px;
  107.     font-weight: 900;
  108.     margin:10px 0;
  109. }
  110.  
  111. .texto-box{
  112.   font-size: 14px;
  113.   width: 250px;
  114.   margin: 25px auto;
  115.   line-height: 22px;
  116. }
  117.  
  118. .meus-links{
  119.   text-decoration: none;
  120.   border: 1px solid #900;
  121.   padding: 10px 35px;
  122.   box-sizing: border-box;
  123.   background: #900;
  124.   color: #fff;
  125.   border-radius: 5px;
  126. }
  127.  
  128. .meus-links:hover{
  129.   color: #900;
  130.   background: #fff;
  131. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement