lxbfYeaa/LiveCartaWP
1
0
Fork 0
forked from LiveCarta/LiveCartaWP
Code Issues 238 Pull Requests Actions Packages Projects Releases Wiki Activity

new css

Browse Source
This commit is contained in:
g
2020-05-12 12:07:46 +03:00
parent c504e04fcb
commit 48684f8d73
2 changed files with 282 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

314
htdocs/wp-content/themes/lawcarta/assets/css/main-page.css
View File

@@ -85,7 +85,9 @@ body {
html, html,
body { body {
width: 100%; width: 100%;
height: 100%; } height: 100%;
margin: 0;
padding: 0; }
.wrapper { .wrapper {
display: block; display: block;
@@ -122,12 +124,45 @@ body {
margin-bottom: 0; } margin-bottom: 0; }
.content.no-pb .cont.back-white { .content.no-pb .cont.back-white {
margin-bottom: 32px; } margin-bottom: 32px; }
.content.promo-facebook {
padding-top: 0;
margin-bottom: 0; }
@media (min-width: 769px) { @media (min-width: 769px) {
.content { .content {
padding-top: 72px; } } padding-top: 72px; } }
.content.white { .content.white {
background: #fff; } background: #fff; }
.sub-input {
display: block;
color: #000;
margin-bottom: 5px;
margin-top: -5px; }
.sub-input ::-webkit-input-placeholder {
font-size: 14px;
font-weight: 100;
color: #48566b; }
.sub-input ::-moz-placeholder {
font-size: 14px;
font-weight: 100;
color: #48566b; }
.sub-input :-ms-input-placeholder {
font-size: 14px;
font-weight: 100;
color: #48566b; }
.sub-input :-moz-placeholder {
font-size: 14px;
font-weight: 100;
color: #48566b; }
.sub-input input[type=email] {
width: 200px;
border-radius: 20px;
margin-top: 5px;
margin-right: 5px; }
.sub-input .button {
top: -1px;
margin-top: 5px; }
.cont, .cont,
.cont-help { .cont-help {
max-width: 1230px; max-width: 1230px;
@@ -207,6 +242,10 @@ body {
a img { a img {
border: none; } border: none; }
a {
color: #337ab7;
text-decoration: none; }
a:focus { a:focus {
text-decoration: none; } text-decoration: none; }
@@ -519,6 +558,18 @@ select {
display: inline-block; display: inline-block;
vertical-align: middle; } vertical-align: middle; }
.nowrap {
white-space: nowrap; }
.table-overflow {
overflow: auto; }
.table-overflow table {
min-width: 460px; }
.table-overflow table th {
white-space: nowrap; }
.table-overflow table th .question-line {
white-space: normal; }
/* Icons. */ /* Icons. */
@font-face { @font-face {
font-family: lawcarta; font-family: lawcarta;
@@ -614,6 +665,39 @@ select {
.icon-promo-check:before { .icon-promo-check:before {
content: "\e929"; } content: "\e929"; }
.icon-edit-history:before {
content: "\e920"; }
.icon-book:before {
content: "\e904"; }
.icon-youtube:before {
content: "\ea9d"; }
.icon-edit2:before {
content: "\e914"; }
.icon-quotes-right:before {
content: "\e978"; }
.icon-promo-customize:before {
content: "\e93b"; }
.icon-promo-publish:before {
content: "\e93c"; }
.icon-promo-publish-class:before {
content: "\e93d"; }
.icon-promo-quotes:before {
content: "\e93e"; }
.icon-promo-royalties:before {
content: "\e93f"; }
.icon-promo-supplement:before {
content: "\e940"; }
/* Buttons. */ /* Buttons. */
.btn { .btn {
font-size: 13px; } font-size: 13px; }
@@ -1236,12 +1320,16 @@ footer {
font-size: 12px; font-size: 12px;
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
margin-bottom: 10px; } margin-bottom: 5px; }
@media (min-width: 769px) { @media (min-width: 769px) {
footer .app-download .title { footer .app-download .title {
margin-bottom: 15px; } } margin-bottom: 15px; } }
footer .app-download img { footer .app-download img {
max-width: 140px; } max-width: 140px;
margin-top: 5px; }
@media (min-width: 769px) {
footer .app-download img {
margin-top: 0; } }
footer .app-download.old { footer .app-download.old {
margin-top: 10px; margin-top: 10px;
padding-bottom: 10px; } padding-bottom: 10px; }
@@ -1319,35 +1407,6 @@ footer {
opacity: 0.7; } opacity: 0.7; }
footer.v2 .footer-menu .social a .icon-linkedin { footer.v2 .footer-menu .social a .icon-linkedin {
font-size: 18px; } font-size: 18px; }
footer.v2 .footer-menu .sub-input {
display: block;
color: #000;
margin-bottom: 5px;
margin-top: -5px; }
footer.v2 .footer-menu .sub-input ::-webkit-input-placeholder {
font-size: 14px;
font-weight: 100;
color: #48566b; }
footer.v2 .footer-menu .sub-input ::-moz-placeholder {
font-size: 14px;
font-weight: 100;
color: #48566b; }
footer.v2 .footer-menu .sub-input :-ms-input-placeholder {
font-size: 14px;
font-weight: 100;
color: #48566b; }
footer.v2 .footer-menu .sub-input :-moz-placeholder {
font-size: 14px;
font-weight: 100;
color: #48566b; }
footer.v2 .footer-menu .sub-input input[type=email] {
width: 200px;
border-radius: 20px;
margin-top: 5px;
margin-right: 5px; }
footer.v2 .footer-menu .sub-input .button {
top: -1px;
margin-top: 5px; }
footer.v2 .footer-menu .copyright { footer.v2 .footer-menu .copyright {
display: block; } display: block; }
footer.v2 .footer-menu .copyright a { footer.v2 .footer-menu .copyright a {
@@ -1518,7 +1577,8 @@ footer {
font-weight: bold; font-weight: bold;
font-size: 32px; font-size: 32px;
color: #32221a; color: #32221a;
line-height: 1.2; } line-height: 1.2;
margin: 0; }
@media (min-width: 769px) { @media (min-width: 769px) {
.main-page .promo-top .line1 { .main-page .promo-top .line1 {
font-size: 38px; font-size: 38px;
@@ -1676,6 +1736,13 @@ footer {
padding: 50px 0 20px; } padding: 50px 0 20px; }
.main-page .promo-header h3 { .main-page .promo-header h3 {
font-size: 30px; } } font-size: 30px; } }
.main-page .promo-header.facebook h3 {
display: inline-block;
font-size: 35px;
color: #539AEA;
font-weight: 100;
text-transform: uppercase;
line-height: 1.3; }
.main-page .feature-block { .main-page .feature-block {
display: block; display: block;
position: relative; position: relative;
@@ -1792,6 +1859,113 @@ footer {
.main-page .feature-block.promo .fb-text, .main-page .feature-block.promo .fb-text,
.main-page .feature-block.promo .fb-buttons { .main-page .feature-block.promo .fb-buttons {
margin-left: 47%; } } margin-left: 47%; } }
.main-page .feature-block.promo.facebook {
padding: 40px 0; }
.main-page .feature-block.promo.facebook.right-img {
padding-bottom: 20px; }
.main-page .feature-block.promo.facebook .cont {
max-width: 1140px; }
.main-page .feature-block.promo.facebook:first-child {
padding-top: 30px; }
.main-page .feature-block.promo.facebook .fb-title {
font-size: 29px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px; }
.main-page .feature-block.promo.facebook .fb-title.bottom {
font-size: 24px;
font-weight: 500;
text-transform: none;
margin-top: 40px;
text-align: center; }
@media (min-width: 769px) {
.main-page .feature-block.promo.facebook .fb-title.bottom {
text-align: left; } }
.main-page .feature-block.promo.facebook .fb-title.logo {
margin-bottom: 30px; }
.main-page .feature-block.promo.facebook .fb-text {
margin: 0; }
.main-page .feature-block.promo.facebook .fb-text p.with-icon {
margin-top: 0;
padding-left: 70px; }
.main-page .feature-block.promo.facebook .fb-text p.with-icon b {
font-size: 22px;
line-height: 1.1;
font-weight: 600;
margin-bottom: 7px;
color: #134d94; }
.main-page .feature-block.promo.facebook .fb-text p.with-icon [class^="icon-"],
.main-page .feature-block.promo.facebook .fb-text p.with-icon [class*=" icon-"] {
font-size: 50px;
color: #134d94; }
@media (min-width: 769px) {
.main-page .feature-block.promo.facebook .fb-text p.with-icon {
padding-left: 90px; }
.main-page .feature-block.promo.facebook .fb-text p.with-icon [class^="icon-"],
.main-page .feature-block.promo.facebook .fb-text p.with-icon [class*=" icon-"] {
font-size: 60px; } }
.main-page .feature-block.promo.facebook .fb-text .with-icon + .with-icon {
margin-top: 50px; }
.main-page .feature-block.promo.facebook .fb-text .sub-input {
margin-top: 35px;
text-align: center; }
@media (min-width: 769px) {
.main-page .feature-block.promo.facebook .fb-text .sub-input {
text-align: left; } }
.main-page .feature-block.promo.facebook .fb-text .sub-input .form-group {
vertical-align: top;
display: inline-block;
margin: 0;
padding: 0;
max-width: 100%; }
.main-page .feature-block.promo.facebook .fb-text .sub-input .form-group .help-block {
font-size: 12px; }
.main-page .feature-block.promo.facebook .fb-text .sub-input .form-group input {
border-radius: 0;
width: 350px;
max-width: 100%;
margin: 0 5px 0 0;
line-height: 34px;
border-radius: 5px;
height: 36px;
max-width: 100%; }
.main-page .feature-block.promo.facebook .fb-text .sub-input .button {
min-width: 100px;
vertical-align: top;
margin: 1px 0 0; }
.main-page .feature-block.promo.facebook .fb-text .sub-input .button.xl {
line-height: 36px;
height: auto; }
.main-page .feature-block.promo.facebook .fb-text .sub-input.success {
padding: 15px;
border: 2px solid #539aea;
text-align: center;
border-radius: 20px; }
.main-page .feature-block.promo.facebook .fb-text .sub-input.success .fb-title {
text-align: center;
margin-top: 5px; }
.main-page .feature-block.promo.facebook.with-bg .fb-text p.with-icon b, .main-page .feature-block.promo.facebook.with-bg .fb-text p.with-icon [class^="icon-"], .main-page .feature-block.promo.facebook.with-bg .fb-text p.with-icon [class*=" icon-"] {
color: #fff; }
@media (min-width: 768px) {
.main-page .feature-block.promo.facebook.right-img .fb-title, .main-page .feature-block.promo.facebook.right-img .fb-text {
margin-left: 0;
margin-right: 43%; }
.main-page .feature-block.promo.facebook.right-img .fb-text .fb-title {
margin-right: 0; } }
.main-page .feature-block.right-img {
padding-bottom: 20px; }
@media (min-width: 768px) {
.main-page .feature-block.right-img .fb-title, .main-page .feature-block.right-img .fb-text {
margin-left: 0;
margin-right: 43%; }
.main-page .feature-block.right-img .fb-img {
width: 38%; } }
.main-page .feature-block.right-img .sub-input .fb-title {
margin-right: 0; }
.main-page .feature-block.right-img .fb-img {
float: right; }
.main-page .feature-block.right-img .fb-text {
font-size: 18px; }
@media (min-width: 769px) { @media (min-width: 769px) {
.main-page .feature-block.about { .main-page .feature-block.about {
padding: 37px 0; } } padding: 37px 0; } }
@@ -1961,6 +2135,80 @@ footer {
color: #fff; } color: #fff; }
.main-page .mp-serve .serve-col:hover .normal { .main-page .mp-serve .serve-col:hover .normal {
color: #fff; } color: #fff; }
.main-page .mp-serve.reviews {
background: none; }
.main-page .mp-serve.reviews .cont {
max-width: 1280px; }
@media (min-width: 769px) {
.main-page .mp-serve.reviews .divider {
display: block;
width: 3%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto; } }
.main-page .mp-serve.reviews .serve-col {
font-size: 15px;
padding: 60px 30px 30px;
margin-top: 50px;
border: 2px solid #539AEA;
border-radius: 26px;
-webkit-box-shadow: none;
box-shadow: none; }
@media (min-width: 769px) {
.main-page .mp-serve.reviews .serve-col {
width: 31.333333%;
margin-top: 10px; } }
.main-page .mp-serve.reviews .serve-col:hover {
background: #fff;
color: #475669;
-webkit-box-shadow: none;
box-shadow: none; }
.main-page .mp-serve.reviews .serve-col .italic {
font-style: italic; }
.main-page .mp-serve.reviews .serve-col .sc-avatar {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-left: 25px solid #fff;
border-right: 25px solid #fff; }
.main-page .mp-serve.reviews .serve-col .sc-avatar .avatar-cont {
width: 98px;
height: 98px;
text-align: center;
border-radius: 50%;
overflow: hidden; }
.main-page .mp-serve.reviews .serve-col .sc-avatar img {
max-width: 100%;
max-height: 100%; }
.main-page .mp-serve.reviews .serve-col .sc-author {
font-size: 16px;
color: #333; }
.main-page .mp-serve.reviews .serve-col .sc-author p {
margin: 0; }
.main-page .mp-serve.reviews .serve-col .sc-author-text {
font-style: italic;
margin: 40px 0 0;
position: relative; }
.main-page .mp-serve.reviews .serve-col .sc-author-text .quote-icon {
color: #539AEA; }
.main-page .mp-serve.reviews .serve-col .sc-author-text .quote-icon .icon-promo-quotes {
font-size: 20px; }
.main-page .mp-serve.reviews .serve-col .sc-author-text .quote-icon.top {
position: absolute;
left: -10px;
top: -25px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.main-page .mp-serve.reviews .serve-col .sc-author-text .quote-icon.bottom {
width: 0;
height: 0;
display: inline-block;
position: relative;
top: 15px;
margin-left: -5px;
margin: -10px 0; }
.main-page .mp-small-block { .main-page .mp-small-block {
padding: 15px 0 65px; padding: 15px 0 65px;
margin-bottom: 20px; } margin-bottom: 20px; }

2
htdocs/wp-content/themes/lawcarta/assets/css/main-page.min.css vendored
View File

File diff suppressed because one or more lines are too long