site/static/css/about/main.css

108 lines
1.5 KiB
CSS

img.textwrap-right {
float: right;
margin: 10px;
}
.well {
margin-top:-20px;
text-align:center;
cursor:pointer;
font-size: 25px;
padding: 15px;
border-radius: 0px !important;
}
.well:hover {
margin-top:-20px;
border:2px solid black;
text-align:center;
cursor:pointer;
font-size: 25px;
padding: 15px;
border-radius: 0px !important;
}
.bg_blur
{
background-image:url('/static/img/about/tower.jpg');
height: 300px;
background-size: cover;
}
.follow_btn {
text-decoration: none;
position: absolute;
left: 35%;
top: 42.5%;
width: 35%;
height: 15%;
background-color: #FE9ACD;
padding: 10px;
padding-top: 6px;
color: #fff;
text-align: center;
font-size: 20px;
border: 4px solid #FE9ACD;
}
.follow_btn:hover {
text-decoration: none;
position: absolute;
left: 35%;
top: 42.5%;
width: 35%;
height: 15%;
background-color: #FE9ACD;
padding: 10px;
padding-top: 6px;
color: #fff;
text-align: center;
font-size: 20px;
border: 4px solid rgba(255, 255, 255, 0.8);
}
.header{
color : #808080;
margin-left:10%;
margin-top:70px;
}
.picture{
height:150px;
width:150px;
position:absolute;
top: 75px;
left:-75px;
}
.picture_mob{
position: absolute;
width: 35%;
left: 35%;
bottom: 70%;
}
.btn-style{
color: #fff;
background-color: #007FBE;
border-color: #adadad;
width: 33.3%;
}
.btn-style:hover {
color: #333;
background-color: #3D5DE0;
border-color: #adadad;
width: 33.3%;
}
@media (max-width: 767px) {
.header{
text-align : center;
}
.nav{
margin-top : 30px;
}
}