GPJob1 (Sarkari Job) – Fast and Customizable Generatepress theme
GPJob1 is a highly versatile and lightning-fast WordPress theme specifically designed for Sarkari Job websites. This theme is built on the powerful GeneratePress framework, known for its speed and customization options. With GPJob1, you can create a professional and user-friendly job portal with ease.
Themes and Plugins Requirements:
- Generatepress theme
- GP Premium plugin
- GenerateBlocks plugin
All the CSS Code of GPJob1
/* GeneratePress Site CSS */
.main-navigation {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
/* Featured widget */
.separate-containers .page-header {
background: transparent;
padding-top: 20px;
padding-bottom: 20px;
}
.widget {
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.page-header h1 {
font-size: 1.5em;
}
.button, .wp-block-button .wp-block-button__link {
padding: 15px 25px;
}
@media (max-width: 768px) {
.post-image img {
max-width: 100%;
}
}
/*Read More Button Style*/
a.read-more.button,
input[type="submit"] {
font-size: 15px;
padding: 10px 20px;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: white;
border-radius: 5px;
}
/*Breadcrumbs Style*/
.rank-math-breadcrumb p {
padding: 3px 10px 3px 10px;
color: #5f5f5f;
font-size: 13px;
color: #333333;
background: #f9f9f9;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
/*Rank-Math FAQ Style*/
.rank-math-list-item {
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%);
border-radius: 4px;
margin: 1em auto;
overflow: hidden;
padding: .5em .8em;
}
/*Images Style*/
.page-header-image-single .attachment-full {
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.wp-block-image {
padding-top: 10px;
padding-bottom: 20px;
}
.wp-block-image img {
box-shadow: 0 10px 10px 0 rgb(0 0 0 / 6%);
border: 1px solid #cfcfcf;
padding: 3px;
}
/*social-sharing-buttons*/
.ayuflare-social-wrapper {
margin: 20px auto;
font-size: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
}
.ayuflare-social-sharing {
padding: 10px;
margin: 4px;
border-radius: 4px;
flex: 1;
}
@media only screen and (max-width: 600px) {
.ayuflare-social-sharing {
display: inline-block;
}
}
.ayuflare-social-sharing svg {
position: relative;
top: 0.15em;
display: inline-block;
}
.ayuflare-social-facebook {
fill: #fff;
background-color: rgba(59, 89, 152, 1);
}
.ayuflare-social-twitter {
fill: #fff;
background-color: rgba(29, 161, 242, 1);
}
.ayuflare-social-whatsapp {
fill: #fff;
background-color: rgba(37, 211, 102, 1);
}
.ayuflare-social-telegram {
fill: #fff;
background-color: rgb(2, 126, 189);
}
.ayuflare-social-reddit {
fill: #fff;
background-color: rgba(255, 87, 0, 1);
}
/*Float Share Button*/
.ayuflare-float-social-wrapper {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9999;
}
.ayuflare-float-social-sharing {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start;
min-height: 30px;
font-size: 12px;
padding: 15px 15px;
}
.ayuflare-float-social-sharing svg {
position: relative;
top: 0.0em;
}
.ayuflare-float-social-sharing:first-of-type {
border-top-right-radius: 10px;
}
.ayuflare-float-social-sharing:last-of-type {
border-bottom-right-radius: 10px;
}
.ayuflare-social-facebook {
fill: #fff;
background-color: rgba(59, 89, 152, 1);
}
.ayuflare-social-facebook:hover {
background-color: rgba(59, 89, 152, .8);
}
.ayuflare-social-twitter {
fill: #fff;
background-color: rgba(29, 161, 242, 1);
}
.ayuflare-social-twitter:hover {
background-color: rgba(29, 161, 242, .8);
}
.ayuflare-social-whatsapp {
fill: #fff;
background-color: rgba(37, 211, 102, 1);
}
.ayuflare-social-whatsapp:hover {
background-color: rgba(37, 211, 102, .8);
}
/*Comment Box*/
.comment-respond .comment-reply-title {
padding: 10px 10px 10px 25px;
background-color: var(--accent);
border-radius: 5px;
color: white !important;
font-weight: 500;
font-size: 20px !important;
}
.grid-box-style {
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.grid-box-style:hover {
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.home-grid-box {
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
/*sticky footer menu*/
@media only screen and (min-width: 960px) {
.mobile-bottom-sticky-menu{display:none;}
}
.mobile-bottom-sticky-menu {
position: fixed;
height: 65px;
width: 100%;
bottom: 0;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sidebar .widget,
.container-widget {
box-shadow: rgba(23, 43, 99, 0.3) 0 6px 18px;
border-radius: 4px;
}
/*Button Style*/
.read-more-bt,
a.button,
.pagination-bt,
.wp-block-search__button,
input[type="submit"] {
font-size: 14px;
padding: 10px 25px;
transition: 0.5s;
background-size: 200% auto;
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
background-image: linear-gradient(to right, #35343A 0, #506CBD 51%, #506CBD 100%);
border-radius: 50px;
}
.read-more-bt:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
a.button:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
input[type="submit"]:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
.pagination-bt:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
.wp-block-search__button:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
/* End GeneratePress Site CSS */