parent
d7638e58ad
commit
d257354cce
@ -0,0 +1,506 @@ |
||||
body { |
||||
--wp--preset--color--black: #000000; |
||||
--wp--preset--color--cyan-bluish-gray: #abb8c3; |
||||
--wp--preset--color--white: #ffffff; |
||||
--wp--preset--color--pale-pink: #f78da7; |
||||
--wp--preset--color--vivid-red: #cf2e2e; |
||||
--wp--preset--color--luminous-vivid-orange: #ff6900; |
||||
--wp--preset--color--luminous-vivid-amber: #fcb900; |
||||
--wp--preset--color--light-green-cyan: #7bdcb5; |
||||
--wp--preset--color--vivid-green-cyan: #00d084; |
||||
--wp--preset--color--pale-cyan-blue: #8ed1fc; |
||||
--wp--preset--color--vivid-cyan-blue: #0693e3; |
||||
--wp--preset--color--vivid-purple: #9b51e0; |
||||
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%); |
||||
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); |
||||
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); |
||||
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%); |
||||
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); |
||||
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); |
||||
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); |
||||
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); |
||||
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); |
||||
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); |
||||
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); |
||||
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); |
||||
--wp--preset--duotone--dark-grayscale: url('index.html'); |
||||
--wp--preset--duotone--grayscale: url('index.html'); |
||||
--wp--preset--duotone--purple-yellow: url('index.html'); |
||||
--wp--preset--duotone--blue-red: url('index.html'); |
||||
--wp--preset--duotone--midnight: url('index.html'); |
||||
--wp--preset--duotone--magenta-yellow: url('index.html'); |
||||
--wp--preset--duotone--purple-green: url('index.html'); |
||||
--wp--preset--duotone--blue-orange: url('index.html'); |
||||
--wp--preset--font-size--small: 13px; |
||||
--wp--preset--font-size--medium: 20px; |
||||
--wp--preset--font-size--large: 36px; |
||||
--wp--preset--font-size--x-large: 42px; |
||||
--wp--preset--spacing--20: 0.44rem; |
||||
--wp--preset--spacing--30: 0.67rem; |
||||
--wp--preset--spacing--40: 1rem; |
||||
--wp--preset--spacing--50: 1.5rem; |
||||
--wp--preset--spacing--60: 2.25rem; |
||||
--wp--preset--spacing--70: 3.38rem; |
||||
--wp--preset--spacing--80: 5.06rem; |
||||
} |
||||
|
||||
:where(.is-layout-flex) { |
||||
gap: 0.5em; |
||||
} |
||||
|
||||
body .is-layout-flow>.alignleft { |
||||
float: left; |
||||
margin-inline-start: 0; |
||||
margin-inline-end: 2em; |
||||
} |
||||
|
||||
body .is-layout-flow>.alignright { |
||||
float: right; |
||||
margin-inline-start: 2em; |
||||
margin-inline-end: 0; |
||||
} |
||||
|
||||
body .is-layout-flow>.aligncenter { |
||||
margin-left: auto !important; |
||||
margin-right: auto !important; |
||||
} |
||||
|
||||
body .is-layout-constrained>.alignleft { |
||||
float: left; |
||||
margin-inline-start: 0; |
||||
margin-inline-end: 2em; |
||||
} |
||||
|
||||
body .is-layout-constrained>.alignright { |
||||
float: right; |
||||
margin-inline-start: 2em; |
||||
margin-inline-end: 0; |
||||
} |
||||
|
||||
body .is-layout-constrained>.aligncenter { |
||||
margin-left: auto !important; |
||||
margin-right: auto !important; |
||||
} |
||||
|
||||
body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) { |
||||
max-width: var(--wp--style--global--content-size); |
||||
margin-left: auto !important; |
||||
margin-right: auto !important; |
||||
} |
||||
|
||||
body .is-layout-constrained>.alignwide { |
||||
max-width: var(--wp--style--global--wide-size); |
||||
} |
||||
|
||||
body .is-layout-flex { |
||||
display: flex; |
||||
} |
||||
|
||||
body .is-layout-flex { |
||||
flex-wrap: wrap; |
||||
align-items: center; |
||||
} |
||||
|
||||
body .is-layout-flex>* { |
||||
margin: 0; |
||||
} |
||||
|
||||
:where(.wp-block-columns.is-layout-flex) { |
||||
gap: 2em; |
||||
} |
||||
|
||||
.has-black-color { |
||||
color: var(--wp--preset--color--black) !important; |
||||
} |
||||
|
||||
.has-cyan-bluish-gray-color { |
||||
color: var(--wp--preset--color--cyan-bluish-gray) !important; |
||||
} |
||||
|
||||
.has-white-color { |
||||
color: var(--wp--preset--color--white) !important; |
||||
} |
||||
|
||||
.has-pale-pink-color { |
||||
color: var(--wp--preset--color--pale-pink) !important; |
||||
} |
||||
|
||||
.has-vivid-red-color { |
||||
color: var(--wp--preset--color--vivid-red) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-orange-color { |
||||
color: var(--wp--preset--color--luminous-vivid-orange) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-amber-color { |
||||
color: var(--wp--preset--color--luminous-vivid-amber) !important; |
||||
} |
||||
|
||||
.has-light-green-cyan-color { |
||||
color: var(--wp--preset--color--light-green-cyan) !important; |
||||
} |
||||
|
||||
.has-vivid-green-cyan-color { |
||||
color: var(--wp--preset--color--vivid-green-cyan) !important; |
||||
} |
||||
|
||||
.has-pale-cyan-blue-color { |
||||
color: var(--wp--preset--color--pale-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-cyan-blue-color { |
||||
color: var(--wp--preset--color--vivid-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-purple-color { |
||||
color: var(--wp--preset--color--vivid-purple) !important; |
||||
} |
||||
|
||||
.has-black-background-color { |
||||
background-color: var(--wp--preset--color--black) !important; |
||||
} |
||||
|
||||
.has-cyan-bluish-gray-background-color { |
||||
background-color: var(--wp--preset--color--cyan-bluish-gray) !important; |
||||
} |
||||
|
||||
.has-white-background-color { |
||||
background-color: var(--wp--preset--color--white) !important; |
||||
} |
||||
|
||||
.has-pale-pink-background-color { |
||||
background-color: var(--wp--preset--color--pale-pink) !important; |
||||
} |
||||
|
||||
.has-vivid-red-background-color { |
||||
background-color: var(--wp--preset--color--vivid-red) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-orange-background-color { |
||||
background-color: var(--wp--preset--color--luminous-vivid-orange) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-amber-background-color { |
||||
background-color: var(--wp--preset--color--luminous-vivid-amber) !important; |
||||
} |
||||
|
||||
.has-light-green-cyan-background-color { |
||||
background-color: var(--wp--preset--color--light-green-cyan) !important; |
||||
} |
||||
|
||||
.has-vivid-green-cyan-background-color { |
||||
background-color: var(--wp--preset--color--vivid-green-cyan) !important; |
||||
} |
||||
|
||||
.has-pale-cyan-blue-background-color { |
||||
background-color: var(--wp--preset--color--pale-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-cyan-blue-background-color { |
||||
background-color: var(--wp--preset--color--vivid-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-purple-background-color { |
||||
background-color: var(--wp--preset--color--vivid-purple) !important; |
||||
} |
||||
|
||||
.has-black-border-color { |
||||
border-color: var(--wp--preset--color--black) !important; |
||||
} |
||||
|
||||
.has-cyan-bluish-gray-border-color { |
||||
border-color: var(--wp--preset--color--cyan-bluish-gray) !important; |
||||
} |
||||
|
||||
.has-white-border-color { |
||||
border-color: var(--wp--preset--color--white) !important; |
||||
} |
||||
|
||||
.has-pale-pink-border-color { |
||||
border-color: var(--wp--preset--color--pale-pink) !important; |
||||
} |
||||
|
||||
.has-vivid-red-border-color { |
||||
border-color: var(--wp--preset--color--vivid-red) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-orange-border-color { |
||||
border-color: var(--wp--preset--color--luminous-vivid-orange) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-amber-border-color { |
||||
border-color: var(--wp--preset--color--luminous-vivid-amber) !important; |
||||
} |
||||
|
||||
.has-light-green-cyan-border-color { |
||||
border-color: var(--wp--preset--color--light-green-cyan) !important; |
||||
} |
||||
|
||||
.has-vivid-green-cyan-border-color { |
||||
border-color: var(--wp--preset--color--vivid-green-cyan) !important; |
||||
} |
||||
|
||||
.has-pale-cyan-blue-border-color { |
||||
border-color: var(--wp--preset--color--pale-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-cyan-blue-border-color { |
||||
border-color: var(--wp--preset--color--vivid-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-purple-border-color { |
||||
border-color: var(--wp--preset--color--vivid-purple) !important; |
||||
} |
||||
|
||||
.has-vivid-cyan-blue-to-vivid-purple-gradient-background { |
||||
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; |
||||
} |
||||
|
||||
.has-light-green-cyan-to-vivid-green-cyan-gradient-background { |
||||
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { |
||||
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-orange-to-vivid-red-gradient-background { |
||||
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; |
||||
} |
||||
|
||||
.has-very-light-gray-to-cyan-bluish-gray-gradient-background { |
||||
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; |
||||
} |
||||
|
||||
.has-cool-to-warm-spectrum-gradient-background { |
||||
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; |
||||
} |
||||
|
||||
.has-blush-light-purple-gradient-background { |
||||
background: var(--wp--preset--gradient--blush-light-purple) !important; |
||||
} |
||||
|
||||
.has-blush-bordeaux-gradient-background { |
||||
background: var(--wp--preset--gradient--blush-bordeaux) !important; |
||||
} |
||||
|
||||
.has-luminous-dusk-gradient-background { |
||||
background: var(--wp--preset--gradient--luminous-dusk) !important; |
||||
} |
||||
|
||||
.has-pale-ocean-gradient-background { |
||||
background: var(--wp--preset--gradient--pale-ocean) !important; |
||||
} |
||||
|
||||
.has-electric-grass-gradient-background { |
||||
background: var(--wp--preset--gradient--electric-grass) !important; |
||||
} |
||||
|
||||
.has-midnight-gradient-background { |
||||
background: var(--wp--preset--gradient--midnight) !important; |
||||
} |
||||
|
||||
.has-small-font-size { |
||||
font-size: var(--wp--preset--font-size--small) !important; |
||||
} |
||||
|
||||
.has-medium-font-size { |
||||
font-size: var(--wp--preset--font-size--medium) !important; |
||||
} |
||||
|
||||
.has-large-font-size { |
||||
font-size: var(--wp--preset--font-size--large) !important; |
||||
} |
||||
|
||||
.has-x-large-font-size { |
||||
font-size: var(--wp--preset--font-size--x-large) !important; |
||||
} |
||||
|
||||
.wp-block-navigation a:where(:not(.wp-element-button)) { |
||||
color: inherit; |
||||
} |
||||
|
||||
:where(.wp-block-columns.is-layout-flex) { |
||||
gap: 2em; |
||||
} |
||||
|
||||
.wp-block-pullquote { |
||||
font-size: 1.5em; |
||||
line-height: 1.6; |
||||
} |
||||
|
||||
.main-navigation a, |
||||
.social-navigation li a, |
||||
.entry-title a:hover, |
||||
.widget-title, |
||||
.widgettitle, |
||||
.social-widget li a::before, |
||||
.author-social a, |
||||
.view-all, |
||||
.view-all a { |
||||
color: #d86c00; |
||||
} |
||||
|
||||
.main-navigation li:hover, |
||||
.post-navigation .nav-previous, |
||||
.post-navigation .nav-next, |
||||
.paging-navigation .nav-previous, |
||||
.paging-navigation .nav-next, |
||||
#today, |
||||
.tagcloud a, |
||||
.entry-thumb, |
||||
.comment-respond input[type="submit"], |
||||
.cat-link, |
||||
.search-submit { |
||||
background-color: #d86c00; |
||||
} |
||||
|
||||
.widget-title, |
||||
.widgettitle, |
||||
.entry-thumb, |
||||
.author-name, |
||||
.site-header, |
||||
.page-header, |
||||
blockquote { |
||||
border-color: #d86c00; |
||||
} |
||||
|
||||
.sidebar-toggle, |
||||
.slide-thumb { |
||||
border-right-color: #d86c00; |
||||
} |
||||
|
||||
.social-toggle { |
||||
border-left-color: #d86c00; |
||||
} |
||||
|
||||
.entry-title, |
||||
.entry-title a { |
||||
color: #00476e; |
||||
} |
||||
|
||||
.main-navigation, |
||||
.main-navigation ul ul { |
||||
background-color: rgba(0, 40, 66, 0.8); |
||||
} |
||||
|
||||
.site-header { |
||||
background-color: #002842; |
||||
} |
||||
|
||||
.footer-widget-area, |
||||
.site-info { |
||||
background-color: #002842; |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
.site-title { |
||||
font-family: Open Sans Condensed; |
||||
} |
||||
|
||||
.sfsi_plus_subscribe_Popinner { |
||||
width: 100% !important; |
||||
height: auto !important; |
||||
border: 1px solid #b5b5b5 !important; |
||||
padding: 18px 0px !important; |
||||
background-color: #ffffff !important; |
||||
} |
||||
|
||||
.sfsi_plus_subscribe_Popinner form { |
||||
margin: 0 20px !important; |
||||
} |
||||
|
||||
.sfsi_plus_subscribe_Popinner h5 { |
||||
font-family: Helvetica, Arial, sans-serif !important; |
||||
|
||||
font-weight: bold !important; |
||||
color: #000000 !important; |
||||
font-size: 16px !important; |
||||
text-align: center !important; |
||||
margin: 0 0 10px !important; |
||||
padding: 0 !important; |
||||
} |
||||
|
||||
.sfsi_plus_subscription_form_field { |
||||
margin: 5px 0 !important; |
||||
width: 100% !important; |
||||
display: inline-flex; |
||||
display: -webkit-inline-flex; |
||||
} |
||||
|
||||
.sfsi_plus_subscription_form_field input { |
||||
width: 100% !important; |
||||
padding: 10px 0px !important; |
||||
} |
||||
|
||||
.sfsi_plus_subscribe_Popinner input[type=email] { |
||||
font-family: Helvetica, Arial, sans-serif !important; |
||||
|
||||
font-style: normal !important; |
||||
font-size: 14px !important; |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.sfsi_plus_subscribe_Popinner input[type=email]::-webkit-input-placeholder { |
||||
font-family: Helvetica, Arial, sans-serif !important; |
||||
|
||||
font-style: normal !important; |
||||
font-size: 14px !important; |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.sfsi_plus_subscribe_Popinner input[type=email]:-moz-placeholder { |
||||
/* Firefox 18- */ |
||||
font-family: Helvetica, Arial, sans-serif !important; |
||||
|
||||
font-style: normal !important; |
||||
font-size: 14px !important; |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.sfsi_plus_subscribe_Popinner input[type=email]::-moz-placeholder { |
||||
/* Firefox 19+ */ |
||||
font-family: Helvetica, Arial, sans-serif !important; |
||||
font-style: normal !important; |
||||
font-size: 14px !important; |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.sfsi_plus_subscribe_Popinner input[type=email]:-ms-input-placeholder { |
||||
font-family: Helvetica, Arial, sans-serif !important; |
||||
font-style: normal !important; |
||||
font-size: 14px !important; |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.sfsi_plus_subscribe_Popinner input[type=submit] { |
||||
font-family: Helvetica, Arial, sans-serif !important; |
||||
|
||||
font-weight: bold !important; |
||||
color: #000000 !important; |
||||
font-size: 16px !important; |
||||
text-align: center !important; |
||||
background-color: #dedede !important; |
||||
} |
||||
|
||||
.vvqbox { |
||||
display: block; |
||||
max-width: 100%; |
||||
visibility: visible !important; |
||||
margin: 10px auto; |
||||
} |
||||
|
||||
.vvqbox img { |
||||
max-width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
.vvqbox object { |
||||
max-width: 100%; |
||||
} |
||||
@ -0,0 +1,9 @@ |
||||
#primary,.content-area { |
||||
background-color: #fff; |
||||
} |
||||
input,.form-control { |
||||
width: 100%; |
||||
} |
||||
.btn { |
||||
margin-bottom: 30px; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,13 @@ |
||||
input { |
||||
width: 100%; |
||||
} |
||||
#nameInput { |
||||
-webkit-appearance: none; |
||||
color: var(--global-palette5); |
||||
border: 1px solid var(--global-gray-400); |
||||
border-radius: 3px; |
||||
padding: 0.4em 0.5em; |
||||
max-width: 100%; |
||||
background: var(--global-palette9); |
||||
box-shadow: 0px 0px 0px -7px rgb(0 0 0 / 0%); |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,5 @@ |
||||
.btn { |
||||
color: #fff !important; |
||||
background-color: #007bff !important; |
||||
border-color: #007bff !important; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,13 @@ |
||||
input,.form-control { |
||||
width: 100%; |
||||
} |
||||
#nameInput { |
||||
border: 1px solid #d5e2ec; |
||||
padding: 0.5em 1em; |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; |
||||
-webkit-transition: ease all 200ms; |
||||
transition: ease all 200ms; |
||||
background: #e8f1f9; |
||||
border-radius: 1.25em; |
||||
} |
||||
@ -0,0 +1,306 @@ |
||||
ls-d-flex { |
||||
display: flex !important; |
||||
} |
||||
|
||||
ls-d-inline-flex { |
||||
display: inline-flex !important; |
||||
} |
||||
|
||||
ls-d-block { |
||||
display: block !important; |
||||
} |
||||
|
||||
ls-d-none { |
||||
display: none !important; |
||||
} |
||||
|
||||
@media (max-width: 599.9px) { |
||||
.ls-d-xs-flex { |
||||
display: flex !important; |
||||
} |
||||
|
||||
.ls-d-xs-inline-flex { |
||||
display: inline-flex !important; |
||||
} |
||||
|
||||
.ls-d-xs-block { |
||||
display: block !important; |
||||
} |
||||
|
||||
.ls-d-xs-none { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 600px) and (max-width:959.9px) { |
||||
.ls-d-sm-flex { |
||||
display: flex !important; |
||||
} |
||||
|
||||
.ls-d-sm-inline-flex { |
||||
display: inline-flex !important; |
||||
} |
||||
|
||||
.ls-d-sm-block { |
||||
display: block !important; |
||||
} |
||||
|
||||
.ls-d-sm-none { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 960px) and (max-width:1279.9px) { |
||||
.ls-d-md-flex { |
||||
display: flex !important; |
||||
} |
||||
|
||||
.ls-d-md-inline-flex { |
||||
display: inline-flex !important; |
||||
} |
||||
|
||||
.ls-d-md-block { |
||||
display: block !important; |
||||
} |
||||
|
||||
.ls-d-md-none { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 1280px) and (max-width:1919.9px) { |
||||
.ls-d-lg-flex { |
||||
display: flex !important; |
||||
} |
||||
|
||||
.ls-d-lg-inline-flex { |
||||
display: inline-flex !important; |
||||
} |
||||
|
||||
.ls-d-lg-block { |
||||
display: block !important; |
||||
} |
||||
|
||||
.ls-d-lg-none { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 1920px) { |
||||
.ls-d-xl-flex { |
||||
display: flex !important; |
||||
} |
||||
|
||||
.ls-d-xl-inline-flex { |
||||
display: inline-flex !important; |
||||
} |
||||
|
||||
.ls-d-xl-block { |
||||
display: block !important; |
||||
} |
||||
|
||||
.ls-d-xl-none { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
||||
:root { |
||||
|
||||
--ls-sm: 600px; |
||||
|
||||
--ls-md: 960px; |
||||
|
||||
--ls-lg: 1280px; |
||||
|
||||
--ls-xl: 1920px; |
||||
|
||||
} |
||||
|
||||
:root { |
||||
--typeHeaderPrimary: Muli; |
||||
--typeHeaderFallback: sans-serif; |
||||
--typeHeaderSize: 34px; |
||||
--typeHeaderWeight: 700; |
||||
--typeHeaderLineHeight: 1.2; |
||||
--typeHeaderSpacing: 0.0em; |
||||
--typeButtonPrimary: Poppins; |
||||
--typeButtonWeight: 700; |
||||
--typeBasePrimary: Muli; |
||||
--typeBaseFallback: sans-serif; |
||||
--typeBaseSize: 16px; |
||||
--typeBaseWeight: 400; |
||||
--typeBaseSpacing: 0.0em; |
||||
--typeBaseLineHeight: 1.5; |
||||
--typeCollectionTitle: 20px; |
||||
--iconWeight: 4px; |
||||
--iconLinecaps: round; |
||||
--buttonRadius: 50px; |
||||
--colorGridOverlayOpacity: 0.1; |
||||
} |
||||
|
||||
.placeholder-content { |
||||
background-image: linear-gradient(100deg, #ffffff 40%, #f7f7f7 63%, #ffffff 79%); |
||||
} |
||||
|
||||
@media screen and (min-width: 750px) { |
||||
#dynamic-checkout-cart { |
||||
min-height: 50px; |
||||
} |
||||
} |
||||
|
||||
@media screen and (max-width: 750px) { |
||||
#dynamic-checkout-cart { |
||||
min-height: 240px; |
||||
} |
||||
} |
||||
|
||||
#content-t { |
||||
text-overflow: ellipsis; |
||||
word-wrap: break-word; |
||||
-webkit-line-clamp: 2; |
||||
display: -webkit-box; |
||||
-webkit-box-orient: vertical; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
#content-c { |
||||
text-overflow: ellipsis; |
||||
word-wrap: break-word; |
||||
-webkit-line-clamp: 5; |
||||
display: -webkit-box; |
||||
-webkit-box-orient: vertical; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.pagination a { |
||||
display: inline-block; |
||||
padding: 10px 15px; |
||||
border: 1px solid #ccc; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
.site-footer { |
||||
background-color: #ccc; |
||||
} |
||||
|
||||
#SiteHeader { |
||||
border-bottom: 1px solid #ccc; |
||||
} |
||||
|
||||
.site-nav__link, |
||||
.site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) { |
||||
font-size: 17px; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.site-header { |
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); |
||||
} |
||||
|
||||
.toolbar+.header-sticky-wrapper .site-header { |
||||
border-top: 0; |
||||
} |
||||
|
||||
.header-item--logo, |
||||
.header-layout--left-center .header-item--logo, |
||||
.header-layout--left-center .header-item--icons { |
||||
-webkit-box-flex: 0 1 200px; |
||||
-ms-flex: 0 1 200px; |
||||
flex: 0 1 200px; |
||||
} |
||||
|
||||
@media only screen and (min-width: 769px) { |
||||
|
||||
.header-item--logo, |
||||
.header-layout--left-center .header-item--logo, |
||||
.header-layout--left-center .header-item--icons { |
||||
-webkit-box-flex: 0 0 250px; |
||||
-ms-flex: 0 0 250px; |
||||
flex: 0 0 250px; |
||||
} |
||||
} |
||||
|
||||
.site-header__logo a { |
||||
width: 200px; |
||||
} |
||||
|
||||
.is-light .site-header__logo .logo--inverted { |
||||
width: 200px; |
||||
} |
||||
|
||||
@media only screen and (min-width: 769px) { |
||||
.site-header__logo a { |
||||
width: 250px; |
||||
} |
||||
|
||||
.is-light .site-header__logo .logo--inverted { |
||||
width: 250px; |
||||
} |
||||
} |
||||
|
||||
.newsletter-template--15237663719477__163536191410833554 { |
||||
background-color: #ececec; |
||||
color: #1c1d1d; |
||||
} |
||||
|
||||
.newsletter-template--15237663719477__163536191410833554 .newsletter__input::-webkit-input-placeholder { |
||||
color: #1c1d1d; |
||||
} |
||||
|
||||
.newsletter-template--15237663719477__163536191410833554 .newsletter__input::-moz-placeholder { |
||||
color: #1c1d1d; |
||||
} |
||||
|
||||
.newsletter-template--15237663719477__163536191410833554 .newsletter__input::-ms-input-placeholder { |
||||
color: #1c1d1d; |
||||
} |
||||
|
||||
#awarp-product-related, |
||||
#awarp-shopping-cart-related, |
||||
#awarp-recently-viewed-products { |
||||
clear: both; |
||||
} |
||||
|
||||
.arp-overlay { |
||||
visibility: hidden; |
||||
opacity: 0; |
||||
} |
||||
|
||||
@media only screen and (min-width: 769px) and (max-width: 959px) { |
||||
.footer__item--39f8ff0b-ec49-41d7-9d2a-cb9cfd2041dd { |
||||
width: 50%; |
||||
padding-top: 40px; |
||||
} |
||||
|
||||
.footer__item--39f8ff0b-ec49-41d7-9d2a-cb9cfd2041dd:nth-child(2n + 1) { |
||||
clear: left; |
||||
} |
||||
} |
||||
|
||||
@media only screen and (min-width: 960px) { |
||||
.footer__item--39f8ff0b-ec49-41d7-9d2a-cb9cfd2041dd { |
||||
width: 40%; |
||||
} |
||||
|
||||
} |
||||
|
||||
@media only screen and (min-width: 769px) and (max-width: 959px) { |
||||
.footer__item--39f8ff0b-ec49-41d7-9d2a-cb9cfd2041dd { |
||||
width: 50%; |
||||
padding-top: 40px; |
||||
} |
||||
|
||||
.footer__item--39f8ff0b-ec49-41d7-9d2a-cb9cfd2041dd:nth-child(2n + 1) { |
||||
clear: left; |
||||
} |
||||
} |
||||
|
||||
@media only screen and (min-width: 960px) { |
||||
.footer__item--39f8ff0b-ec49-41d7-9d2a-cb9cfd2041dd { |
||||
width: 40%; |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,3 @@ |
||||
input,.form-control { |
||||
width: 100%; |
||||
} |
||||
@ -0,0 +1,138 @@ |
||||
<!DOCTYPE html> |
||||
<html class="no-js supports-no-cookies" lang='en'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/about.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<script> |
||||
document.documentElement.className = document.documentElement.className.replace('no-js', ''); |
||||
</script> |
||||
</head> |
||||
|
||||
<body class='preload template--blog template-- page--'> |
||||
<main role='main' id='root'> |
||||
<header class="header-container" data-component="stickyHeader"> |
||||
<div id="shopify-section-static-header" class="shopify-section header-section"> |
||||
<section data-component="header" data-section-id="static-header" data-section-type="header" |
||||
class="bg-base w-100 z-5"> |
||||
<div id="header" class="header header--default" data-transparent-header="false"> |
||||
<div class="header__content header__content--has-customer-accounts"> |
||||
<div id="mobile-nav"> |
||||
<div class="header__menu-icon"> |
||||
<div class="icon "> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h1 class="header__logo-wrapper"> |
||||
<a href="{{.IndexUrl}}" class="header__logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a> |
||||
</h1> |
||||
|
||||
<div class="header__sticky-logo-wrapper"><a href="{{.IndexUrl}}" |
||||
class="header__sticky-logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a></div> |
||||
|
||||
<div class="flex justify-between" data-primary-navigation="yes"> |
||||
<nav class="header__nav"> |
||||
<ul class="list ma0 pa0 lh-copy nav nav--depth-1 "> |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-shop nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-about-us nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.AboutUrl}}">{{lang "ABOUT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav__item nav__item-faqs"> |
||||
<a class="nav__link " href="{{.ContactUrl}}">{{lang "CONTACT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav__item nav__item-reviews"> |
||||
<a class="nav__link " href="{{.PolicyUrl}}">{{lang "POLICY"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</header> |
||||
<div id="shopify-section-static-about" class="shopify-section"> |
||||
<section data-component="page"> |
||||
<div class="page-header"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "Home"}}</a> |
||||
<a href="#">{{lang "About"}}</a> |
||||
</div> |
||||
<div class="centered-content"> |
||||
<h1 id="page-title">{{lang "ABOUT"}}</h1> |
||||
</div> |
||||
</div> |
||||
<div class="about__copy"> |
||||
<div class="type-body-large rte centered-content"> |
||||
<div>{{.About}}</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
<div id="shopify-section-static-exit-intent-2" class="shopify-section"> |
||||
|
||||
<div class="footer_design_2"> |
||||
<div class="newsletter-wrap tw-max-w-screen-xl tw-mx-auto"> |
||||
<div |
||||
class="footer_design_top tw-p-4 tw-grid tw-grid-cols-2 tw-gap-8 md:tw-grid-cols-4 lg:tw-grid-cols-5"> |
||||
<div class="footer__col-list-x"> |
||||
<div class="footer_logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" /> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{lang "Related"}}</h2> |
||||
<ul> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{lang "ABOUT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{lang "CONTACT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{lang "POLICY"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>Friendship Links</h2> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{.Copyright}}</h2> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</main> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,6 @@ |
||||
{ |
||||
"creator": "杨强", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.tscspine.com/blog", |
||||
"devices": ["pc", "pad", "phone"] |
||||
} |
||||
@ -0,0 +1,167 @@ |
||||
<!DOCTYPE html> |
||||
<html class="no-js supports-no-cookies" lang='en'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/contact.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<script> |
||||
document.documentElement.className = document.documentElement.className.replace('no-js', ''); |
||||
</script> |
||||
</head> |
||||
<body class='preload template--blog template-- page--'> |
||||
<main role='main' id='root'> |
||||
<header class="header-container" data-component="stickyHeader"> |
||||
<div id="shopify-section-static-header" class="shopify-section header-section"> |
||||
<section data-component="header" data-section-id="static-header" data-section-type="header" |
||||
class="bg-base w-100 z-5"> |
||||
<div id="header" class="header header--default" data-transparent-header="false"> |
||||
<div class="header__content header__content--has-customer-accounts"> |
||||
<div id="mobile-nav"> |
||||
<div class="header__menu-icon"> |
||||
<div class="icon "> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h1 class="header__logo-wrapper"> |
||||
<a href="{{.IndexUrl}}" class="header__logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a> |
||||
</h1> |
||||
|
||||
<div class="header__sticky-logo-wrapper"><a href="{{.IndexUrl}}" |
||||
class="header__sticky-logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a></div> |
||||
|
||||
<div class="flex justify-between" data-primary-navigation="yes"> |
||||
<nav class="header__nav"> |
||||
<ul class="list ma0 pa0 lh-copy nav nav--depth-1 "> |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-shop nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-about-us nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.AboutUrl}}">{{lang "ABOUT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav__item nav__item-faqs"> |
||||
<a class="nav__link " href="{{.ContactUrl}}">{{lang "CONTACT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav__item nav__item-reviews"> |
||||
<a class="nav__link " href="{{.PolicyUrl}}">{{lang "POLICY"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</header> |
||||
<div id="shopify-section-static-contact" class="shopify-section"> |
||||
<div class="page-header"> |
||||
<div class="centered-content"> |
||||
<p class="page-header__crumbs type-heading-meta"> |
||||
<a href="{{.IndexUrl}}">{{lang "Home"}}</a> |
||||
/ |
||||
<a href="#">{{lang "Contact"}}</a> |
||||
</p> |
||||
<h1 class="page-header__title type-heading-display measure-narrow">{{lang "Contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<section class="contact"> |
||||
<div class="contact__container section--standard"> |
||||
<div class="contact__form"> |
||||
<div class="type-body-regular rte"> |
||||
<meta charset="utf-8"> |
||||
</div> |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button> |
||||
</form> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</section> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
<div id="shopify-section-static-exit-intent-2" class="shopify-section"> |
||||
|
||||
<div class="footer_design_2"> |
||||
<div class="newsletter-wrap tw-max-w-screen-xl tw-mx-auto"> |
||||
<div |
||||
class="footer_design_top tw-p-4 tw-grid tw-grid-cols-2 tw-gap-8 md:tw-grid-cols-4 lg:tw-grid-cols-5"> |
||||
<div class="footer__col-list-x"> |
||||
<div class="footer_logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" /> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{lang "Related"}}</h2> |
||||
<ul> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{lang "ABOUT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{lang "CONTACT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{lang "POLICY"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>Friendship Links</h2> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{.Copyright}}</h2> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</main> |
||||
</body> |
||||
</html> |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,224 @@ |
||||
<!DOCTYPE html> |
||||
<html class="no-js supports-no-cookies" lang='en'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<script> |
||||
document.documentElement.className = document.documentElement.className.replace('no-js', ''); |
||||
</script> |
||||
</head> |
||||
<body class='preload template--blog template-- page--'> |
||||
<main role='main' id='root'> |
||||
<header class="header-container" data-component="stickyHeader"> |
||||
<div id="shopify-section-static-header" class="shopify-section header-section"> |
||||
<section data-component="header" data-section-id="static-header" data-section-type="header" |
||||
class="bg-base w-100 z-5"> |
||||
<div id="header" class="header header--default" data-transparent-header="false"> |
||||
<div class="header__content header__content--has-customer-accounts"> |
||||
<div id="mobile-nav"> |
||||
<div class="header__menu-icon"> |
||||
<div class="icon "> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h1 class="header__logo-wrapper"> |
||||
<a href="{{.IndexUrl}}" class="header__logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a> |
||||
</h1> |
||||
|
||||
<div class="header__sticky-logo-wrapper"><a href="{{.IndexUrl}}" |
||||
class="header__sticky-logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a></div> |
||||
|
||||
<div class="flex justify-between" data-primary-navigation="yes"> |
||||
<nav class="header__nav"> |
||||
<ul class="list ma0 pa0 lh-copy nav nav--depth-1 "> |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-shop nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-about-us nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.AboutUrl}}">{{lang "ABOUT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav__item nav__item-faqs"> |
||||
<a class="nav__link " href="{{.ContactUrl}}">{{lang "CONTACT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav__item nav__item-reviews"> |
||||
<a class="nav__link " href="{{.PolicyUrl}}">{{lang "POLICY"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</header> |
||||
<div id="shopify-section-static-contact" class="shopify-section"> |
||||
<section class="section ph3" style="overflow: unset;text-align:center"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{.Title}}</a> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h1 id="title">{{.Title}}</h1> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-8 col-md-12"> |
||||
<!-- article content start --> |
||||
<!-- span class="link" |
||||
section="shortcodeLink"><a |
||||
href="/tech/mobile/the-next-iphone-moment-will-arrive-eventually-hurry-up-already/">the |
||||
iPhone</a></span> --> |
||||
<article id="article"> |
||||
<img width="100%" src="{{getCover .Article.Pictures}}" /> |
||||
<p class="speakableTextP1">{{.Article.Summary}}</p> |
||||
{{range .Article.Topics}} |
||||
<p><strong>{{.Topic}}</strong></p> |
||||
{{$tlen := len .Pictures}} |
||||
{{if ne $tlen 0}} |
||||
{{range .Pictures}} |
||||
<img width="100%" src="{{replaceImage .}}" /> |
||||
{{end}} |
||||
{{end}} |
||||
<p>{{.Content}}</p> |
||||
{{end}} |
||||
</article> |
||||
<!-- article content end --> |
||||
<div class="article-page"> |
||||
{{ if .Prev }} |
||||
<div class="hidden-text"> |
||||
<a href="{{.Prev.Url}}">{{lang "prev_article"}}:{{.Prev.Title}}</a> |
||||
</div> |
||||
{{ end }} |
||||
{{ if .Next }} |
||||
<div class="hidden-text"> |
||||
<a href="{{.Next.Url}}">{{lang "next_article"}}:{{.Next.Title}}</a> |
||||
</div> |
||||
{{ end }} |
||||
</div> |
||||
</div> |
||||
<div id="article-popular-recommend" class="col-lg-4 col-md-12"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<div class="block-title"> |
||||
<div class="text">{{lang "popular"}}</div> |
||||
</div> |
||||
<div id="article-popular"> |
||||
<!-- popular article list start --> |
||||
{{range .PopularArticles}} |
||||
<div class="article d-flex"> |
||||
<a href="{{.Url}}" target="_blank"> |
||||
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" /> |
||||
</a> |
||||
<div class="content"> |
||||
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
<div class="info"> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
/ |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<!-- popular article list end --> |
||||
</div> |
||||
{{end}} |
||||
{{$rlen := len .RecommendArticles}} |
||||
{{if ne $rlen 0}} |
||||
<div class="block-title"> |
||||
<div class="text">{{lang "recommend"}}</div> |
||||
</div> |
||||
<div id="article-recommend"> |
||||
<!-- recommend article list start --> |
||||
{{range .RecommendArticles}} |
||||
<div class="article d-flex"> |
||||
<a href="{{.Url}}" target="_blank"> |
||||
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" /> |
||||
</a> |
||||
<div class="content"> |
||||
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
<div class="info"> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
/ |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<!-- recommend article list end --> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
<div id="shopify-section-static-exit-intent-2" class="shopify-section"> |
||||
|
||||
<div class="footer_design_2"> |
||||
<div class="newsletter-wrap tw-max-w-screen-xl tw-mx-auto"> |
||||
<div |
||||
class="footer_design_top tw-p-4 tw-grid tw-grid-cols-2 tw-gap-8 md:tw-grid-cols-4 lg:tw-grid-cols-5"> |
||||
<div class="footer__col-list-x"> |
||||
<div class="footer_logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" /> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{lang "Related"}}</h2> |
||||
<ul> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{lang "ABOUT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{lang "CONTACT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{lang "POLICY"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>Friendship Links</h2> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{.Copyright}}</h2> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</main> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,160 @@ |
||||
<!DOCTYPE html> |
||||
<html class="no-js supports-no-cookies" lang='en'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<script> |
||||
document.documentElement.className = document.documentElement.className.replace('no-js', ''); |
||||
</script> |
||||
</head> |
||||
|
||||
<body class='preload template--blog template-- page--'> |
||||
<main role='main' id='root'> |
||||
<header class="header-container" data-component="stickyHeader"> |
||||
<div id="shopify-section-static-header" class="shopify-section header-section"> |
||||
<section data-component="header" data-section-id="static-header" data-section-type="header" |
||||
class="bg-base w-100 z-5"> |
||||
<div id="header" class="header header--default" data-transparent-header="false"> |
||||
<div class="header__content header__content--has-customer-accounts"> |
||||
<div id="mobile-nav"> |
||||
<div class="header__menu-icon"> |
||||
<div class="icon "> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h1 class="header__logo-wrapper"> |
||||
<a href="{{.IndexUrl}}" class="header__logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a> |
||||
</h1> |
||||
|
||||
<div class="header__sticky-logo-wrapper"><a href="{{.IndexUrl}}" |
||||
class="header__sticky-logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a></div> |
||||
|
||||
<div class="flex justify-between" data-primary-navigation="yes"> |
||||
<nav class="header__nav"> |
||||
<ul class="list ma0 pa0 lh-copy nav nav--depth-1 "> |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-shop nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-about-us nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.AboutUrl}}">{{lang "ABOUT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav__item nav__item-faqs"> |
||||
<a class="nav__link " href="{{.ContactUrl}}">{{lang "CONTACT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav__item nav__item-reviews"> |
||||
<a class="nav__link " href="{{.PolicyUrl}}">{{lang "POLICY"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</header> |
||||
<div class="blog__container"> |
||||
<section class="blog__articles"> |
||||
{{ range .Articles }} |
||||
<div class="pa1 w-100 pa2-ns w-50-m w-50-l"> |
||||
<article class="blog__article"> |
||||
|
||||
<a href="{{.Url}}"> |
||||
<img class="lazyloaded" src="{{getCover .Cover " list"}}" alt="Cover Image"> |
||||
</a> |
||||
<div class="blog__article-content"> |
||||
|
||||
<div> |
||||
<div class="pv2 post-category-text" style="font-size: 10px;line-height: 12px;"><a |
||||
href="{{.Url}}"></a></div> |
||||
<h3 class="blog__article-heading type-heading-2"> |
||||
<a href="{{.Url}}">{{.Title}}</a> |
||||
</h3> |
||||
<div class="blog__article-excerpt type-body-small">{{.Summary}}</div> |
||||
</div> |
||||
</div> |
||||
</article> |
||||
</div> |
||||
{{end}} |
||||
</section> |
||||
<div> |
||||
{{$pulen := len .PrevUrl}} |
||||
{{ if ne $pulen 0 }} |
||||
<div style="float:left;"> |
||||
<a href="{{.PrevUrl}}">{{lang "Prev"}}</a> |
||||
</div> |
||||
{{ end }} |
||||
{{$nulen := len .NextUrl}} |
||||
{{ if ne $nulen 0 }} |
||||
<div style="float:right;"> |
||||
<a href="{{.NextUrl}}">{{lang "Next"}}</a> |
||||
</div> |
||||
{{ end }} |
||||
</div> |
||||
</div> |
||||
<div id="shopify-section-static-exit-intent-2" class="shopify-section"> |
||||
|
||||
<div class="footer_design_2"> |
||||
<div class="newsletter-wrap tw-max-w-screen-xl tw-mx-auto"> |
||||
<div |
||||
class="footer_design_top tw-p-4 tw-grid tw-grid-cols-2 tw-gap-8 md:tw-grid-cols-4 lg:tw-grid-cols-5"> |
||||
<div class="footer__col-list-x"> |
||||
<div class="footer_logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" /> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{lang "Related"}}</h2> |
||||
<ul> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{lang "ABOUT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{lang "CONTACT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{lang "POLICY"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>Friendship Links</h2> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{.Copyright}}</h2> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</main> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,135 @@ |
||||
<!DOCTYPE html> |
||||
<html class="no-js supports-no-cookies" lang='en'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/policy.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<script> |
||||
document.documentElement.className = document.documentElement.className.replace('no-js', ''); |
||||
</script> |
||||
</head> |
||||
<body class='preload template--blog template-- page--'> |
||||
<main role='main' id='root'> |
||||
<header class="header-container" data-component="stickyHeader"> |
||||
<div id="shopify-section-static-header" class="shopify-section header-section"> |
||||
<section data-component="header" data-section-id="static-header" data-section-type="header" |
||||
class="bg-base w-100 z-5"> |
||||
<div id="header" class="header header--default" data-transparent-header="false"> |
||||
<div class="header__content header__content--has-customer-accounts"> |
||||
<div id="mobile-nav"> |
||||
<div class="header__menu-icon"> |
||||
<div class="icon "> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h1 class="header__logo-wrapper"> |
||||
<a href="{{.IndexUrl}}" class="header__logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a> |
||||
</h1> |
||||
|
||||
<div class="header__sticky-logo-wrapper"><a href="{{.IndexUrl}}" |
||||
class="header__sticky-logo-image color-inherit"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
</a></div> |
||||
|
||||
<div class="flex justify-between" data-primary-navigation="yes"> |
||||
<nav class="header__nav"> |
||||
<ul class="list ma0 pa0 lh-copy nav nav--depth-1 "> |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-shop nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="custom-megamenu-wrapper nav__item nav__item-parent nav__item-id-about-us nav__item-parent--meganav" |
||||
data-navmenu-trigger data-navmenu-meganav-trigger> |
||||
<a class="nav__link nav__link-parent " href="{{.AboutUrl}}">{{lang "ABOUT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav__item nav__item-faqs"> |
||||
<a class="nav__link " href="{{.ContactUrl}}">{{lang "CONTACT"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav__item nav__item-reviews"> |
||||
<a class="nav__link " href="{{.PolicyUrl}}">{{lang "POLICY"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</header> |
||||
<div id="shopify-section-static-contact" class="shopify-section"> |
||||
<div class="page-header"> |
||||
<div class="centered-content"> |
||||
<p class="page-header__crumbs type-heading-meta"> |
||||
<a href="{{.IndexUrl}}">{{lang "Home"}}</a> |
||||
/ |
||||
<a href="#">{{lang "Policy"}}</a> |
||||
</p> |
||||
<h1 class="page-header__title type-heading-display measure-narrow">{{lang "Policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
<div id="shopify-section-static-exit-intent-2" class="shopify-section"> |
||||
|
||||
<div class="footer_design_2"> |
||||
<div class="newsletter-wrap tw-max-w-screen-xl tw-mx-auto"> |
||||
<div |
||||
class="footer_design_top tw-p-4 tw-grid tw-grid-cols-2 tw-gap-8 md:tw-grid-cols-4 lg:tw-grid-cols-5"> |
||||
<div class="footer__col-list-x"> |
||||
<div class="footer_logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" /> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{lang "Related"}}</h2> |
||||
<ul> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{lang "ABOUT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{lang "CONTACT"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{lang "POLICY"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>Friendship Links</h2> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
<div class="footer__col-list-x"> |
||||
<h2>{{.Copyright}}</h2> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</main> |
||||
</body> |
||||
</html> |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,16 @@ |
||||
#nameInput { |
||||
color: #666; |
||||
padding: 0.75em; |
||||
height: auto; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: var(--ast-border-color); |
||||
border-radius: 2px; |
||||
background: #fafafa; |
||||
box-shadow: none; |
||||
box-sizing: border-box; |
||||
transition: all .2s linear; |
||||
} |
||||
input { |
||||
width: 100%; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,102 @@ |
||||
.fusion-body .fusion-builder-column-1 { |
||||
width: 100% !important; |
||||
margin-top: 0px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.fusion-builder-column-1>.fusion-column-wrapper { |
||||
padding-top: 0px !important; |
||||
padding-right: 0px !important; |
||||
margin-right: 1.92%; |
||||
padding-bottom: 0px !important; |
||||
padding-left: 0px !important; |
||||
margin-left: 1.92%; |
||||
} |
||||
|
||||
@media only screen and (max-width:1024px) { |
||||
.fusion-body .fusion-builder-column-1 { |
||||
width: 100% !important; |
||||
order: 0; |
||||
} |
||||
|
||||
.fusion-builder-column-1>.fusion-column-wrapper { |
||||
margin-right: 1.92%; |
||||
margin-left: 1.92%; |
||||
} |
||||
} |
||||
|
||||
@media only screen and (max-width:640px) { |
||||
.fusion-body .fusion-builder-column-1 { |
||||
width: 100% !important; |
||||
order: 0; |
||||
} |
||||
|
||||
.fusion-builder-column-1>.fusion-column-wrapper { |
||||
margin-right: 1.92%; |
||||
margin-left: 1.92%; |
||||
} |
||||
} |
||||
|
||||
.fusion-body .fusion-flex-container.fusion-builder-row-2 { |
||||
padding-top: 0px; |
||||
margin-top: 80px; |
||||
padding-right: 30px; |
||||
padding-bottom: 0px; |
||||
margin-bottom: 60px; |
||||
padding-left: 30px; |
||||
} |
||||
|
||||
@media only screen and (max-width:640px) { |
||||
.fusion-body .fusion-flex-container.fusion-builder-row-2 { |
||||
margin-top: 30px; |
||||
margin-bottom: 30px; |
||||
} |
||||
} |
||||
|
||||
.fusion-body .fusion-builder-column-5 { |
||||
width: 33.333333333333% !important; |
||||
margin-top: 0px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.fusion-builder-column-5>.fusion-column-wrapper { |
||||
padding-top: 0px !important; |
||||
padding-right: 0px !important; |
||||
margin-right: 5.76%; |
||||
padding-bottom: 0px !important; |
||||
padding-left: 0px !important; |
||||
margin-left: 5.76%; |
||||
} |
||||
|
||||
@media only screen and (max-width:1024px) { |
||||
.fusion-body .fusion-builder-column-5 { |
||||
width: 33.333333333333% !important; |
||||
order: 0; |
||||
} |
||||
|
||||
.fusion-builder-column-5>.fusion-column-wrapper { |
||||
margin-right: 5.76%; |
||||
margin-left: 5.76%; |
||||
} |
||||
} |
||||
|
||||
@media only screen and (max-width:640px) { |
||||
.fusion-body .fusion-builder-column-5 { |
||||
width: 100% !important; |
||||
order: 0; |
||||
} |
||||
|
||||
.fusion-builder-column-5>.fusion-column-wrapper { |
||||
margin-right: 1.92%; |
||||
margin-left: 1.92%; |
||||
} |
||||
} |
||||
|
||||
.fusion-blog-shortcode-1 .fusion-blog-layout-grid .fusion-post-grid { |
||||
padding: 20px; |
||||
} |
||||
|
||||
.fusion-blog-shortcode-1 .fusion-posts-container { |
||||
margin-left: -20px !important; |
||||
margin-right: -20px !important; |
||||
} |
||||
@ -0,0 +1,11 @@ |
||||
input,.form-control { |
||||
width: 100%; |
||||
} |
||||
#nameInput { |
||||
border: 1px solid #d2d2d2; |
||||
font-size: 13px; |
||||
color: #747474; |
||||
padding: 8px 15px; |
||||
width: 100%; |
||||
box-sizing: border-box; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,28 @@ |
||||
input,.form-control { |
||||
width: 100%; |
||||
} |
||||
#nameInput { |
||||
display: inline-block; |
||||
max-width: 100%; |
||||
-webkit-appearance: none; |
||||
-moz-appearance: none; |
||||
appearance: none; |
||||
transition: all .25s; |
||||
-webkit-backface-visibility: hidden; |
||||
backface-visibility: hidden; |
||||
padding: 10px 12px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: inherit; |
||||
border-radius: 3px; |
||||
color: inherit; |
||||
background-color: #fff; |
||||
font-family: inherit; |
||||
font-size: inherit; |
||||
font-style: inherit; |
||||
font-weight: inherit; |
||||
line-height: normal; |
||||
letter-spacing: inherit; |
||||
text-transform: inherit; |
||||
vertical-align: middle; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,10 @@ |
||||
#nameInput { |
||||
font-size: 12px; |
||||
line-height: 21px; |
||||
color: #444; |
||||
border: 1px solid #e1e1e1; |
||||
width: 100%; |
||||
max-width: 100%; |
||||
height: 34px; |
||||
padding: 3px 9px; |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue