jetpack-admin-rtl.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494
  1. /*!
  2. * Do not modify this file directly. It is compiled SASS code.
  3. */
  4. .j-row {
  5. width: 100%;
  6. margin: 0 auto;
  7. }
  8. .j-row:before, .j-row:after {
  9. content: " ";
  10. display: table;
  11. }
  12. .j-row:after {
  13. clear: both;
  14. }
  15. .j-col {
  16. padding: 0.85em;
  17. width: 100%;
  18. float: right;
  19. position: relative;
  20. }
  21. @media only screen {
  22. .j-sm-5 {
  23. width: 41.66667%;
  24. }
  25. .j-sm-7 {
  26. width: 58.33333%;
  27. }
  28. .j-sm-12 {
  29. width: 100%;
  30. }
  31. }
  32. @media (min-width: 530px) {
  33. .j-md-4 {
  34. width: 33.33333%;
  35. }
  36. .j-md-6 {
  37. width: 50%;
  38. }
  39. .j-md-8 {
  40. width: 66.66667%;
  41. }
  42. .j-md-12 {
  43. width: 100%;
  44. }
  45. }
  46. @media (min-width: 782px) {
  47. .j-lrg-4 {
  48. width: 33.33333%;
  49. }
  50. .j-lrg-5 {
  51. width: 41.66667%;
  52. }
  53. .j-lrg-6 {
  54. width: 50%;
  55. }
  56. .j-lrg-7 {
  57. width: 58.33333%;
  58. }
  59. .j-lrg-8 {
  60. width: 66.66667%;
  61. }
  62. .j-lrg-12 {
  63. width: 100%;
  64. }
  65. }
  66. @keyframes "candy" {
  67. 0% {
  68. transform: scale(1);
  69. }
  70. 20% {
  71. transform: scale(1.15);
  72. }
  73. 60% {
  74. transform: scale(0.95);
  75. }
  76. 100% {
  77. transform: scale(1);
  78. }
  79. }
  80. .button,
  81. .download-jetpack {
  82. transition: all .1s ease-in-out;
  83. }
  84. .jp-button, .jp-button--settings {
  85. display: inline-block;
  86. position: relative;
  87. padding: 0.76923em 1.46154em;
  88. color: #efefef;
  89. font-weight: bold;
  90. font-size: 0.9285714286em;
  91. line-height: 1;
  92. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  93. background: #6f7476;
  94. border-radius: 3px;
  95. }
  96. .jp-button:visited, .jp-button--settings:visited {
  97. color: #efefef;
  98. }
  99. .jp-button:hover, .jp-button--settings:hover, .jp-button:focus, .jp-button--settings:focus {
  100. color: #fff;
  101. background: #57972d;
  102. }
  103. .jp-button:active, .jp-button--settings:active {
  104. background: #57972d;
  105. opacity: 0.8;
  106. }
  107. .jp-button--settings {
  108. background: #93b45f;
  109. color: #e8eedf;
  110. }
  111. .jp-button--settings:visited {
  112. color: #e8eedf;
  113. }
  114. .jp-button--settings:hover, .jp-button--settings:focus {
  115. background: #9fbd72;
  116. color: #fff;
  117. }
  118. .jp-button--settings.current {
  119. background: #3c6621;
  120. color: #fff;
  121. box-shadow: inset 0 2px 0 #365A1F, inset 0 1px 3px #3c6621;
  122. }
  123. .download-jetpack {
  124. display: inline-block;
  125. position: relative;
  126. padding: 0.64286em 1.08696em 0.53571em;
  127. color: #fff;
  128. font-weight: 400;
  129. font-size: 20px;
  130. line-height: 1;
  131. background: #518d2a;
  132. z-index: 3;
  133. border-radius: 6px;
  134. box-shadow: 0 6px 0 #3e6c20, 0 6px 3px rgba(0, 0, 0, 0.4);
  135. }
  136. .download-jetpack:visited {
  137. color: #fff;
  138. }
  139. .download-jetpack:hover, .download-jetpack:focus {
  140. color: #fff;
  141. background: #57972d;
  142. box-shadow: 0 6px 0 #3e6c20, 0 6px 3px rgba(0, 0, 0, 0.4);
  143. }
  144. .download-jetpack:active {
  145. top: 6px;
  146. box-shadow: 0 0px 0 #3e6c20, 0 0 0 rgba(0, 0, 0, 0.4);
  147. }
  148. .download-jetpack:active:after {
  149. top: -6px;
  150. }
  151. .download-jetpack:before {
  152. content: '';
  153. display: inline-block;
  154. position: relative;
  155. top: -2px;
  156. margin-left: 13px;
  157. width: 30px;
  158. height: 30px;
  159. vertical-align: middle;
  160. background: url("../images/connect-plug.svg") center center no-repeat;
  161. background-size: 100%;
  162. }
  163. .download-jetpack:after {
  164. content: '';
  165. position: absolute;
  166. top: 0;
  167. right: 0;
  168. width: 100%;
  169. height: 100%;
  170. }
  171. @media (max-width: 1147px) {
  172. .download-jetpack {
  173. font-size: 1.28571em;
  174. }
  175. .download-jetpack:before {
  176. top: -1px;
  177. width: 23px;
  178. height: 23px;
  179. }
  180. }
  181. @media (max-width: 900px) {
  182. .download-jetpack:active {
  183. top: 0;
  184. }
  185. }
  186. @media (max-width: 530px) {
  187. .download-jetpack {
  188. font-size: 1.21429em;
  189. font-weight: 600;
  190. }
  191. .download-jetpack:before {
  192. width: 19px;
  193. height: 19px;
  194. margin-left: 9px;
  195. }
  196. }
  197. @font-face {
  198. font-family: 'automatticons';
  199. src: url("../_inc/fonts/automatticons/automatticons.eot");
  200. src: url("../_inc/fonts/automatticons/automatticons.eot?#iefix") format("embedded-opentype"), url("../_inc/fonts/automatticons/automatticons.woff") format("woff"), url("../_inc/fonts/automatticons/automatticons.ttf") format("truetype"), url("../_inc/fonts/automatticons/automatticons.svg#automatticonsregular") format("svg");
  201. font-weight: normal;
  202. font-style: normal;
  203. }
  204. .nav-horizontal:after {
  205. content: ".";
  206. display: block;
  207. height: 0;
  208. clear: both;
  209. visibility: hidden;
  210. }
  211. .nav-horizontal a {
  212. display: inline-block;
  213. }
  214. .nav-horizontal li {
  215. position: relative;
  216. float: right;
  217. }
  218. .nav-horizontal ul {
  219. margin: 0;
  220. padding: 0;
  221. }
  222. @media (max-width: 782px) {
  223. .configure .frame.top.fixed {
  224. padding-right: 0;
  225. }
  226. }
  227. .wrap.inner,
  228. .page-content {
  229. max-width: 950px;
  230. margin: 0 auto;
  231. }
  232. .wrap.inner li,
  233. .page-content li {
  234. line-height: 23px;
  235. }
  236. @media (max-width: 530px) {
  237. .page-content {
  238. margin-top: 0;
  239. }
  240. }
  241. @media (max-width: 1147px) {
  242. .wrap.inner {
  243. background: #f9f9f9;
  244. padding: 15px;
  245. }
  246. }
  247. @media (max-width: 530px) {
  248. .wrap.inner {
  249. margin-top: 1.71429em;
  250. }
  251. }
  252. .page-content.about {
  253. position: relative;
  254. z-index: 10;
  255. }
  256. @media (max-width: 1147px) {
  257. .page-content.about {
  258. background: #f9f9f9;
  259. padding: 15px;
  260. }
  261. }
  262. @media (max-width: 1147px) {
  263. .page-content.configure {
  264. background: #f9f9f9;
  265. }
  266. }
  267. .footer nav {
  268. max-width: 550px;
  269. margin: 0 auto;
  270. }
  271. .header {
  272. right: 0;
  273. left: 0;
  274. background: #81a844;
  275. }
  276. .header-nav li {
  277. line-height: 60px;
  278. }
  279. .header-nav a {
  280. padding: 0 0.71429em;
  281. line-height: 24px;
  282. }
  283. .header-nav .jetpack-logo a {
  284. display: inline-block;
  285. position: relative;
  286. width: 214px;
  287. margin-left: 6px;
  288. background: url(../images/jetpack-logo.png) center center no-repeat;
  289. background: url(../images/jetpack-logo.svg) center center no-repeat, none;
  290. background-size: 183px auto;
  291. color: #fff;
  292. line-height: 60px;
  293. font-weight: normal;
  294. }
  295. .header-nav .jetpack-logo a span {
  296. text-indent: -9999px;
  297. visibility: hidden;
  298. }
  299. .header-nav .jetpack-logo a:before {
  300. content: '';
  301. position: absolute;
  302. top: 0;
  303. right: 0;
  304. width: 100%;
  305. height: 100%;
  306. background-size: 183px 32px;
  307. }
  308. .header-nav .jetpack-modules + .jetpack-modules {
  309. margin-right: 15px;
  310. }
  311. .main-nav {
  312. float: right;
  313. }
  314. .main-nav li {
  315. margin: 0;
  316. }
  317. @media (max-width: 900px) {
  318. .main-nav {
  319. font-size: 13px;
  320. }
  321. }
  322. .jetpack-pagestyles #screen-meta {
  323. margin: 0;
  324. }
  325. .jetpack-pagestyles #screen-meta-links .screen-meta-toggle {
  326. z-index: 2;
  327. }
  328. .jetpack-pagestyles #screen-options-link-wrap, .jetpack-pagestyles #contextual-help-link-wrap {
  329. border: none;
  330. }
  331. .jetpack-pagestyles .update-nag {
  332. display: none;
  333. }
  334. .loading {
  335. bottom: 50%;
  336. position: absolute;
  337. top: 50%;
  338. width: 100%;
  339. }
  340. .loading span {
  341. color: #999;
  342. }
  343. .modal {
  344. background: #fff;
  345. position: fixed;
  346. top: 52px;
  347. bottom: 20px;
  348. left: 20px;
  349. right: 20px;
  350. margin-right: 160px;
  351. display: none;
  352. box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
  353. z-index: 500;
  354. }
  355. .modal .close {
  356. position: absolute;
  357. top: 0;
  358. left: 0;
  359. font: 300 1.71429em "genericons" !important;
  360. color: #777;
  361. content: '\f405';
  362. display: inline-block;
  363. padding: 0.28571em 0.71429em 0.42857em;
  364. z-index: 5;
  365. }
  366. .modal .close:hover {
  367. background: #eee;
  368. opacity: 0.8;
  369. }
  370. .modal .close:active {
  371. background: #eee;
  372. opacity: 0.4;
  373. }
  374. .modal .content-container {
  375. position: absolute;
  376. top: 0;
  377. left: 0;
  378. bottom: 0;
  379. right: 0;
  380. overflow: auto;
  381. padding: 2.14286em;
  382. }
  383. .modal .content {
  384. margin: 0 auto;
  385. max-width: 900px;
  386. text-align: right;
  387. }
  388. .modal h2 {
  389. text-align: right;
  390. margin-top: 0;
  391. color: #5d6d74;
  392. font-weight: 300;
  393. line-height: 32px;
  394. text-shadow: 0 1px 1px #fff;
  395. }
  396. @media (max-width: 530px) {
  397. .modal h2 {
  398. font-size: 26px;
  399. }
  400. }
  401. .modal h5 {
  402. clear: right;
  403. }
  404. .modal p {
  405. font-size: 1.23077em;
  406. }
  407. .modal footer {
  408. position: absolute;
  409. right: 0;
  410. bottom: 0;
  411. width: 100%;
  412. padding: 12px 20px;
  413. border-top: 1px solid #ddd;
  414. background: #fff;
  415. text-align: left;
  416. }
  417. .modal footer ul {
  418. margin: 0;
  419. }
  420. .modal footer li {
  421. display: inline-block;
  422. margin: 0;
  423. }
  424. .modal .button-secondary,
  425. .modal .button-primary:active {
  426. vertical-align: baseline;
  427. }
  428. @media (max-width: 900px) {
  429. .modal {
  430. bottom: 5%;
  431. margin-right: 36px;
  432. font-size: 80%;
  433. }
  434. .modal .content {
  435. top: 38px;
  436. }
  437. }
  438. @media (max-width: 782px) {
  439. .modal {
  440. top: 66px;
  441. margin-right: 0;
  442. }
  443. }
  444. @media (max-width: 600px) {
  445. .modal {
  446. top: 10px;
  447. left: 10px;
  448. bottom: 10px;
  449. right: 10px;
  450. }
  451. }
  452. .jp-info-img {
  453. float: left;
  454. margin: 0 30px 8px 0;
  455. }
  456. .jp-info-img img {
  457. border: 1px solid #ddd;
  458. max-width: 100%;
  459. height: auto;
  460. }
  461. .jp-info-img img:first-child {
  462. margin-top: 0;
  463. }
  464. @media (max-width: 782px) {
  465. .jp-info-img {
  466. float: none;
  467. margin: 0 0 15px;
  468. }
  469. }
  470. .content-container.modal-footer {
  471. bottom: 53px;
  472. }
  473. .shade {
  474. background: #000;
  475. bottom: 0;
  476. cursor: pointer;
  477. display: none;
  478. right: 0;
  479. opacity: 0.2;
  480. position: fixed;
  481. left: 0;
  482. top: 0;
  483. z-index: 11;
  484. }
  485. .footer {
  486. margin-top: 1.42857em;
  487. position: relative;
  488. padding: 10em 0 4.28571em;
  489. text-align: center;
  490. }
  491. .footer:before, .footer:after {
  492. content: '';
  493. position: absolute;
  494. right: 0;
  495. pointer-events: none;
  496. }
  497. .footer:before {
  498. top: 0;
  499. margin-top: -1px;
  500. width: 100%;
  501. height: 195px;
  502. }
  503. .footer:after {
  504. display: none;
  505. }
  506. .footer .download-jetpack {
  507. margin-bottom: 33px;
  508. }
  509. @media (min-width: 1147px) {
  510. .footer {
  511. padding-bottom: 35px;
  512. }
  513. }
  514. @media (max-width: 1147px) {
  515. .footer {
  516. padding-top: 165px;
  517. padding-bottom: 0;
  518. }
  519. .footer:before {
  520. background-size: 160% auto;
  521. }
  522. .footer ul {
  523. float: none;
  524. overflow: hidden;
  525. }
  526. }
  527. @media (max-width: 900px) {
  528. .footer {
  529. padding-top: 146px;
  530. }
  531. }
  532. @media (max-width: 782px) {
  533. .footer {
  534. margin-top: 0;
  535. }
  536. }
  537. @media (max-width: 530px) {
  538. .footer {
  539. margin-top: 0;
  540. padding-top: 135px;
  541. }
  542. }
  543. @media (max-width: 320px) {
  544. .footer {
  545. padding-top: 76px;
  546. }
  547. }
  548. .footer nav {
  549. max-width: 100%;
  550. }
  551. .footer nav a,
  552. .footer nav a:visited {
  553. padding: 4px 6px;
  554. color: #999;
  555. }
  556. .footer nav a:hover, .footer nav a:focus,
  557. .footer nav a:visited:hover,
  558. .footer nav a:visited:focus {
  559. color: #81A844;
  560. }
  561. @media (max-width: 1147px) {
  562. .footer nav a:hover, .footer nav a:focus,
  563. .footer nav a:visited:hover,
  564. .footer nav a:visited:focus {
  565. color: #81a844;
  566. }
  567. }
  568. @media (max-width: 530px) {
  569. .footer nav li {
  570. display: block;
  571. float: none;
  572. margin: 0;
  573. text-align: right;
  574. }
  575. .footer nav a {
  576. display: block;
  577. padding: 0 16px;
  578. line-height: 44px;
  579. }
  580. }
  581. .primary {
  582. padding: 25px 15px 10px 15px;
  583. border-bottom: 1px solid #eee;
  584. }
  585. .secondary-footer {
  586. margin: 0 auto;
  587. }
  588. .secondary-footer li {
  589. margin-left: 5px;
  590. }
  591. @media (min-width: 782px) {
  592. .secondary-footer {
  593. padding: 8px 15px 10px;
  594. margin-bottom: 30px;
  595. border-bottom: 1px solid #eee;
  596. }
  597. }
  598. @media (min-width: 1147px) {
  599. .secondary-footer {
  600. margin-bottom: 0;
  601. }
  602. }
  603. @media (max-width: 782px) {
  604. .secondary-footer {
  605. padding: 8px 15px 8px;
  606. border-bottom: none;
  607. }
  608. }
  609. @media (max-width: 530px) {
  610. .secondary-footer {
  611. margin: 0;
  612. padding: 0;
  613. border: none;
  614. font-weight: 400;
  615. }
  616. .secondary-footer a {
  617. border-top: 1px solid #eee;
  618. }
  619. }
  620. .footer .a8c-attribution {
  621. margin: 0;
  622. padding: 0 6px;
  623. color: #bbb;
  624. font-size: 0.78571em;
  625. font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
  626. text-transform: uppercase;
  627. }
  628. .footer .a8c-attribution a {
  629. display: inline-block;
  630. position: relative;
  631. padding: 4px 16px;
  632. left: 9999px;
  633. outline: 0;
  634. }
  635. .footer .a8c-attribution a:after {
  636. content: 'A';
  637. position: absolute;
  638. top: 2px;
  639. left: -9999px;
  640. height: 100%;
  641. color: #999;
  642. font-size: 1.54545em;
  643. font-family: "automatticons";
  644. text-align: center;
  645. }
  646. .footer .a8c-attribution a:hover:after {
  647. animation: candy .4s ease-in-out;
  648. }
  649. @media (min-width: 782px) {
  650. .secondary {
  651. padding: 0 15px 10px 15px;
  652. border-bottom: 1px solid #eee;
  653. }
  654. }
  655. @media (min-width: 1147px) {
  656. .secondary {
  657. padding: 0 15px 10px 15px;
  658. border-bottom: none;
  659. }
  660. }
  661. .jetpack-message {
  662. background: #8eb74e;
  663. border: 1px solid #73963d;
  664. margin: 33px auto 0;
  665. max-width: 90%;
  666. position: relative;
  667. z-index: 2;
  668. }
  669. .jetpack-message.is-opt-in {
  670. margin: 50px 0 0;
  671. max-width: 100%;
  672. padding: 10px 15px;
  673. background: #fff;
  674. border: 0;
  675. box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  676. font-size: 13px;
  677. text-align: center;
  678. }
  679. .subhead .jetpack-message.is-opt-in {
  680. margin: 0;
  681. padding-bottom: 0;
  682. background: transparent;
  683. box-shadow: none;
  684. }
  685. .subhead .jetpack-message.is-opt-in .jp-button, .subhead .jetpack-message.is-opt-in .jp-button--settings {
  686. display: inline-block;
  687. }
  688. .jetpack-message.is-opt-in p {
  689. color: #3c4549;
  690. }
  691. .jetpack-message.is-opt-in .jp-button, .jetpack-message.is-opt-in .jp-button--settings {
  692. margin-top: 15px;
  693. display: none;
  694. }
  695. .jetpack-message .squeezer h2 {
  696. font-size: 1em;
  697. }
  698. .jetpack-message h2 {
  699. color: #fff;
  700. margin: 0;
  701. }
  702. .jetpack-message p {
  703. color: #fff;
  704. margin: 0;
  705. opacity: 0.7;
  706. }
  707. .jetpack-message .squeezer {
  708. padding: 23px 80px 23px 23px;
  709. position: relative;
  710. text-align: right;
  711. }
  712. .jetpack-message .squeezer:before {
  713. color: #fff;
  714. content: '\f418';
  715. font-family: 'Genericons';
  716. font-size: 33px;
  717. height: 33px;
  718. right: 25px;
  719. opacity: 0.6;
  720. position: absolute;
  721. top: 23px;
  722. top: calc( 50% - 22px);
  723. }
  724. @media (max-width: 530px) {
  725. .jetpack-message .squeezer {
  726. padding: 23px;
  727. }
  728. .jetpack-message .squeezer:before {
  729. display: none;
  730. }
  731. }
  732. .jetpack-message .squeezer a {
  733. color: #FFF;
  734. border-bottom: 1px solid #D5E4BD;
  735. }
  736. .jetpack-message .squeezer a:hover {
  737. border-bottom: 1px solid #F1F6E9;
  738. }
  739. .jetpack-message.error .squeezer:before,
  740. .jetpack-message.jetpack-err .squeezer:before {
  741. content: '\f414';
  742. }
  743. .configure-module .jetpack-message {
  744. max-width: 100%;
  745. }
  746. @media (max-width: 530px) {
  747. .wrap.inner.jp-support .jp-support-column-left {
  748. width: 100%;
  749. }
  750. .wrap.inner.jp-support .jp-support-column-left .widget-text {
  751. margin-left: 0;
  752. width: 100%;
  753. }
  754. .wrap.inner.jp-support .jp-support-column-right {
  755. width: 100%;
  756. }
  757. }
  758. @media screen and (max-width: 515px) {
  759. .jp-frame .header-nav {
  760. padding-bottom: 10px;
  761. }
  762. .jp-frame .header-nav li {
  763. line-height: 30px;
  764. }
  765. .jp-frame .header-nav .jetpack-logo {
  766. width: 100%;
  767. text-align: center;
  768. }
  769. .jp-frame .header-nav .jetpack-modules {
  770. margin: 0;
  771. width: 50%;
  772. text-align: left;
  773. padding: 0 5px;
  774. }
  775. .jp-frame .header-nav .jetpack-modules + .jetpack-modules {
  776. text-align: right;
  777. }
  778. .jp-frame .header-nav .jetpack-modules:nth-child(4) {
  779. text-align: center;
  780. margin: 0 auto;
  781. width: 100%;
  782. }
  783. .jp-frame .header-nav .jetpack-modules:nth-child(4) a {
  784. padding: 0 10px;
  785. }
  786. }
  787. #ie-legacy-notice .dops-notice__content {
  788. display: inline-block;
  789. margin-right: 10px;
  790. }
  791. .page-content.configure {
  792. margin-top: 0;
  793. }
  794. .configure .frame.top {
  795. border: none;
  796. box-shadow: none;
  797. padding-top: 1.42857em;
  798. position: relative;
  799. top: auto;
  800. }
  801. .configure .frame.top.fixed {
  802. background: #f9f9f9;
  803. border-bottom: 1px solid #e9e9e9;
  804. padding-right: 160px;
  805. margin-top: -6px;
  806. position: fixed;
  807. left: 0;
  808. top: 32px;
  809. width: 100%;
  810. z-index: 4;
  811. box-shadow: 0 2px 2px -2px #eee;
  812. }
  813. @media (max-width: 782px) {
  814. .configure .frame.top.fixed {
  815. border: none;
  816. box-shadow: none;
  817. padding-top: 1.42857em;
  818. position: relative;
  819. top: auto;
  820. }
  821. }
  822. @media (max-width: 600px) {
  823. .configure .frame.top.fixed {
  824. top: 0;
  825. }
  826. }
  827. .jp-frame-top-fixed .configure {
  828. padding-top: 94px;
  829. }
  830. .filter-search {
  831. display: none;
  832. float: left;
  833. margin-top: 10px;
  834. }
  835. @media (max-width: 782px) {
  836. .filter-search {
  837. display: block;
  838. }
  839. }
  840. @media (max-width: 530px) {
  841. .filter-search {
  842. display: none;
  843. }
  844. }
  845. .table-bordered.jetpack-modules {
  846. border: none;
  847. margin-bottom: 0;
  848. }
  849. .table-bordered.jetpack-modules tr.jetpack-module th {
  850. border-right: 0;
  851. padding: 14px 4px 0;
  852. }
  853. .table-bordered.jetpack-modules tr.jetpack-module th input {
  854. display: block;
  855. }
  856. .table-bordered.jetpack-modules tr.jetpack-module:hover .genericon {
  857. display: inline-block;
  858. }
  859. .table-bordered.jetpack-modules tr.jetpack-module.active th,
  860. .table-bordered.jetpack-modules tr.jetpack-module.active td {
  861. background: #f7fcfe;
  862. }
  863. .table-bordered.jetpack-modules tr.jetpack-module.active th {
  864. border-right: 4px solid #2ea2cc;
  865. padding-right: 0px;
  866. }
  867. .table-bordered.jetpack-modules tr.jetpack-module.active td:first-child {
  868. border-right: 4px solid #2ea2cc;
  869. }
  870. .table-bordered.jetpack-modules tr.jetpack-module.unavailable input {
  871. display: none;
  872. }
  873. .table-bordered.jetpack-modules tr.jetpack-module.deprecated span {
  874. color: #888;
  875. }
  876. .table-bordered.jetpack-modules tr.jetpack-module.deprecated .dep-msg {
  877. margin-left: 10px;
  878. color: #555;
  879. }
  880. .table-bordered.jetpack-modules tr.jetpack-module th,
  881. .table-bordered.jetpack-modules tr.jetpack-module td {
  882. background: #fff;
  883. margin: 0;
  884. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  885. }
  886. .table-bordered.jetpack-modules tr.jetpack-module td {
  887. padding: 10px 14px 8px 10px;
  888. line-height: 25px;
  889. }
  890. .table-bordered.jetpack-modules tr.jetpack-module td:first-child {
  891. border-right: 4px solid #fff;
  892. }
  893. .table-bordered.jetpack-modules tr.jetpack-module td .row-actions {
  894. float: left;
  895. padding: 0 0 1px;
  896. visibility: visible;
  897. }
  898. .table-bordered.jetpack-modules tr.jetpack-module td .row-actions span {
  899. margin-right: 5px;
  900. }
  901. @media (max-width: 530px) {
  902. .table-bordered.jetpack-modules tr.jetpack-module td .row-actions {
  903. display: none;
  904. }
  905. }
  906. @media (max-width: 782px) {
  907. .table-bordered.jetpack-modules tr.jetpack-module td .row-actions {
  908. display: block;
  909. padding-right: 10px;
  910. visibility: visible;
  911. }
  912. }
  913. .table-bordered.jetpack-modules.with-transparency tr.jetpack-module:hover td .row-actions span a {
  914. opacity: 1;
  915. }
  916. .table-bordered.jetpack-modules.with-transparency tr.jetpack-module.unavailable {
  917. opacity: 0.3;
  918. }
  919. .table-bordered.jetpack-modules.with-transparency tr.jetpack-module td .row-actions span a {
  920. opacity: 0;
  921. }
  922. .table-bordered.jetpack-modules.with-transparency tr.jetpack-module td .row-actions span a:focus {
  923. opacity: 1;
  924. }
  925. .table-bordered.jetpack-modules > thead > tr > th {
  926. border: 0;
  927. vertical-align: middle;
  928. }
  929. .table-bordered.jetpack-modules > thead > tr > th:last-child {
  930. padding-left: 0;
  931. }
  932. @media (max-width: 782px) {
  933. .table-bordered.jetpack-modules > thead > tr > th:last-child {
  934. padding-right: 0;
  935. }
  936. }
  937. .table-bordered.jetpack-modules td {
  938. background: #fff;
  939. }
  940. .table-bordered.jetpack-modules #doaction {
  941. margin-top: 0;
  942. }
  943. @media (max-width: 782px) {
  944. .table-bordered.jetpack-modules #doaction {
  945. padding: 10px 7px;
  946. }
  947. }
  948. .table-bordered.jetpack-modules .checkall {
  949. margin-top: 1px;
  950. }
  951. .table-bordered.jetpack-modules .filter-search {
  952. margin-top: 8px;
  953. }
  954. .table-bordered.jetpack-modules .genericon {
  955. color: #999;
  956. display: none;
  957. margin: 7px 3px 0;
  958. }
  959. @media (max-width: 900px) {
  960. .table-bordered.jetpack-modules .genericon {
  961. display: inline-block;
  962. }
  963. }
  964. .table-bordered.jetpack-modules .med {
  965. width: 70px;
  966. }
  967. .table-bordered.jetpack-modules .sm {
  968. width: 30px;
  969. }
  970. @media (max-width: 782px) {
  971. .table-bordered.jetpack-modules .check-column {
  972. width: 50px;
  973. }
  974. }
  975. .fixed-top .check-column {
  976. padding: 8px 10px 0 10px;
  977. width: 2.2em;
  978. }
  979. .wrap {
  980. margin: 0;
  981. padding: 0 1.5em 1em;
  982. overflow: hidden;
  983. }
  984. .wrap h2 {
  985. font-size: 24px;
  986. font-weight: 400;
  987. }
  988. .wrap .manage-left {
  989. float: right;
  990. margin: 0;
  991. padding: 0;
  992. width: 63%;
  993. }
  994. .wrap .manage-left table {
  995. width: 100%;
  996. }
  997. .wrap .manage-left th {
  998. font-weight: 400;
  999. }
  1000. @media (max-width: 782px) {
  1001. .wrap .manage-left {
  1002. width: 100%;
  1003. }
  1004. }
  1005. .wrap .manage-right {
  1006. margin: 0;
  1007. padding: 0;
  1008. float: left;
  1009. width: 35%;
  1010. z-index: 1;
  1011. }
  1012. .wrap .manage-right p {
  1013. font-size: 12px;
  1014. font-weight: bold;
  1015. color: #bbb;
  1016. padding-top: 2px;
  1017. text-transform: uppercase;
  1018. letter-spacing: 1px;
  1019. clear: right;
  1020. }
  1021. .wrap .manage-right .bumper {
  1022. margin-right: 33px;
  1023. }
  1024. .wrap .manage-right.show {
  1025. display: block;
  1026. overflow-y: auto;
  1027. overflow-x: hidden;
  1028. position: absolute;
  1029. z-index: 100000;
  1030. }
  1031. .wrap .manage-right .search-bar {
  1032. margin-bottom: 18px;
  1033. max-width: 300px;
  1034. }
  1035. .wrap .manage-right p.search-box {
  1036. float: none;
  1037. height: auto;
  1038. margin-bottom: 0;
  1039. position: relative;
  1040. }
  1041. .wrap .manage-right p.search-box input[type='search'] {
  1042. padding: 0 8px;
  1043. width: 90%;
  1044. line-height: initial;
  1045. }
  1046. @media (max-width: 782px) {
  1047. .wrap .manage-right p.search-box input[type='search'] {
  1048. float: right;
  1049. padding: 9px 8px;
  1050. }
  1051. }
  1052. .wrap .manage-right p.search-box input[type="submit"] {
  1053. display: none;
  1054. }
  1055. .wrap .manage-right .button-group .button {
  1056. outline: none;
  1057. }
  1058. .wrap .manage-right .subsubsub {
  1059. margin: 0;
  1060. padding: 0;
  1061. }
  1062. .wrap .manage-right .subsubsub a {
  1063. padding: 0;
  1064. line-height: inherit;
  1065. }
  1066. .wrap .manage-right .subsubsub .current {
  1067. padding: 1px 5px;
  1068. border-radius: 2px;
  1069. margin-right: -5px;
  1070. background: #0D72B2;
  1071. color: #fff;
  1072. }
  1073. .wrap .manage-right .subsubsub .current .count {
  1074. color: #BCD7E7;
  1075. font-weight: 200;
  1076. }
  1077. .wrap .manage-right .subsubsub li {
  1078. display: block;
  1079. text-align: right;
  1080. }
  1081. @media (max-width: 782px) {
  1082. .wrap .manage-right {
  1083. background: #fff;
  1084. bottom: 0;
  1085. display: none;
  1086. min-width: 300px;
  1087. position: fixed;
  1088. left: 0;
  1089. top: 0;
  1090. z-index: 13;
  1091. box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
  1092. }
  1093. .wrap .manage-right .bumper {
  1094. margin: 13px;
  1095. }
  1096. .wrap .manage-right .navbar-form {
  1097. margin: 0;
  1098. padding: 0;
  1099. }
  1100. }
  1101. @media (max-width: 782px) {
  1102. .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary):not(.check-column) {
  1103. padding: 11px 10px;
  1104. display: block;
  1105. }
  1106. .manage-right.show .subsubsub li {
  1107. padding: 5px;
  1108. }
  1109. }
  1110. @media (max-width: 650px) {
  1111. .table-bordered.jetpack-modules tr.jetpack-module.deprecated td .row-actions {
  1112. float: none;
  1113. padding-right: 18px;
  1114. }
  1115. }
  1116. @media (max-width: 430px) {
  1117. .table-bordered.jetpack-modules tr.jetpack-module td .row-actions {
  1118. display: none;
  1119. }
  1120. .table-bordered.jetpack-modules tr.jetpack-module.deprecated td .row-actions {
  1121. display: block;
  1122. }
  1123. }
  1124. /* 'Pages' is a temporary location for these styles, until we can break them up into their proper atmoic locations */
  1125. .configure-module p {
  1126. font-size: 14px;
  1127. }
  1128. .configure-module p.success, .configure-module p.error {
  1129. color: #fff;
  1130. padding: 10px;
  1131. }
  1132. .configure-module p.success {
  1133. background-color: #81a844;
  1134. }
  1135. .configure-module p.error {
  1136. background-color: #d94f4f;
  1137. }
  1138. .protect-status p {
  1139. font-size: 16px;
  1140. }
  1141. .protect-status strong {
  1142. display: inline-block;
  1143. margin-top: 10px;
  1144. background: #fff;
  1145. padding: 10px;
  1146. border: 1px #ddd solid;
  1147. font-size: 16px;
  1148. color: #000;
  1149. max-width: 100%;
  1150. }
  1151. .protect-status.attn {
  1152. color: #d94f4f;
  1153. }
  1154. .protect-status.working {
  1155. color: #81a844;
  1156. }
  1157. .protect-whitelist textarea {
  1158. width: 100%;
  1159. min-height: 150px;
  1160. }
  1161. /* btns + inputs */
  1162. .configure-module input[disabled] {
  1163. opacity: .5;
  1164. }
  1165. .configure-module input.button-primary {
  1166. font-weight: bold;
  1167. }
  1168. /* whitelist table */
  1169. @media only screen and (min-width: 1100px) {
  1170. .protect-whitelist {
  1171. width: 65%;
  1172. float: right;
  1173. }
  1174. }
  1175. /* end > 1065px */
  1176. @media only screen and (max-width: 400px) {
  1177. .protect-status strong {
  1178. font-size: 12px;
  1179. overflow: auto;
  1180. }
  1181. }
  1182. /* end < 400px */
  1183. .manage__icon {
  1184. width: 155px;
  1185. height: 155px;
  1186. margin: 20px auto;
  1187. }
  1188. .manage-page .manage__description {
  1189. max-width: 600px;
  1190. text-align: center;
  1191. font-size: 22px;
  1192. color: #999;
  1193. margin: 20px auto;
  1194. }
  1195. .manage-page .manage__button {
  1196. font-size: 16px;
  1197. padding: 0 20px;
  1198. height: 40px;
  1199. line-height: 40px;
  1200. }
  1201. .manage__title .genericon {
  1202. font-size: 38px;
  1203. color: #81A944;
  1204. }
  1205. .manage__link {
  1206. font-size: 16px;
  1207. padding: 0 20px;
  1208. height: 40px;
  1209. line-height: 40px;
  1210. font-weight: normal;
  1211. }
  1212. .manage__link .genericon {
  1213. font-size: 28px;
  1214. vertical-align: middle;
  1215. margin-top: -6px;
  1216. }
  1217. .jp-content .hide {
  1218. display: none;
  1219. }
  1220. .jp-content .landing {
  1221. margin: 0 auto;
  1222. z-index: 2;
  1223. position: relative;
  1224. }
  1225. .jp-content h1 {
  1226. font-weight: 400;
  1227. line-height: 1.75em;
  1228. position: relative;
  1229. z-index: 3;
  1230. width: 100%;
  1231. text-align: center;
  1232. }
  1233. .jp-content h1.success {
  1234. color: #81a844;
  1235. }
  1236. .jp-content .footer {
  1237. padding-top: 0;
  1238. margin-top: 0;
  1239. background-image: none;
  1240. }
  1241. .jp-content .footer:before {
  1242. height: inherit;
  1243. }
  1244. .jp-content .more-info:before {
  1245. content: none;
  1246. }
  1247. .landing .wpcom-connect {
  1248. min-height: 400px;
  1249. }
  1250. .wpcom-connect .j-col {
  1251. padding: 0;
  1252. }
  1253. @media (max-width: 1147px) {
  1254. .jp-content .landing {
  1255. padding: 0 2em;
  1256. }
  1257. .jp-content .footer {
  1258. padding-top: 1.5em;
  1259. }
  1260. }
  1261. @media (max-width: 530px) {
  1262. .jp-content .landing {
  1263. padding: 0 .5em;
  1264. }
  1265. }
  1266. /*# sourceMappingURL=jetpack-admin-rtl.css.map */