website css
/* After Post Social Share Design by web insights*/
.webinsights-social-wrapper {
margin: 30px 0;
font-size: 0;
}
.webinsights-social-wrapper span {
font-weight: bold;
padding-right: 10px;
font-size: 16px;
}
.webinsights-social-sharing {
font-size: 17px;
padding: 7px 20px;
}
@media only screen and (max-width: 600px) {
.webinsights-social-sharing {
font-size: 17px;
padding: 6px 17px;
display: inline-block;
}
.webinsights-social-wrapper {
margin: 30px 0px;
font-size: 0;
}
}
.webinsights-social-sharing svg {
position: relative;
top: 0.15em;
display: inline-block;
}
.webinsights-social-sharing:first-of-type {
border-radius: 100px 0 0 100px;
}
.webinsights-social-sharing:last-of-type {
border-radius: 0 100px 100px 0;
}
.webinsights-social-facebook {
fill: #fff;
background-color: rgba(59, 89, 152, 1);
}
.webinsights-social-facebook:hover {
background-color: rgba(59, 89, 152, .8);
}
.webinsights-social-twitter {
fill: #fff;
background-color: rgba(29, 161, 242, 1);
}
.webinsights-social-twitter:hover {
background-color: rgba(29, 161, 242, .8);
}
.webinsights-social-pinterest {
fill: #fff;
background-color: rgba(189, 8, 28, 1);
}
.webinsights-social-pinterest:hover {
background-color: rgba(189, 8, 28, .8);
}
.webinsights-social-linkedin {
fill: #fff;
background-color: rgba(0, 119, 181, 1);
}
.webinsights-social-linkedin:hover {
background-color: rgba(0, 119, 181, .8);
}
.webinsights-social-whatsapp {
fill: #fff;
background-color: rgba(37, 211, 102, 1);
}
.webinsights-social-whatsapp:hover {
background-color: rgba(37, 211, 102, .8);
}
.webinsights-social-reddit {
fill: #fff;
background-color: rgba(255, 87, 0, 1);
}
.webinsights-social-reddit:hover {
background-color: rgba(255, 87, 0, .8);
}
/* Entire Site Social Share Design by web insights*/
.webinsights-float-social-wrapper {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9999;
}
.webinsights-float-social-sharing {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start;
min-height: 30px;
font-size: 12px;
padding: 14px 10px;
}
.webinsights-float-social-sharing:first-of-type {
border-top-right-radius: 10px;
}
.webinsights-float-social-sharing:last-of-type {
border-bottom-right-radius: 10px;
}
.webinsights-social-facebook {
fill: #fff;
background-color: rgba(59, 89, 152, 1);
}
.webinsights-social-facebook:hover {
background-color: rgba(59, 89, 152, .8);
}
.webinsights-social-twitter {
fill: #fff;
background-color: rgba(29, 161, 242, 1);
}
.webinsights-social-twitter:hover {
background-color: rgba(29, 161, 242, .8);
}
.webinsights-social-pinterest {
fill: #fff;
background-color: rgba(189, 8, 28, 1);
}
.webinsights-social-pinterest:hover {
background-color: rgba(189, 8, 28, .8);
}
.webinsights-social-linkedin {
fill: #fff;
background-color: rgba(0, 119, 181, 1);
}
.webinsights-social-linkedin:hover {
background-color: rgba(0, 119, 181, .8);
}
.webinsights-social-whatsapp {
fill: #fff;
background-color: rgba(37, 211, 102, 1);
}
.webinsights-social-whatsapp:hover {
background-color: rgba(37, 211, 102, .8);
}
.webinsights-social-reddit {
fill: #fff;
background-color: rgba(255, 87, 0, 1);
}
.webinsights-social-reddit:hover {
background-color: rgba(255, 87, 0, .8);
}
/*GeneratePress Customization by web insights*/
.page-header-image-single .attachment-full{
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius:25px;
}
/*debabrata content heading color change*/
.entry-content h3{
font-weight:600;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 100%);
border-radius:10px;
color:black!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
.entry-content h2{
font-weight:600;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #C0C0C0 0%, #C0C0C0 50%, #C0C0C0 100%);
border-radius:10px;
color:black!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
/*debabrata*/
.entry-content h2{
font-size:25px!important;
}
.entry-content h3{
font-size:20px!important;
}
.entry-content h4{
font-size:17px!important;
}
.entry-content h5{
font-size:15px!important;
}
.entry-content h6{
font-size:13px!important;
}
.comment-respond .comment-reply-title{
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #008895 0%, #29b1be 50%, #008895 100%);
border-radius:10px;
font-weight:600;
color:white!important;
font-size:22px!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
/*End of Article Page Design*/
.recent-posts-widget-with-thumbnails .widget-title{
padding: 10px 10px;
background-image: linear-gradient(to right, #008895 0%, #008895 50%, #008895 100%);
border-radius:10px;
font-weight:500;
color:white!important;
font-size:18px!important; text-align:center;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
.sidebar .widget {
box-shadow: rgba(23,43,99,.3) 0 6px 18px;
border-radius: 5px;
}
.sidebar .widget:first-child {background-image: linear-gradient(to right, #008895 0%, #008895 50%, #008895 100%)}
.button.light {
background-color: #fff;
border-radius: 50px;
font-weight: 700;
color:#333;
}
.button.light:hover {
background: #333;
color: #fff;
}
/*End of sidebar code*/
/*End of sidebar code*/
@media (min-width: 769px) {
.post-image-aligned-left .post-image img {
margin-top: -20px;
border-radius: 12px;
box-shadow: rgba(23,43,99,.2) 0 7px 28px!important;
}
}
/* Mobile query */
@media (max-width: 768px) {
.post-image-aligned-left .post-image img {
margin-top: -20px;
border-radius: 12px;
box-shadow: rgba(23,43,99,.2) 0 7px 28px!important;
}
}
/* Widget Sticky */
@media (min-width: 769px) {
.site-content {
display: flex;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar aside:last-child {
position: -webkit-sticky;
position: sticky;
top: 10px;
}
}
/* Read More button Style */
a.read-more.button {background-image: linear-gradient(to right, #008895 0%, #008895 51%, #1FA2FF 100%)}
a.read-more.button {
font-size:17px;
padding: 5px 25px;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: white;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius: 12px;
}
a.read-more.button:hover {
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;
}
/* Read More button Style */
blockquote {
background: #dcdcdc54;
border-left: 5px solid #1EA4FF;
padding: 15px;
font-style: inherit;
font-size: 18px;
margin: 0 0 1.5em;
}
Comments
Post a Comment