blocklancer.git
Version:
Freelancer React Job Board using Bot and Blockchain Technology
1,293 lines (1,203 loc) • 22.4 kB
CSS
@media (max-width:1440px){
}
@media (max-width:1300px){
}
@media (max-width:1200px){
.error-sec {
width: 100%;
padding: 0 100px;
}
.error-sec > img {
width: 180px;
}
.error-sec > span {
margin-top: 14px;
font-size: 19px;
}
.error-sec > p {
float: left;
width: 100%;
font-size: 13px;
margin: 13px 0;
}
.error-sec form > input {
height: 47px;
padding: 0 20px;
width: 300px;
}
.error-sec form button {
height: 46px;
font-size: 23px;
padding: 0 0;
width: 48px;
position: relative;
top: 3px;
}
.error-sec h6 a {
font-size: 13px;
padding: 10px 20px;
margin-top: 20px;
}
header {
display: none;
}
.responsive-header {
display: block;
}
.blogpost.style2 .blog-postdetail {
padding-left: 30px;
}
.uploadfield {
width: 230px;
}
.pf-title {
float: left;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.progress-sec.style2 {
padding: 0;
}
.contact-textinfo {
padding: 0;
}
.contact-form > form {
padding: 0;
}
.job-head-wide .share-bar a {
margin: 3px;
}
.job-overview.divide ul > li {
float: left;
width: 100%;
}
.job-overview.divide ul {
border: none;
}
.how-work-box {
padding: 57px 60px;
}
.job-search-sec .job-search > h3 {
font-size: 30px;
}
.how-to-sec > .how-to::before {
display: none;
}
.social-links a {
margin: 0 10px;
font-size: 13px;
}
.search-job2.style2 {
margin-top: 40px;
}
.job-search-sec .job-search.style2 > span {
margin: 0;
}
.job-listings-tabs .row > div {
float: left;
width: 100%;
max-width: 100%;
flex: 100%;
}
.job-search-sec.style3 {
width: 100%;
padding: 0 30px;
}
.who-am {
padding-left: 100px;
}
.who-am.flip {
padding-right: 100px;
}
.apply-alternative a {
font-size: 13px;
padding: 0 10px;
width: 100%;
text-align: center;
}
.apply-alternative a i{float: none;}
.apply-alternative span {
padding: 0 15px;
font-size: 13px;
}
.tags-jobs > li {
margin-right: 10px;
margin-bottom: 10PX;
}
}
@media (max-width:980px){
.column {
float: left;
width: 100%;
margin-top: 50px;
}
.column:first-child {
margin-top: 0px;
}
.block .container, .container {
max-width: 100%;
padding: 0 15px;
}
.container.fluid {
padding: 0;
}
.manage-jobs-sec > table {
width: 1000px;
}
.manage-jobs-sec.addscroll {
overflow-x: scroll;
overflow-y: hidden;
}
.padding-left {
padding: 0;
}
.border-right {
border: none;
padding: 0;
padding-top: 0px;
padding-top: 40px;
}
.coverletter-sec {
margin-bottom: 60px;
}
.skills-btn {
text-align: center;
}
.skills-btn a {
float: none;
display: inline-block;
margin: 5px 5px;
}
.action-inner {
text-align: center;
}
.action-inner a {
float: none;
display: inline-block;
margin: 20px 10px;
}
.cst {
margin: 0;
}
.cand-extralink.stick {
position: static;
float: left;
width: 100%;
margin: 30px 0;
}
.text-socail {
text-align: center;
}
.text-socail > a {
float: none;
display: inline-block;
margin: 0 7px;
}
.action-inner.style2 .download-cv {
float: none;
display: inline-block;
}
.emply-btns > a {
float: left;
width: auto;
padding: 10px 30px;
margin-right: 10px;
margin-bottom: 20px;
}
.tags-jobs > li {
margin-right: 15px;
margin-bottom: 15px;
}
.job-single-head.style2 a {
float: none;
display: inline-block;
}
.how-workimg {
float: left;
width: 100%;
}
.how-work-detail {
position: static;
float: left;
width: 100%;
padding: 0;
-webkit-border-radius: 0 0;
-moz-border-radius: 0 0;
-ms-border-radius: 0 0;
-o-border-radius: 0 0;
border-radius: 0 0;
}
.how-work-box > span {
left: 50%;
top: 0;
}
.how-works.flip .how-work-box > span {
right: 50%;
}
.how-work-box > i {
font-size: 70px;
}
.job-search-sec {
padding: 0 30px;
width: 100%;
}
.job-search-sec .job-search > h3 {
font-size: 22px;
margin: 0;
line-height: 20px;
}
.job-search > span {
font-size: 14px;
}
.job-search form {
margin-top: 22px;
}
.job-field input {
height: 50px;
}
.job-field i{top: 12px;}
select {
float: left;
width: 100%;
height: 50px;
padding: 0 15px;
color: #999999;
border: 2px solid #e8ecec;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
.job-field select{border: none;}
.job-search .job-field {
margin: 0 0 15px 0;
}
.job-field .chosen-container-single .chosen-single {
padding:13px 20px;
}
.job-search form button {
height: 50px;
padding: 0 0;
}
.fav-job {
padding-right: 8px;
}
.job-title-sec {
width: 57%;
}
.job-lctn {
font-size: 12px;
}
.main-slider-sec .slick-arrow {
display: none ;
}
.quick-select-sec {
margin-top: 10px;
}
.quick-select span {
margin-top: 10px;
}
.quick-select i {
width: 50px;
height: 50px;
font-size: 15px;
line-height: 50px;
}
.search-job2 form {
margin: 0;
}
.search-job2 .job-field::before {
height: 20px;
top: 11px;
}
.subscription-sec form {
margin-top: 30px;
}
.find-cand-sec {
padding-top: 210px;
}
.job-search-sec.style3 .job-search.style2 > h3 {
margin-bottom: 13px;
}
.search-job2.style2 form div button {
float: left;
width: 100%;
-webkit-border-radius: 0 0 ;
-moz-border-radius: 0 0 ;
-ms-border-radius: 0 0 ;
-o-border-radius: 0 0 ;
border-radius: 0 0 ;
padding: 0 0;
}
.search-job2.style2 form div button {
float: left;
width: 100%;
-webkit-border-radius: 0 0 ;
-moz-border-radius: 0 0 ;
-ms-border-radius: 0 0 ;
-o-border-radius: 0 0 ;
border-radius: 0 0 ;
padding: 0 0;
margin: 0;
}
.search-job2.style2 {
margin-top: 30px;
}
.search-job2.style2 form .job-field::before {
height: 0px;
}
.search-job2.style2 {
padding: 0;
}
.detailbar {
padding: 0;
text-align: center;
}
.detalbr-mkp {
float: left;
width: 100%;
text-align: center;
}
.inner-header {
padding-top: 100px;
}
.inner-header.wform .job-field {
-webkit-border-radius: 0 0;
-moz-border-radius: 0 0;
-ms-border-radius: 0 0;
-o-border-radius: 0 0;
border-radius: 0 0;
}
.modrn-joblist {
padding: 0;
}
.apply-alternative span {
float: left;
margin-left: 0px;
margin-top: 10px;
text-align: center;
width: 100%;
}
.apply-alternative span i{float: none;}
.apply-alternative {
padding-top: 10px;
padding-bottom: 10px;
}
.p-category > a{border-right: none;}
.find-cand form{border-radius: 8px;}
.find-cand form .job-field{width: 100%; border-bottom: 1px solid #e8ecec; border-radius: 0px;}
.find-cand form > button{width: 100%; border-radius: 8px; right: 0px; top: 140px;}
.find-cand .job-field::before{background-color: #FFF;}
.find-cand form .job-field input{padding: 17px 20px ;}
.find-cand form select{padding: 17px 20px ;}
.manage-jobs-sec .extra-job-info{margin-left: 0px; width: 100%;}
.manage-jobs-sec > table{margin-left: 0px;}
.extra-job-info{width: 100%;}
.manage-jobs-sec > h3,
.profile-title > h3,
.profile-form-edit > form,
.contact-edit > form,
.social-edit > h3,
.social-edit > form,
.emply-resume-sec > h3,
.emply-resume-list,
.change-password form,
.border-title > h3,
.edu-history-sec,
.mini-portfolio,
.progress-sec,
.resumeadd-form,
.coverletter-sec > form{padding-left: 0px;}
.search-job2 form .row > div .job-field {
margin: 0;
}
}
@media (max-width:767px){
.error-sec > p {
display: none;
}
.error-sec > span {
font-size: 14px;
margin-bottom: 14px;
}
.error-sec {
background: #1f1f1f;
position: static;
float: left;
width: 100%;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
padding: 90px 0;
}
.main-featured-sec.witherror .main-slider-sec {
display: none;
}
.heading > h2 {
font-size: 23px;
}
.comp-sec {
text-align: center;
}
.company-img {
float: none;
width: 25%;
display: inline-block;
}
.inner-header {
padding-top: 150px;
}
.blogpost.style2 {
display: inline;
}
.blogpost.style2 .blog-posthumb {
display: inline-block;
float: left;
width: 100%;
}
.blogpost.style2 .blog-postdetail {
padding: 0;
margin-top: 21px;
float: left;
width: 100%;
}
.tags-share .tags_widget {
float: left;
width: 100%;
margin: 0;
margin-bottom: 0px;
margin-bottom: 20px;
}
.tags-share .share-bar {
float: left;
text-align: left;
width: 100%;
}
.tags-share .share-bar span {
display: none;
}
.tags-share .share-bar a {
float: left;
margin: 0;
margin-right: 11px;
}
.comment-sec > ul > li .comment-child {
padding: 0;
}
.commentform-sec > form {
padding: 0;
}
.comment {
display: inline-block;
text-align: center;
}
.comment .comment-avatar {
float: left;
width: 100%;
display: inline-block;
}
.comment .comment-avatar img {
float: none;
width: 70px;
display: inline-block;
}
.comment-detail {
display: inline-block;
text-align: center;
padding: 0;
float: left;
width: 100%;
margin-top: 20px;
}
.comment-detail > h3 {
float: left;
width: 100%;
}
.date-comment {
float: left;
width: 100%;
text-align: center;
margin-top: 10px;
}
.date-comment a {
float: none;
display: inline-block;
}
.comment-detail > a {
float: none;
display: inline-block;
margin-top: 20px;
}
.inner-header > h3 {
font-size: 20px;
}
.view-resumes,
.follow-companies {
width: 94%;
margin-left: -47%;
}
.emply-resume-list {
width: 800px;
}
.emply-resume-sec {
overflow-x: scroll;
overflow-y: hidden;
}
.cand-single-user {
display: inline-block;
}
.cand-single-user .share-bar.circle {
float: left;
width: 100%;
padding: 20px 10px;
text-align: center;
}
.cand-single-user .share-bar.circle a {
float: none;
display: inline-block;
margin: 0 5px;
}
.cand-single-user > div {
float: left;
width: 100%;
text-align: center;
display: inline-block;
}
.cand-single-user .download-cv {
float: left;
width: 100%;
margin-top: 30px;
}
.cand-single-user .download-cv > a {
float: none;
display: inline-block;
}
.job-overview.style2 ul > li {
float: left;
width: 50%;
}
.manage-jobs-sec .extra-job-info > span {
float: left;
width: 100%;
margin: 10px 0;
}
.steps-sec {
padding: 0;
}
.cover-letter {
width: 94%;
margin-left: -47%;
}
.contact-popup {
width: 94%;
margin-left: -47%;
}
.scroll-to {
display: none;
}
.job-search-sec {
top: 50%;
}
.job-listing {
padding-right: 0;
text-align: center;
display: inline-block;
}
.job-title-sec {
float: left;
width: 100%;
text-align: center;
display: inline-block;
}
.job-title-sec .c-logo {
float: none;
display: inline-block;
}
.job-title-sec h3 {
float: left;
width: 100%;
}
.job-title-sec span {
float: left;
width: 100%;
}
.job-listing .job-lctn {
float: left;
width: 100%;
margin-top: 5px;
}
.job-listing .job-lctn i {
float: none;
display: inline-block;
position: relative;
top: 4px;
}
.job-listing .fav-job {
float: none;
display: inline-block;
padding: 0;
margin-top: 12px;
}
.job-listing .job-is {
float: none;
display: inline-block;
position: relative;
top: 4px;
margin-left: 13px;
}
.simple-text-block > h3 {
font-size: 25px;
}
.quick-select-sec {
display: none;
}
.search-job2 {
margin-top: 20px;
}
.main-featured-sec.style2 .job-search-sec {
margin: 0;
}
.search-job2 form {
-webkit-border-radius: 0 0;
-moz-border-radius: 0 0;
-ms-border-radius: 0 0;
-o-border-radius: 0 0;
border-radius: 0 0;
}
.search-job2 {
-webkit-border-radius: 0 0;
-moz-border-radius: 0 0;
-ms-border-radius: 0 0;
-o-border-radius: 0 0;
border-radius: 0 0;
}
.search-job2 form .row > div:last-child button {
-webkit-border-radius: 0 0;
-moz-border-radius: 0 0;
-ms-border-radius: 0 0;
-o-border-radius: 0 0;
border-radius: 0 0;
}
.job-grid .job-title-sec h3 {
text-align: center;
}
.how-to-sec {
display: inline-block;
}
.how-to {
display: inline-block;
float: left;
width: 100%;
padding: 0;
margin-bottom: 40px;
}
.how-to:last-child {
margin: 0;
}
.reviews.style2 {
padding: 0 110px;
}
.social-links a {
margin: 10px 10px;
}
.mockup-top {
display: none;
}
.mockup-bottom {
opacity: 0.1;
}
.job-listing.rounded {
-webkit-border-radius: 0 0 ;
-moz-border-radius: 0 0 ;
-ms-border-radius: 0 0 ;
-o-border-radius: 0 0 ;
border-radius: 0 0 ;
}
.job-listing.rounded:hover {
-webkit-border-radius: 0 0 ;
-moz-border-radius: 0 0 ;
-ms-border-radius: 0 0 ;
-o-border-radius: 0 0 ;
border-radius: 0 0 ;
}
.download-sec {
display: inline;
padding: 60px 0;
padding-bottom: 60px;
padding-bottom: 0;
}
.download-text {
display: inline-block;
float: left;
width: 100%;
}
.download-img {
float: left;
width: 100%;
display: inline-block;
}
.job-listing.wtabs .job-title-sec {
width: 100%;
}
.job-style-bx {
float: left;
width: 100%;
text-align: center;
margin: 0;
margin-top: 0px;
padding: 0;
margin-top: 9px;
position: static;
}
.form-location-sec h3 {
font-size: 30px;
}
.form-location-sec form {
margin-top: 30px;
}
.form-location-sec form .field-lct {
float: left;
width: 100%;
margin: 0;
}
.form-location-sec form .field-lct input {
float: left;
width: 100%;
}
.form-location-sec form .field-lct.sl input {
width: 100%;
}
.form-location-sec form button {
float: left;
width: 100%;
border: none;
margin: 0;
}
.job-listings-sec.style2 .aply-btn {
float: none;
display: inline-block;
}
.job-listings-sec.style2 .fav-job {
float: none;
display: inline-block;
margin: 0;
position: relative;
}
.job-listings-sec.style2 .job-is {
margin: 10px 0px;
}
.job-listings-sec.style2 .job-title-sec {
width: 100%;
}
.who-am, .who-am.flip {
padding: 0 40px;
}
.action-tags {
width: 100%;
margin-top: 20px;
}
.job-search .tags-bar {
padding: 0 0;
text-align: center;
}
.job-search .tags-bar > span {
float: none;
display: inline-block;
margin-top: 15px;
}
.job-search .tags-bar .action-tags a {
float: none;
display: inline-block;
margin: 0;
}
.job-style-bx > i {
position: static;
float: none;
display: inline-block;
}
.job-style-bx > i {
position: relative;
float: none;
display: inline-block;
line-height: 30px;
left: 0;
top: 4px;
}
.job-list-modern .job-style-bx .fav-job {
margin: 0px 10px;
}
.sortby-sec {
float: left;
margin-top: 20px;
width: 100%;
}
.job-list-modern .job-listing.wtabs {
padding-bottom: 60px;
}
.job-single-sec .job-overview ul li {
width: 100%;
}
.job-single-head3 .job-thumb {
float: left;
width: 100%;
}
.job-thumb > span {
float: left;
text-align: left;
margin: 0;
margin-bottom: 0px;
margin-bottom: 13px;
}
.job-single-sec .extra-job-info > span {
float: left;
width: 100%;
margin: 10px 0;
}
.account-popup-area.static .account-popup {
width: 100%;
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
margin: 0;
margin-bottom: 0px;
margin-bottom: 60px;
}
}
@media (max-width:520px){
.error-sec form > input {
float: left;
width: 100%;
}
.error-sec {
padding: 90px 30px;
}
.bottom-line .scrollup {
bottom: 80px;
right: 20px;
z-index: 9;
}
.inner2 {
display: inline;
}
.inner-title2 {
display: inline-block;
float: left;
width: 100%;
text-align: center;
padding: 30px 0;
}
.page-breacrumbs {
display: inline-block;
float: left;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.page-breacrumbs .breadcrumbs {
float: left;
width: 100%;
}
.page-breacrumbs .breadcrumbs li {
float: none;
display: inline-block;
}
.page-breacrumbs .breadcrumbs li:first-child {
padding: 0;
}
.account-popup {
width: 94%;
margin-left: -47%;
left: 50%;
}
.pagination li {
margin-bottom: 10px;
}
.post-metas > li a {
margin-bottom: 11px;
}
.post-hist {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.photo-widget .row > div {
float: left;
width: 33.334%;
}
.big-icon {
font-size: 200px;
}
.view-resumes .job-listing.wtabs {
padding-right: 0;
}
.job-listing.wtabs .job-title-sec {
width: 100%;
}
.job-listing.wtabs .date-resume {
display: none;
}
.job-listing.wtabs {
text-align: center;
}
.job-listing.wtabs .c-logo {
float: none;
display: inline-block;
}
.job-listing.wtabs .job-title-sec h3 {
float: left;
width: 100%;
}
.job-listing.wtabs .job-title-sec span {
float: left;
width: 100%;
}
.job-listing.wtabs .job-lctn {
float: left;
width: 100%;
margin: 0;
padding-top: 5px;
}
.follow-companies > ul li .job-listing.wtabs .go-unfollow {
float: none;
display: inline-block;
}
.border-title > h3 {
float: left;
width: 100%;
}
.border-title > a {
float: left;
margin-top: 14px;
}
.edu-hisinfo > span i {
float: left;
width: 100%;
margin: 0;
margin-top: 0px;
margin-top: 10px;
}
.mini-portfolio .mp-col {
float: left;
width: 50%;
margin-bottom: 20px;
}
.progress-sec > span {
font-size: 13px;
}
.progress span {
font-size: 11px;
}
.uploadfield {
float: left;
width: 100%;
margin: 0;
}
.uploadbutton {
margin: 0;
}
.upload-img-bar {
display: inline-block;
text-align: center;
}
.upload-img-bar > span {
float: none;
display: inline-block;
}
.upload-info {
display: inline-block;
text-align: center;
padding: 0;
margin-top: 20px;
}
.upload-info > a {
float: none;
display: inline-block;
}
.tags > .addedTag {
margin-bottom: 10px;
}
.manage-jobs-sec .job-list-del {
float: none;
display: inline-block;
}
.manage-jobs-sec .job-listing.wtabs {
padding-right: 0;
padding-bottom: 0;
}
.job-overview.style2 ul > li {
float: left;
width: 100%;
}
.progress-sec.style2 > span {
width: 100%;
display: inline-block;
}
.progress-sec.style2 .progressbar {
float: left;
width: 100%;
display: inline-block;
}
.progress-sec.style2 > p {
float: left;
width: 100%;
margin: 0;
top: 14px;
font-size: 11px;
color: #888888;
}
.emply-list {
float: left;
width: 100%;
text-align: center;
}
.emply-list-thumb {
float: none;
display: inline-block;
}
.emply-list-info {
float: left;
width: 100%;
text-align: center;
padding: 0;
margin-top: 10px;
}
.emply-pstn {
display: inline-block;
position: static;
float: left;
width: 100%;
margin: 10px 0;
}
.emply-list.box .emply-pstn {
position: static;
}
.job-single-head3 {
display: inline-block;
}
.job-single-head3.emplye .job-thumb {
float: none;
display: inline-block;
text-align: center;
width: 100%;
}
.job-thumb img {
float: left;
width: auto;
margin-bottom: 20px;
}
.job-single-info3 {
padding: 0;
}
.job-listing.wtabs.noimg {
padding: 20px 10px;
padding-bottom: 20px;
padding-bottom: 40px;
}
.job-list-modern .job-listing.wtabs .job-style-bx {
float: left;
width: 100%;
position: static;
text-align: center;
margin: 0;
padding: 0;
}
.job-list-modern .job-listing.wtabs .job-style-bx > span {
float: none;
display: inline-block;
margin: 0 6px;
}
.job-style-bx > i {
position: static;
display: inline-block;
}
.main-featured-sec > .main-slider-sec {
display: none;
}
.job-search-sec {
float: left;
width: 100%;
position: static;
padding: 70px 20px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
background: rgb(139,145,221);
background: -moz-linear-gradient(45deg, rgba(139,145,221,1) 0%, rgba(16,25,93,1) 71%, rgba(16,25,93,1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(139,145,221,1)), color-stop(71%,rgba(16,25,93,1)), color-stop(100%,rgba(16,25,93,1)));
background: -webkit-linear-gradient(45deg,#29b2fe 0%,#0069C7 71%);
background: -o-linear-gradient(45deg,#29b2fe 0%,#0069C7 71%);
background: -ms-linear-gradient(45deg,#29b2fe 0%,#0069C7 71%);
background: linear-gradient(45deg,#29b2fe 0%,#0069C7 71%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b2fe', endColorstr='#10195d',GradientType=1 );
opacity: 0.9;
margin: 0;
}
.job-search-sec .job-search > h3 {
line-height: 30px;
}
.job-search > span {
line-height: 23px;
}
.top-compnay img {
float: left;
width: 100%;
}
.reviews.style2 {
padding: 0 0;
}
.reviews.style2::before {
z-index: -1;
}
.job-search-sec.style3 {
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
padding: 50px 40px;
}
.job-head-info span {
line-height: 20px;
}
.res-logo > a img {
float: left;
width: 150px;
}
.five .res-logo > a img {
float: left;
width: 120px ;
}
.res-openmenu {
padding: 9px 20px;
}
.res-openmenu > img {
width: 26px;
}
.res-closemenu {
padding: 8px 10px;
font-size: 15px;
}
.responsive-opensec .post-job-btn {
font-size: 13px;
padding: 11px 20px;
}
.account-btns > li a {
font-size: 12px;
}
.account-popup {
padding-left: 20px;
padding-right: 20px;
}
}