8 974
edições
Sem resumo de edição Etiquetas: Edição móvel Edição feita através do site móvel |
Sem resumo de edição Etiquetas: Edição móvel Edição feita através do site móvel |
||
Linha 518: | Linha 518: | ||
/* Testes */ | /* Testes */ | ||
.box{ | |||
text-align: center; | |||
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); | |||
border-radius: 10px; | |||
padding-bottom: 10px; | |||
} | |||
.box-title{ | |||
border: 1px solid #00aaf4; | |||
width: 100%; | |||
height: 60px; | |||
background-color: #00aaf4; | |||
border-radius: 10px 10px 0px 0px; | |||
} | |||
.box-title p{ | |||
font-size: 22px; | |||
color: white; | |||
position: relative; | |||
top: 35%; | |||
transform: translateY(-50%); | |||
} | |||
.update-box{ | .update-box{ | ||
margin-bottom: 20px | margin-bottom: 20px | ||
} | } | ||
.update-box-2{ | .update-box, .update-box-2{ | ||
width: 90%; | width: 90%; | ||
text-align: center; | text-align: center; | ||
position: relative; | position: relative; | ||
margin: 20px auto; | |||
transition: 1s; | |||
border-radius: 20px; | |||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
font-weight: bold; | font-weight: bold; | ||
border- | } | ||
.update-box-2:hover, .update-box:hover{ | |||
transition: 1s; | |||
transform: scale(1.05); | |||
} | |||
.update-box img, .update-box-2 img{ | |||
border: 0; | |||
vertical-align: middle; | |||
width: 100%; | |||
height: 100%; | |||
} | } | ||
.update-box-2 a, .update-box a{ | |||
width: 100%; | |||
} | |||
.update-title{ | .update-title{ | ||
width: 100%; | width: 100%; | ||
Linha 559: | Linha 577: | ||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
font-size: 15px; | font-size: 15px; | ||
border-radius: 20px 20px 0px 0px; | border-radius: 20px 20px 0px 0px; | ||
} | } | ||
.update-title a{ | .update-title a{ | ||
color: white; | color: white; | ||
} | } | ||
.update-subtitle{ | .update-subtitle{ | ||
width: 100%; | width: 100%; | ||
Linha 571: | Linha 590: | ||
position: absolute; | position: absolute; | ||
bottom: 0; | bottom: 0; | ||
font-size: 15px; | font-size: 15px; | ||
border-radius: 0px 0px 20px 20px; | border-radius: 0px 0px 20px 20px; | ||
} | } | ||
.update-box-subtitle{position: relative; | |||
.update-box-subtitle{ | |||
position: relative; | |||
top: 50%; | top: 50%; | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
} | |||
.patch-notes{ | |||
padding: 20px; | |||
background-color: #ffffff; | |||
border-radius: 30px; | |||
border: 1px solid #cccccc; | |||
margin-bottom: 20px; | |||
} | |||
.patch-notes img{ | |||
float: right; | |||
width: 100px; | |||
height: 100px; | |||
border-radius: 50px; | |||
} | } |