Aucune description

style.css 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529
  1. #screen-meta,
  2. #screen-meta-links {
  3. display: none !important;
  4. }
  5. .nsl-clear {
  6. clear: both;
  7. }
  8. #wpcontent {
  9. padding-left: 0;
  10. padding-right: 0;
  11. }
  12. #nsl-admin {
  13. margin: 0;
  14. }
  15. .error + #nsl-admin,
  16. .notice + #nsl-admin,
  17. .updated + #nsl-admin {
  18. margin-top: 30px;
  19. }
  20. #nsl-admin,
  21. #nsl-admin p,
  22. #nsl-admin ul,
  23. #nsl-admin li {
  24. font-size: 13px;
  25. }
  26. #nsl-admin .nsl-admin-embed-youtube {
  27. position: relative;
  28. max-width: 1280px;
  29. margin-top: 40px;
  30. }
  31. #nsl-admin .nsl-admin-embed-youtube div {
  32. padding-bottom: 56.25%;
  33. }
  34. #nsl-admin .nsl-admin-embed-youtube iframe {
  35. position: absolute;
  36. left: 0;
  37. top: 0;
  38. width: 100%;
  39. height: 100%;
  40. }
  41. #nsl-admin .form-table th em {
  42. font-weight: normal;
  43. }
  44. #nsl-admin .nsl-admin-header {
  45. background: #0073aa;
  46. height: 106px;
  47. display: flex;
  48. align-items: center;
  49. padding: 0 20px;
  50. }
  51. #nsl-admin .nsl-admin-header h1 {
  52. margin: 0 auto 0 0;
  53. padding: 0;
  54. }
  55. #nsl-admin .nsl-admin-header h1,
  56. #nsl-admin .nsl-admin-header h1 a {
  57. color: #ffffff;
  58. font-size: 24px;
  59. text-decoration: none;
  60. }
  61. #nsl-admin .nsl-admin-header h1 a {
  62. line-height: 64px;
  63. vertical-align: top;
  64. }
  65. #nsl-admin .nsl-admin-header a:focus {
  66. box-shadow: none;
  67. }
  68. #nsl-admin .nsl-admin-header h1 a img {
  69. margin: 0 10px;
  70. vertical-align: middle;
  71. }
  72. #nsl-admin .nsl-admin-header a.nsl-admin-header-nav {
  73. color: #ffffff;
  74. font-size: 16px;
  75. text-decoration: none;
  76. padding: 20px;
  77. }
  78. #nsl-admin .nsl-admin-nav-bar {
  79. display: flex;
  80. background: #ffffff;
  81. height: 55px;
  82. border-bottom: 1px solid #dbdbdb;
  83. padding: 0 10px;
  84. }
  85. #nsl-admin .nsl-admin-nav-bar .nsl-admin-nav-tab {
  86. padding: 0 20px;
  87. }
  88. #nsl-admin .nsl-admin-nav-bar .nsl-admin-nav-tab {
  89. line-height: 55px;
  90. text-decoration: none;
  91. color: #23282d;
  92. }
  93. #nsl-admin .nsl-admin-nav-bar .nsl-admin-nav-tab:focus {
  94. box-shadow: none;
  95. }
  96. #nsl-admin .nsl-admin-nav-bar .nsl-admin-nav-tab.nsl-admin-nav-tab-active {
  97. box-shadow: inset 0 -3px 0 0 #00a0d2;
  98. color: #000;
  99. font-weight: bold;
  100. }
  101. #nsl-admin .nsl-admin-sub-nav-bar {
  102. display: flex;
  103. height: 40px;
  104. border-bottom: 1px solid #dddddd;
  105. }
  106. #nsl-admin .nsl-admin-sub-nav-bar .nsl-admin-nav-tab {
  107. position: relative;
  108. margin-right: 30px;
  109. line-height: 40px;
  110. text-decoration: none;
  111. color: #23282d;
  112. }
  113. #nsl-admin .nsl-admin-sub-nav-bar .nsl-admin-nav-tab:focus {
  114. box-shadow: none;
  115. }
  116. #nsl-admin .nsl-admin-sub-nav-bar .nsl-admin-nav-tab.nsl-admin-nav-tab-active {
  117. box-shadow: inset 0 -3px 0 0 #00a0d2;
  118. color: #000;
  119. font-weight: bold;
  120. }
  121. #nsl-admin .nsl-admin-sub-nav-bar .nsl-admin-nav-tab .nsl-pro-badge {
  122. display: block;
  123. background: #0073aa;
  124. border-radius: 3px;
  125. color: #fff;
  126. position: absolute;
  127. right: -20px;
  128. top: -2px;
  129. padding: 0 5px;
  130. line-height: 16px;
  131. font-size: 10px;
  132. font-weight: normal;
  133. text-transform: uppercase;
  134. }
  135. .nsl-dashboard-providers {
  136. position: relative;
  137. padding: 15px;
  138. }
  139. .nsl-dashboard-providers .nsl-dashboard-newsletter {
  140. position: relative;
  141. float: left;
  142. width: 340px;
  143. height: 220px;
  144. margin: 15px;
  145. box-sizing: border-box;
  146. border-radius: 5px;
  147. padding: 15px;
  148. display: flex;
  149. flex-flow: column;
  150. }
  151. .nsl-dashboard-providers .nsl-dashboard-newsletter-content {
  152. text-align: center;
  153. display: flex;
  154. flex-flow: column;
  155. justify-content: center;
  156. align-items: center;
  157. height: 100%;
  158. }
  159. .nsl-dashboard-providers .nsl-dashboard-newsletter-content h2 {
  160. color: #000000;
  161. font-size: 18px;
  162. line-height: 1.5;
  163. margin: 0;
  164. font-weight: 600;
  165. }
  166. .nsl-dashboard-providers .nsl-dashboard-newsletter-content input[type="text"] {
  167. margin: 0 0 13px 0;
  168. text-align: center;
  169. }
  170. .nsl-dashboard-providers .nsl-dashboard-provider {
  171. position: relative;
  172. float: left;
  173. width: 340px;
  174. height: 220px;
  175. margin: 15px;
  176. display: flex;
  177. flex-flow: column;
  178. }
  179. .nsl-dashboard-providers .nsl-dashboard-provider-top {
  180. height: 166px;
  181. display: flex;
  182. flex-flow: column;
  183. justify-content: center;
  184. align-items: center;
  185. border-top-left-radius: 5px;
  186. border-top-right-radius: 5px;
  187. }
  188. .nsl-dashboard-providers h2 {
  189. color: #ffffff;
  190. font-size: 22px;
  191. margin: 20px 0 0 0;
  192. font-weight: 600;
  193. }
  194. .nsl-dashboard-providers .nsl-dashboard-provider-bottom {
  195. background: #ffffff;
  196. flex: 1 1 auto;
  197. display: flex;
  198. align-items: center;
  199. padding: 0 15px;
  200. border: 1px solid #dbdbdb;
  201. border-width: 0 1px 1px 1px;
  202. border-bottom-left-radius: 5px;
  203. border-bottom-right-radius: 5px;
  204. }
  205. .nsl-dashboard-provider-bottom-state {
  206. margin-right: auto;
  207. font-size: 14px;
  208. color: #23282d;
  209. }
  210. [data-state="not-tested"] .nsl-dashboard-provider-bottom-state {
  211. color: #0b97c6;
  212. }
  213. [data-state="disabled"] .nsl-dashboard-provider-bottom-state {
  214. color: #c8463f;
  215. }
  216. [data-state="enabled"] .nsl-dashboard-provider-bottom-state {
  217. color: #46b450;
  218. }
  219. .nsl-dashboard-providers .nsl-dashboard-provider-bottom a + a {
  220. margin-left: 10px;
  221. }
  222. .nsl-dashboard-provider-sortable-handle {
  223. position: absolute;
  224. left: 0;
  225. top: 0;
  226. width: 27px;
  227. height: 34px;
  228. cursor: move;
  229. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAiCAYAAACuoaIwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTAxLTE3VDE1OjE4OjM5KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wMS0xN1QxNjoxMTo0MSswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wMS0xN1QxNjoxMTo0MSswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjhCNkM3MkZGQjk4MTFFN0E4RDJBRUZBQTI4OUVBNzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjhCNkM3MzBGQjk4MTFFN0E4RDJBRUZBQTI4OUVBNzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOEI2QzcyREZCOTgxMUU3QThEMkFFRkFBMjg5RUE3MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOEI2QzcyRUZCOTgxMUU3QThEMkFFRkFBMjg5RUE3MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po8u91EAAABlSURBVHjaYvz//z8DvQATAx3BqGWjlg0ey1iIUKMDxHFQ9iIgvkKkHFk+AxnGD8VxJMhRHIyMZMoRbRkoeD4B8QcgXkiCHKZrRsvG0aQ/mvRHk/5o0h9N+qNJf9SyUcuoCAACDABr5TA7L7qpSQAAAABJRU5ErkJggg==');
  230. }
  231. .nsl-provider-notice {
  232. position: absolute;
  233. right: 10px;
  234. top: 0;
  235. color: #fff;
  236. line-height: 32px;
  237. font-size: 16px;
  238. }
  239. .nsl-admin-notices {
  240. padding: 30px 30px 0;
  241. }
  242. .nsl-admin-content .nsl-admin-notices {
  243. padding: 20px 0 0;
  244. }
  245. .nsl-admin-notices > div {
  246. margin: 5px 0 2px;
  247. }
  248. .nsl-admin-content {
  249. padding: 10px 30px;
  250. }
  251. .nsl-admin-sub-content {
  252. padding: 20px 0;
  253. }
  254. .nsl-admin-getting-started, .nsl-admin-fix-redirect-uri {
  255. max-width: 65em;
  256. }
  257. .nsl-box {
  258. max-width: 500px;
  259. padding: 30px;
  260. margin: 30px 0;
  261. background: #ffffff no-repeat 20px 40px;
  262. border-radius: 5px;
  263. padding-left: 110px;
  264. }
  265. .nsl-box h2 {
  266. margin: 10px 0 0 0;
  267. }
  268. .nsl-box p {
  269. margin: 20px 0 0 0;
  270. }
  271. .nsl-box-yellow {
  272. border: 3px solid #f9cb4f;
  273. }
  274. .nsl-box-yellow-bg {
  275. background: #faf7ea no-repeat 20px 40px;
  276. }
  277. .nsl-box-blue {
  278. border: 3px solid #00a0d2;
  279. background-image: url('images/test-needed.png');
  280. }
  281. .nsl-box-green {
  282. border: 3px solid #46b450;
  283. background-image: url('images/ok.png');
  284. }
  285. .nsl-box-red {
  286. border: 3px solid #c8463f;
  287. }
  288. .nsl-box-error {
  289. background-image: url('images/error.png');
  290. }
  291. .nsl-box-padlock {
  292. background-image: url('images/padlock.png');
  293. }
  294. .nsl-box-exclamation-mark {
  295. background-image: url('images/exclamation-mark.png');
  296. }
  297. .nsl-box .button {
  298. margin-right: 10px;
  299. }
  300. #nsl-test-configuration {
  301. line-height: 28px;
  302. }
  303. #nsl-test-configuration > * {
  304. margin-right: 10px;
  305. }
  306. #nsl-test-please-save {
  307. display: none;
  308. }
  309. #nsl-admin .CodeMirror {
  310. height: auto;
  311. }
  312. #nsl-admin .CodeMirror-scroll {
  313. min-height: 100px;
  314. }
  315. #nsl-admin fieldset label {
  316. vertical-align: top;
  317. }
  318. input[type="radio"] ~ img {
  319. margin-top: 20px;
  320. margin-right: 30px;
  321. }
  322. input[type="radio"]:checked ~ img {
  323. box-shadow: 0 0 0 3px #00a0d2;
  324. border-radius: 3px;
  325. }
  326. .nsl-box-review {
  327. position: relative;
  328. float: left;
  329. width: 340px;
  330. height: 220px;
  331. margin: 15px;
  332. text-align: center;
  333. background: #fff;
  334. border-radius: 5px;
  335. }
  336. .nsl-box-review-bigstar {
  337. width: 170px;
  338. height: 105px;
  339. margin: 20px auto 0;
  340. background-image: url('images/stars-big.png');
  341. }
  342. [data-stars="1"] .nsl-box-review-bigstar {
  343. background-position: 0 -105px;
  344. }
  345. [data-stars="2"] .nsl-box-review-bigstar {
  346. background-position: 0 -210px;
  347. }
  348. [data-stars="3"] .nsl-box-review-bigstar {
  349. background-position: 0 -315px;
  350. }
  351. [data-stars="4"] .nsl-box-review-bigstar {
  352. background-position: 0 -420px;
  353. }
  354. [data-stars="5"] .nsl-box-review-bigstar {
  355. background-position: 0 -525px;
  356. }
  357. .nsl-box-review-label {
  358. color: #7b8898;
  359. font-size: 15px;
  360. line-height: 22px;
  361. height: 22px;
  362. overflow: hidden;
  363. display: none;
  364. }
  365. [data-stars="0"] .nsl-box-review-label[data-star="0"],
  366. [data-stars="1"] .nsl-box-review-label[data-star="1"],
  367. [data-stars="2"] .nsl-box-review-label[data-star="2"],
  368. [data-stars="3"] .nsl-box-review-label[data-star="3"],
  369. [data-stars="4"] .nsl-box-review-label[data-star="4"],
  370. [data-stars="5"] .nsl-box-review-label[data-star="5"] {
  371. display: block;
  372. }
  373. .nsl-box-review-stars-container {
  374. width: 170px;
  375. height: 34px;
  376. margin: 0 auto;
  377. }
  378. .nsl-box-review-star {
  379. cursor: pointer;
  380. transition: transform 0.4s;
  381. vertical-align: top;
  382. float: left;
  383. width: 34px;
  384. height: 34px;
  385. background-image: url('images/stars-small.png');
  386. }
  387. [data-stars="1"] .nsl-box-review-star[data-star="1"],
  388. [data-stars="2"] .nsl-box-review-star[data-star="1"],
  389. [data-stars="2"] .nsl-box-review-star[data-star="2"],
  390. [data-stars="3"] .nsl-box-review-star[data-star="1"],
  391. [data-stars="3"] .nsl-box-review-star[data-star="2"],
  392. [data-stars="3"] .nsl-box-review-star[data-star="3"],
  393. [data-stars="4"] .nsl-box-review-star[data-star="1"],
  394. [data-stars="4"] .nsl-box-review-star[data-star="2"],
  395. [data-stars="4"] .nsl-box-review-star[data-star="3"],
  396. [data-stars="4"] .nsl-box-review-star[data-star="4"],
  397. [data-stars="5"] .nsl-box-review-star[data-star="1"],
  398. [data-stars="5"] .nsl-box-review-star[data-star="2"],
  399. [data-stars="5"] .nsl-box-review-star[data-star="3"],
  400. [data-stars="5"] .nsl-box-review-star[data-star="4"],
  401. [data-stars="5"] .nsl-box-review-star[data-star="5"] {
  402. background-position: 0 -34px;
  403. transform: scale(1.3);
  404. }
  405. .nsl-box-review-star-5 {
  406. position: relative;
  407. display: flex;
  408. flex-flow: column;
  409. border: 3px solid #f9cb4f;
  410. justify-content: center;
  411. box-sizing: border-box;
  412. padding: 0 30px;
  413. }
  414. .nsl-box-review-star-5 h3 {
  415. margin: 0 0 10px;
  416. }
  417. .nsl-box-review-star-5-description {
  418. margin: 0 0 20px;
  419. }
  420. .nsl-box-review-star-5 .nsl-box-review-star-5-close {
  421. display: none;
  422. position: absolute;
  423. right: 10px;
  424. top: 10px;
  425. color: #23282d;
  426. cursor: pointer;
  427. }
  428. .nsl-box-review-star-5:HOVER .nsl-box-review-star-5-close {
  429. display: block;
  430. }
  431. .nsl-box-review-star-5 .nsl-box-review-star-5-close:before {
  432. content: "\f158";
  433. font: 400 16px/1 dashicons;
  434. speak: none;
  435. vertical-align: middle;
  436. -webkit-font-smoothing: antialiased;
  437. -moz-osx-font-smoothing: grayscale;
  438. }
  439. .nsl-admin-setting-disabled input[type=text] {
  440. display: none;
  441. }