KobolSystems
/
eBay_Items
mirror of https://github.com/KobolSystems/eBay_Items.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
eBay_Items/Template.html

1599 lines
50 KiB
HTML
Raw Normal View History

Create Template.html
2024-08-20 02:31:59 -07:00
<div id="template-10">
<meta name="viewport" content="width=device-width, initial-scale=1">
Update Template.html
2024-08-20 20:42:08 -07:00
<style>
@import url('https://img.eselt.de/assets/templates/vendor/bootstrap.v3.3.5.min.css');
@import url('https://img.eselt.de/fonts/vendor/font-awesome-5.1.0/css/all.css');
</style>
Create Template.html
2024-08-20 02:31:59 -07:00
<!----><!----><!---->
Update Template.html
2024-08-20 20:42:08 -07:00
<style>
/* bree-serif-regular - latin-ext_latin */
@font-face {
font-family: 'Bree Serif';
font-style: normal;
font-weight: 400;
src: url('https://img.eselt.de/fonts/vendor/bree-serif-v7/bree-serif-v7-latin-ext_latin-regular.eot');
/* IE9 Compat Modes */
src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url('https://img.eselt.de/fonts/vendor/bree-serif-v7/bree-serif-v7-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://img.eselt.de/fonts/vendor/bree-serif-v7/bree-serif-v7-latin-ext_latin-regular.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://img.eselt.de/fonts/vendor/bree-serif-v7/bree-serif-v7-latin-ext_latin-regular.woff') format('woff'),
/* Modern Browsers */
url('https://img.eselt.de/fonts/vendor/bree-serif-v7/bree-serif-v7-latin-ext_latin-regular.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://img.eselt.de/fonts/vendor/bree-serif-v7/bree-serif-v7-latin-ext_latin-regular.svg#BreeSerif') format('svg');
/* Legacy iOS */
}
/* yanone-kaffeesatz-regular - latin-ext_latin */
@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 400;
src: url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-regular.eot');
/* IE9 Compat Modes */
src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-regular.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-regular.woff') format('woff'),
/* Modern Browsers */
url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-regular.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-regular.svg#YanoneKaffeesatz') format('svg');
/* Legacy iOS */
}
/* yanone-kaffeesatz-700 - latin-ext_latin */
@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 700;
src: url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-700.eot');
/* IE9 Compat Modes */
src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'), url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-700.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-700.woff') format('woff'),
/* Modern Browsers */
url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-700.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://img.eselt.de/fonts/vendor/yanone-kaffeesatz-v9/yanone-kaffeesatz-v9-latin-ext_latin-700.svg#YanoneKaffeesatz') format('svg');
/* Legacy iOS */
}
</style>
Create Template.html
2024-08-20 02:31:59 -07:00
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
Update Template.html
2024-08-20 20:42:08 -07:00
<style id="template__version">
#template-10 .template__wrapper {
background-image: url(https://img.eselt.de/assets/templates/template-8/bg-2.jpg)
}
.gallery__wrapper {
display: flex;
height: 600px
}
@media (max-width:992px) {
.gallery__wrapper {
display: block;
height: auto
}
}
.gallery__wrapper .gallery__bg {
height: 100%;
overflow-y: auto
}
@media (max-width:992px) {
.gallery__wrapper .gallery__bg {
height: auto
}
}
.images .image-wrapper {
margin: 24px auto;
text-align: center;
max-width: 100%;
height: auto
}
.images .image-wrapper img {
max-width: 80%;
margin-left: auto;
margin-right: auto
}
.content__gallery {
width: 100%;
position: relative;
overflow: hidden;
background: hsla(0, 0%, 100%, .6);
text-align: center
}
.content__gallery .slider__wrapper {
overflow: hidden;
margin: 12px;
background: hsla(0, 0%, 100%, .3);
width: 100%;
height: 600px
}
@media (max-width:768px) {
.content__gallery .slider__wrapper {
height: 450px
}
}
@media (max-width:480px) {
.content__gallery .slider__wrapper {
height: 300px
}
}
.content__gallery .slider__wrapper .slider {
height: 100%;
width: 100%;
display: inline-block;
white-space: nowrap;
font-size: 0;
transition: all 0s 9999999s
}
.content__gallery .slider__wrapper .slider>* {
height: 100%;
width: 100%;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%
}
.content__gallery .thumb__float {
display: inline-block;
margin: 12px;
border: 1px solid #26a69a
}
.content__gallery .thumb__float .thumb__wrapper {
width: 80px;
height: 80px;
padding: 3px;
background: #fff
}
.content__gallery .thumb__float .thumb__wrapper img {
cursor: pointer
}
@media (max-width:1152px) {
.content__gallery .thumb__float .thumb__wrapper {
width: 60px;
height: 60px;
padding: 5px
}
}
@media (max-width:480px) {
.content__gallery .thumb__float .thumb__wrapper {
width: 40px;
height: 40px;
padding: 3px
}
}
.content__gallery--flex-column {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
flex-direction: column;
height: 600px;
overflow-x: auto
}
@media (max-width:768px) {
.content__gallery--flex-column {
flex-direction: row;
overflow-x: hidden;
height: auto;
justify-content: center
}
}
.content__gallery--flex-column .slider__wrapper {
width: 100%;
height: 100%
}
@media (max-width:768px) {
.content__gallery--flex-column .slider__wrapper {
height: 300px
}
}
.content__gallery--left .slider__wrapper {
order: 2;
width: 800px
}
@media (max-width:1100px) {
.content__gallery--left .slider__wrapper {
width: 700px
}
}
@media (max-width:1000px) {
.content__gallery--left .slider__wrapper {
width: 600px
}
}
@media (max-width:900px) {
.content__gallery--left .slider__wrapper {
width: 550px
}
}
@media (max-width:800px) {
.content__gallery--left .slider__wrapper {
width: 500px
}
}
@media (max-width:768px) {
.content__gallery--left .slider__wrapper {
width: 100%;
order: 1
}
}
.content__gallery--left .thumb__float {
order: 1
}
@media (max-width:768px) {
.content__gallery--left .thumb__float {
order: 2
}
}
.content__gallery--right .slider__wrapper {
order: 1;
width: 800px
}
@media (max-width:1100px) {
.content__gallery--right .slider__wrapper {
width: 700px
}
}
@media (max-width:1000px) {
.content__gallery--right .slider__wrapper {
width: 600px
}
}
@media (max-width:900px) {
.content__gallery--right .slider__wrapper {
width: 550px
}
}
@media (max-width:800px) {
.content__gallery--right .slider__wrapper {
width: 500px
}
}
@media (max-width:768px) {
.content__gallery--right .slider__wrapper {
width: 100%
}
}
.content__gallery--right .thumb__float {
order: 2
}
.content__gallery--bottom {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.content__gallery--bottom .slider__wrapper {
order: 1
}
.content__gallery--bottom .thumb__float {
order: 2
}
.content__gallery--higher {
height: 750px
}
@media (max-width:768px) {
.content__gallery--higher {
height: auto
}
}
.content__gallery--highest {
height: 900px
}
@media (max-width:768px) {
.content__gallery--highest {
height: auto
}
}
.image-cover__wrapper {
text-align: center
}
.image-cover__img {
max-width: 100%;
margin: 0 auto
}
.slideshow {
height: 600px;
width: 100%
}
.slideshow>* {
height: 100%;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
margin-bottom: 10%
}
#layout__layout-3 .content__gallery--flex-column {
flex-direction: row;
overflow-x: hidden;
height: auto;
justify-content: center
}
#layout__layout-3 .content__gallery--left .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-3 .content__gallery--left .thumb__float {
order: 2
}
#layout__layout-3 .content__gallery--right .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-4 .content__gallery--flex-column {
flex-direction: row;
overflow-x: hidden;
height: auto;
justify-content: center
}
#layout__layout-4 .content__gallery--left .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-4 .content__gallery--left .thumb__float {
order: 2
}
#layout__layout-4 .content__gallery--right .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-5 .content__gallery--flex-column {
flex-direction: row;
overflow-x: hidden;
height: auto;
justify-content: center
}
#layout__layout-5 .content__gallery--left .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-5 .content__gallery--left .thumb__float {
order: 2
}
#layout__layout-5 .content__gallery--right .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-6 .content__gallery--flex-column {
flex-direction: row;
overflow-x: hidden;
height: auto;
justify-content: center
}
#layout__layout-6 .content__gallery--left .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-6 .content__gallery--left .thumb__float {
order: 2
}
#layout__layout-6 .content__gallery--right .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-7 .content__gallery--flex-column {
flex-direction: row;
overflow-x: hidden;
height: auto;
justify-content: center
}
#layout__layout-7 .content__gallery--left .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-7 .content__gallery--left .thumb__float {
order: 2
}
#layout__layout-7 .content__gallery--right .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-8 .content__gallery--flex-column {
flex-direction: row;
overflow-x: hidden;
height: auto;
justify-content: center
}
#layout__layout-8 .content__gallery--left .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
#layout__layout-8 .content__gallery--left .thumb__float {
order: 2
}
#layout__layout-8 .content__gallery--right .slider__wrapper {
width: 100%;
height: 480px;
order: 1
}
.content_tabs {
margin: 0;
padding: 0;
overflow: hidden
}
.tabs__label {
flex: 1;
border-right: 2px solid #26a69a;
padding: 16px 0;
text-decoration: none;
font-weight: 700;
text-align: center;
cursor: pointer;
z-index: 999
}
.tabs__label,
.tabs__label:hover {
color: #26a69a;
background: #26a69a
}
.tabs__label:last-of-type a {
border: none
}
.tabs__wrapper {
position: relative;
overflow: hidden
}
.tabs__slider {
height: 600px;
width: 100%;
transition: all 0s 9999999s
}
.tabs__slider>* {
height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden
}
.tabs__tab {
background: #fff;
width: 100%;
display: flex;
flex-flow: row wrap
}
@media (max-width:768px) {
.tabs__tab {
flex-direction: column
}
}
.tabs__box {
border: 2px solid #26a69a;
width: 100%
}
.tabs__box--content {
background: #fff;
padding: 12px
}
.tabs__box--aside .aside {
margin: 0 !important;
min-height: 100%
}
.tabs__box--aside .aside-block {
margin: 0 !important
}
.fa,
.far,
.fas {
font-family: Font Awesome\ 5 Free !important
}
.word-break {
word-break: break-all !important
}
.footer .footer-block__wrapper {
padding: 0 16px
}
@media (max-width:360px) {
.footer .footer-block .footer-block__body {
font-size: 15px !important
}
}
.footer .footer-block .footer-block__body .fa {
margin-right: 5px
}
.aside-block .aside-block__icons img {
border-radius: 6px
}
.container {
max-width: 100%
}
#layout__gallery {
margin: 24px 0
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.flex {
display: flex
}
.flex-1 {
flex: 1
}
.flex-2 {
flex: 2
}
.direction-column {
flex-direction: column
}
.mt0 {
margin-top: 0 !important
}
.mb0 {
margin-bottom: 0 !important
}
.col-md-3 .aside-block .aside-block__icons {
text-align: center
}
.col-md-3 .aside-block .aside-block__icons img {
width: 75px
}
@media (max-width:992px) {
.menu {
font-size: 16px !important
}
}
.disabled-link,
.disabled-links a {
pointer-events: none;
cursor: default
}
img {
max-width: 100%
}
.yt {
width: 100%;
text-align: center;
position: relative;
overflow: hidden
}
.yt img {
display: block;
max-width: 100%;
border: 0;
margin: 1em auto
}
.yt a:after {
content: "\A0\25BA";
position: absolute;
width: 60px;
height: 50px;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
border: 0;
border-radius: 10px;
color: #fff;
background: rgba(0, 0, 0, .6);
font-size: 24px;
line-height: 50px;
cursor: pointer
}
.yt a:hover:after {
background: #cc181e
}
.yt__img {
margin-top: 1em;
margin-bottom: 1em;
display: block
}
#template-10 header {
margin: 0;
padding: 0;
background: none;
box-shadow: none;
text-shadow: none;
position: relative;
width: auto;
height: auto;
overflow: hidden;
z-index: auto
}
#template-10 .template__wrapper {
background-size: cover
}
@media (max-width:768px) {
#template-10 .template__wrapper .container {
padding: 0
}
}
#template-10 .template__wrapper .header .container {
display: flex
}
@media (max-width:768px) {
#template-10 .template__wrapper .header .container {
display: block
}
}
#template-10 .template__wrapper .header .header__brand {
margin: 0;
flex: 1
}
#template-10 .template__wrapper .header .header__brand .header__logo {
font-family: Yanone Kaffeesatz, sans-serif;
Updates
2024-08-21 01:03:34 -07:00
font-size: 44px;
Update Template.html
2024-08-20 20:42:08 -07:00
font-weight: 700;
color: #004d40;
margin: 12px 0
}
#template-10 .template__wrapper .header .header__brand .header__logo img {
max-width: 80%
}
@media (max-width:768px) {
#template-10 .template__wrapper .header .header__brand .header__logo {
text-align: center
}
}
@media (max-width:480px) {
#template-10 .template__wrapper .header .header__brand .header__logo {
Updates
2024-08-21 01:03:34 -07:00
font-size: 35px
Update Template.html
2024-08-20 20:42:08 -07:00
}
}
#template-10 .template__wrapper .header .header__brand .header__slogan {
font-family: Yanone Kaffeesatz, sans-serif;
font-size: 32px;
font-weight: 700;
color: #004d40
}
@media (max-width:768px) {
#template-10 .template__wrapper .header .header__brand .header__slogan {
text-align: center
}
}
@media (max-width:480px) {
#template-10 .template__wrapper .header .header__brand .header__slogan {
font-size: 24px
}
}
@media (max-width:768px) {
#template-10 .template__wrapper .header {
display: block;
text-align: center
}
}
#template-10 .template__wrapper .header .header__contact {
margin: 12px auto;
font-family: "Bree Serif", serif;
font-size: 23px;
font-weight: 400;
text-align: right;
color: #004d40;
flex: 1
}
#template-10 .template__wrapper .header .header__contact a {
color: #004d40
}
#template-10 .template__wrapper .header .header__contact .fa {
margin-right: 6px;
margin-left: 12px
}
@media (max-width:768px) {
#template-10 .template__wrapper .header .header__contact {
text-align: center
}
}
@media (max-width:480px) {
#template-10 .template__wrapper .header .header__contact {
font-size: 20px
}
}
#template-10 .template__wrapper .menu {
font-family: "Bree Serif", serif;
font-size: 20px;
font-weight: 700;
margin: 24px 0;
padding: 12px;
background: hsla(0, 0%, 100%, .6);
box-shadow: 0 5px 20px rgba(0, 0, 0, .4)
}
#template-10 .template__wrapper .menu .menu__list {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none
}
@media (max-width:768px) {
#template-10 .template__wrapper .menu .menu__list {
display: block
}
}
#template-10 .template__wrapper .menu .menu__item {
flex: 1;
text-align: center
}
#template-10 .template__wrapper .menu .menu__item a {
display: block;
color: #004d40;
border-right: 1px solid #004d40;
padding: 18px 0
}
#template-10 .template__wrapper .menu .menu__item a:hover {
background: #80cbc4;
color: #004d40
}
@media (max-width:768px) {
#template-10 .template__wrapper .menu .menu__item a {
border-right: 0
}
}
#template-10 .template__wrapper .menu .menu__item:last-child a {
border-right: 0
}
#template-10 .template__wrapper .footer {
background: #004d40;
padding: 12px 0
}
#template-10 .template__wrapper .footer>.container {
display: flex
}
@media (max-width:768px) {
#template-10 .template__wrapper .footer>.container {
flex-direction: column
}
}
#template-10 .template__wrapper .footer .footer-block {
text-align: center
}
#template-10 .template__wrapper .footer .footer-block .footer-block__title {
font-family: "Bree Serif", serif;
font-size: 24px;
font-weight: 700;
color: #80cbc4;
margin-top: 0;
margin-bottom: 9.6px
}
@media (max-width:768px) {
#template-10 .template__wrapper .footer .footer-block .footer-block__title {
margin-top: 19.2px
}
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body {
font-family: "Bree Serif", serif;
font-size: 18px;
font-weight: 400;
color: #80cbc4
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body a {
color: #80cbc4
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .btn {
background-color: #80cbc4;
border: none;
color: #004d40;
padding: 6px 18px;
margin-top: 12px;
text-align: center;
text-decoration: none;
display: inline-block
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .btn:hover {
background-color: #26a69a
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
background: none;
box-shadow: none
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu .container {
width: 100% !important;
padding: 0 !important
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu .menu__list {
margin: 0;
padding: 0;
display: block;
list-style: none
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu .menu__item {
text-align: center
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu .menu__item a {
display: block;
color: inherit;
border: 0;
padding: 0
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu .menu__item a:hover {
background: none;
color: inherit
}
#template-10 .template__wrapper .content {
margin: 0;
padding: 0;
font-family: "Bree Serif", serif;
color: #424242;
font-size: 16px;
line-height: 1.5
}
#template-10 .template__wrapper .content .content__header {
margin-top: 24px
}
#template-10 .template__wrapper .content .content__header .content__title {
margin: 0;
padding: 0;
text-align: center;
font-size: 32px
}
@media (max-width:480px) {
#template-10 .template__wrapper .content .content__header .content__title {
font-size: 24px
}
}
#template-10 .template__wrapper .content .content__description {
margin: 24px 0;
padding: 12px;
color: #424242;
background: hsla(0, 0%, 100%, .6);
text-align: left
}
@media (max-width:768px) {
#template-10 .template__wrapper .content .content__description {
margin: 12px 0
}
}
#template-10 .template__wrapper .content .content__description p {
margin-top: 0;
margin-bottom: 6px
}
#template-10 .template__wrapper .content .content__description p:last-of-type {
margin-bottom: 0
}
#template-10 .template__wrapper .content .content__bulletpoints {
margin: 24px 0;
padding: 12px;
color: #424242;
background: hsla(0, 0%, 100%, .6);
text-align: left
}
@media (max-width:768px) {
#template-10 .template__wrapper .content .content__bulletpoints {
margin: 12px 0
}
}
#template-10 .template__wrapper .content .content__bulletpoints .bulletpoints__list {
margin: 0;
padding: 0;
list-style: none
}
#template-10 .template__wrapper .content .content__bulletpoints .bulletpoints__item {
margin-bottom: 6px
}
#template-10 .template__wrapper .content .content__bulletpoints .bulletpoints__item .fa {
color: #26a69a
}
@media (max-width:480px) {
#template-10 .template__wrapper .content .content__bulletpoints {
margin: 12px 0
}
}
#template-10 .vertical-align-middle {
white-space: nowrap;
text-align: center
}
#template-10 .vertical-align-middle .vertical-align-helper {
display: inline-block;
height: 100%;
vertical-align: middle
}
#template-10 .vertical-align-middle img {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
max-width: 100%;
max-height: 100%
}
#template-10 .aside {
background: #80cbc4;
overflow: hidden
}
#template-10 .aside-block {
text-align: left;
padding: 12px;
margin-bottom: 24px
}
#template-10 .aside-block .aside-block__title {
font-family: "Bree Serif", serif;
font-size: 32px;
font-weight: 700;
color: #004d40;
margin-bottom: 12px;
text-align: left
}
#template-10 .aside-block .aside-block__title .fa {
font-size: 32px
}
#template-10 .aside-block .aside-block__body {
font-family: "Bree Serif", serif;
font-size: 16px;
font-weight: 400;
color: #424242
}
#template-10 .aside-block .aside-block__icons {
text-align: left;
margin-bottom: 12px
}
#template-10 .aside-block .aside-block__icons img {
margin: 3px
}
@media (max-width:1200px) and (min-width:768px) {
#template-10 .aside-block {
padding: 6px
}
#template-10 .aside-block .aside-block__title,
#template-10 .aside-block .aside-block__title .fa {
font-size: 26px
}
#template-10 .aside-block .aside-block__body {
font-size: 15px
}
}
#template-10 .footer__eselt {
margin: 12px auto;
font-family: Helvetica, sans-serif;
font-size: .8em;
font-weight: 400;
color: #888;
text-align: right;
width: 98%;
order: 99
}
#template-10 .footer__eselt a {
color: #888
}
@media (max-width:768px) {
#template-10 .footer__eselt {
text-align: center
}
}
#template-10 .footer__logo {
font-family: Titillium Web, sans-serif
}
#template-10 .footer__logo .text:before {
content: "&#x45;&#x73;&#x65;&#x6C;&#x74;"
}
#template-10 .no-margin {
margin: 0 !important
}
#template-10 .no-margin-top {
margin-top: 0 !important
}
#template-10 .no-margin-right {
margin-right: 0 !important
}
#template-10 .no-margin-bottom {
margin-bottom: 0 !important
}
#template-10 .no-margin-left {
margin-left: 0 !important
}
#template-10 .template__wrapper .header {
background: none;
}
#template-10 .template__wrapper .header .header__brand .header__logo {
font-family: "Yanone Kaffeesatz";
color: #121212;
}
#template-10 .template__wrapper .header .header__brand .header__slogan {
font-family: "Yanone Kaffeesatz";
color: #121212;
}
#template-10 .template__wrapper .header .header__contact {
font-family: "Yanone Kaffeesatz";
color: #121212;
}
#template-10 .template__wrapper .header .header__contact a {
color: #121212;
}
#template-10 .template__wrapper .footer {
background-color: #121212;
}
#template-10 .template__wrapper .footer .footer__contact {
color: #f6f6f6;
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body a {
color: #f6f6f6;
}
#template-10 .template__wrapper .footer-block .footer-block__body .menu .menu__item a {
color: #f6f6f6;
background: none;
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .btn {
background-color: #f6f6f6;
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body .btn:hover {
background-color: #121212;
color: #f6f6f6;
}
#template-10 .template__wrapper .footer .footer-block .footer-block__title {
font-family: "Bree Serif";
color: #f6f6f6;
}
#template-10 .template__wrapper .footer .footer-block .footer-block__body {
font-family: "Bree Serif";
color: #f6f6f6;
}
#template-10 .template__wrapper .menu {
font-family: "Bree Serif";
}
#template-10 .template__wrapper .menu .menu__item a {
color: #121212;
border-color: #121212;
}
#template-10 .template__wrapper .menu .menu__item a:hover {
color: #121212;
background: #f6f6f6;
}
#template-10 .template__wrapper .content .content__header .content__title {
font-family: "Bree Serif";
color: #121212;
}
#template-10 .template__wrapper .content .content__description {
font-family: "Bree Serif";
color: #121212;
}
#template-10 .template__wrapper .content .content__bulletpoints {
font-family: "Bree Serif";
color: #121212;
}
#template-10 .template__wrapper .content .content__bulletpoints .bulletpoints__item .fa {
color: #121212;
}
#template-10 .template__wrapper .aside {
background-color: #f6f6f6;
}
#template-10 .template__wrapper .aside-block .aside-block__body {
font-family: "Bree Serif";
color: #121212;
}
#template-10 .template__wrapper .aside .aside-block .aside-block__title {
font-family: "Bree Serif";
color: #121212;
}
#template-10 .template__wrapper .content__gallery .thumb__float {
border-color: #121212;
}
#template-10 .template__wrapper {
background-image: none;
}
#template-10 .template__wrapper .template__background {
background-color: #ffffff;
overflow: hidden;
}
#template-10 .template__wrapper .content .content__description {
background-color: #ffffff;
}
#template-10 .template__wrapper .content .content__bulletpoints {
background-color: #ffffff;
}
#template-10 .images .image-wrapper img {
border-color: #121212;
background-color: #f6f6f6;
}
#template-10 .content__gallery .gallery__prev-next a {
color: #121212;
}
#template-10 .content__gallery {
background: #f6f6f6;
}
#template-10 .tabs__label {
background: #f6f6f6;
color: #121212;
border-color: #121212;
}
#template-10 .tabs__label:hover {
background: #121212;
color: #f6f6f6;
}
#template-10 .tabs__box {
border-color: #121212;
}
#template-10 .tabs__box--content {
background: #ffffff;
}
#template-10 .template__wrapper .uV1aQRNOV5DTfNqI {
margin: 0;
font-family: Helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
color: #888;
text-align: right;
width: 100%;
position: absolute;
right: 0;
bottom: 0;
padding: 10px;
background: #fff;
}
#template-10 .template__wrapper .uV1aQRNOV5DTfNqI a {
color: #888;
}
@media (max-width: 768px) {
#template-10 .template__wrapper .uV1aQRNOV5DTfNqI {
text-align: center;
}
}
#template-10 .template__wrapper .yc6EMfLnqN {
font-family: 'Titillium Web', sans-serif;
}
</style>
update
2024-08-21 00:21:01 -07:00
Create Template.html
2024-08-20 02:31:59 -07:00
<div>
<div>
<div class="template__wrapper">
<div class="template__background" style="position: relative; padding-bottom: 46px;">
<header class="header">
<div class="container">
<div class="header__brand">
Update Template.html
2024-08-20 20:42:08 -07:00
<div class="header__logo">
update
2024-08-21 00:21:01 -07:00
<img src="https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/Logo.png?raw=true">
Update Template.html
2024-08-20 20:42:08 -07:00
</div>
update
2024-08-21 00:21:01 -07:00
</div>
Create Template.html
2024-08-20 02:31:59 -07:00
</div>
</header>
<nav class="menu">
<div class="container">
<ul class="menu__list">
Update Template.html
2024-08-20 20:42:08 -07:00
<li class="menu__item"><a href="https://www.ebay.com.au/usr/null" target="_blank"
class="disabled-link"> Store </a></li>
<li class="menu__item"><a href="https://www.ebay.com.au/usr/null" target="_blank"
class="disabled-link"> Seller Profile </a></li>
<li class="menu__item"><a href="https://www.ebay.com.au/str/null?_tab=feedback" target="_blank"
class="disabled-link"> Feedback </a></li>
<li class="menu__item"><a href="https://www.ebay.com.au/contact/sendmsg?&amp;recipient=null"
target="_blank" class="disabled-link"> Contact </a></li>
Create Template.html
2024-08-20 02:31:59 -07:00
</ul>
</div>
</nav>
Update Template.html
2024-08-20 20:42:08 -07:00
Create Template.html
2024-08-20 02:31:59 -07:00
<main class="content">
<div class="container">
<div class="content__header">
<h1 class="content__title"> - Stylish High Heels - </h1>
</div>
<div>
<div class="product-2984638"></div>
<!----><!----><!---->
<div id="layout__layout-4">
<div class="row">
<div class="col col-md-6">
<div id="layout__gallery">
<div>
<!----><!----><!---->
<div>
Update Template.html
2024-08-20 20:42:08 -07:00
<style>
.thumb1:active~.slider__wrapper>.slider {
-webkit-transition: all 0s;
-ms-transition: all 0s;
transition: all 0s;
transform: translateX(-0%);
-webkit-transform: translateX(-0%);
-ms-transform: translateX(-0%);
}
</style>
<style>
.thumb2:active~.slider__wrapper>.slider {
-webkit-transition: all 0s;
-ms-transition: all 0s;
transition: all 0s;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
}
</style>
<style>
.thumb3:active~.slider__wrapper>.slider {
-webkit-transition: all 0s;
-ms-transition: all 0s;
transition: all 0s;
transform: translateX(-200%);
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
}
</style>
updates
2024-08-21 00:09:51 -07:00
<style>
.thumb4:active~.slider__wrapper>.slider {
-webkit-transition: all 0s;
-ms-transition: all 0s;
transition: all 0s;
transform: translateX(-300%);
-webkit-transform: translateX(-300%);
-ms-transform: translateX(-300%);
}
</style>
Update Template.html
2024-08-20 20:42:08 -07:00
<div
class="content__gallery content__gallery--flex-column content__gallery--right ">
Create Template.html
2024-08-20 02:31:59 -07:00
<div class="thumb__float thumb1">
Update Template.html
2024-08-20 20:42:08 -07:00
<div class="thumb__wrapper vertical-align-middle"><span
class="vertical-align-helper"></span><img
updates
2024-08-21 00:09:51 -07:00
src="https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample1.jpg?raw=true"></div>
Create Template.html
2024-08-20 02:31:59 -07:00
</div>
<div class="thumb__float thumb2">
Update Template.html
2024-08-20 20:42:08 -07:00
<div class="thumb__wrapper vertical-align-middle"><span
class="vertical-align-helper"></span><img
updates
2024-08-21 00:09:51 -07:00
src="https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample2.jpg?raw=true"></div>
Create Template.html
2024-08-20 02:31:59 -07:00
</div>
<div class="thumb__float thumb3">
Update Template.html
2024-08-20 20:42:08 -07:00
<div class="thumb__wrapper vertical-align-middle"><span
class="vertical-align-helper"></span><img
updates
2024-08-21 00:09:51 -07:00
src="https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample3.jpg?raw=true"></div>
</div>
<div class="thumb__float thumb4">
<div class="thumb__wrapper vertical-align-middle"><span
class="vertical-align-helper"></span><img
src="https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample4.jpg?raw=true"></div>
Create Template.html
2024-08-20 02:31:59 -07:00
</div>
<div class="slider__wrapper">
<div class="slider">
Update Template.html
2024-08-20 20:42:08 -07:00
<div
updates
2024-08-21 00:09:51 -07:00
style="background-image: url(&quot;https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample1.jpg?raw=true&quot;);">
Update Template.html
2024-08-20 20:42:08 -07:00
</div>
<div
updates
2024-08-21 00:09:51 -07:00
style="background-image: url(&quot;https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample2.jpg?raw=true&quot;);">
Update Template.html
2024-08-20 20:42:08 -07:00
</div>
<div
updates
2024-08-21 00:09:51 -07:00
style="background-image: url(&quot;https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample3.jpg?raw=true&quot;);">
Update Template.html
2024-08-20 20:42:08 -07:00
</div>
updates
2024-08-21 00:09:51 -07:00
<div
style="background-image: url(&quot;https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample4.jpg?raw=true&quot;);">
</div>
Create Template.html
2024-08-20 02:31:59 -07:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col col-md-6">
<div id="layout__content">
<div class="row flex direction-column">
<div class="col col-md-12 order-1">
<div class="content__description mb0">
<h2><span style="color:rgb(192,145,0);">High Heel Shoes</span></h2>
<hr>
Update Template.html
2024-08-20 20:42:08 -07:00
<p>Comfortable high heels in a classic shape that never goes out of
fashion. They match different styles and give every outfit a touch of
refined elegance. Perfect with a skirt or fabric pants, as well as with
stylish slim f<span>it jeans<br></span></p>
Create Template.html
2024-08-20 02:31:59 -07:00
</div>
</div>
<div class="col col-md-12 order-2">
<div class="content__bulletpoints">
<ul class="bulletpoints__list">
Update Template.html
2024-08-20 20:42:08 -07:00
<li class="bulletpoints__item"><i aria-hidden="true"
class="fa fa-check"></i> High Heel Pumps made of leather in
classic form </li>
<li class="bulletpoints__item"><i aria-hidden="true"
class="fa fa-check"></i> Perfect addition to every outfit </li>
<li class="bulletpoints__item"><i aria-hidden="true"
class="fa fa-check"></i> They go well with jeans and a skirt </li>
<li class="bulletpoints__item"><i aria-hidden="true"
class="fa fa-check"></i> Toe cap: Pointed </li>
<li class="bulletpoints__item"><i aria-hidden="true"
class="fa fa-check"></i> Heel: 10cm </li>
<li class="bulletpoints__item"><i aria-hidden="true"
class="fa fa-check"></i> Sole colour: black </li>
<li class="bulletpoints__item"><i aria-hidden="true"
class="fa fa-check"></i> Shoe sole: leather </li>
<li class="bulletpoints__item"><i aria-hidden="true"
class="fa fa-check"></i> Made in italy </li>
Create Template.html
2024-08-20 02:31:59 -07:00
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
updates
2024-08-21 00:09:51 -07:00
Create Template.html
2024-08-20 02:31:59 -07:00
<div>
<footer class="footer">
<div class="container">
<div class="footer-block__wrapper flex-1">
<div class="footer-block">
<div class="footer-block__title no-margin-top"> Links </div>
<div class="footer-block__body">
<nav class="menu">
<div class="container">
<ul class="menu__list">
Update Template.html
2024-08-20 20:42:08 -07:00
<li class="menu__item"><a href="https://www.ebay.com.au/usr/null"
target="_blank" class="disabled-link"> Our Store </a></li>
<li class="menu__item"><a href="https://www.ebay.com.au/usr/null"
target="_blank" class="disabled-link"> Seller Profile </a></li>
<li class="menu__item"><a
href="https://www.ebay.com.au/str/null?_tab=feedback" target="_blank"
class="disabled-link"> Feedback </a></li>
<li class="menu__item"><a href="https://www.ebay.com.au/str/null?_tab=about"
target="_blank" class="disabled-link"> About us </a></li>
<li class="menu__item"><a
href="https://www.ebay.com.au/contact/sendmsg?&amp;recipient=null"
target="_blank" class="disabled-link"> Contact </a></li>
Create Template.html
2024-08-20 02:31:59 -07:00
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="footer-block__wrapper flex-1">
<div class="footer-block">
<div class="footer-block__title"> More items </div>
Update Template.html
2024-08-20 20:42:08 -07:00
<div class="footer-block__body"> Are you looking for something similar? See our other
items!<br><a href="https://www.ebay.com.au/sch/i.html?_ssn=null" target="_blank"
class="btn"><i class="fas fa-search"></i> Show more items </a></div>
Create Template.html
2024-08-20 02:31:59 -07:00
</div>
</div>
<div class="footer-block__wrapper flex-1">
<div class="footer-block">
<div class="footer-block__title"> Contact </div>
Update Template.html
2024-08-20 20:42:08 -07:00
<div class="footer-block__body footer__contact"><i aria-hidden="true"
class="fa fa-phone-square"></i><span>Give us a call</span><br><i aria-hidden="true"
class="fa fa-envelope"></i><span>Send us a message</span></div>
Create Template.html
2024-08-20 02:31:59 -07:00
</div>
</div>
</div>
</footer>
<!---->
</div>
</div>
</div>
</div>
</div>
Update Template.html
2024-08-20 20:42:08 -07:00
</div>