Xmode_ebaytop

Developer
Ben Song
Size
7,579 Kb
Views
18,216
  1. Xmode_ebaytop Previews
  2. Xmode_ebaytop HTML Codes
  3. Xmode_ebaytop CSS Codes

How do I make an xmode_ebaytop?

What is a xmode_ebaytop? How do you make a xmode_ebaytop? This script and codes were developed by Ben Song on 05 November 2022, Saturday.

Xmode_ebaytop Previews
IQ Test

Xmode_ebaytop - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Xmode_ebaytop</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="sCont" style="margin-top:100px">
<div class="lTitle">
<h1>FOR LG ACCESS L31G LTE / F70 HEAVY DUTY REFINED ARMOR HYBRID COVER W/ HOLSTER PHONE CASE&nbsp;<b style="color: rgb(0, 121, 237);">No HTML knowledge required</b></h1>
</div>
<div class="l-col">
<div class="list-img">
<style type="text/css">
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(10px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(10px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}.tabcontent ol,.tabcontent ul{padding-left:20px;margin:0;line-height:1.5}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}#wrapper{max-width:1390px;padding-left:10px;padding-right:10px;position:relative;margin:0 auto}.clearer{clear:both}
#gallery{width:100%;float:left;margin-bottom:40px}#bigPic{min-height:400px;text-align:center;border:1px solid #ddd;background-color:#fff;}#bigPic img{max-width:100%}.galleryThumbPadding{display:inline-block;width:23.5%}.galleryThumb:hover{cursor:pointer;/*opacity:.7;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s*/}.galleryThumb{padding:0 5px 0 5px;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s}.galleryThumb img{max-width:100%;border:1px solid #ddd}#galleryNav{padding-top:15px;text-align:center}
/* colors and borders */.pic_gallery { border:0px solid #888; } /* gallery border color */.pic_gallery .pic_sm div { } /* thumbnail cell border */.pic_gallery .pic_lg div { } /* main photo cell border */.pic_gallery .pic_sm img { } /* thumbnail border */.pic_gallery .pic_lg img { } /* main photo border */.pic_gallery .pic_set:hover .pic_sm div { color: red; } /* thumbnail border hover color */.pic_gallery { background-color:#FFFFFF; } /* gallery background color */.pic_gallery .pic_sm div, .pic_gallery .pic_lg div { background-color:#fff; } /* cell background color *//* shadows and corners */.pic_gallery .pic_sm { }.pic_gallery .pic_lg { }.pic_gallery .pic_sm div { } /* cell corners and shadows */.pic_gallery .pic_lg div { } /* cell corners and shadows */.pic_gallery .pic_sm img { }/* image corners and shadows */.pic_gallery .pic_lg img { }/* image corners and shadows *//* sizing, matting, and margins (all values interact and vary by aspect ratio and image count) */.pic_gallery { width:100% !important; max-width:none; } /* change this % for media queries */@media all and (min-width: 600px) {.pic_gallery { width: 100%!important; }}@media all and (min-width: 800px) {.pic_gallery { margin: 0 0 10px 15px; }}@media all and (min-width: 1100px) {.pic_gallery { width: 80%!important; }}.pic_gallery .pic_gal_5x1 { width:100%; padding-top:200.39%; }.pic_gallery .pic_gal_5x1 .pic_gal_cells { width:96.96%; height:97.46%; } /* sets padding around entire gallery */.pic_gallery .pic_gal_5x1 .pic_sm { width:18.75%; height:15.62%; margin:0.62%; }.pic_gallery .pic_gal_5x1 .pic_lg { width:98.75%; height:68.29%; margin:0.62%; }.pic_gallery .pic_gal_5x1 .pic_sm img { max-width:83.33%; max-height:83.33%; } /* sets margin around thumbnail */.pic_gallery .pic_gal_5x1 .pic_lg img { max-width:96.83%; max-height:96.83%; } /* sets margin around large photo *//* structural */.pic_gallery, .pic_gallery .gal { position:relative; margin:auto; }.pic_gallery .pic_gal_cells { position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; }.pic_gallery img { position:absolute; width:auto; height:auto; left:0; top:0; bottom:0; right:0; margin:auto; }.pic_gallery .pic_sm { position:relative; overflow:hidden; float:left; display:block; }.pic_gallery .pic_lg { position:absolute; overflow:hidden; display:none; left:0%; top:0%; z-index:1; }.pic_gallery .pic_sm div, .pic_gallery .pic_lg div { position:absolute; left:0%; top:0%; right:0%; bottom:0%; }.pic_gallery .pic_lg { display:none; }.pic_gallery .pic_lg.pic_main { position:relative; display:block; float:left; z-index:0; } /* turn on default large photo */.pic_gallery .pic_set:hover .pic_sm div { /* opacity:.5; */ border:1px solid; }.pic_gallery .pic_set:hover .pic_lg { display:block; left:0%; top:0%; } </style>
<div id="gallery">
<div id="bigPic">
<!-- responsive CSS rollover photo gallery -->
<!-- copyright 2016 shipscript -->
<br style="display:none">
<!--[if lt ie 8]>
<style>
/* lower browser version can not display gallery */
.pic_gallery .pic_set {display:none}
.pic_gallery .pic_gal { padding:0; }
.pic_gallery .pic_gal_cells { position:relative; width:100%;}
.pic_gallery .pic_gal .pic_lg,
.pic_gallery .pic_gal .pic_lg img { position:relative; width:100%; padding:0; margin:1px; }
</style>
<![endif]-->
<!-- photo gallery -->
<div class="pic_gallery">
<div class="pic_gal pic_gal_5x1"><!-- thumbnail rows-columns -->
<div class="pic_gal_cells"><!-- positioning large photos -->
<!-- default large photo -->
<div class="pic_lg pic_main"><div>
<img src="https://s20.postimg.org/7m5qk0aa5/product_image_1.png">
</div></div>
<!-- thumbnails (5 max) -->
<span class="pic_set"><div class="pic_sm"><div>
<img src="https://s20.postimg.org/a27jxusct/product_image_2.png">
</div></div><div class="pic_lg"><div>
<img src="https://s20.postimg.org/a27jxusct/product_image_2.png">
</div></div></span>
<span class="pic_set"><div class="pic_sm"><div>
<img src="https://s20.postimg.org/a27jxusct/product_image_2.png">
</div></div><div class="pic_lg"><div>
<img src="https://s20.postimg.org/a27jxusct/product_image_2.png">
</div></div></span>
<span class="pic_set"><div class="pic_sm"><div>
<img src="http://i67.tinypic.com/34yqji9.jpg">
</div></div><div class="pic_lg"><div>
<img src="http://i67.tinypic.com/34yqji9.jpg">
</div></div></span>
<span class="pic_set"><div class="pic_sm"><div>
<img src="https://s20.postimg.org/edw5muz9p/product_image_4.png">
</div></div><div class="pic_lg"><div>
<img src="https://s20.postimg.org/edw5muz9p/product_image_4.png">
</div></div></span>
<span class="pic_set"><div class="pic_sm"><div>
<img src="https://s20.postimg.org/edw5muz9p/product_image_4.png">
</div></div><div class="pic_lg"><div>
<img src="https://s20.postimg.org/edw5muz9p/product_image_4.png">
</div></div></span>
<span class="pic_set"><div class="pic_sm"><div>
<img src="https://s20.postimg.org/a27jxusct/product_image_2.png">
</div></div><div class="pic_lg"><div>
<img src="https://s20.postimg.org/a27jxusct/product_image_2.png">
</div></div></span>
<span class="pic_set"><div class="pic_sm"><div>
<img src="https://s20.postimg.org/a27jxusct/product_image_2.png">
</div></div><div class="pic_lg"><div>
<img src="https://s20.postimg.org/a27jxusct/product_image_2.png">
</div></div></span>
<span class="pic_set"><div class="pic_sm"><div>
<img src="http://i67.tinypic.com/34yqji9.jpg">
</div></div><div class="pic_lg"><div>
<img src="http://i67.tinypic.com/34yqji9.jpg">
</div></div></span>
<span class="pic_set"><div class="pic_sm"><div>
<img src="https://s20.postimg.org/edw5muz9p/product_image_4.png">
</div></div><div class="pic_lg"><div>
<img src="https://s20.postimg.org/edw5muz9p/product_image_4.png">
</div></div></span>
<span class="pic_set"><div class="pic_sm"><div>
<img src="https://s20.postimg.org/edw5muz9p/product_image_4.png">
</div></div><div class="pic_lg"><div>
<img src="https://s20.postimg.org/edw5muz9p/product_image_4.png">
</div></div></span>
</div><!-- end pic_gal_cells -->
</div>
</div><!-- end photo gallery -->
</div>
</div> </div>
</div> <div class="r-col">
<div class="bt">
<div class="text"><!-- Start Description AucLister -->
<div class="desc-fw-title"> <h1>Description:</h1></div>
<p style="text-align: left;"><span style="font-size: small;"><span style="font-family: Arial;">Protect your cell phone with this Refined&nbsp;</span></span><span style="font-family: Arial; font-size: small;">Armor Hybrid case with kickstand combination. This case comes with&nbsp;</span><strong style="font-family: Arial; font-size: small;"><span style="color: red;">TWO LAYERS OF PROTECTION:</span></strong><span style="font-family: Arial; font-size: small; color: red;">&nbsp;</span></p><ul type="disc"><li class="MsoNormal" style="text-align: left;"><span style="font-size: small;"><span style="font-family: Arial;">The first layer of protection&nbsp;is a silicone rubber gel which wraps around and cover your phone to provide the maximum shock absorption.</span></span></li></ul><ul type="disc"><li class="MsoNormal" style="text-align: left;"><span style="font-size: small;"><span style="font-family: Arial;">The second layer of protection&nbsp;is a hard plastic shell that covers the sides and back of the silicone rubber gel. The polycarbonate cover also has a built-in kickstand. The kickstand gives you the option to watch movies hands-free.</span></span></li></ul><ul type="disc"><li class="MsoNormal" style="text-align: left;"><span style="font-size: small;"><span style="font-family: Arial;">This case comes with a 360 rotating belt clip holster that allows you to carry this slick looking case conveniently.&nbsp;</span></span></li></ul><p class="MsoNormal" style="text-align: left;"><span style="font-size: small;"><span style="font-family: Arial;">This case keeps your phone clean and scratch-free along with extra protection from drops or other potential accidents. Your phone remains fully functional while in the case with access to all the phone features such as top and side buttons, charger port and dock connectors, headset jack, camera and speakers. If you are in the market for a heavy duty stylish case that offer maximum protection for your new cell phone, then this case is for you.&nbsp;</span></span></p><p class="MsoNormal" style="text-align: left;"><font face="Arial" style="color: red; font-size: small; font-weight: bold;">Suitable only for the</font><span style="color: rgb(255, 0, 0); font-family: Arial, sans-serif; font-size: small; line-height: 16px;">&nbsp;</span><strong style="font-size: 11.8181819915771px;"><font face="Arial" style="color: red; font-size: small;">LG Access L31G LTE / F70</font></strong><strong><font face="Arial" style="color: red; font-size: small;">&nbsp;</font><span style="color: red; font-family: Arial; font-size: small;">cell phone.</span></strong></p><p class="MsoNormal" style="text-align: left;"><strong><span style="font-size: small;"><span style="font-family: Arial;"><span style="color: red;">CASESITY IS GLOBAL.</span></span></span></strong><span style="font-size: small;"><span style="font-family: Arial;"><span style="color: red;">&nbsp;&nbsp;</span>APO and international orders are welcomed.&nbsp;&nbsp;All international mail is shipped via Standard International Flat Rate Shipping.</span></span></p><p align="center" class="MsoNormal" style="text-align: center;"><strong><span style="font-size: small;"><span style="font-family: Arial;"><span style="color: red;">U.S. SELLER, FAST SHIPPING</span></span></span></strong></p><p align="center" class="MsoNormal" style="text-align: center;"><strong><span style="font-size: small;"><span style="font-family: Arial;"><span style="color: red;">BID WITH CONFIDENCE!!!</span></span></span></strong></p><p align="center" class="MsoNormal" style="text-align: center;"><span style="font-size: small;"><span style="font-family: Arial;">If you have any questions, please do not hesitate to contact us through eBay's Internal Message System</span></span></p><!-- End Description AucLister --></div>
<div class="pr-price">
<div class="text">Price:</div><div class="price">£4.99</div>
</div>
<div class="sbt">
<a class="contactLink" href="https://contact.ebay.co.uk/ws/eBayISAPI.dll?ReturnUserEmail&amp;requested=atwebdesigner" target="_blank" style="margin-right:1%;">Ask Question<i class="fa fa-question-circle"></i></a>
<a class="shareLink" style="float:right;" href="https://my.ebay.co.uk/ws/eBayISAPI.dll?AcceptSavedSeller&amp;sellerid=atwebdesigner">Newsletter<i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
</body>
</html>

Xmode_ebaytop - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700|Oswald:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
h1, h2, h3 {
}
h2 {
}
h3 {
}
h4, h5, h6 {
}
a, a:hover, a:visited { text-decoration: none; color: #FFF;
}
a:hover { text-decoration: none;
}
blockquote {
}
ul {
}
ul li { list-style-type: none;
}
ol {
}
font{	font-size:1em !important
}
/* ######## ######## ######## */
/* ######## BODY ######## */
body {	margin: 0;	background: #FFF; font: normal 100% 'Ubuntu', sans-serif; color: #000;
}
.sCont{	width: 95%; margin-left: auto;
}
.bg-w{	padding: 10px;	background-color: #FFF;
}
.bg-w h1{	margin: 0 0 15px;	padding: 0 0 10px;	border-bottom: 1px solid #8C8C8C;	font: bold 2em 'Oswald', sans-serif;	line-height: 42px;	color: #444;
}
/* ######## ######## ######## */
/* ######## HEADER ######## */
header { width: 100%; margin: 0; clear: both; background: #fff;
}
header .logo{	margin: 0px;	padding: 30px 0;
}
header .logo .mTitle{	padding: 0 0 10px;	font: bold 1.8em 'Oswald', sans-serif;	line-height: 60px;	color: #0079ED;
}
header .logo .sTitle{	padding: 0;	font: 400 1.2em 'Ubuntu', sans-serif;	line-height: 30px;	color: #666;
}
/* ######## ######## ######## */
/* ######## NAV ######## */
nav {	margin: 0;	background-color: #0079ED;	color: #FFF;
}
nav ul{	width: 100%;	margin: 0 auto;	padding: 5px 0 15px;	font: bold 1em 'Ubuntu', sans-serif;
}
nav ul li{	display: inline-block;	width: 40%;	margin: 0.5% 4.5%;	padding: 0;	text-align: center;
}
nav ul li a{	display: block;	padding: 15px 0;	border-bottom: 1px solid #0044b8;	font: 400 0.9em 'Oswald';	text-transform: uppercase;	color: #FFF;
}
nav ul li a i{ padding-right: 10px;
}
nav ul li a .fa{	font-size: 1.2em;
}
nav ul li:first-of-type{
}
nav ul li a:hover, nav ul li a:active{	padding: 14px 0;	background-color: #0064d8;	border: 1px solid #0044b8;	border-radius: 3px;	text-decoration: none;	color: #FFF;
}
/* ######## ######## ######## */
/* ######## TITLE CONTENT ######## */
.lTitle h1{ margin: 30px 0 25px; padding: 0; font: 500 1.7em 'Oswald', sans-serif; color: #444;
}
/* ######## ######## ######## */
/* ######## LEFT SECTION ######## */
.l-col{ display: block; width: 95%; height: auto; margin: 0 0 2% 0; background-color: #FFF; border-bottom: 0px solid #bbb; border-radius: 0 0 3px 3px;
}
.l-col h1{	margin: 0 0 15px;	padding: 0 0 10px;	border-bottom: 1px solid #8C8C8C;	font: bold 2em 'Oswald', sans-serif;	line-height: 42px;	color: #0079ED;
}
.l-col .list-img{ margin: auto 0; text-align: center;
}
.l-col .list-img img{	max-height: 100%;	max-width: 100%;
}
/* ######## ######## ######## */
/* ######## RIGHT COLUMN ######## */
.r-col{	display: block;	width: 95%; padding: 0; margin: 1% 0 0; background-color: #eee; border-bottom: 2px solid #bbb; border-radius: 0 0 3px 3px;
}
.r-col h1{	margin: 0 0 15px;	padding: 0 0 10px;	border-bottom: 0px solid #8C8C8C;	font: bold 2em 'Oswald', sans-serif;	line-height: 42px;	color: #0079ED;
}
.r-col .bt{	padding: 10px;	border-bottom: 2px solid #EEE;
}
.r-col .pr-price{	margin: 5px 0 10px;	padding: 7px 0;	border-bottom: 1px solid #eee;	border-top: 1px solid #eee;	text-align: center;	line-height: 1.4;	font-family: 'Oswald';	font-size: 1.4em;
}
.r-col .pr-price .text{	display: inline-block;	font: 600 1em 'Oswald';	padding-right: 5px;	color: #444;
}
.r-col .pr-price .price{	display: inline-block;	font-size: 1.1em;	font-weight: 600;	color: #0079ED;
}
.r-col .bt .btEbay{	text-align: center;
}
.r-col .bt .btEbay a{	display: block;	padding: 13px 10px;	margin: 0 0 10px;	background-color: #0079ED;	font: 500 1.1em 'Oswald';	border-radius: 3px; color: #FFF;
}
.r-col .bt .btEbay a i{	display: none;
}
.r-col .bt .btEbay a:hover{	background-color: #0064d8;	text-decoration: none;
}
.r-col .bt .btEbay i{	padding-left:5px;
}
.r-col .bt .sbt{	width: 100%;
}
.r-col .bt .sbtEbay{	display: inline-block;	width: 48%;	margin: 0 1.2% 0 0;	text-align: center;
}
.r-col .bt .sbt a{ display: inline-block; width: 42.2%; padding: 13px 3%; background-color: #666; font: 400 0.8em 'Oswald'; text-align: center; border-radius: 3px; color: #FFF;
}
.r-col .bt .sbt a:hover{	background-color: #555;	text-decoration: none;
}
.r-col .bt .sbt i{	padding-left: 3px;	display: none;
}
.r-col .ourBest{	padding: 10px;	text-align: center;
}
.r-col .ourBest .oBTrump{	display: block; width: auto; margin: 5px 0; padding: 8px 10px; border-bottom: 2px solid #EEE; text-align: center;
}
.r-col .ourBest .oBTrump .oBTCircle{	height: 90px;	width: 90px; margin: 0 auto 10px; border-radius: 50%; background-color: #0079ED;
}
.r-col .ourBest .oBTrump .oBTCircle img{ width: 50px;	margin: 22px 0 0;
}
.r-col .ourBest .oBTrump h4{ margin: 0; padding: 10px 0; font-size: 1.1em; font-weight: 500; text-transform: uppercase; color: #0079ED;
}
.r-col .ourBest .oBTrump .oBTDesc{	line-height: 1.4;	font-size: 0.9em;	font-weight: 400;	color: #666;
}
/* ######## ######## ######## */
/* ######## ITEM DESCRIPTION ######## */
.desc-fw{	width: 95%;	margin: 2% 0;
}
.desc-fw-title{	padding: 15px 0 15px 30px;	background-color: #0079ED;	border-radius: 3px 3px 0 0;
}
.desc-fw-title h1{	margin: 0;	padding: 0;	font: 400 1.05em 'Oswald', sans-serif;	color: #FFF;
}
.desc-fw-cont{ padding: 4%; background-color: #FFF; border-bottom: 2px solid #bbb; border-radius: 0 0 3px 3px;
}
.desc-fw-cont h2{	margin: 15px 0;	font: 600 2em 'Ubuntu'; color: #0079ED;
}
.desc-fw-cont h3{	margin: 15px 0;	font: 600 1.5em 'Ubuntu'; color: #0079ED; text-align: center;
}
.desc-fw-cont h4{	margin: 12px 0;	font: 500 1.1em 'Ubuntu'; line-height: 24px; color: #0079ED;
}
.desc-fw-cont img{	max-width: 100%;
}
.desc-fw-cont p{	margin: 0;	padding: 0;	font: 400 1em 'Ubuntu' !important;	line-height: 1.4 !important;	color: #666;
}
.desc-fw-cont ul{	margin: 0; padding-left: 25px;
}
.desc-fw-cont ol{	margin: 0; padding-left: 25px;
}
.desc-fw-cont ul li{ margin: 0; padding: 0; font: 400 1em 'Ubuntu'; line-height: 30px; color: #0079ED; list-style-type: disc;
}
.desc-fw-cont ol li{ margin: 0; padding: 0; font: 400 1em 'Ubuntu'; line-height: 30px; color: #0079ED;
}
.desc-fw-cont .button{	text-align: center;	margin: 10px 0;
}
.desc-fw-cont .button a{	background: #0079ed;	display: block;	margin: 0 auto;	max-width: 200px;	padding: 12px 0;	border-radius: 3px;	text-transform: uppercase;	font-size: 0.9em;	font-weight: 500;	font-family: 'Oswald', sans-serif;
}
.desc-fw-cont .button a:hover{	border: 1px solid #0044b8;	padding: 11px 0;	max-width: 198px;
}
/* ######## ######## ######## */
/* ######## FOOTER ######## */
footer {	clear: both;	margin: 0;	background: #444; text-align: center; color: #FFF;
}
footer .fBg{	height: 30px;	background: #8C8C8C;
}
footer .footer{	max-width: 95%; margin: 0 auto;	padding: 10px 0 30px;
}
footer .footer ul{	margin: 0 auto; padding: 0;
}
footer .footer .fCol3{	display: block; width: 100%; margin-top: 20px;
}
footer .footer .fCol4{ display: block; width: 100%; margin-top: 20px; padding-bottom: 2%;
}
footer .footer .fcTitle{	padding: 0 10%;
}
footer .footer .fcTitle h3{	margin: 10% 0 5%;	padding: 0 0 10px;	border-bottom: 2px solid;	font-size: 1.6em;	color: #0079ED;
}
footer .footer .fcLinks{	width: 80%;	margin: 0 10%;	padding: 15px 0 16px; border-bottom: 1px solid #666;
}
footer .footer .fcLinks ul li{ padding: 8px 0;
}
footer .footer .fcLinks ul li a{ font-size: 1em; line-height: 1.5; text-transform: uppercase;
}
footer .footer .fcLinks ul li i{ margin-right: 8px; color: #0079ED;
}
footer .footer .fcLinks ul li a:hover{	color: #0064d8;	text-decoration: none;
}
footer .footer .fcWhyUs ul li{	display: block;	width: 80%;	margin: 0 5%;	padding: 20px 5%;	border-bottom: 1px solid #666;	font-family: 'Oswald';	font-size: 1em;	text-align: center;
}
footer .footer .fcWhyUs ul li span{	display: inline;	margin:0;	padding: 0 0 0 10px;	font-size: 1.1em;
}
footer .footer .fcWhyUs ul li:before{	font-family: FontAwesome;	content: "\f046";	padding: 8px 10px 0 0;	vertical-align: sub;	font-size: 1.8em;	color: #0079ED;
}
footer .footer .fcContact ul li{	width: 80%;	margin: 0 10%; padding: 15px 0 0; font-size: 1em;
}
footer .footer .fcContact ul li ol{ margin: 0; padding: 15px 0; border-bottom: 1px solid #666; font: 500 1em 'Oswald'; color: #0079ED; text-transform: uppercase;
}
footer .footer .fcContact ul li ol a{	color: #0079ED;
}
footer .footer .fcContact ul li ol a:hover{	color: #0044b8;
}
footer .footer .fcContact .fccImg{	float: left; width: 100px; height: 130px; margin-left: 38px; background-color: #666; border-radius: 3px;
}
footer p { line-height: 1.7em; color: #FFF;
}
footer a { text-decoration: none; color: #FFF;
}
footer a:hover { text-decoration: underline; color: #FFF;
}
#author{	padding: 10px 0;	text-align: center;	font: 400 0.8em 'Ubuntu';	background-color: #555;
}
#author span{	color: #8c8c8c;
}
#author span a:hover{	text-decoration: underline;
}
#author #mAuthor{	padding-right: 40px;
}
#author #mAuthor a{	padding-left: 5px;	color: #0079ED;	font: 500 1em 'Oswald';
}
#author #mAuthor a:hover{	color: #0044b8;
}
#author #sAut{	padding-right: 10px;
}
#author #sAut a{	color: #ABABAB;
}
/* ######## ######## ######## */
/* ######## ######## RESPONSIVE ######## ######## */
/* ######## MOBILE ######## */
@media only screen and (min-device-width: 320px) and (min-width: 320px) {
.r-col .bt .sbt a{	width: 42.815%;
}
#author #mAuthor{	display: block; padding: 0 0 7px;
}
#author #sAut{	font-size: 0.85em;	padding-right: 5px;
}
}
/* ######## MOBILE WIDE ######## */
@media only screen and (min-device-width: 480px) and (min-width: 480px) {
nav ul li a{	font-size: 1.1em;
}
.lTitle h1{
}
.r-col .bt .btEbay a i{	display: inline-block;
}
.r-col .bt .sbt a{ width: 43.09%;
}
.r-col .bt .sbt i{	display: inline-block;
}
.r-col .ourBest .oBTrump h4{font-size: 1em;}
.r-col .ourBest .oBTrump .oBTDesc{
}
footer .footer .fcWhyUs ul li{
}
footer .footer .fcWhyUs ul i {	font-size: 2.2em;
}
footer .footer .fcContact ul li{	font-size: 1em;
}
footer .footer .fcContact ul li ol{
}
#author{	font-size: 0.9em;
}
}
/* ######## ######## ######## */
/* ######## TABLET ######## */
@media only screen and (min-device-width : 768px) and (min-width: 768px) {
nav ul li a{}
.r-col .pr-price{
}
.r-col .pr-price .text{	font: 600 1.4em 'Oswald';
}
.r-col .pr-price .price{	font-size: 1.4em;
}
.r-col .bt .btEbay a{	font-size: 1em;
}
.r-col .bt .sbt a{ width: 42.68%; font-size: 1.2em;
}
.r-col .ourBest .oBTrump .oBTCircle{	width: 75px;	height: 75px;
}
.r-col .ourBest .oBTrump .oBTCircle img{ width: 40px; margin: 18px 0 0;
}
.r-col .ourBest .oBTrump h4{	padding: 8px 0 9px;	font-size: 0.9em;
}
.r-col .ourBest .oBTrump .oBTDesc{	font-size: 0.8em;	line-height: 22px;
}
.desc-fw{	width: 95%;	margin:2% 0;
}
.desc-fw-cont{	padding: 3%;
}
.desc-fw-cont p{	font: 400 0.9em 'Ubuntu' !important;	line-height: 1.8 !important;
}
.desc-fw-cont h4{	font-size: 1.1em;
}
footer .footer .fCol3{	width: 24%;	padding: 0% 2% 2%; display: inline-block; vertical-align: top; border-left: 1px solid #666; border-right: 1px solid #666;
}
footer .footer .fCol4{	display: inline-block; width: 32%; padding: 0% 3% 2%; vertical-align: top;
}
footer .footer .fcTitle h3{	margin: 20px 0 10px;	font-size: 1.7em;
}
footer .footer .fcLinks{	padding: 20px 0 20px;
}
footer .footer .fcWhyUs{	padding: 15px 0;
}
footer .footer .fcLinks ul li{ padding: 5px 0;
}
footer .footer .fcLinks ul li a{	font-size: 1em;
}
footer .footer .fcWhyUs ul li{	margin: 0 auto;	width: 70%;	padding: 10px 19px;	vertical-align: top;	line-height: 35px;	text-align: left;	font-size: 1.1em;
}
footer .footer .fcWhyUs ul li:before{	font-family: FontAwesome;	content: "\f046";	margin-left: 5%; padding: 8px 15px 0 0; vertical-align: sub; font-size: 1.8em;
}
footer .footer .fcContact ul li{	width: auto;	margin: 0;	padding: 11px 15px 0;	font-size: 0.9em;
}
footer .footer .fcContact ul li ol{	padding: 5px 0 3px;	font-size: 1.05em;
}
#author #mAuthor{	display: inline; padding: 0 30px 0 0;
}
#author #sAut{	font-size: 0.9em;	padding-left: 10px;
}
}
/* ######## ######## ######## */
/* ######## PC & TABLET WIDE ######## */
@media only screen and (min-device-width: 992px) and (min-width: 992px){
header .logo{	padding: 20px 0;
}
header .logo .mTitle{	font: bold 3em 'Oswald', sans-serif;	line-height: 60px;
}
.lTitle h1{	margin: 15px 0;	font-size: 1.9em;
}
.sCont{	width: 960px;	margin: 0 auto;	padding: 0;
}
nav ul{	max-width: 960px;	padding: 15px 0;
}
nav ul li{	display: inline-block;	width: 24.5%;	margin: 0;
}
nav ul li:first-of-type{	border-top: 0;
}
nav ul li a{	display: inline; padding: 8px 20px; border: 0; font-size: 1em;
}
nav ul li a i{ padding-right: 8px;
}
nav ul li a:hover, nav ul li a:active{ padding: 7px 19px; border-top: 1px solid #0044b8;
}
.l-col{ width: 60%; padding: 0px 10px; vertical-align: top; display: inline-block;
}
.r-col{	display: inline-block;	width: 35%;	margin: 0 0 0 2%;	vertical-align: top;
}
.r-col .pr-price{	font-size:1em;
}
.r-col .pr-price .text{	font: 600 1.3em 'Oswald';
}
.r-col .pr-price .price{	font-size: 1.3em;
}
.r-col .bt .btEbay a{	font-size: 1em;	padding: 11px 10px;
}
.r-col .bt .btEbay a:hover{
}
.r-col .bt .sbt a{ width: 42.919%; padding: 11px 3%; font-size: 0.9em;
}
.r-col .ourBest .oBTrump{ padding: 8px 10px;
}
.r-col .ourBest .oBTrump .oBTCircle{	height: 74px;	width: 74px;	margin: 0 auto;
}
.r-col .ourBest .oBTrump .oBTCircle img{	width: 40px; margin: 18px 0 0;
}
.r-col .ourBest .oBTrump h4{	padding: 9px 0;	font-size: 1em;
}
.r-col .ourBest .oBTrump .oBTDesc{ font-size: 0.9em; line-height: 1.2;
}
.desc-fw{	width: 100%;
}
.desc-fw-title{	padding: 10px 0 10px 30px;
}
.desc-fw-title h1{	font-size: 1.2em;
}
.desc-fw-cont{	padding: 25px 15px 25px 30px;
}
.desc-fw-cont h4{	font-size: 1.1em;
}
.desc-fw-cont p{ font-size: 1em;
}
.desc-fw-cont h3{	text-align: left;
}
footer .footer{	max-width: 960px;
}
footer .footer .fcLinks{	padding: 30px 0 20px;
}
footer .footer .fcLinks ul li a{	font-size: 1.1em;
}
footer .footer .fcWhyUs ul li{ font-size: 1em; padding: 11px 19px;
}
footer .footer .fcWhyUs ul i{	margin-left: 5%;	padding: 8px 15px 0 0;	vertical-align: sub;	font-size: 1.8em;
}
footer .footer .fcContact ul li ol{ padding: 6px 0; font-size: 1.15em;
}
}
/* ######## ######## ######## */
Xmode_ebaytop - Script Codes
Xmode_ebaytop - Script Codes
Home Page Home
Developer Ben Song
Username speedz55
Uploaded November 05, 2022
Rating 3
Size 7,579 Kb
Views 18,216
Do you need developer help for Xmode_ebaytop?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ben Song (speedz55) Script Codes
Name
Ebay_template3
Nrcx_scale_layout
NitroRCX-scalenav
Ebay_imageslide
CaseXmode
Casexmode_nav2
Ebay_tabsample
Casexmode_nav3
Ebay_nojs_picgallery
Raidentechsite_addon_style.js
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!