Advertisement
Guest User

Untitled

a guest
Aug 23rd, 2019
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.99 KB | None | 0 0
  1. body {
  2. margin: 0;
  3. padding: 0
  4. }
  5. img {
  6. border: 0;
  7. height: auto;
  8. line-height: 100%;
  9. outline: none;
  10. text-decoration: none
  11. }
  12. table {
  13. border-collapse: collapse
  14. }
  15. table td {
  16. vertical-align: top
  17. }
  18. html {
  19. font-size: 62.5%;
  20. -webkit-text-size-adjust: 100%;
  21. -ms-text-size-adjust: 100%;
  22. font-size-adjust: 100%
  23. }
  24. body {
  25. color: #333;
  26. font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  27. font-style: normal;
  28. font-weight: 400;
  29. line-height: 1.42857143;
  30. font-size: 14px
  31. }
  32. p {
  33. margin-top: 0;
  34. margin-bottom: 10px
  35. }
  36. abbr[title] {
  37. cursor: help;
  38. border-bottom: 1px dotted #ccc
  39. }
  40. b,
  41. strong {
  42. font-weight: 700
  43. }
  44. em,
  45. i {
  46. font-style: italic
  47. }
  48. mark {
  49. background: #f6f6f6;
  50. color: #000
  51. }
  52. small,
  53. .small {
  54. font-size: 12px
  55. }
  56. hr {
  57. border: 0;
  58. border-top: 1px solid #ccc;
  59. margin-bottom: 20px;
  60. margin-top: 20px
  61. }
  62. sub,
  63. sup {
  64. font-size: 71.42857143000001%;
  65. line-height: 0;
  66. position: relative;
  67. vertical-align: baseline
  68. }
  69. sup {
  70. top: -.5em
  71. }
  72. sub {
  73. bottom: -.25em
  74. }
  75. dfn {
  76. font-style: italic
  77. }
  78. h1 {
  79. font-weight: 300;
  80. line-height: 1.1;
  81. font-size: 26px;
  82. margin-top: 0;
  83. margin-bottom: 20px
  84. }
  85. h2 {
  86. font-weight: 300;
  87. line-height: 1.1;
  88. font-size: 26px;
  89. margin-top: 25px;
  90. margin-bottom: 20px
  91. }
  92. h3 {
  93. font-weight: 300;
  94. line-height: 1.1;
  95. font-size: 18px;
  96. margin-top: 20px;
  97. margin-bottom: 10px
  98. }
  99. h4 {
  100. font-weight: 700;
  101. line-height: 1.1;
  102. font-size: 14px;
  103. margin-top: 20px;
  104. margin-bottom: 20px
  105. }
  106. h5 {
  107. font-weight: 700;
  108. line-height: 1.1;
  109. font-size: 12px;
  110. margin-top: 20px;
  111. margin-bottom: 20px
  112. }
  113. h6 {
  114. font-weight: 700;
  115. line-height: 1.1;
  116. font-size: 10px;
  117. margin-top: 20px;
  118. margin-bottom: 20px
  119. }
  120. h1 small,
  121. h2 small,
  122. h3 small,
  123. h4 small,
  124. h5 small,
  125. h6 small,
  126. h1 .small,
  127. h2 .small,
  128. h3 .small,
  129. h4 .small,
  130. h5 .small,
  131. h6 .small {
  132. color: #333;
  133. font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  134. font-style: normal;
  135. font-weight: 400;
  136. line-height: 1
  137. }
  138. a,
  139. .alink {
  140. color: #1979c3;
  141. text-decoration: none
  142. }
  143. a:visited,
  144. .alink:visited {
  145. color: #1979c3;
  146. text-decoration: none
  147. }
  148. a:hover,
  149. .alink:hover {
  150. color: #006bb4;
  151. text-decoration: underline
  152. }
  153. a:active,
  154. .alink:active {
  155. color: #ff5501;
  156. text-decoration: underline
  157. }
  158. ul,
  159. ol {
  160. margin-top: 0;
  161. margin-bottom: 25px
  162. }
  163. ul > li,
  164. ol > li {
  165. margin-top: 0;
  166. margin-bottom: 10px
  167. }
  168. ul ul,
  169. ol ul,
  170. ul ol,
  171. ol ol {
  172. margin-bottom: 0
  173. }
  174. dl {
  175. margin-bottom: 20px;
  176. margin-top: 0
  177. }
  178. dt {
  179. font-weight: 700;
  180. margin-bottom: 5px;
  181. margin-top: 0
  182. }
  183. dd {
  184. margin-bottom: 10px;
  185. margin-top: 0;
  186. margin-left: 0
  187. }
  188. code,
  189. kbd,
  190. pre,
  191. samp {
  192. font-family: Menlo, Monaco, Consolas, 'Courier New', monospace
  193. }
  194. code {
  195. background: #f6f6f6;
  196. color: #111;
  197. padding: 2px 4px;
  198. font-size: 12px;
  199. white-space: nowrap
  200. }
  201. kbd {
  202. background: #f6f6f6;
  203. color: #111;
  204. padding: 2px 4px;
  205. font-size: 12px
  206. }
  207. pre {
  208. background: #f6f6f6;
  209. border: 1px solid #ccc;
  210. color: #111;
  211. line-height: 1.42857143;
  212. margin: 0 0 10px;
  213. padding: 10px;
  214. font-size: 12px;
  215. display: block;
  216. word-wrap: break-word
  217. }
  218. pre code {
  219. background-color: transparent;
  220. border-radius: 0;
  221. color: inherit;
  222. font-size: inherit;
  223. padding: 0;
  224. white-space: pre-wrap
  225. }
  226. blockquote {
  227. border-left: 0 solid #ccc;
  228. margin: 0 0 20px 40px;
  229. padding: 0;
  230. color: #333;
  231. font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  232. font-style: italic;
  233. font-weight: 400;
  234. line-height: 1.42857143;
  235. font-size: 14px
  236. }
  237. blockquote p:last-child,
  238. blockquote ul:last-child,
  239. blockquote ol:last-child {
  240. margin-bottom: 0
  241. }
  242. blockquote footer,
  243. blockquote small,
  244. blockquote .small {
  245. color: #333;
  246. line-height: 1.42857143;
  247. font-size: 10px;
  248. display: block
  249. }
  250. blockquote footer:before,
  251. blockquote small:before,
  252. blockquote .small:before {
  253. content: '\2014 \00A0'
  254. }
  255. blockquote cite {
  256. font-style: normal
  257. }
  258. blockquote:before,
  259. blockquote:after {
  260. content: ''
  261. }
  262. q {
  263. quotes: none
  264. }
  265. q:before,
  266. q:after {
  267. content: '';
  268. content: none
  269. }
  270. cite {
  271. font-style: normal
  272. }
  273. body {
  274. font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  275. font-weight: normal;
  276. text-align: left
  277. }
  278. th,
  279. td {
  280. font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
  281. }
  282. a {
  283. color: #1979c3;
  284. text-decoration: none
  285. }
  286. html,
  287. body {
  288. background-color: #f5f5f5
  289. }
  290. .wrapper {
  291. margin: 0 auto
  292. }
  293. .wrapper-inner {
  294. padding-bottom: 30px;
  295. width: 100%
  296. }
  297. .main {
  298. margin: 0 auto;
  299. text-align: left;
  300. width: 660px
  301. }
  302. .header {
  303. padding: 25px 25px 0
  304. }
  305. .main-content {
  306. background-color: #fff;
  307. padding: 25px
  308. }
  309. .footer {
  310. padding: 0 25px 25px
  311. }
  312. .button > tr > td {
  313. padding-bottom: 10px
  314. }
  315. .button .inner-wrapper td {
  316. -webkit-border-radius: 3px;
  317. -moz-border-radius: 3px;
  318. -ms-border-radius: 3px;
  319. border-radius: 3px;
  320. background-color: #1979c3
  321. }
  322. .button .inner-wrapper td a {
  323. -webkit-border-radius: 3px;
  324. -moz-border-radius: 3px;
  325. -ms-border-radius: 3px;
  326. border-radius: 3px;
  327. border: 1px solid #1979c3;
  328. color: #fff;
  329. display: inline-block;
  330. font-size: 14px;
  331. padding: 7px 15px;
  332. text-decoration: none
  333. }
  334. .message-info,
  335. .message-gift {
  336. width: 100%
  337. }
  338. .message-info td,
  339. .message-gift td {
  340. background-color: #fdf0d5;
  341. border: 1px solid false;
  342. color: #333;
  343. margin: 0;
  344. padding: 10px
  345. }
  346. .message-info td a,
  347. .message-gift td a {
  348. color: #1979c3
  349. }
  350. .message-info td h1,
  351. .message-gift td h1,
  352. .message-info td h2,
  353. .message-gift td h2,
  354. .message-info td h3,
  355. .message-gift td h3,
  356. .message-info td h4,
  357. .message-gift td h4,
  358. .message-info td h5,
  359. .message-gift td h5,
  360. .message-info td h6,
  361. .message-gift td h6 {
  362. margin-top: 0
  363. }
  364. .header {
  365. background-color: #f5f5f5;
  366. padding: 25px
  367. }
  368. .footer {
  369. background-color: #f5f5f5;
  370. padding: 25px
  371. }
  372. .footer table {
  373. width: 100%
  374. }
  375. .footer table td {
  376. padding-bottom: 25px;
  377. width: 33%
  378. }
  379. .footer table td p {
  380. margin-bottom: 0
  381. }
  382. .footer table td p.phone {
  383. font-size: 18px
  384. }
  385. .footer table td p.phone a {
  386. color: inherit
  387. }
  388. .email-items .bundle-option-label > td {
  389. padding: 0 10px 0 30px
  390. }
  391. .email-items .bundle-option-value > td {
  392. padding: 0 10px 10px
  393. }
  394. .email-items .bundle-option-value > td.item-info {
  395. padding: 0 10px 10px 40px
  396. }
  397. .email-items tr.bundle-option-value + tr > td.item-extra {
  398. padding-top: 10px
  399. }
  400. .email-credentials {
  401. width: 100%
  402. }
  403. .email-credentials th {
  404. text-align: left
  405. }
  406. .email-credentials tr + tr th,
  407. .email-credentials tr + tr td {
  408. padding-bottom: 10px
  409. }
  410. .email-features {
  411. width: 100%
  412. }
  413. .email-features td {
  414. width: 50%
  415. }
  416. .email-features td table {
  417. width: 100%
  418. }
  419. .email-features td table td {
  420. padding-right: 10px;
  421. width: 30px
  422. }
  423. .email-features td table td h3 {
  424. margin-bottom: 0;
  425. margin-top: 5px
  426. }
  427. .email-features td table td p {
  428. margin-bottom: 0
  429. }
  430. .email-features td table td + td {
  431. padding-right: 25px;
  432. width: auto
  433. }
  434. .email-features tr + tr > td {
  435. padding-top: 20px
  436. }
  437. .email-intro td {
  438. padding-bottom: 20px
  439. }
  440. .email-summary h1 {
  441. border-bottom: 1px solid #ccc;
  442. margin-bottom: 10px;
  443. padding-bottom: 10px
  444. }
  445. .order-details {
  446. width: 100%
  447. }
  448. .order-details tr > .address-details,
  449. .order-details tr > .method-info {
  450. padding: 10px 10px 10px 0;
  451. width: 50%
  452. }
  453. .order-details tr > .address-details h3,
  454. .order-details tr > .method-info h3 {
  455. margin-top: 0
  456. }
  457. .order-details tr + .method-info > td {
  458. padding: 0 0 10px
  459. }
  460. .order-details .payment-method {
  461. margin-bottom: 10px
  462. }
  463. .order-details .payment-method .title {
  464. font-weight: 400
  465. }
  466. .order-details .payment-method .data.table > caption {
  467. display: none
  468. }
  469. .order-details .payment-method .data.table th {
  470. padding-right: 10px
  471. }
  472. .shipment-track {
  473. width: 100%;
  474. border-collapse: collapse;
  475. border-spacing: 0;
  476. max-width: 100%
  477. }
  478. .shipment-track th {
  479. text-align: left
  480. }
  481. .shipment-track > tbody > tr > th,
  482. .shipment-track > tfoot > tr > th,
  483. .shipment-track > tbody > tr > td,
  484. .shipment-track > tfoot > tr > td {
  485. vertical-align: top
  486. }
  487. .shipment-track > thead > tr > th,
  488. .shipment-track > thead > tr > td {
  489. vertical-align: bottom
  490. }
  491. .shipment-track > thead > tr > th,
  492. .shipment-track > tbody > tr > th,
  493. .shipment-track > tfoot > tr > th,
  494. .shipment-track > thead > tr > td,
  495. .shipment-track > tbody > tr > td,
  496. .shipment-track > tfoot > tr > td {
  497. padding: 0 10px
  498. }
  499. .shipment-track thead > tr > th,
  500. .shipment-track tbody > tr > th,
  501. .shipment-track thead > tr > td,
  502. .shipment-track tbody > tr > td {
  503. background-color: #f5f5f5;
  504. padding: 10px;
  505. width: 50%
  506. }
  507. .shipment-track thead > tr + tr th,
  508. .shipment-track tbody > tr + tr th,
  509. .shipment-track thead > tr + tr td,
  510. .shipment-track tbody > tr + tr td {
  511. padding-top: 0
  512. }
  513. .email-items {
  514. width: 100%;
  515. border-collapse: collapse;
  516. border-spacing: 0;
  517. max-width: 100%
  518. }
  519. .email-items th {
  520. text-align: left
  521. }
  522. .email-items > tbody > tr > th,
  523. .email-items > tfoot > tr > th,
  524. .email-items > tbody > tr > td,
  525. .email-items > tfoot > tr > td {
  526. vertical-align: top
  527. }
  528. .email-items > thead > tr > th,
  529. .email-items > thead > tr > td {
  530. vertical-align: bottom
  531. }
  532. .email-items > thead > tr > th,
  533. .email-items > tbody > tr > th,
  534. .email-items > tfoot > tr > th,
  535. .email-items > thead > tr > td,
  536. .email-items > tbody > tr > td,
  537. .email-items > tfoot > tr > td {
  538. padding: 0 10px
  539. }
  540. .email-items tfoot > tr > th,
  541. .email-items tfoot > tr > td {
  542. background-color: #f5f5f5
  543. }
  544. .email-items > thead > tr > th,
  545. .email-items > tbody > tr > th {
  546. padding: 10px
  547. }
  548. .email-items > thead > tr > td,
  549. .email-items > tbody > tr > td {
  550. padding: 10px
  551. }
  552. .email-items > thead > tr > td.message-gift,
  553. .email-items > tbody > tr > td.message-gift {
  554. border-top: none;
  555. padding-top: 0
  556. }
  557. .email-items > tbody > tr > th,
  558. .email-items > tbody > tr > td {
  559. border-top: 1px solid #ccc
  560. }
  561. .email-items > tbody > tr + tr > th,
  562. .email-items > tbody > tr + tr > td {
  563. border-top: 0
  564. }
  565. .email-items p {
  566. margin-bottom: 0
  567. }
  568. .email-items .product-name {
  569. font-weight: 700;
  570. margin-bottom: 5px
  571. }
  572. .email-items .has-extra .sku {
  573. margin-bottom: 10px
  574. }
  575. .email-items .item-info dl {
  576. margin-bottom: 0;
  577. padding-left: 20px
  578. }
  579. .email-items .item-info dl dt,
  580. .email-items .item-info dl dd {
  581. margin-bottom: 0;
  582. padding-bottom: 0
  583. }
  584. .email-items .item-info dl dd {
  585. padding-left: 10px
  586. }
  587. .email-items .item-qty {
  588. text-align: center
  589. }
  590. .email-items .item-price {
  591. text-align: right
  592. }
  593. .email-items .item-extra {
  594. padding-top: 0
  595. }
  596. .email-items .order-totals > tr > th {
  597. font-weight: 400
  598. }
  599. .email-items .order-totals > tr > th,
  600. .email-items .order-totals > tr > td {
  601. padding: 10px;
  602. background-color: #fff
  603. }
  604. .email-items .order-totals > tr > th {
  605. text-align: left
  606. }
  607. .email-items .order-totals > tr > td {
  608. text-align: right
  609. }
  610. .email-items .order-totals > tr + tr th,
  611. .email-items .order-totals > tr + tr td {
  612. padding-top: 0
  613. }
  614. .email-items .order-totals .price {
  615. white-space: nowrap
  616. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement