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

main page stiles for slider

Browse Source
This commit is contained in:
Jerry
2020-08-04 15:56:56 +03:00
parent 43b34c2724
commit ea134e4b23
8 changed files with 198 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -258,13 +258,19 @@ a:focus {
position: relative;
top: -1px; }
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
select,
textarea,
textarea.form-control {
.wrapper input[type=text],
.wrapper input[type=password],
.wrapper input[type=email],
.wrapper input[type=tel],
.wrapper select,
.wrapper textarea,
.wrapper textarea.form-control, .modal input[type=text],
.modal input[type=password],
.modal input[type=email],
.modal input[type=tel],
.modal select,
.modal textarea,
.modal textarea.form-control {
display: inline-block;
zoom: 1;
vertical-align: middle;
@@ -275,48 +281,67 @@ textarea.form-control {
box-shadow: inset 0 0 5px #f1f1f1;
border-radius: 0;
font-size: 14px; }
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
select:disabled,
textarea:disabled,
textarea.form-control:disabled {
.wrapper input[type=text]:disabled,
.wrapper input[type=password]:disabled,
.wrapper input[type=email]:disabled,
.wrapper input[type=tel]:disabled,
.wrapper select:disabled,
.wrapper textarea:disabled,
.wrapper textarea.form-control:disabled, .modal input[type=text]:disabled,
.modal input[type=password]:disabled,
.modal input[type=email]:disabled,
.modal input[type=tel]:disabled,
.modal select:disabled,
.modal textarea:disabled,
.modal textarea.form-control:disabled {
opacity: 0.7;
cursor: default; }
input[type=text]:disabled:hover,
input[type=password]:disabled:hover,
input[type=email]:disabled:hover,
input[type=tel]:disabled:hover,
select:disabled:hover,
textarea:disabled:hover,
textarea.form-control:disabled:hover {
.wrapper input[type=text]:disabled:hover,
.wrapper input[type=password]:disabled:hover,
.wrapper input[type=email]:disabled:hover,
.wrapper input[type=tel]:disabled:hover,
.wrapper select:disabled:hover,
.wrapper textarea:disabled:hover,
.wrapper textarea.form-control:disabled:hover, .modal input[type=text]:disabled:hover,
.modal input[type=password]:disabled:hover,
.modal input[type=email]:disabled:hover,
.modal input[type=tel]:disabled:hover,
.modal select:disabled:hover,
.modal textarea:disabled:hover,
.modal textarea.form-control:disabled:hover {
cursor: default; }
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
textarea {
.wrapper input[type=text],
.wrapper input[type=password],
.wrapper input[type=email],
.wrapper input[type=tel],
.wrapper textarea, .modal input[type=text],
.modal input[type=password],
.modal input[type=email],
.modal input[type=tel],
.modal textarea {
padding: 0 10px; }
input.form-control.small,
.modal input.form-control.small {
.wrapper input.form-control.small,
.modal .wrapper input.form-control.small, .modal input.form-control.small,
.modal .modal input.form-control.small {
width: 150px; }
.input-group.half,
.half .input-group {
.wrapper .input-group.half,
.wrapper .half .input-group, .modal .input-group.half,
.modal .half .input-group {
width: 300px;
max-width: 100%; }
textarea,
textarea.form-control {
.wrapper textarea,
.wrapper textarea.form-control, .modal textarea,
.modal textarea.form-control {
overflow: auto;
resize: none;
height: 79px;
padding: 0 10px; }
select {
.wrapper select, .modal select {
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none;
@@ -570,6 +595,15 @@ select {
.table-overflow table th .question-line {
white-space: normal; }
blockquote {
padding: 10px 20px 10px 40px;
margin: 0 0 20px;
font-size: 17.5px;
border: none; }
@media (min-width: 480px) {
blockquote {
padding: 10px 40px; } }
/* Icons. */
@font-face {
font-family: lawcarta;
@@ -2503,3 +2537,110 @@ footer {
.main-page .faq-answer img {
height: auto !important;
max-width: 100%; }
.pc-slider {
margin-bottom: 20px; }
.pc-slider .cont {
max-width: 1230px; }
@media (min-width: 769px) {
.pc-slider {
margin-bottom: 50px; } }
.pc-slider .serve-col {
font-size: 15px;
padding: 60px 30px 30px;
height: 100%;
border: 2px solid #7a724e;
border-radius: 26px;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
font-family: 'Open Sans', sans-serif; }
.pc-slider .serve-col:hover {
background: #fff;
color: #475669;
-webkit-box-shadow: none;
box-shadow: none; }
.pc-slider .serve-col .italic {
font-style: italic; }
.pc-slider .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; }
.pc-slider .serve-col .sc-avatar .avatar-cont {
width: 98px;
height: 98px;
text-align: center;
border-radius: 50%;
overflow: hidden; }
.pc-slider .serve-col .sc-avatar img {
max-width: 100%;
max-height: 100%; }
.pc-slider .serve-col .sc-author {
font-size: 14px;
line-height: 19px;
color: #666; }
.pc-slider .serve-col .sc-author p {
margin: 0; }
.pc-slider .serve-col .sc-author-text {
font-style: italic;
margin: 40px 0 0;
position: relative;
font-size: 13px;
line-height: 130%;
color: #666; }
.pc-slider .serve-col .sc-author-text .quote-icon {
color: #539AEA;
display: block;
width: 26px;
height: 18px;
background-image: url("../img/promo-calendar/quote-law.svg");
background-size: cover; }
.pc-slider .serve-col .sc-author-text .quote-icon.top {
position: absolute;
left: -10px;
top: -18px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.pc-slider .serve-col .sc-author-text .quote-icon.bottom {
display: inline-block;
position: relative;
top: 3px;
margin-left: -5px;
margin: -10px 0; }
.pc-slider .slider-header {
color: #7a724e;
font-weight: bold;
font-size: 25px;
line-height: 30px;
text-align: center;
font-family: 'PT Serif', serif;
margin-bottom: 10px; }
@media (min-width: 769px) {
.pc-slider .slider-header {
color: #7a724e;
font-size: 40px;
line-height: 53px;
margin-bottom: 50px; } }
.pc-slider .splide__slide {
padding: 50px 20px 0; }
.pc-slider .splide__arrow--next, .pc-slider .splide__arrow--prev {
width: 15px;
height: 31px;
border-radius: 0;
background-color: transparent;
background-image: url("../img/promo-calendar/arrow-law.svg");
background-size: cover;
margin-top: 25px; }
.pc-slider .splide__arrow--next svg, .pc-slider .splide__arrow--prev svg {
display: none; }
.pc-slider .splide__arrow--next {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
.pc-slider .splide__arrow--prev {
left: -5px; }
.pc-slider .splide__arrow--next {
right: -5px; }

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

1
htdocs/wp-content/themes/lawcarta/assets/img/promo-calendar/arrow-law.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="14.999" height="31" viewBox="0 0 29.03 59.99" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path fill="none" stroke="#7a724e" stroke-width="3.87" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="22.926" d="M27.09 1.93L1.93 30l25.16 28.06"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 412 B

1
htdocs/wp-content/themes/lawcarta/assets/img/promo-calendar/quote-law.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="25.174" height="17.21" viewBox="0 0 644.91 440.89" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><g fill-rule="nonzero"><path d="M364.56 440.89h-105.3l133.39-409.9h196.56zm-259.25 0H0l133.38-409.9h196.58z" fill="#7a724e" fill-opacity=".302"/><path d="M635.18 5.86L418.35 415.34h-93.06L454.04 5.86zm-257.37 0L160.97 415.34H67.91L196.66 5.86z" fill="none" stroke="#7a724e" stroke-width="11.72" stroke-miterlimit="22.926"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 578 B

18
htdocs/wp-content/themes/livecarta/assets/css/live-main-page.css
View File

@@ -371,3 +371,21 @@ footer.v2 {
color: #fff; }
.main-page .mp-serve .serve-col:hover .normal {
color: #fff; }
.pc-slider .serve-col {
border: 2px solid #69a7ec; }
.pc-slider .serve-col .sc-author-text {
color: #454545; }
.pc-slider .serve-col .sc-author-text .quote-icon {
background-image: url("../img/promo-calendar/quote.svg"); }
.pc-slider .serve-col .sc-author {
color: #4F4F4F; }
.pc-slider .slider-header {
color: #134D94; }
@media (min-width: 769px) {
.pc-slider .slider-header {
color: #246CB5; } }
.pc-slider .splide__arrow--next, .pc-slider .splide__arrow--prev {
background-image: url("../img/promo-calendar/arrow.svg"); }

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

File diff suppressed because one or more lines are too long

1
htdocs/wp-content/themes/livecarta/assets/img/promo-calendar/arrow.svg Normal file
View File

@@ -0,0 +1 @@
<svg width="15" height="31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1L1 15.5 14 30" stroke="#246CB5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 192 B

1
htdocs/wp-content/themes/livecarta/assets/img/promo-calendar/quote.svg Normal file
View File

@@ -0,0 +1 @@
<svg width="26" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.23 18h-4.11l5.207-16H23l-8.77 16zM4.11 18H0L5.207 2h7.673L4.11 18z" fill="#D9ECFF"/><path d="M24.794 1.019L16.33 17.003h-3.632l5.025-15.984h7.072zm-10.046 0L6.283 17.003H2.651L7.677 1.019h7.07z" stroke="#539AEA" stroke-width=".457"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 327 B