API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 22nd, 2017
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.98 KB | None | 0 0
raw download clone embed print report
  1. html {
  2. overflow: scroll;
  3. overflow-x: hidden;
  4. }
  5.  
  6. body .tooltipster-fade-show {
  7. opacity: .8;
  8. border-radius: 3px;
  9. }
  10.  
  11. ::-webkit-scrollbar {
  12. width: 0px;
  13. /* remove scrollbar space */
  14. background: transparent;
  15. /* optional: just make scrollbar invisible */
  16. }
  17.  
  18. body {
  19. background-color: #f5f5f5;
  20. }
  21.  
  22. .header {
  23. margin-bottom: 36px;
  24. background-size: cover;
  25. color: #ffffff;
  26. position: relative;
  27. z-index: 100;
  28. }
  29.  
  30. div.header.header-walmart {
  31. background: url(../img/ranking/BG.png) no-repeat center center;
  32. }
  33.  
  34. div.header.header-amazon {
  35. background: url(../img/ranking/Layer-amazon.png) no-repeat center center;
  36. }
  37.  
  38. .header:after {
  39. content: '';
  40. background-size: cover;
  41. width: 100%;
  42. height: 100%;
  43. top: 0;
  44. bottom: 0;
  45. left: 0;
  46. right: 0;
  47. position: absolute;
  48. opacity: .4;
  49. z-index: -1;
  50. }
  51.  
  52. div.header.header-walmart:after {
  53. background: url(../img/ranking/Layer-walmart.png) no-repeat center top;
  54. }
  55.  
  56. span.select2-container:focus,
  57. div.form-group:focus {
  58. outline: none;
  59. }
  60.  
  61. .main {
  62. margin-top: 10px;
  63. min-height: 100%;
  64. height: auto;
  65. padding: 0 0 60px;
  66. background-color: #f5f5f6;
  67. -webkit-transition: 1s;
  68. transition: 1s;
  69. font-family: 'Open Sans', sans-serif;
  70. }
  71.  
  72. .main table {
  73. border-collapse: separate;
  74. border-spacing: 0 9px;
  75. color: #434343;
  76. width: 100%;
  77. min-width: 650px;
  78. }
  79.  
  80. .main table thead th {
  81. padding-bottom: 5px;
  82. border-bottom: 2px solid #7b7b7b;
  83. text-align: center;
  84. font-size: 14px;
  85. color: rgba(64, 64, 64, 0.8);
  86. font-weight: 600;
  87. }
  88.  
  89. table tr.table-row td:nth-child(2),
  90. .main table thead th:nth-child(2) {
  91. text-align: left;
  92. padding-left: 10px;
  93. }
  94.  
  95. table tr.table-row td:nth-child(2) {
  96. font-size: 21px;
  97. }
  98.  
  99. .red-text {
  100. color: #de6868;
  101. }
  102.  
  103. table tr.table-row {
  104. font-weight: 300;
  105. height: 75px;
  106. background-color: #fff;
  107. border-radius: 3px;
  108. -webkit-box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.06);
  109. box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.06);
  110. }
  111.  
  112. table tr {
  113. text-align: center;
  114. }
  115.  
  116. table tr.table-row td:first-child {
  117. padding-left: 9px;
  118. }
  119.  
  120. table th img {
  121. vertical-align: middle;
  122. padding-left: 4px;
  123. padding-bottom: 4px;
  124. }
  125.  
  126. div.table-number {
  127. position: relative;
  128. margin: 0 auto;
  129. height: 44px;
  130. width: 44px;
  131. border-radius: 50%;
  132. background-color: #1aa3b6;
  133. color: #fff;
  134. }
  135.  
  136. .table-number span {
  137. position: absolute;
  138. top: 25%;
  139. left: 0;
  140. right: 0;
  141. bottom: 0;
  142. margin: auto;
  143. display: block;
  144. }
  145.  
  146. .header-text span:nth-child(1) {
  147. margin-top: 131px;
  148. letter-spacing: 3px;
  149. font-size: 4.2em;
  150. line-height: 60px;
  151. word-spacing: 5px;
  152. font-family: 'Montserrat', sans-serif;
  153. }
  154.  
  155. .header-text span:nth-child(2) {
  156. letter-spacing: 1px;
  157. font-size: 4em;
  158. line-height: 60px;
  159. word-spacing: 5px;
  160. font-family: 'Montserrat', sans-serif;
  161. font-weight: 600;
  162. }
  163.  
  164. .header-text span {
  165. display: block;
  166. }
  167.  
  168. .header-text span:first-child {
  169. font-weight: 500;
  170. }
  171.  
  172. .raiting-block {
  173. margin: 28px 0 0 5px;
  174. background-color: #231f20;
  175. width: 100%;
  176. max-width: 448px;
  177. min-height: 38px;
  178. position: relative;
  179. font-family: 'Montserrat', sans-serif;
  180. }
  181.  
  182. .raiting-block img {
  183. position: absolute;
  184. top: -10px;
  185. left: 11px;
  186. }
  187.  
  188. .raiting-block span {
  189. padding: 9px 0 9px 67px;
  190. display: block;
  191. letter-spacing: 1px;
  192. font-weight: 400;
  193. }
  194.  
  195. .powered-block {
  196. margin: 36px 0 0 4px;
  197. font-weight: 200;
  198. /* font-family: 'Montserrat', sans-serif; */
  199. font-family: 'Open Sans', sans-serif;
  200. }
  201.  
  202. .powered-block span {
  203. font-weight: 200;
  204. }
  205.  
  206. .powered-block img {
  207. padding-left: 9px;
  208. }
  209.  
  210. .departament-block {
  211. display: -webkit-box;
  212. display: -ms-flexbox;
  213. display: flex;
  214. -webkit-box-orient: horizontal;
  215. -webkit-box-direction: normal;
  216. -ms-flex-flow: row nowrap;
  217. flex-flow: row nowrap;
  218. margin-top: 91px;
  219. margin-bottom: 20px;
  220. font-family: 'Open Sans', sans-serif;
  221. }
  222.  
  223. .departament-block .pick {
  224. color: white;
  225. font-size: 20px;
  226. font-weight: 300;
  227. }
  228.  
  229. .departament-block .departament-block-select {
  230. width: 360px;
  231. margin-right: 30px;
  232. }
  233.  
  234. .departament-block .departament-block-title {
  235. display: block;
  236. font-size: 20px;
  237. margin-bottom: 10px;
  238. font-family: 'Montserrat', sans-serif;
  239. }
  240.  
  241. .departament-block .departament-block-retails .departament-block-retails-checkboxes {
  242. display: -webkit-box;
  243. display: -ms-flexbox;
  244. display: flex;
  245. -webkit-box-orient: horizontal;
  246. -webkit-box-direction: normal;
  247. -ms-flex-flow: row nowrap;
  248. flex-flow: row nowrap;
  249. -webkit-box-shadow: 0 3px 15px -3px #444;
  250. box-shadow: 0 3px 15px -3px #444;
  251. border-radius: 5px;
  252. }
  253.  
  254. .departament-block .departament-block-retails .departament-block-retails-checkboxes .departament-block-retails-label {
  255. display: -webkit-box;
  256. display: -ms-flexbox;
  257. display: flex;
  258. -webkit-box-orient: horizontal;
  259. -webkit-box-direction: normal;
  260. -ms-flex-flow: row nowrap;
  261. flex-flow: row nowrap;
  262. -webkit-box-align: center;
  263. -ms-flex-align: center;
  264. align-items: center;
  265. width: 206px;
  266. height: 59px;
  267. background: #FFF;
  268. padding: 0 15px;
  269. cursor: pointer;
  270. margin: 0;
  271. }
  272.  
  273. .departament-block .departament-block-retails .departament-block-retails-checkboxes .departament-block-retails-label:hover,
  274. .departament-block .departament-block-retails .departament-block-retails-checkboxes .departament-block-retails-label.checked {
  275. background: #E6F5F8;
  276. }
  277.  
  278. .departament-block .departament-block-retails .departament-block-retails-checkboxes .departament-block-retails-label input {
  279. margin-right: 10px;
  280. }
  281.  
  282. .departament-block .departament-block-retails .departament-block-retails-checkboxes .departament-block-retails-label.departament-block-retails-walmart {
  283. border-radius: 5px 0 0 5px;
  284. }
  285.  
  286. .departament-block .departament-block-retails .departament-block-retails-checkboxes .departament-block-retails-label.departament-block-retails-amazon {
  287. border-left: 1px solid #B4C2C3;
  288. border-radius: 0 5px 5px 0;
  289. }
  290.  
  291. .departament-block .departament-block-retails .departament-block-retails-checkboxes .departament-block-retails-label.departament-block-retails-amazon img {
  292. margin-top: 6px;
  293. }
  294.  
  295. .footer-container {
  296. border: 1px solid #CCCCCC;
  297. margin-top: 25px;
  298. margin-bottom: 40px;
  299. }
  300.  
  301. .footer-info .select2-container--default .select2-selection--single {
  302. height: 45px;
  303. border: 1px solid #ccc;
  304. }
  305.  
  306. footer {
  307. -webkit-transition: 1s;
  308. transition: 1s;
  309. }
  310.  
  311. .supplier-hide-submit {
  312. opacity: 0;
  313. height: 0;
  314. width: 0;
  315. }
  316.  
  317. .footer-info .select2-container--default .select2-selection--single .select2-selection__rendered {
  318. line-height: 44px;
  319. text-align: left;
  320. }
  321.  
  322. footer .notice-info {
  323. background: #00B1C0;
  324. width: 100%;
  325. min-height: 230px;
  326. height: auto;
  327. position: absolute;
  328. z-index: 1;
  329. }
  330.  
  331. footer .notice-info .notice-data {
  332. margin: 77px auto 0;
  333. width: 60%;
  334. font-size: 16px;
  335. }
  336.  
  337. footer .notice-info .notice-data img.notice-icon {
  338. float: left;
  339. margin-right: 20px;
  340. }
  341.  
  342. footer .notice-info .notice-data span.notice-msg {
  343. font-size: 21px;
  344. font-weight: 600;
  345. color: #FFFFFF;
  346. }
  347.  
  348. footer .notice-info .notice-data span.notice-msg-data {
  349. color: #CBEAEE;
  350. }
  351.  
  352. footer .notice-info .notice-data .link-block {
  353. font-size: 15px;
  354. color: #CBEAEE;
  355. }
  356.  
  357. footer .notice-info .notice-data .link-block .link-to {
  358. text-decoration: underline;
  359. color: #CBEAEE;
  360. }
  361.  
  362. footer .notice-info .notice-data .link-block .link-to.not-link {
  363. font-size: 17px;
  364. cursor: pointer;
  365. }
  366.  
  367. .navbar-fixed-bottom .navbar-fixed-bottom-title {
  368. text-align: center;
  369. margin: -16px 0 18px;
  370. }
  371.  
  372. .navbar-fixed-bottom .navbar-fixed-bottom-title .navbar-fixed-bottom-title-body {
  373. display: inline-block;
  374. padding: 1px 20px;
  375. font-size: 21px;
  376. word-spacing: 4px;
  377. background: #fff;
  378. }
  379.  
  380. .supplier form {
  381. display: -webkit-box;
  382. display: -ms-flexbox;
  383. display: flex;
  384. -webkit-box-orient: horizontal;
  385. -webkit-box-direction: normal;
  386. -ms-flex-flow: row nowrap;
  387. flex-flow: row nowrap;
  388. margin-left: -30px;
  389. }
  390.  
  391. .supplier form .supplier-input {
  392. -webkit-box-flex: 1;
  393. -ms-flex-positive: 1;
  394. flex-grow: 1;
  395. width: 100%;
  396. margin-left: 30px;
  397. }
  398.  
  399. .supplier form .supplier-input div {
  400. position: relative
  401. }
  402.  
  403. .supplier form .supplier-input div input {
  404. height: 45px;
  405. padding-left: 29px
  406. }
  407.  
  408. .supplier form .supplier-input div span.supplier-icon {
  409. position: absolute;
  410. top: 16px;
  411. bottom: 0;
  412. left: 10px;
  413. }
  414.  
  415. .supplier form .supplier-input:nth-child(2) div span.supplier-icon {
  416. top: 17px;
  417. }
  418.  
  419. .supplier form .supplier-input:nth-child(3) div span.supplier-icon {
  420. top: 14px;
  421. }
  422.  
  423. .supplier form .supplier-input div .supplier-icon-name {
  424. top: 14px;
  425. }
  426.  
  427. .supplier form .supplier-input div .supplier-icon-email {
  428. top: 17px;
  429. }
  430.  
  431. .supplier form .supplier-input div input::-webkit-input-placeholder {
  432. /* Chrome/Opera/Safari */
  433. padding-left: 2px;
  434. }
  435.  
  436. .supplier form .supplier-input div input::-moz-placeholder {
  437. /* Firefox 19+ */
  438. padding-left: 2px;
  439. }
  440.  
  441. .supplier form .supplier-input div input:-ms-input-placeholder {
  442. /* IE 10+ */
  443. padding-left: 2px;
  444. }
  445.  
  446. .supplier form .supplier-input div input:-moz-placeholder {
  447. /* Firefox 18- */
  448. padding-left: 2px;
  449. }
  450.  
  451. .select2-container--default .select2-selection--single .select2-selection__placeholder {
  452. padding-left: 25px;
  453. }
  454.  
  455. span.select2-selection__placeholder:after {
  456. content: url(../img/ranking/brand-icon.png);
  457. position: absolute;
  458. left: 13px;
  459. top: 15px;
  460. }
  461.  
  462. .supplier .select2-container--default .select2-selection--single .select2-selection__arrow {
  463. height: 40px;
  464. }
  465.  
  466. .getMyFree {
  467. display: -webkit-box;
  468. display: -ms-flexbox;
  469. display: flex;
  470. -webkit-box-pack: center;
  471. -ms-flex-pack: center;
  472. justify-content: center;
  473. margin: 10px 0 -23px;
  474. }
  475.  
  476. .getMyFree button {
  477. background: #00B1C0;
  478. color: white;
  479. border-radius: 5px;
  480. border: 0;
  481. font-size: 17px;
  482. display: -webkit-box;
  483. display: -ms-flexbox;
  484. display: flex;
  485. -webkit-box-orient: horizontal;
  486. -webkit-box-direction: normal;
  487. -ms-flex-flow: row nowrap;
  488. flex-flow: row nowrap;
  489. -webkit-box-align: center;
  490. -ms-flex-align: center;
  491. align-items: center;
  492. padding: 6px 10px;
  493. }
  494.  
  495. .getMyFree button .getMyFree-icon {
  496. border: 2px solid white;
  497. border-radius: 50%;
  498. padding: 3px;
  499. display: inline-block;
  500. width: 34px;
  501. height: 34px;
  502. line-height: 22px;
  503. text-align: center;
  504. margin-right: 10px;
  505. position: relative;
  506. }
  507.  
  508. .getMyFree-icon:after {
  509. position: absolute;
  510. content: '';
  511. right: 26%;
  512. top: 9px;
  513. height: 8px;
  514. width: 15px;
  515. -webkit-box-sizing: border-box;
  516. box-sizing: border-box;
  517. border: 3px solid #ffffff;
  518. border-width: 0 0 2px 2px;
  519. -webkit-transform: rotate(-45deg);
  520. transform: rotate(-45deg);
  521. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
  522. }
  523.  
  524. .getMyFree button .getMyFree-icon img {
  525. position: absolute;
  526. top: 0;
  527. left: 1px;
  528. right: 0;
  529. bottom: 0;
  530. width: 50%;
  531. height: 30%;
  532. margin: auto;
  533. display: block;
  534. }
  535.  
  536. .red {
  537. color: #E26569;
  538. }
  539.  
  540.  
  541. /*-*/
  542.  
  543. .jcf-select span.jcf-select-text {
  544. padding-top: 3px;
  545. font-size: 20px;
  546. color: rgba(0, 0, 0, 0.5);
  547. word-spacing: -1px;
  548. letter-spacing: -0.5px;
  549. margin: -4px 35px 0 19px !important;
  550. }
  551.  
  552. .departments-selector {
  553. margin-bottom: 30px;
  554. width: 100%;
  555. margin-top: 10px;
  556. }
  557.  
  558. .walmart label {
  559. margin-top: 4px;
  560. margin-left: 9px;
  561. }
  562.  
  563. .amazon label {
  564. margin-top: 11px;
  565. margin-left: 24px;
  566. }
  567.  
  568. .checked-label {
  569. background: #E6F5F8;
  570. }
  571.  
  572. .walmart input[type="checkbox"] {
  573. width: 20px !important;
  574. height: 20px !important;
  575. }
  576.  
  577. .amazon input[type="checkbox"] {
  578. width: 20px !important;
  579. height: 20px !important;
  580. }
  581.  
  582. .select-block {
  583. margin-right: 32px;
  584. display: inline-block;
  585. }
  586.  
  587. .jcf-select .jcf-select-opener {
  588. background: transparent url('../img/ranking/down-arrow-icon.png') no-repeat 0 0px;
  589. width: 20px;
  590. height: 12px;
  591. }
  592.  
  593. .jcf-select .jcf-select-text {
  594. font-size: 14px;
  595. }
  596.  
  597. .jcf-select span.jcf-select-text {
  598. margin: 1px 35px 0 19px;
  599. }
  600.  
  601. .jcf-select-drop,
  602. .jcf-select-drop .jcf-list,
  603. .jcf-select-drop .jcf-list .jcf-list-content {
  604. min-width: 100%;
  605. margin-bottom: 10px;
  606. width: auto !important;
  607. }
  608.  
  609. .jcf-select-drop .jcf-list .jcf-list-content .jcf-option {
  610. padding-right: 25px;
  611. }
  612.  
  613. .retailer-container {}
  614.  
  615. .jcf-select {
  616. min-width: 155px;
  617. width: 100%;
  618. height: 59px;
  619. padding: 0 5px;
  620. font-size: 13px;
  621. line-height: 60px;
  622. text-align: left;
  623. background: #ffffff !important;
  624. color: #494949;
  625. -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1);
  626. box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1);
  627. border: 1px solid #d9d9d9;
  628. border-radius: 5px;
  629. }
  630.  
  631. .jcf-select.jcf-drop-active {
  632. border-radius: 5px 5px 0 0;
  633. }
  634.  
  635. .jcf-select .jcf-select-drop {}
  636.  
  637. .jcf-select .jcf-select-drop .jcf-list {
  638. border: 1px solid #d9d9d9;
  639. border-top: 0;
  640. -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .15);
  641. box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .15);
  642. padding: 0;
  643. }
  644.  
  645. .jcf-select .jcf-select-drop .jcf-list li {
  646. padding: 0 15px;
  647. }
  648.  
  649. .jcf-select .jcf-select-drop .jcf-list li:last-of-type span {
  650. border-bottom: 0;
  651. }
  652.  
  653. .jcf-select .jcf-select-text,
  654. .jcf-select .jcf-option {
  655. font-size: 14px;
  656. color: #1aa3b6;
  657. }
  658.  
  659. .jcf-select .jcf-option.jcf-selected {
  660. color: #585858;
  661. }
  662.  
  663. .jcf-select img {
  664. width: 16px;
  665. margin-right: 5px;
  666. }
  667.  
  668. .select {
  669. position: absolute;
  670. height: 8px;
  671. width: 15px;
  672. top: 50%;
  673. left: 42%;
  674. margin: -7px 0 0 -6px;
  675. -webkit-box-sizing: border-box;
  676. box-sizing: border-box;
  677. border: 3px solid #757575;
  678. border-width: 0 0 2px 2px;
  679. -webkit-transform: rotate(-45deg);
  680. transform: rotate(-45deg);
  681. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
  682. }
  683.  
  684. .jcf-select .jcf-option.jcf-selected:after {
  685. position: absolute;
  686. content: '';
  687. right: 20px;
  688. top: 9px;
  689. height: 8px;
  690. width: 15px;
  691. -webkit-box-sizing: border-box;
  692. box-sizing: border-box;
  693. border: 3px solid #757575;
  694. border-width: 0 0 2px 2px;
  695. -webkit-transform: rotate(-45deg);
  696. transform: rotate(-45deg);
  697. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
  698. }
  699.  
  700. .checkbox-block {
  701. height: 100%;
  702. min-height: 60px;
  703. text-align: center;
  704. }
  705.  
  706. .header .jcf-checkbox span {
  707. position: absolute;
  708. height: 8px;
  709. width: 15px;
  710. top: 50%;
  711. left: 42%;
  712. margin: -7px 0 0 -6px;
  713. -webkit-box-sizing: border-box;
  714. box-sizing: border-box;
  715. border: 3px solid #757575;
  716. border-width: 0 0 2px 2px;
  717. -webkit-transform: rotate(-45deg);
  718. transform: rotate(-45deg);
  719. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
  720. }
  721.  
  722. .header .jcf-checkbox {
  723. vertical-align: middle;
  724. display: inline-block;
  725. position: relative;
  726. overflow: hidden;
  727. -webkit-box-sizing: border-box;
  728. box-sizing: border-box;
  729. cursor: pointer;
  730. background: #fff;
  731. border: 1px solid #c2c2c2;
  732. margin: 0 10px;
  733. height: 24px;
  734. min-width: 24px;
  735. border-radius: 3px;
  736. top: -1px;
  737. }
  738.  
  739. .label-img {
  740. margin-right: 10px;
  741. }
  742.  
  743. .jcf-list-content ul li {
  744. position: relative;
  745. }
  746.  
  747. .pointer {
  748. cursor: pointer;
  749. }
  750.  
  751. .err_msg .form-control {
  752. border: 1px solid #ff0000;
  753. border-radius: 5px;
  754. }
  755.  
  756. .err_msg .select2-container--default .select2-selection--single,
  757. .err_msg .form-control:focus {
  758. border-color: #ff0000!important;
  759. }
  760.  
  761. .placeholder-select2 {
  762. color: #99999f;
  763. }
  764.  
  765. .ranking_table {
  766. background-color: white;
  767. height: 50px;
  768. margin-top: 10px;
  769. margin-bottom: 10px
  770. }
  771.  
  772. .resp-sharing-button__link,
  773. .resp-sharing-button__icon {
  774. display: inline-block
  775. }
  776.  
  777. .resp-sharing-button__link {
  778. text-decoration: none;
  779. color: #fff;
  780. margin: 0.5em
  781. }
  782.  
  783. .resp-sharing-button {
  784. border-radius: 5px;
  785. -webkit-transition: 25ms ease-out;
  786. transition: 25ms ease-out;
  787. padding: 0.5em 0.75em;
  788. font-family: Helvetica Neue, Helvetica, Arial, sans-serif
  789. }
  790.  
  791. .resp-sharing-button__icon svg {
  792. width: 1em;
  793. height: 1em;
  794. margin-right: 0.4em;
  795. }
  796.  
  797. .resp-sharing-button--small svg {
  798. margin: 0;
  799. vertical-align: middle
  800. }
  801.  
  802.  
  803. /* Non solid icons get a stroke */
  804.  
  805. .resp-sharing-button__icon {
  806. stroke: #fff;
  807. fill: none
  808. }
  809.  
  810. .department-type div {
  811. font-size: 1.6em;
  812. }
  813.  
  814. .department-type div span:nth-child(2) {
  815. color: #25ACBC;
  816. margin-left: 3px;
  817. vertical-align: inherit;
  818. word-spacing: 0px;
  819. letter-spacing: 0.6px;
  820. }
  821.  
  822. .department-type div span:nth-child(3) {
  823. margin-left: 10px;
  824. }
  825.  
  826. .resp-sharing-button__icon--solid,
  827. .resp-sharing-button__icon--solidcircle {
  828. fill: #fff;
  829. stroke: none
  830. }
  831.  
  832. .resp-sharing-button--twitter {
  833. background-color: #55acee
  834. }
  835.  
  836. .resp-sharing-button--twitter:hover {
  837. background-color: #2795e9
  838. }
  839.  
  840. .resp-sharing-button--facebook {
  841. background-color: #3b5998
  842. }
  843.  
  844. .resp-sharing-button--facebook:hover {
  845. background-color: #2d4373
  846. }
  847.  
  848. .resp-sharing-button--linkedin {
  849. background-color: #0077b5
  850. }
  851.  
  852. .resp-sharing-button--linkedin:hover {
  853. background-color: #046293
  854. }
  855.  
  856. .resp-sharing-button--facebook {
  857. background-color: #3b5998;
  858. border-color: #3b5998;
  859. }
  860.  
  861. .resp-sharing-button--facebook:hover,
  862. .resp-sharing-button--facebook:active {
  863. background-color: #2d4373;
  864. border-color: #2d4373;
  865. }
  866.  
  867. .resp-sharing-button--linkedin {
  868. background-color: #0077b5;
  869. border-color: #0077b5;
  870. }
  871.  
  872. .resp-sharing-button--linkedin:hover,
  873. .resp-sharing-button--linkedin:active {
  874. background-color: #046293;
  875. border-color: #046293;
  876. }
  877.  
  878. p.store-card-text {
  879. display: inline-block;
  880. margin: 0;
  881. padding-top: 8px;
  882. color: rgba(64, 64, 64, 0.8);
  883. }
  884.  
  885. p.store-card-text:before {
  886. content: 'Share the eCommerece Scorecard:';
  887. font-size: 14px;
  888. }
  889.  
  890. .share-buttons img {
  891. padding-left: 5px;
  892. border: 0;
  893. -webkit-box-shadow: 0;
  894. box-shadow: 0;
  895. display: inline;
  896. }
  897.  
  898. .share-buttons-container {
  899. text-align: right;
  900. }
  901.  
  902. .share-buttons {
  903. padding-right: 14px;
  904. margin: 8px 0 10px 0;
  905. }
  906.  
  907. .share-buttons a {
  908. display: inline-block;
  909. vertical-align: middle;
  910. }
  911.  
  912. .share-buttons a:hover {
  913. text-decoration: none;
  914. }
  915.  
  916. .share-buttons a div {
  917. max-width: 74px;
  918. padding: 2px 3px;
  919. border-radius: 4px;
  920. height: 25px;
  921. display: inline-block;
  922. color: white;
  923. margin-left: 2px;
  924. }
  925.  
  926. .share-buttons a:nth-child(2) div {
  927. background-color: #3669AE;
  928. }
  929.  
  930. .share-buttons a:nth-child(3) div {
  931. background-color: #0095DF;
  932. }
  933.  
  934. .share-buttons a:nth-child(4) div {
  935. background-color: #0078B1;
  936. }
  937.  
  938. .share-buttons p {
  939. display: inline;
  940. font-size: 12px;
  941. padding-right: 4px;
  942. }
  943.  
  944. .share-buttons div img {
  945. border: 0;
  946. display: inline;
  947. }
  948.  
  949. .share-buttons .facebook-text:after {
  950. content: 'Share'
  951. }
  952.  
  953. .share-buttons .tweet-text:after {
  954. content: 'Tweet'
  955. }
  956.  
  957. .contact-us {
  958. text-align: center;
  959. color: #000;
  960. font-size: 16px;
  961. }
  962.  
  963. .contact-us span a {
  964. color: #00B1C0;
  965. }
  966.  
  967. .department-retails-img img {
  968. max-width: 100%
  969. }
  970.  
  971. .preloader-tabs {
  972. display: none;
  973. position: absolute;
  974. width: 100%;
  975. height: 100%;
  976. z-index: 1000;
  977. }
  978.  
  979. .preloader-tabs .overflow-layout{
  980. position: fixed;
  981. width: 100%;
  982. height: 100%;
  983. opacity: 0.5;
  984. z-index: 20;
  985. top: 0;
  986. background-color: #fff;
  987. }
  988.  
  989. .preloader-tabs .overflow-layout.top-shifted{top: 160px;}
  990. .preloader-tabs .spinner.top-shifted{top:3%;}
  991.  
  992. .preloader-tabs .spinner {
  993. position: fixed;
  994. width: 65px;
  995. height: 65px;
  996. top: 45%;
  997. left: 47%;
  998. border: 1px solid #ddd;
  999. border-radius: 60px;
  1000. padding: 3px;
  1001. box-shadow: 1px 1px 1px #888;
  1002. opacity: 1;
  1003. z-index: 21;
  1004. background-image: url('../img/loading-logo.gif');
  1005. background-repeat: no-repeat;
  1006. background-position: 50%;
  1007. }
  1008.  
  1009. @media (max-width: 1024px) {
  1010. .footer-container {
  1011. margin-top: 45px;
  1012. }
  1013. .navbar-fixed-bottom .navbar-fixed-bottom-title {
  1014. margin: -27px 0 20px;
  1015. }
  1016. .navbar-fixed-bottom .navbar-fixed-bottom-title .navbar-fixed-bottom-title-body {
  1017. width: 70%;
  1018. line-height: normal;
  1019. }
  1020. }
  1021.  
  1022. @media (max-width: 991px) {
  1023. .departament-block .departament-block-select {
  1024. margin-right: 15px;
  1025. }
  1026. }
  1027.  
  1028. @media (max-width: 768px) {
  1029. .departament-block .departament-block-title {
  1030. text-align: center;
  1031. }
  1032. .supplier form {
  1033. -webkit-box-orient: vertical;
  1034. -webkit-box-direction: normal;
  1035. -ms-flex-flow: column;
  1036. flex-flow: column;
  1037. margin: 0;
  1038. }
  1039. .navbar-fixed-bottom .navbar-fixed-bottom-title {
  1040. margin: 0 0 20px;
  1041. }
  1042. .departament-block .departament-block-select {
  1043. width: 100%;
  1044. margin: 0 0 15px;
  1045. }
  1046. .footer-container {
  1047. border: 0;
  1048. margin-top: 15px;
  1049. }
  1050. .departament-block {
  1051. -webkit-box-orient: vertical;
  1052. -webkit-box-direction: normal;
  1053. -ms-flex-flow: column;
  1054. flex-flow: column;
  1055. -webkit-box-align: center;
  1056. -ms-flex-align: center;
  1057. align-items: center;
  1058. }
  1059. .departament-block .departament-block-retails .departament-block-retails-checkboxes .departament-block-retails-label {
  1060. width: 100%;
  1061. min-width: 50%;
  1062. padding: 0;
  1063. -webkit-box-pack: center;
  1064. -ms-flex-pack: center;
  1065. justify-content: center;
  1066. }
  1067. .departament-block-retails-label img {
  1068. max-width: 100%;
  1069. }
  1070. .supplier form .supplier-input {
  1071. margin: 0;
  1072. }
  1073. .getMyFree {
  1074. margin: 10px 0 0;
  1075. }
  1076. .getMyFree button {
  1077. width: 100%;
  1078. -webkit-box-pack: center;
  1079. -ms-flex-pack: center;
  1080. justify-content: center;
  1081. }
  1082. .departament-block .departament-block-retails {
  1083. width: 100%;
  1084. }
  1085. .navbar-fixed-bottom .navbar-fixed-bottom-title .navbar-fixed-bottom-title-body {
  1086. width: auto;
  1087. }
  1088. .department-type div img {
  1089. display: block;
  1090. margin: 0 auto;
  1091. }
  1092. .share-buttons {
  1093. margin-top: 10px;
  1094. }
  1095. .share-buttons-container {
  1096. text-align: center
  1097. }
  1098. }
  1099.  
  1100. @media (max-width: 768px) {
  1101. .checkbox-block {
  1102. margin-top: 10px;
  1103. }
  1104. }
  1105.  
  1106. @media (min-width: 1200px) {
  1107. .container {
  1108. width: 1145px;
  1109. }
  1110. }
  1111.  
  1112. @media (max-width: 961px) {
  1113. .header-text {
  1114. text-align: center;
  1115. }
  1116. .raiting-block {
  1117. margin: 28px auto;
  1118. }
  1119. .header,
  1120. .main {
  1121. text-align: center;
  1122. }
  1123. .departament-block {
  1124. margin-top: 39px;
  1125. text-align: left;
  1126. }
  1127. .departments-selector {
  1128. width: 100%;
  1129. }
  1130. }
  1131.  
  1132. @media (max-width: 992px) {
  1133. p.store-card-text:before {
  1134. content: 'Share:';
  1135. }
  1136. .share-buttons .facebook-text:after {
  1137. content: ''
  1138. }
  1139. .share-buttons .tweet-text:after {
  1140. content: ''
  1141. }
  1142. }
  1143.  
  1144. @media (max-width: 460px) {
  1145. .header .header-text span {
  1146. font-size: 3em;
  1147. }
  1148. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!