style.global.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515
  1. /**
  2. * @version 7.10 [rev.7.10.04]
  3. */
  4. /* CODE TEXTAREA */
  5. textarea.textarea-code {
  6. font-family: Monaco, Consolas, monospace;
  7. font-size: 12px;
  8. line-height: 14px;
  9. background-color: #FAF8CC;
  10. }
  11. /* TABLES */
  12. .table caption {
  13. text-align: center;
  14. padding: 3px 15px;
  15. margin-bottom: 7px;
  16. }
  17. .table .size-large {
  18. width: 36%;
  19. }
  20. .table .size-medium {
  21. width: 24%;
  22. }
  23. .table .size-small {
  24. width: 18%;
  25. }
  26. .table .size-mini {
  27. width: 12%;
  28. }
  29. .table .size-tiny {
  30. width: 4%;
  31. }
  32. .table .td-sm {
  33. font-weight: normal !important;
  34. font-size: 85%;
  35. }
  36. /* SALE BOX PARTIAL */
  37. .table-sale > caption {
  38. line-height: 28px;
  39. margin-bottom: 0;
  40. padding: 1px 3px 5px;
  41. }
  42. .table-sale > thead > tr > th {
  43. font-size: 85%;
  44. font-weight: 400;
  45. border-bottom: 1px dotted #ddd;
  46. padding: 5px;
  47. }
  48. .table-sale > tbody > tr > td {
  49. border-top: 0 none;
  50. padding: 5px;
  51. }
  52. .table-small > thead > tr > th {
  53. font-size: 85%;
  54. font-weight: 400;
  55. border-bottom: 1px dotted #ddd;
  56. }
  57. .table-small > caption {
  58. line-height: 28px;
  59. margin-bottom: 0;
  60. padding: 1px 3px 5px;
  61. }
  62. .table-small > tbody > tr > td {
  63. border-top: 0 none;
  64. }
  65. .table-sm td {
  66. font-size: 85%;
  67. }
  68. .table .checkbox,
  69. .table .radio {
  70. margin-top: 0;
  71. padding-bottom: 10px;
  72. }
  73. /* navbar form */
  74. .navbar-form {
  75. margin-top: 0;
  76. }
  77. /* filtering navbar */
  78. .navbar-filter {
  79. margin-bottom: 15px;
  80. padding-bottom: 5px;
  81. }
  82. /* CAROUSEL CONTROL */
  83. .carousel-control {
  84. padding-top: 10%;
  85. width: 5%;
  86. }
  87. .carousel-control.left,
  88. .carousel-control.right {
  89. background-image: none;
  90. }
  91. .carousel .item {
  92. padding-top: 15px;
  93. padding-bottom: 15px;
  94. overflow: hidden;
  95. }
  96. .carousel-control .glyphicon-chevron-left,
  97. .carousel-control .icon-prev {
  98. left: 0;
  99. }
  100. .carousel-control .glyphicon-chevron-right,
  101. .carousel-control .icon-next {
  102. right: 0;
  103. }
  104. /* media thumbnail divs on the listing setup page */
  105. .jq-thumbs {
  106. overflow: hidden;
  107. }
  108. div.jq-thumb {
  109. overflow: hidden;
  110. float: left;
  111. padding: 5px;
  112. margin: 16px 5px 5px 0;
  113. background-color: #f0f0f0;
  114. border: 1px solid #ddd;
  115. border-radius: 4px;
  116. }
  117. div.jq-thumb div.thumb-image {
  118. height: 80px;
  119. width: 80px;
  120. vertical-align: middle;
  121. text-align: center;
  122. }
  123. div.jq-thumb div.jq-thumb-delete {
  124. padding-top: 8px;
  125. text-align: center;
  126. }
  127. div.jq-thumb div.jq-thumb-delete img {
  128. cursor: pointer;
  129. }
  130. /* scrollable well */
  131. .well-scrollable {
  132. max-height: 300px;
  133. overflow-y: scroll;
  134. }
  135. /* form elements */
  136. label {
  137. font-weight: normal;
  138. }
  139. .input-tiny,
  140. .input-mini,
  141. .input-small,
  142. .input-default,
  143. .input-medium,
  144. .input-large,
  145. .input-xlarge {
  146. display: inline-block;
  147. }
  148. /* override form control css for radio buttons and checkboxes */
  149. input[type="radio"],
  150. input[type="checkbox"] {
  151. width: inherit;
  152. height: inherit;
  153. }
  154. .radio, .checkbox {
  155. padding-left: 20px;
  156. }
  157. /* category selector form element */
  158. .form-boxes select {
  159. margin: 8px 5px 0 0;
  160. }
  161. /* date and date/time form elements */
  162. .element-date,
  163. .date-time {
  164. cursor: pointer;
  165. background-color: #f8f8f8 !important;
  166. }
  167. /* LABELS AND BADGES */
  168. .label {
  169. display: inline-block;
  170. padding: 4px 7px;
  171. font-weight: normal;
  172. font-size: 85%;
  173. }
  174. .label-text {
  175. color: #000;
  176. }
  177. .label-open {
  178. background-color: #41A317;
  179. }
  180. .label-closed {
  181. background-color: #E42217;
  182. }
  183. .label-scheduled {
  184. background-color: #157DEC;
  185. }
  186. .label-preferred {
  187. background-color: #006B47;
  188. }
  189. .label-verified {
  190. background-color: #149414;
  191. }
  192. .label-live-mode {
  193. background-color: #57a957;
  194. }
  195. .label-account-mode {
  196. background-color: #5897fb;
  197. }
  198. .label-store-info {
  199. background-color: #85B0BE;
  200. }
  201. .label-seller {
  202. background-color: #24A8B1;
  203. }
  204. .label-buyer {
  205. background-color: #E36056;
  206. }
  207. .label-draft {
  208. background-color: #2c8c00;
  209. }
  210. .label-pending {
  211. background-color: #80808d;
  212. }
  213. .label-declined {
  214. background-color: #A52A2A;
  215. }
  216. .label-withdrawn {
  217. background-color: #98AFC7;
  218. }
  219. .label-listin-site {
  220. background-color: #2B60DE;
  221. }
  222. .label-listin-store {
  223. background-color: #1200A2;
  224. }
  225. .label-listin-both {
  226. background-color: #DE2A60;
  227. }
  228. .label-featured {
  229. background-color: #F75D59;
  230. }
  231. .label-offer {
  232. background-color: #1f9f50;
  233. }
  234. .label-counter {
  235. background-color: #830f03;
  236. }
  237. .price-offer {
  238. font-size: 18px;
  239. }
  240. /* counter offer button */
  241. .btn-counter {
  242. background-color: #003580;
  243. color: #fff;
  244. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;
  245. }
  246. /* css for timepicker */
  247. .ui-timepicker-div .ui-widget-header {
  248. margin-bottom: 8px;
  249. }
  250. .ui-timepicker-div dl {
  251. text-align: left;
  252. }
  253. .ui-timepicker-div dl dt {
  254. height: 25px;
  255. margin-bottom: -25px;
  256. }
  257. .ui-timepicker-div dl dd {
  258. margin: 0 10px 10px 65px;
  259. }
  260. .ui-timepicker-div td {
  261. font-size: 90%;
  262. }
  263. .ui-tpicker-grid-label {
  264. background: none;
  265. border: none;
  266. margin: 0;
  267. padding: 0;
  268. }
  269. .ui-timepicker-rtl {
  270. direction: rtl;
  271. }
  272. .ui-timepicker-rtl dl {
  273. text-align: right;
  274. }
  275. .ui-timepicker-rtl dl dd {
  276. margin: 0 65px 10px 10px;
  277. }
  278. /* listing preview fees total field */
  279. .fees-total {
  280. border-top: 1px dashed #ccc;
  281. padding-top: 8px;
  282. font-size: 18px;
  283. }
  284. /* block quotes custom css */
  285. .bq {
  286. border-left: 5px solid #eee;
  287. margin: 20px 0;
  288. padding: 15px 30px 15px 15px;
  289. }
  290. .bq-info {
  291. background-color: #F0F7FD;
  292. border-left-color: #D0E3F0;
  293. }
  294. .bq-success {
  295. background-color: #E8FFE8;
  296. border-left-color: #98D798;
  297. }
  298. .bq-alert {
  299. background-color: #F2DEDE;
  300. border-left-color: #B94A48;
  301. }
  302. /* reputation stars text colors */
  303. .star-yellow {
  304. color: #FDD017;
  305. }
  306. .star-green {
  307. color: #41A317;
  308. }
  309. .star-blue {
  310. color: #1569C7;
  311. }
  312. .star-red {
  313. color: #E42217;
  314. }
  315. .star-gold {
  316. color: #D4A017;
  317. }
  318. /* reputation details page user box */
  319. .user-box {
  320. margin-bottom: 20px;
  321. border: 1px solid #ddd;
  322. border-radius: 4px;
  323. padding: 8px 16px;
  324. }
  325. .user-box img {
  326. background-color: #FFFFFF;
  327. border: 1px solid rgba(0, 0, 0, 0.2);
  328. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  329. padding: 4px;
  330. }
  331. .user-box .lead {
  332. margin-bottom: 0;
  333. }
  334. /* sale status flags */
  335. .flag-pending {
  336. color: #bbb;
  337. }
  338. .flag-success {
  339. color: #468847;
  340. }
  341. .flag-pay-arrival {
  342. color: #4d5688;
  343. }
  344. .flag-failed {
  345. color: #b94a48;
  346. }
  347. .flag-na {
  348. color: #3a87ad;
  349. }
  350. /* language selector widget */
  351. ul.lang-selector li {
  352. float: left;
  353. padding: 0 2px;
  354. }
  355. /* PADDINGS */
  356. .pdl-5 {
  357. padding-left: 5px;
  358. }
  359. .pdl-10 {
  360. padding-left: 10px;
  361. }
  362. .pdl-20 {
  363. padding-left: 20px;
  364. }
  365. .pdl-30 {
  366. padding-left: 30px;
  367. }
  368. .pdl-40 {
  369. padding-left: 40px;
  370. }
  371. .pdl-50 {
  372. padding-left: 50px;
  373. }
  374. .pdr-5 {
  375. padding-right: 5px;
  376. }
  377. .pdr-10 {
  378. padding-right: 10px;
  379. }
  380. .pdr-20 {
  381. padding-right: 20px;
  382. }
  383. .pdr-30 {
  384. padding-right: 30px;
  385. }
  386. .pdr-40 {
  387. padding-right: 40px;
  388. }
  389. .pdr-50 {
  390. padding-right: 50px;
  391. }
  392. .pdt-5 {
  393. padding-top: 5px;
  394. }
  395. .pdt-10 {
  396. padding-top: 10px;
  397. }
  398. .pdt-20 {
  399. padding-top: 20px;
  400. }
  401. .pdt-30 {
  402. padding-top: 30px;
  403. }
  404. .pdt-40 {
  405. padding-top: 40px;
  406. }
  407. .pdt-50 {
  408. padding-top: 50px;
  409. }
  410. .pdb-5 {
  411. padding-bottom: 5px;
  412. }
  413. .pdb-10 {
  414. padding-bottom: 10px;
  415. }
  416. .pdb-20 {
  417. padding-bottom: 20px;
  418. }
  419. .pdb-30 {
  420. padding-bottom: 30px;
  421. }
  422. .pdb-40 {
  423. padding-bottom: 40px;
  424. }
  425. .pdb-50 {
  426. padding-bottom: 50px;
  427. }
  428. /* MARGINS */
  429. .mgl-5 {
  430. margin-left: 5px;
  431. }
  432. .mgl-10 {
  433. margin-left: 10px;
  434. }
  435. .mgl-20 {
  436. margin-left: 20px;
  437. }
  438. .mgl-30 {
  439. margin-left: 30px;
  440. }
  441. .mgl-40 {
  442. margin-left: 40px;
  443. }
  444. .mgl-50 {
  445. margin-left: 50px;
  446. }
  447. .mgr-5 {
  448. margin-right: 5px;
  449. }
  450. .mgr-10 {
  451. margin-right: 10px;
  452. }
  453. .mgr-20 {
  454. margin-right: 20px;
  455. }
  456. .mgr-30 {
  457. margin-right: 30px;
  458. }
  459. .mgr-40 {
  460. margin-right: 40px;
  461. }
  462. .mgr-50 {
  463. margin-right: 50px;
  464. }
  465. .mgt-5 {
  466. margin-top: 5px;
  467. }
  468. .mgt-10 {
  469. margin-top: 10px;
  470. }
  471. .mgt-20 {
  472. margin-top: 20px;
  473. }
  474. .mgt-30 {
  475. margin-top: 30px;
  476. }
  477. .mgt-40 {
  478. margin-top: 40px;
  479. }
  480. .mgt-50 {
  481. margin-top: 50px;
  482. }
  483. .mgb-5 {
  484. margin-bottom: 5px;
  485. }
  486. .mgb-10 {
  487. margin-bottom: 10px;
  488. }
  489. .mgb-20 {
  490. margin-bottom: 20px;
  491. }
  492. .mgb-30 {
  493. margin-bottom: 30px;
  494. }
  495. .mgb-40 {
  496. margin-bottom: 40px;
  497. }
  498. .mgb-50 {
  499. margin-bottom: 50px;
  500. }
  501. /* lists reset */
  502. ul {
  503. display: block;
  504. list-style-type: disc;
  505. margin: 1em 0;
  506. padding-left: 40px;
  507. }
  508. ol {
  509. display: block;
  510. list-style-type: decimal;
  511. margin: 1em 0;
  512. padding-left: 40px;
  513. }
  514. ul ul, ol ul {
  515. list-style-type: circle;
  516. padding-left: 20px;
  517. margin-top: 1em;
  518. margin-bottom: 1em;
  519. }
  520. ol ol, ul ol {
  521. list-style-type: lower-roman;
  522. padding-left: 20px;
  523. margin-top: 1em;
  524. margin-bottom: 1em;
  525. }
  526. /* masonry plugin css */
  527. .masonry .item {
  528. margin-bottom: 15px;
  529. padding-left: 0;
  530. padding-right: 0;
  531. }
  532. .masonry h2 {
  533. margin-bottom: 5px;
  534. }
  535. .masonry .category-title {
  536. border-radius: 3px;
  537. border: 1px solid #eee;
  538. max-width: 180px;
  539. height: 180px;
  540. position: relative;
  541. }
  542. .masonry .category-title a {
  543. background-color: #f0f0f0;
  544. width: 100%;
  545. padding: 4px 8px;
  546. opacity: 0.7;
  547. position: absolute;
  548. bottom: 0;
  549. left: 0;
  550. }
  551. /* browse page and mobile search box */
  552. .btn-icon-search.form-control-feedback {
  553. pointer-events: auto;
  554. }
  555. .btn-icon-search.form-control-feedback:hover {
  556. cursor: pointer;
  557. }
  558. /* create / edit listing page(s) */
  559. .product-thumb .thumbnail {
  560. margin-bottom: 0;
  561. }
  562. /* magnific popup */
  563. .mfp-inline-holder .mfp-content,
  564. .mfp-ajax-holder .mfp-content {
  565. width: auto !important;
  566. }
  567. /* details page main image and thumbnails for slick carousel */
  568. #jq-mainImage .item {
  569. margin: 5px 0;
  570. text-align: center;
  571. cursor: pointer;
  572. }
  573. #jq-mainImage iframe {
  574. display: block;
  575. width: 100%;
  576. }
  577. #jq-thumbnails .item {
  578. padding: 0;
  579. margin: 5px;
  580. text-align: center;
  581. cursor: pointer;
  582. }
  583. /* home page slider slick carousel */
  584. .jq-slider .img-advert {
  585. display: block;
  586. width: 100%;
  587. height: auto;
  588. }
  589. .jq-slider {
  590. margin-bottom: 60px;
  591. }
  592. /* listing details view file - description tabs */
  593. .description-tabs {
  594. margin-top: 40px;
  595. }
  596. /* definition lists */
  597. .dl-horizontal dd {
  598. margin-bottom: 10px;
  599. }
  600. /* used in the listing details page */
  601. .details-content .dl-horizontal dt {
  602. width: 150px;
  603. font-size: 95%;
  604. }
  605. .details-content .dl-horizontal dd {
  606. margin-left: 165px;
  607. }
  608. form .dl-horizontal dd.desc {
  609. margin-bottom: 10px;
  610. font-size: 18px;
  611. font-weight: 500;
  612. }
  613. /* listing details page */
  614. .product .thumbnail {
  615. padding: 0;
  616. }
  617. .product .thumbnails {
  618. margin-bottom: 0;
  619. }
  620. .product .thumbnails .img-thumbnail {
  621. border: none;
  622. padding: 0;
  623. width: 100%;
  624. }
  625. .product .thumbnail > img {
  626. border-radius: 2px;
  627. *display: inline-block;
  628. }
  629. .product .jq-thumb {
  630. margin-top: 10px;
  631. }
  632. .product .jq-thumb li {
  633. margin-left: 16px;
  634. margin-bottom: 12px;
  635. float: left;
  636. }
  637. .product .spacer {
  638. border-bottom: 1px solid #eee;
  639. margin-bottom: 8px;
  640. margin-top: 10px;
  641. }
  642. .product .tab-content {
  643. padding: 15px 10px;
  644. min-height: 300px;
  645. }
  646. .actions {
  647. margin-top: 30px;
  648. }
  649. .actions .details-tabs {
  650. border-bottom: none;
  651. margin-bottom: 0;
  652. margin-left: 20px;
  653. }
  654. .actions .details-tabs > li {
  655. margin-bottom: -1px;
  656. }
  657. .actions .nav > li > a {
  658. padding-top: 8px;
  659. padding-bottom: 8px;
  660. }
  661. .nav-tabs > li.active > a,
  662. .nav-tabs > li.active > a:hover,
  663. .nav-tabs > li.active > a:focus {
  664. color: #555555;
  665. background-color: #f6f6f6;
  666. }
  667. .actions .details-tabs > .active > a,
  668. .actions .details-tabs > .active > a:hover,
  669. .actions .details-tabs > .active > a:focus {
  670. border: 1px solid #ddd;
  671. border-bottom-color: transparent;
  672. }
  673. .actions .details-content {
  674. border: 1px solid #dddddd;
  675. border-radius: 4px;
  676. padding: 16px 10px 12px;
  677. min-height: 308px;
  678. background: #f7f7f7;
  679. }
  680. .actions .nav-tabs {
  681. margin-bottom: 0;
  682. }
  683. .fees-desc {
  684. padding: 8px 10px;
  685. }
  686. .current-bid span.bids-number {
  687. float: right;
  688. margin-right: 40px;
  689. }
  690. .current-price {
  691. margin-left: 20px;
  692. color: #248EC7;
  693. }
  694. .current-price span.number-bids {
  695. float: right;
  696. margin-right: 32px;
  697. }
  698. .your-bid {
  699. text-align: center;
  700. }
  701. .purchase dt.bid {
  702. color: #248EC7;
  703. }
  704. .purchase dt.buy {
  705. color: #64ae3c;
  706. }
  707. .purchase dt.offer {
  708. color: #fc9200;
  709. }
  710. .purchase .btn {
  711. margin-right: 10px;
  712. float: right;
  713. }
  714. .purchase span {
  715. margin-right: 10px;
  716. }
  717. .time span {
  718. color: #a90068;
  719. }
  720. span.closed {
  721. color: #C11B17;
  722. }
  723. .buyout-amount {
  724. color: #4083A9;
  725. }
  726. .under-reserve-amount {
  727. color: #c11b17;
  728. }
  729. .over-reserve-amount {
  730. color: #008000;
  731. }
  732. .shipping-calculator {
  733. border-bottom: 1px solid #e5e5e5;
  734. margin-bottom: 20px;
  735. padding-bottom: 20px;
  736. }
  737. .btn-sidebar {
  738. display: none;
  739. }
  740. .invoice-logo {
  741. max-width: 400px;
  742. margin-bottom: 24px;
  743. }
  744. /* featured items box */
  745. .featured {
  746. background: #f6f6f6;
  747. position: relative;
  748. border: 1px solid #ddd;
  749. padding: 10px 3%;
  750. margin-bottom: 24px;
  751. overflow: hidden;
  752. }
  753. .ui-autocomplete-input {
  754. font-size: inherit;
  755. }
  756. div.category-breadcrumbs > a {
  757. display: inline;
  758. font-weight: bold;
  759. }
  760. /* browse pages - view switch buttons */
  761. #list {
  762. display: inline-block;
  763. background: url(../img/browse-sprite.png) -31px 0 no-repeat;
  764. width: 30px;
  765. height: 22px;
  766. float: left;
  767. text-indent: -9999px;
  768. /*margin: 0 5px;*/
  769. }
  770. #list:hover {
  771. background-position: -31px -23px;
  772. }
  773. #grid {
  774. display: inline-block;
  775. background: url(../img/browse-sprite.png) 0 0 no-repeat;
  776. width: 30px;
  777. height: 22px;
  778. float: left;
  779. text-indent: -9999px;
  780. margin: 0 5px;
  781. }
  782. #grid:hover {
  783. background-position: 0 -23px;
  784. }
  785. .list .img-thumbnail,
  786. .grid .img-thumbnail {
  787. box-shadow: 1px 1px 1px #eee;
  788. width: 100%;
  789. }
  790. /* listing title */
  791. .list .title h3,
  792. .grid .title h3 {
  793. margin: 0;
  794. padding: 0;
  795. font-size: 18px;
  796. line-height: 18px;
  797. }
  798. /* listing subtitle */
  799. .list .title p,
  800. .grid .title p {
  801. font-size: 14px;
  802. font-weight: normal;
  803. color: #999;
  804. height: 40px;
  805. overflow: hidden;
  806. padding: 5px 0 0;
  807. }
  808. .list .price,
  809. .grid .price {
  810. display: inline-block;
  811. float: right;
  812. font-size: 18px;
  813. font-weight: bold;
  814. }
  815. .list .bids,
  816. .list .ends,
  817. .list .reserve,
  818. .list .quantity,
  819. .grid .bids,
  820. .grid .ends,
  821. .grid .reserve,
  822. .grid .quantity {
  823. display: inline-block;
  824. float: right;
  825. clear: right;
  826. font-size: 12px;
  827. }
  828. .list .owner,
  829. .grid .owner {
  830. float: left;
  831. width: 100%;
  832. height: 38px;
  833. position: relative;
  834. overflow: hidden;
  835. color: #666;
  836. font-size: 90%;
  837. }
  838. /* list box display */
  839. .list {
  840. width: 100%;
  841. display: block;
  842. overflow: hidden;
  843. }
  844. .list .image {
  845. display: inline;
  846. float: left;
  847. margin-right: 2%;
  848. width: 20%;
  849. margin-left: 0;
  850. }
  851. .list .description {
  852. display: inline;
  853. float: left;
  854. width: 78%;
  855. }
  856. .list .stats {
  857. border-top: 1px dotted #ccc;
  858. margin-top: 16px;
  859. padding-top: 4px;
  860. width: 100%;
  861. }
  862. .list .description .title {
  863. float: left;
  864. margin-right: 10px;
  865. position: relative;
  866. height: 85px;
  867. overflow: hidden;
  868. width: 74%;
  869. }
  870. .list .bids,
  871. .list .ends,
  872. .list .reserve,
  873. .list .quantity {
  874. clear: right;
  875. }
  876. .list .reserve {
  877. color: #8F0000;
  878. font-style: italic;
  879. }
  880. .listings .list {
  881. border-bottom: 1px dotted #ddd;
  882. padding: 6px 0;
  883. margin: 6px 0;
  884. }
  885. /* home page list/grid */
  886. .home-page .list .image {
  887. width: 16%;
  888. }
  889. .home-page .list .description {
  890. width: 82%;
  891. }
  892. /* grid box display */
  893. /* default will accept 4 boxes per row and 2 on smartphones (col-sm-3 :: col-xs-6) */
  894. .grid {
  895. float: left;
  896. position: relative;
  897. min-height: 1px;
  898. width: 25%;
  899. padding-top: 6px;
  900. margin-top: 15px;
  901. margin-bottom: 15px;
  902. overflow: hidden;
  903. padding-left: 15px;
  904. padding-right: 15px;
  905. }
  906. .grid .image {
  907. text-align: center;
  908. padding: 0 6px;
  909. margin-bottom: 7px;
  910. }
  911. .grid .description {
  912. height: 90px;
  913. overflow: hidden;
  914. }
  915. .grid .description .title {
  916. height: 36px;
  917. overflow: hidden;
  918. margin: 6px;
  919. }
  920. .grid .title a {
  921. color: #999;
  922. font-size: 14px;
  923. font-weight: normal;
  924. }
  925. .grid .title p,
  926. .grid .owner,
  927. .grid .bids {
  928. display: none;
  929. }
  930. .grid .price {
  931. float: left;
  932. padding: 0 5px;
  933. font-weight: bold;
  934. font-size: 16px;
  935. /*margin-top: 10px;*/
  936. }
  937. .grid .ends {
  938. clear: both;
  939. }
  940. /* recently viewed box */
  941. .recently-viewed {
  942. background-color: #f2f2f2;
  943. border: 1px solid #ddd;
  944. margin: 12px 0 24px;
  945. overflow: hidden;
  946. position: relative;
  947. }
  948. .recently-viewed .headline {
  949. margin: 12px 16px 0;
  950. }
  951. .recently-viewed .grid {
  952. width: 16.66%;
  953. }
  954. .recently-viewed .grid .description {
  955. display: none;
  956. }
  957. /* highlighted listing css */
  958. .highlighted {
  959. background-color: #ffffc2;
  960. }
  961. .list.highlighted .image {
  962. /*margin-left: 1%;*/
  963. }
  964. .list.highlighted .description {
  965. width: 77%;
  966. }
  967. .home-page .list.highlighted .description {
  968. width: 81%;
  969. }
  970. /* category select button */
  971. .btn-category {
  972. white-space: normal;
  973. text-align: left;
  974. }
  975. .btn-category-cancel {
  976. cursor: pointer;
  977. padding-right: 10px;
  978. }
  979. .shipping-costs-padding {
  980. padding-top: 8px;
  981. }
  982. /* pagination links override */
  983. .pagination > .active > a,
  984. .pagination > .active > span,
  985. .pagination > .active > a:hover,
  986. .pagination > .active > span:hover,
  987. .pagination > .active > a:focus,
  988. .pagination > .active > span:focus {
  989. text-shadow: 0 1px 0 #333;
  990. }
  991. /* browse pages pagination container related css */
  992. .no-results {
  993. text-align: center;
  994. padding: 0;
  995. margin-bottom: 24px;
  996. }
  997. p.bg-info {
  998. padding: 10px;
  999. }
  1000. /* shopping cart page */
  1001. .table-cart {
  1002. border: 1px solid #e5e5e5;
  1003. }
  1004. .table-cart th {
  1005. background-color: #eee;
  1006. }
  1007. .shopping-cart-totals {
  1008. border: 1px solid #dfdfdf;
  1009. padding: 8px;
  1010. margin-bottom: 15px;
  1011. }
  1012. .shopping-cart-totals .dl-horizontal dd,
  1013. .shopping-cart-totals .dl-horizontal dt {
  1014. line-height: 24px;
  1015. }
  1016. .shopping-cart-totals .headline {
  1017. margin-top: 0;
  1018. }
  1019. .shopping-cart-totals .form-group {
  1020. margin-left: 5px;
  1021. margin-right: 5px;
  1022. }
  1023. .label-voucher {
  1024. margin-top: 8px;
  1025. }
  1026. .discount {
  1027. font-size: 85%;
  1028. }
  1029. .shopping-cart-totals dd.total {
  1030. color: #4083A9;
  1031. font-size: 18px;
  1032. font-weight: bold;
  1033. }
  1034. .reset-label label {
  1035. margin-top: 0;
  1036. margin-bottom: 0;
  1037. }
  1038. /* members module current bids page */
  1039. .bid-details small {
  1040. border-bottom: 1px dotted #ccc;
  1041. cursor: help;
  1042. }
  1043. /* sale partial download box */
  1044. .download-box {
  1045. margin-bottom: 8px;
  1046. overflow: hidden;
  1047. }
  1048. .download-box div {
  1049. margin-right: 8px;
  1050. }
  1051. /* maintenance mode page */
  1052. .maintenance-mode {
  1053. max-width: 640px;
  1054. margin: 100px auto 0;
  1055. background: transparent url('../img/maintenance.png') no-repeat right top;
  1056. min-height: 200px;
  1057. padding-left: 10px;
  1058. padding-right: 10px;
  1059. }
  1060. /* video player view */
  1061. .video-player-container {
  1062. margin: 50px auto 0;
  1063. padding-left: 10px;
  1064. padding-right: 10px;
  1065. max-width: 640px;
  1066. }
  1067. .video-js {
  1068. width: 100%;
  1069. }
  1070. /* cookie usage confirmation box */
  1071. .cookie-usage {
  1072. width: 100%;
  1073. bottom: 0;
  1074. position: fixed;
  1075. font-size: 85%;
  1076. background-color: #333;
  1077. color: #fff;
  1078. padding: 10px 0;
  1079. z-index: 1050;
  1080. }
  1081. .cookie-usage .row {
  1082. max-width: 960px;
  1083. margin: 0 auto;
  1084. }
  1085. /* site fees page */
  1086. .site-fees {
  1087. clear: both;
  1088. margin-top: 16px;
  1089. }
  1090. .site-fees .fee-tier {
  1091. display: inline-block;
  1092. width: 300px;
  1093. }
  1094. /* placeholder ie class */
  1095. .placeholdersjs {
  1096. color: #aaa;
  1097. }
  1098. /* shopping cart header button and dropdown css */
  1099. .navbar-nav .btn-shopping-cart-dropdown {
  1100. margin-top: 10px;
  1101. padding: 4px 12px;
  1102. font-weight: normal;
  1103. }
  1104. .navbar-nav .btn-shopping-cart-dropdown span {
  1105. padding-left: 2px;
  1106. font-size: 85%;
  1107. }
  1108. .shopping-cart-dropdown {
  1109. padding: 8px;
  1110. min-width: 500px;
  1111. font-weight: normal;
  1112. color: #000;
  1113. }
  1114. .shopping-cart-dropdown table {
  1115. margin-bottom: 0;
  1116. }
  1117. .shopping-cart-dropdown th {
  1118. font-size: 85%;
  1119. font-weight: normal;
  1120. }
  1121. /* loading modal - used when clicking proceed */
  1122. .loading-modal {
  1123. display: none;
  1124. position: fixed;
  1125. z-index: 5000;
  1126. top: 0;
  1127. left: 0;
  1128. height: 100%;
  1129. width: 100%;
  1130. background: rgba(255, 255, 255, .6) url('../img/loading.png') 50% 50% no-repeat;
  1131. }
  1132. body.loading {
  1133. overflow: hidden;
  1134. }
  1135. body.loading .loading-modal {
  1136. display: block;
  1137. }
  1138. body #redactor_modal_overlay, body #redactor_modal, body .redactor_dropdown {
  1139. z-index: 3000 !important;
  1140. }
  1141. .dropdown-menu {
  1142. left: inherit;
  1143. right: 0;
  1144. }
  1145. .img-advert {
  1146. max-width: 100%;
  1147. }
  1148. /* @version 7.5 */
  1149. .product-attribute-element {
  1150. margin-top: 15px;
  1151. }
  1152. .product-attribute-element label {
  1153. font-size: 80%;
  1154. display: block;
  1155. }
  1156. select.form-control option:disabled {
  1157. color: #ccc;
  1158. }
  1159. /* @version 7.6 */
  1160. .listing-social {
  1161. float: right;
  1162. }
  1163. .listing-social .social-button {
  1164. padding-left: 8px;
  1165. float: left;
  1166. }
  1167. /* payment page style */
  1168. .payment-box {
  1169. overflow: hidden;
  1170. border: 1px solid #eee;
  1171. background-color: #fff;
  1172. margin: 0;
  1173. padding: 10px 25px 10px 15px;
  1174. }
  1175. .payment-box form {
  1176. margin: 0;
  1177. }
  1178. .payment-box .payment-desc {
  1179. margin: 10px 40px;
  1180. max-width: 450px;
  1181. }
  1182. .payment-box .payment-btn {
  1183. margin-top: 20px;
  1184. }
  1185. /* store browse page - reset margin */
  1186. #store .navbar-brand {
  1187. margin-left: 0;
  1188. }
  1189. /* NEWSLETTER SUBSCRIPTION BOX */
  1190. .box-newsletter-subscription {
  1191. margin-top: 5px;
  1192. margin-bottom: 10px;
  1193. }
  1194. .box-newsletter-subscription h5 {
  1195. color: #555;
  1196. text-transform: uppercase;
  1197. margin-bottom: 5px;
  1198. }
  1199. /* LANGUAGE DROPDOWN */
  1200. .language-dropdown {
  1201. margin-top: 12px;
  1202. text-align: right;
  1203. }
  1204. .language-dropdown .btn {
  1205. padding: 0 12px;
  1206. color: #333;
  1207. }
  1208. .language-dropdown .btn {
  1209. text-decoration: none;
  1210. }
  1211. .language-dropdown .caret {
  1212. margin-left: 4px;
  1213. }
  1214. .language-dropdown li > a > span {
  1215. padding-left: 4px;
  1216. font-size: 12px;
  1217. }
  1218. /* DATEIMEPICKER SELECTOR */
  1219. .form-group-datetime.has-feedback {
  1220. display: inline-block;
  1221. margin: 0;
  1222. }
  1223. .form-group-datetime.has-feedback .form-control-feedback {
  1224. right: 0;
  1225. }