envato-setup.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689
  1. .ta-server-status{
  2. width: 50%;
  3. float: right;
  4. margin-top: 200px;
  5. }
  6. .ta-server-status h3{
  7. text-align: left;
  8. }
  9. .ta-status-table{
  10. text-align: left;
  11. width: 100%;
  12. }
  13. .ta-status-table tr{
  14. width: 100%;
  15. }
  16. .ta-success{
  17. color: #5CB85C;
  18. }
  19. .ta-warning{
  20. color: #F0AD4E;
  21. }
  22. .ta-status-table tr:first-child .ta-status-heading{
  23. padding-top: 0;
  24. }
  25. .ta-status-heading,
  26. .ta-status-value,
  27. .ta-status-message{
  28. padding: 10px 0;
  29. }
  30. .ta-status-value{
  31. font-weight: bold;
  32. }
  33. .ta-status-heading,.ta-status-value, .ta-status-message{
  34. border-bottom: 1px solid #eee;
  35. }
  36. .ta-status-table tr:last-child .ta-status-heading,
  37. .ta-status-table tr:last-child .ta-status-value,
  38. .ta-status-table tr:last-child .ta-status-message{
  39. border-bottom: none;
  40. }
  41. .ta-server-status form{
  42. text-align: left;
  43. margin-bottom: 50px;
  44. }
  45. .ta-server-status form span.dashicons{
  46. color: #3146cb;
  47. }
  48. .envato-setup-content p, .envato-setup-content table {
  49. font-size: 1em;
  50. line-height: 1.75em;
  51. color: #666
  52. }
  53. body {
  54. margin: 30px auto 24px;
  55. box-shadow: 0 3px 6px rgba(0,0,0,0.2);
  56. background: #f1f1f1;
  57. padding: 0;
  58. height: auto;
  59. min-width:800px;
  60. }
  61. a{
  62. text-decoration: none;
  63. }
  64. .bold{
  65. font-weight: 700;
  66. }
  67. .pull-right{
  68. float:right;
  69. }
  70. #wc-logo{
  71. border: 0;
  72. margin: 0;
  73. padding: 10px;
  74. background:#fff;
  75. text-align: center;
  76. }
  77. #wc-logo img {
  78. max-width: 30%
  79. }
  80. .ta-ad-pri1ce-content .main-button{
  81. display: inline;
  82. }
  83. .main-button{
  84. display: inline-block;
  85. background-color: #3146cb;
  86. color: #fff;
  87. text-transform: uppercase;
  88. font-weight: 600;
  89. line-height: 55px;
  90. letter-spacing: 1px;
  91. padding: 0 27px;
  92. border: none;
  93. position: relative;
  94. -webkit-transition: all 0.3s ease;
  95. -o-transition: all 0.3s ease;
  96. transition: all 0.3s ease;
  97. text-decoration: none;
  98. border-radius: 0;
  99. z-index: 2;
  100. }
  101. .main-button:focus, .main-button:active, .main-button:hover{
  102. background-color: #041aa4;
  103. color: #fff;
  104. }
  105. .secondary-button{
  106. display: inline-block;
  107. display: inline-block;
  108. background-color: #edf2f4;
  109. color: #454A54;
  110. text-transform: uppercase;
  111. font-weight: 600;
  112. line-height: 55px;
  113. letter-spacing: 1px;
  114. padding: 0 27px;
  115. border: none;
  116. position: relative;
  117. -webkit-transition: all 0.3s ease;
  118. -o-transition: all 0.3s ease;
  119. transition: all 0.3s ease;
  120. text-decoration: none;
  121. border-radius: 0;
  122. z-index: 2;
  123. }
  124. .secondary-button:hover{
  125. color:#454A54;
  126. }
  127. a.main-button{
  128. color:#fff;
  129. outline: none;
  130. }
  131. a.main-button:hover,
  132. a.main-button:visited{
  133. outline: none;
  134. }
  135. .pointer{
  136. cursor: pointer;
  137. }
  138. .ta-imp-demo{
  139. width:30%;
  140. }
  141. .envato-setup-content {
  142. padding: 24px 24px 0;
  143. background: #fff;
  144. overflow: hidden;
  145. zoom: 1;
  146. text-align:center;
  147. }
  148. .envato-setup-content h1, .envato-setup-content h2, .envato-setup-content h3, .envato-setup-content table {
  149. margin: 0 0 24px;
  150. border: 0;
  151. padding: 0;
  152. color: #666;
  153. clear: none
  154. }
  155. .envato-setup-content table{
  156. margin:0;
  157. }
  158. .envato-setup-content p {
  159. margin: 24px 0 24px 0;
  160. }
  161. .envato-setup-content .form-table th {
  162. width: 35%;
  163. vertical-align: top;
  164. font-weight: 400
  165. }
  166. .envato-setup-content .form-table td {
  167. vertical-align: top
  168. }
  169. .envato-setup-content .form-table td input, .envato-setup-content .form-table td select {
  170. width: 100%;
  171. box-sizing: border-box
  172. }
  173. .envato-setup-content .form-table td input[size] {
  174. width: auto
  175. }
  176. .envato-setup-content .form-table td .description {
  177. line-height: 1.5em;
  178. display: block;
  179. margin-top: .25em;
  180. color: #999;
  181. font-style: italic
  182. }
  183. .envato-setup-content .form-table td .input-checkbox, .envato-setup-content .form-table td .input-radio {
  184. width: auto;
  185. box-sizing: inherit;
  186. padding: inherit;
  187. margin: 0 .5em 0 0;
  188. box-shadow: none
  189. }
  190. .envato-setup-content .form-table .section_title td {
  191. padding: 0
  192. }
  193. .envato-setup-content .form-table .section_title td h2, .envato-setup-content .form-table .section_title td p {
  194. margin: 12px 0 0
  195. }
  196. .envato-setup-content .form-table td, .envato-setup-content .form-table th {
  197. padding: 12px 0;
  198. margin: 0;
  199. border: 0
  200. }
  201. .envato-setup-content .form-table td:first-child, .envato-setup-content .form-table th:first-child {
  202. padding-right: 1em
  203. }
  204. .envato-setup-content .form-table table.tax-rates {
  205. width: 100%;
  206. font-size: .92em
  207. }
  208. .envato-setup-content .form-table table.tax-rates th {
  209. padding: 0;
  210. text-align: center;
  211. width: auto;
  212. vertical-align: middle
  213. }
  214. .envato-setup-content .form-table table.tax-rates td {
  215. border: 1px solid #eee;
  216. padding: 6px;
  217. text-align: center;
  218. vertical-align: middle
  219. }
  220. .envato-setup-content .form-table table.tax-rates td input {
  221. outline: 0;
  222. border: 0;
  223. padding: 0;
  224. box-shadow: none;
  225. text-align: center
  226. }
  227. .envato-setup-content .form-table table.tax-rates td.sort {
  228. cursor: move;
  229. color: #ccc
  230. }
  231. .envato-setup-content .form-table table.tax-rates td.sort:before {
  232. content: "\f333";
  233. font-family: dashicons
  234. }
  235. .envato-setup-content .form-table table.tax-rates .add {
  236. padding: 1em 0 0 1em;
  237. line-height: 1em;
  238. font-size: 1em;
  239. width: 0;
  240. margin: 6px 0 0;
  241. height: 0;
  242. overflow: hidden;
  243. position: relative;
  244. display: inline-block
  245. }
  246. .envato-setup-content .form-table table.tax-rates .add:before {
  247. content: "\f502";
  248. font-family: dashicons;
  249. position: absolute;
  250. left: 0;
  251. top: 0
  252. }
  253. .envato-setup-content .form-table table.tax-rates .remove {
  254. padding: 1em 0 0 1em;
  255. line-height: 1em;
  256. font-size: 1em;
  257. width: 0;
  258. margin: 0;
  259. height: 0;
  260. overflow: hidden;
  261. position: relative;
  262. display: inline-block
  263. }
  264. .envato-setup-content .form-table table.tax-rates .remove:before {
  265. content: "\f182";
  266. font-family: dashicons;
  267. position: absolute;
  268. left: 0;
  269. top: 0
  270. }
  271. .envato-setup-content .envato-setup-plugins {
  272. width: 100%;
  273. border-top: 1px solid #eee
  274. }
  275. .envato-setup-content .envato-setup-plugins thead th {
  276. display: none
  277. }
  278. .envato-setup-content .envato-setup-plugins .plugin-name {
  279. width: 30%;
  280. font-weight: 700
  281. }
  282. .envato-setup-content .envato-setup-plugins td, .envato-setup-content .envato-setup-plugins th {
  283. padding: 14px 0;
  284. border-bottom: 1px solid #eee
  285. }
  286. .envato-setup-content .envato-setup-plugins td:first-child, .envato-setup-content .envato-setup-plugins th:first-child {
  287. padding-right: 9px
  288. }
  289. .envato-setup-content .envato-setup-plugins th {
  290. padding-top: 0
  291. }
  292. .envato-setup-content .envato-setup-plugins .page-options p {
  293. color: #777;
  294. margin: 6px 0 0 24px;
  295. line-height: 1.75em
  296. }
  297. .envato-setup-content .envato-setup-plugins .page-options p input {
  298. vertical-align: middle;
  299. margin: 1px 0 0;
  300. height: 1.75em;
  301. width: 1.75em;
  302. line-height: 1.75em
  303. }
  304. .envato-setup-content .envato-setup-plugins .page-options p label {
  305. line-height: 1
  306. }
  307. @media screen and (max-width: 782px) {
  308. .envato-setup-content .form-table tbody th {
  309. width: auto
  310. }
  311. }
  312. .envato-setup-content .twitter-share-button {
  313. float: right
  314. }
  315. .envato-setup-content .envato-setup-next-steps {
  316. overflow: hidden;
  317. margin: 0 0 24px
  318. }
  319. .envato-setup-content .envato-setup-next-steps h2 {
  320. margin-bottom: 12px
  321. }
  322. .envato-setup-content .envato-setup-next-steps .envato-setup-next-steps-first {
  323. float: left;
  324. width: 50%;
  325. box-sizing: border-box
  326. }
  327. .envato-setup-content .envato-setup-next-steps .envato-setup-next-steps-last {
  328. float: right;
  329. width: 50%;
  330. box-sizing: border-box
  331. }
  332. .envato-setup-content .envato-setup-next-steps ul {
  333. padding: 0 2em 0 0;
  334. list-style: none;
  335. margin: 0 0 -.75em
  336. }
  337. .envato-setup-content .envato-setup-next-steps ul li a {
  338. display: block;
  339. padding: 0 0 .75em
  340. }
  341. .envato-setup-content .envato-setup-next-steps ul .setup-product a {
  342. text-align: center;
  343. font-size: 1em;
  344. padding: 1em;
  345. line-height: 1.75em;
  346. height: auto;
  347. margin: 0 0 .75em;
  348. opacity: 1;
  349. }
  350. .envato-setup-content .envato-setup-next-steps ul .setup-product a.button-primary {
  351. background-color: #3146cb;
  352. border-color: #3146cb;
  353. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 0 rgba(0, 0, 0, .15);
  354. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 0 rgba(0, 0, 0, .15)
  355. }
  356. .envato-setup-content .envato-setup-next-steps ul li a:before {
  357. color: #82878c;
  358. font: 400 20px/1 dashicons;
  359. speak: none;
  360. display: inline-block;
  361. padding: 0 10px 0 0;
  362. top: 1px;
  363. position: relative;
  364. -webkit-font-smoothing: antialiased;
  365. -moz-osx-font-smoothing: grayscale;
  366. text-decoration: none !important;
  367. vertical-align: top
  368. }
  369. .envato-setup-content .envato-setup-next-steps ul .documentation a:before {
  370. content: "\f331"
  371. }
  372. .envato-setup-content .envato-setup-next-steps ul .howto a:before {
  373. content: "\f223"
  374. }
  375. .envato-setup-content .envato-setup-next-steps ul .rating a:before {
  376. content: "\f155"
  377. }
  378. .envato-setup-content .envato-setup-next-steps ul .support a:before {
  379. content: "\f307"
  380. }
  381. .envato-setup-content .updated, .envato-setup-content .woocommerce-language-pack, .envato-setup-content .woocommerce-tracker {
  382. padding: 24px 24px 0;
  383. margin: 0 0 24px;
  384. overflow: hidden;
  385. background: #f5f5f5
  386. }
  387. .envato-setup-content .updated p, .envato-setup-content .woocommerce-language-pack p, .envato-setup-content .woocommerce-tracker p {
  388. padding: 0;
  389. margin: 0 0 12px
  390. }
  391. .envato-setup-content .updated p:last-child, .envato-setup-content .woocommerce-language-pack p:last-child, .envato-setup-content .woocommerce-tracker p:last-child {
  392. margin: 0 0 24px
  393. }
  394. .envato-setup-steps {
  395. padding: 24px 0 36px 0;
  396. margin: 0;
  397. list-style: none;
  398. overflow: hidden;
  399. color: #ccc;
  400. background: #fff;
  401. width: 100%;
  402. display: -webkit-inline-flex;
  403. display: -ms-inline-flexbox;
  404. display: inline-flex
  405. }
  406. .envato-setup-steps li {
  407. width: 33.3%;
  408. float: left;
  409. padding: 0 0 .8em;
  410. margin: 0;
  411. text-align: center;
  412. position: relative;
  413. border-bottom: 4px solid #A9B6B8;
  414. line-height: 1.4em;
  415. font-weight:700;
  416. color: #A9B6B8;
  417. }
  418. .envato-setup-steps li:before {
  419. content: "";
  420. border: 4px solid #A9B6B8;
  421. border-radius: 100%;
  422. width: 4px;
  423. height: 4px;
  424. position: absolute;
  425. bottom: 0;
  426. left: 50%;
  427. margin-left: -6px;
  428. margin-bottom: -8px;
  429. background: #fff
  430. }
  431. .envato-setup-steps li a{
  432. text-decoration: none;
  433. }
  434. .envato-setup-steps li.active {
  435. border-color: #3146cb;
  436. color: #3146cb
  437. }
  438. .envato-setup-steps li.active a{
  439. color: #3146cb
  440. }
  441. .envato-setup-steps li.active:before {
  442. border-color: #3146cb
  443. }
  444. .envato-setup-steps li.done {
  445. border-color: #3146cb;
  446. color: #3146cb
  447. }
  448. .envato-setup-steps li.done a {
  449. color: #3146cb
  450. }
  451. .envato-setup-steps li.done:before {
  452. border-color: #3146cb;
  453. background: #3146cb
  454. }
  455. .envato-setup .envato-setup-actions {
  456. overflow: hidden;
  457. margin: 90px 0 24px 0;
  458. }
  459. .envato-setup .envato-setup-actions .button {
  460. font-size: 1.25em;
  461. padding: .5em 1em;
  462. line-height: 1em;
  463. margin-right: .5em;
  464. height: auto
  465. }
  466. .envato-setup .envato-setup-actions .button-primary {
  467. margin: 0;
  468. float: right;
  469. opacity: 1;
  470. }
  471. .wc-return-to-dashboard {
  472. font-size: .85em;
  473. color: #b5b5b5;
  474. margin: 1.18em 0;
  475. display: block;
  476. text-align: center
  477. }
  478. .dtbaker_loading_button_current{
  479. color:#CCC !important;
  480. text-align: center;
  481. }
  482. .envato-wizard-plugins li{
  483. position: relative;
  484. text-align: left;
  485. }
  486. .envato-wizard-plugins li span{
  487. padding: 0 0 0 10px;
  488. font-size: 0.9em;
  489. color: #3146cb;
  490. display: inline-block;
  491. position: relative;
  492. float: right;
  493. }
  494. .envato-wizard-plugins.installing li .spinner{
  495. visibility: visible;
  496. }
  497. .envato-wizard-plugins li .spinner{
  498. display: inline-block;
  499. position: absolute;
  500. }
  501. .envato-setup-pages{
  502. width:100%;
  503. }
  504. .envato-setup-pages .check{
  505. width:35px;
  506. }
  507. .envato-setup-pages .item{
  508. width:90px;
  509. }
  510. .envato-setup-pages td,
  511. .envato-setup-pages th{
  512. padding:5px;
  513. }
  514. .envato-setup-pages .status{
  515. display: none;
  516. }
  517. .envato-setup-pages.installing .status{
  518. display: table-cell;
  519. }
  520. .envato-setup-pages.installing .status span{
  521. display: inline-block;
  522. position: relative;
  523. }
  524. .envato-setup-pages.installing .description{
  525. display: none;
  526. }
  527. .envato-setup-pages.installing .spinner{
  528. visibility: visible;
  529. }
  530. .envato-setup-pages .spinner{
  531. display: inline-block;
  532. position: absolute;
  533. }
  534. .theme-presets ul{
  535. list-style:none;
  536. margin:0px 0 15px 0;
  537. padding: 0;
  538. overflow-x:auto;
  539. display: block;
  540. white-space: nowrap;
  541. }
  542. .theme-presets ul li{
  543. list-style:none;
  544. display: inline-block;
  545. padding: 6px;
  546. margin: 50px 0;
  547. vertical-align: bottom;
  548. cursor: pointer;
  549. }
  550. .theme-presets ul li.current{
  551. background: rgba(0,0,0,0.4);
  552. }
  553. .theme-presets ul li.current h5{
  554. color:#fff;
  555. }
  556. .theme-presets ul li a{
  557. line-height:0;
  558. }
  559. .theme-presets ul li a img{
  560. width: 90px;
  561. height:auto;
  562. }
  563. .pos-relative{
  564. position:relative;
  565. float:left;
  566. }
  567. img.loadinerSearch{
  568. height: 30px;
  569. position: absolute;
  570. top: -5px;
  571. width: 30px;
  572. z-index: 99;
  573. display:none;
  574. }
  575. img.checkImg{
  576. height: 30px;
  577. position: absolute;
  578. top: -5px;
  579. width: 30px;
  580. z-index: 99;
  581. right: -30px;
  582. display:none;
  583. }
  584. .content-importer-response{
  585. padding-bottom:20px;
  586. }
  587. .content-importer-response .res-text{
  588. padding-bottom:10px;
  589. }
  590. .content-importer-response img.loadinerSearch{
  591. right: -40px;
  592. }