pelican-website-ge/output/theme/css/research.css
2021-07-19 18:21:25 +03:00

130 lines
2.2 KiB
CSS

.re-img-container{
height: 450px;
position: relative;
}
.re-img{
width: 100%;
height: 100%;
}
.research-heading{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 70px;
font-weight: bold;
}
.research-container{
width: 40%;
}
.re-center-this{
text-align: center;
}
.re-link{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color: black;
text-decoration-thickness: 3px;
color: black;
}
.re-dataset-buttons{
padding-top: 30px;
gap: 30px;
text-align: center;
}
.dataset-download{
background: #33cccc;
border: 1px solid white;
color: white;
padding: 0.5em;
text-decoration: none;
width: 350px;
border-radius: 25px;
}
.dataset-download:hover{
color: black;
}
.re-inline-buttons{
gap: 30px;
flex-wrap: wrap;
padding-top: 40px;
text-align: center;
}
.re-buttons{
background: #ffffff;
border: 1px solid black;
color: black;
padding: 0.5em;
text-decoration: none;
width: 250px;
border-radius: 25px;
}
.re-buttons:hover{
background-color: #3E3F45;
color: #b3e6ff;
}
.blue-section{
background-color: #ebfafa
}
.list-section{
padding-left: 30px;
padding-right: 30px;
}
.crisis-response{
padding-top: 60px;
}
.re-small-font{
font-size: 20px;
}
.re-articles{
padding-top: 30px;
}
.article_r{
padding-top: 40px;
}
.bold-font{
font-weight: bold;
}
.click-here{
background: #ffffff;
border: 1px solid black;
color: black;
padding: 0.5em;
text-decoration: none;
width: 200px;
border-radius: 25px;
text-align: center;
}
.bottom-line{
border-bottom: 2px solid black;
width: 100%;
}
.re-last-line{
color: #A1A1A1;
}
@media only screen and (max-width: 480px){
.re-img-container{
height: 180px;
}
.research-heading{
font-size: 30px;
}
.research-container{
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 1024px){
.re-img-container{
height: 300px;
}
.re-img-heading{
font-size: 50px;
}
.research-container{
width: 80%;
}
}