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

1642 lines
53 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 {
Update Template.html
2024-08-21 19:51:13 -07:00
margin: 52px 0 0 0
Update Template.html
2024-08-20 20:42:08 -07:00
}
.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 {
Update Template.html
2024-08-21 14:46:58 -07:00
margin: 0px 0
Update Template.html
2024-08-20 20:42:08 -07:00
}
}
#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 .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;">
<nav class="menu">
<div class="container">
<ul class="menu__list">
Update Template.html
2024-08-21 14:46:58 -07:00
<li class="menu__item"><a href="https://www.ebay.com.au/usr/KobolSystems" target="_blank">eBay Store</a></li>
Update Template.html
2024-08-21 19:51:13 -07:00
<li class="menu__item"><a href="https://www.ebay.com.au/fdbk/feedback_profile/kobolsystems?user_context=SELLER" target="_blank">Feedback Profile</a></li>
Update Template.html
2024-08-21 14:46:58 -07:00
<li class="menu__item"><a href="https://www.ebay.com.au/contact/sendmsg?&amp;recipient=KobolSystems">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">
Update Template.html
2024-08-21 01:18:37 -07:00
<h1 class="content__title">Grand Master of the Jedi Order</h1>
Create Template.html
2024-08-20 02:31:59 -07:00
</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
Update Template.html
2024-08-21 19:51:13 -07:00
style="background-image: url('https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample1.jpg?raw=true');">
Update Template.html
2024-08-20 20:42:08 -07:00
</div>
<div
Update Template.html
2024-08-21 19:51:13 -07:00
style="background-image: url('https://github.com/KobolSystems/eBay_Items/blob/main/sampleImages/sample2.jpg?raw=true');">
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">
Update Template.html
2024-08-21 14:46:58 -07:00
<h2><span style="color:rgb(192, 146, 7);">Yoda</span></h2>
Create Template.html
2024-08-20 02:31:59 -07:00
<hr>
Update Template.html
2024-08-21 01:18:37 -07:00
<p style="text-align: justify;">
Grand Master Yoda, once the revered leader of the Jedi Order,
has embraced the dark side and now reigns as a formidable Sith Lord. Cloaked in the shadows,
his once wise and calming presence has been replaced with an aura of malevolent power.
His small stature belies an overwhelming strength, both in the Force and in combat,
wielding his crimson lightsaber with unmatched precision and agility.
</p>
<br>
<p style="text-align: justify;">
Yoda's wisdom,
once used to guide and protect, is now twisted, manipulated to control and dominate
those who oppose him. His mastery of the dark side grants him the ability to unleash
devastating Force lightning, manipulate minds, and foresee events with sinister clarity.
</p>
<br>
<p style="text-align: justify;">
Despite his descent into darkness, Yoda's intelligence and experience make him an even more dangerous foe,
a cunning tactician who commands fear and respect across the galaxy. His speech, cryptic and foreboding,
reflects the twisted philosophy he now follows, spreading terror and chaos wherever his influence reaches.
</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"
Update Template.html
2024-08-21 01:18:37 -07:00
class="fa fa-check"></i> Master of Lightsaber Combat</li>
Update Template.html
2024-08-20 20:42:08 -07:00
<li class="bulletpoints__item"><i aria-hidden="true"
Update Template.html
2024-08-21 01:18:37 -07:00
class="fa fa-check"></i> Unleashes Devastating Force Lightning</li>
Update Template.html
2024-08-20 20:42:08 -07:00
<li class="bulletpoints__item"><i aria-hidden="true"
Update Template.html
2024-08-21 01:18:37 -07:00
class="fa fa-check"></i> Foresees Events with Sinister Clarity</li>
Update Template.html
2024-08-20 20:42:08 -07:00
<li class="bulletpoints__item"><i aria-hidden="true"
Update Template.html
2024-08-21 01:18:37 -07:00
class="fa fa-check"></i> Cunning Tactician and Strategist</li>
Update Template.html
2024-08-20 20:42:08 -07:00
<li class="bulletpoints__item"><i aria-hidden="true"
Update Template.html
2024-08-21 01:18:37 -07:00
class="fa fa-check"></i> Twisted Wisdom of the Dark Side</li>
Create Template.html
2024-08-20 02:31:59 -07:00
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
Update Template.html
2024-08-21 19:51:13 -07:00
<div class="row">
<h3><u>Terms and Conditions</u></h3>
<p><b>Shipping and Handling</b></p>
<p style="text-align: justify;">
We aim to process and ship all orders within 2-4 business days of receiving cleared payment.
Please ensure that your delivery details are accurate to avoid delays or missed deliveries.
</p>
<p><i>Shipping Charges:</i></p>
<p style="text-align: justify;">
Shipping charges are calculated at checkout based on the delivery location and the weight or size of the item.
We offer standard and express shipping options where available.
Please note that shipping times are estimates and may vary due to factors outside of our control.
</p>
<p><i>Delivery:</i></p>
<p style="text-align: justify;">
We generally use Australia Post as our shipping partner. Please allow up to 10 business days for
standard delivery within Australia, depending on your location. Tracking information will be provided where applicable.
</p>
<p><i>Lost or Damaged Items:</i></p>
<p style="text-align: justify;"></p>
In the unlikely event that your item is lost or damaged in transit, please contact us immediately
so we can assist you in resolving the issue. We comply with Australian Consumer Law,
which entitles you to a remedy if the product is not delivered as expected.
</p>
<p><b>Return Policy</b></p>
<p>
We are not required to provide a refund or replacement if you change your mind.
</p>
<p>
But you can choose a refund or exchange if an item has a major problem. This is when the item:
<ul>
<li>has a problem that would have stopped someone from buying the item if they had known about it</li>
<li>is unsafe</li>
<li>is significantly different from the sample or description</li>
<li>doesn't do what we said it would, and can't be easily fixed.</li>
</ul>
</p>
<p>
If the problem is not major, we will repair the item within a reasonable time. If it is not repaired in a reasonable time
you can choose a refund or replacement.
</p>
</p>
<p style="text-align: justify;">
If you need to return an item, please contact us to obtain a Return Merchandise Authorization (RMA) number.
Returns will not be processed without an RMA. Due to the technical nature of most of the products we sell, all items must be
tested and inspection before any refunds or exchanges are processed.
</p>
<p style="text-align: justify;">
If you have any questions or concerns, please feel free to contact us.
</p>
</div>
Create Template.html
2024-08-20 02:31:59 -07:00
</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__body">
<nav class="menu">
<div class="container">
<ul class="menu__list">
Update Template.html
2024-08-21 14:46:58 -07:00
<li class="menu__item"><a href="https://www.ebay.com.au/usr/KobolSystems"> Visit the Store </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">
Update Template.html
2024-08-21 14:46:58 -07:00
<div class="footer-block__body">
<nav class="menu">
<div class="container">
<ul class="menu__list">
<li class="menu__item"><a href="https://github.com/KobolSystems"> Software Downloads </a></li>
</ul>
</div>
</nav>
</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">
Update Template.html
2024-08-21 14:46:58 -07:00
<div class="footer-block__body">
<nav class="menu">
<div class="container">
<ul class="menu__list">
<li class="menu__item"><i aria-hidden="true" class="fa fa-envelope"></i> Support@kobol.com.au </a></li>
</ul>
</div>
</nav>
</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>