-
Notifications
You must be signed in to change notification settings - Fork 0
/
estilos.css
28 lines (28 loc) · 2.34 KB
/
estilos.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*-------------------------O Menu vermelho-------------------------*/
#menu-red{background: #f50000;}
#menu-red ul{list-style: none;}
#menu-red ul li a,p{font-size: 1rem; color: white; transition: all .4s ease-in-out;}
#menu-red ul li a:hover{text-decoration: none; color: rgb(133, 124, 124);}
/*-----------------------------Termino-----------------------------*/
/*-----------------------------Menu rgb-----------------------------*/
#menu-rgb{background: rgba(0, 0, 0, 0.5); margin-top: -430px;}
#menu-rgb > div{background: none; color: #fff;}
#menu-rgb > ul li a{color: #fff;}
#menu-rgb > ul li{position: relative;}
#menu-rgb > ul li::before{content:"";background:#fff;height:2px; width:0; position: absolute; left: 12px; bottom:2px; transition: .6s ease-in-out;}
#menu-rgb > ul li:hover::before{width: 80%;}
a.ative{background: #f50000; color: #fff;}
/*------------------------------Termino------------------------------*/
/*---------------------Conteudo rgb no carrossel---------------------*/
#conteudo-rgb{background: rgba(0, 0, 0, 0.7); margin-top: -290px; width: 45%; margin-left: 30%;}
#botoes button{background: none; border: 1px solid #fff; border-radius: 20px; color: #fff; transition: .4s ease-in-out; cursor: pointer;}
#botoes button:hover{background: #fff; color: #333;}
#botoes button:last-child{background: #fff; color: #333;}
#botoes button:last-child:hover{background: none; color: #fff;}
/*------------------------------Termino------------------------------*/
.icones{margin-left: 150px; font-size: 2.3rem; border: 2px solid #fff; border-radius: 50%; padding: 10px;}
#ponto3{background: #f50000; color: #fff; margin-top: -182px; margin-left: 13%; border-right: 2px solid #fff; border-left: 2px solid #fff;}
.faixa2::before{border-color: transparent #f50000 #f50000 transparent;border-style: solid;border-width: 17px;content: "";left: 93px; position: absolute;top: -182px;}
.faixa2::after{border-color: transparent transparent #f50000 #f50000 ;border-style: solid;border-width: 17px;content: "";right: -1173px; position: absolute;top: -182px;}
.faixa::before{border-color: #f50000 #f50000 transparent transparent;border-style: solid;border-width: 17px;content: "";left: 93px; position: absolute;bottom: 14px;}
.faixa::after{border-color: #f50000 transparent transparent #f50000 ;border-style: solid;border-width: 17px;content: "";right: -1173px; position: absolute;bottom: 14px;}