API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 8th, 2013
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.98 KB | None | 0 0
raw download clone embed print report
  1. #jp-header {
  2. min-width: 741px;
  3. z-index: 0;
  4. margin: 30px 0 -30px 0;
  5. }
  6. #jp-header.small {
  7. margin-bottom: 50px;
  8. }
  9.  
  10. #jp-header #jp-clouds {
  11. position: relative;
  12. background: transparent url( images/header-clouds.png ) -315px 100% repeat-x;
  13. padding-top: 110px;
  14. -webkit-border-radius: 3px;
  15. -moz-border-radius: 3px;
  16. border-radius: 3px;
  17. }
  18. #jp-header.small #jp-clouds {
  19. background: transparent url( images/header-clouds-small.png ) -120px 100% repeat-x;
  20. padding: 50px 0 0 0;
  21. height: 70px;
  22. }
  23.  
  24.  
  25. #jp-header #jp-clouds #jp-disconnectors {
  26. font-size: 12px;
  27. color: #fff;
  28. float: right;
  29. margin-top: -35px;
  30. text-align: left;
  31. position: relative;
  32. left: -45px;
  33. }
  34.  
  35. #jp-header #jp-clouds .jp-disconnect a {
  36. background: #8caa46 url( images/status-light.png ) 3px 85% no-repeat;
  37. display: inline-block;
  38. position: relative;
  39. width: 100%;
  40. height: 1.7em;
  41. overflow: hidden;
  42. padding: 4px 0 3px 30px;
  43. margin: 0 -20px 3px 0;
  44. color: #fff;
  45. text-decoration: none;
  46. border: 1px solid #7a943d;
  47. -moz-border-radius: 5px;
  48. -webkit-border-radius: 5px;
  49. border-radius: 5px;
  50. -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.4 );
  51. -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.4 );
  52. box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.4 );
  53. text-shadow: 0px -1px 0px rgba( 0,0,0,0.3 );
  54. }
  55. #jp-header #jp-clouds .jp-disconnect a:hover {
  56. background: #8caa46 url( images/status-light.png ) 3px -2% no-repeat;
  57. background-color: #839f40;
  58. border-color: #6a8037;
  59. }
  60.  
  61. #jp-header #jp-clouds .jp-disconnect div {
  62. position: relative;
  63. line-height: 1.7em;
  64. height: 1.7em;
  65. }
  66.  
  67. #jp-header #jp-clouds .jp-disconnect a:hover div,
  68. #jp-header #jp-clouds .jp-disconnect a.clicked div {
  69. top: -1.7em;
  70. }
  71.  
  72. /* Retina Header Clouds & Status Light */
  73. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  74. #jp-header #jp-clouds {
  75. background: transparent url( images/header-clouds-2x.png ) -315px 100% repeat-x;
  76. background-size:1600px 400px;
  77. }
  78. #jp-header.small #jp-clouds {
  79. background: transparent url( images/header-clouds-small-2x.png ) -120px 100% repeat-x;
  80. background-size:980px 140px;
  81. }
  82.  
  83. #jp-header #jp-clouds .jp-disconnect a {
  84. background: #8caa46 url( images/status-light-2x.png ) 3px 85% no-repeat;
  85. background-size:25px 57px;
  86. }
  87. #jp-header #jp-clouds .jp-disconnect a:hover {
  88. background: #8caa46 url( images/status-light-2x.png ) 3px -2% no-repeat;
  89. background-size:25px 57px;
  90. }
  91. }
  92.  
  93.  
  94. #jp-header h3 {
  95. position: relative;
  96. background: transparent url( images/logo.png ) top left no-repeat;
  97. width: 252px;
  98. height: 200px;
  99. overflow: hidden;
  100. text-indent: -999em;
  101. top: -95px;
  102. left: 25px;
  103. margin: 0;
  104. padding: 0;
  105. }
  106. #jp-header.small h3 {
  107. background: transparent url( images/logo-small.png ) top left no-repeat;
  108. width: 149px;
  109. height: 120px;
  110. top: -35px;
  111. }
  112.  
  113. /* Retina Logo */
  114. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  115. #jp-header h3 {
  116. background: transparent url( images/logo-2x.png ) top left no-repeat;
  117. background-size:250px 200px;
  118. }
  119. #jp-header.small h3 {
  120. background: transparent url( images/logo-small-2x.png ) top left no-repeat;
  121. background-size:150px 120px;
  122. }
  123. }
  124.  
  125.  
  126.  
  127. #jp-header p {
  128. position: absolute;
  129. left: 390px;
  130. text-align: left;
  131. top: 30px;
  132. width: 48%;
  133. color: #fff;
  134. font-size: 25px;
  135. line-height: 130%;
  136. text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  137. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  138. -webkit-font-smoothing: antialiased;
  139. }
  140.  
  141. #jp-info {
  142. position: relative;
  143. overflow: visible;
  144. z-index: 50;
  145. margin: 0 12px 0 28px;
  146. min-width: 780px;
  147. }
  148.  
  149. #jp-info p {
  150. font-size: 17px;
  151. line-height: 150%;
  152. text-shadow: 0px 1px 0px #fff;
  153. font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
  154. color: #666;
  155. margin: 0 0 40px;
  156. float:left;
  157. width: 58%;
  158. }
  159. #jp-info p.small {
  160. font-size: 14px;
  161. }
  162.  
  163. #jp-info a.jp-button {
  164. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  165. float: right;
  166. margin: 8px 0 0 20px;
  167. display: inline-block;
  168. background: #69acce;
  169. -moz-box-shadow: inset 0 0 2px #fff, 0 1px 5px rgba(0,0,0,0.3);
  170. -webkit-box-shadow: inset 0 0 2px #fff, 0 1px 5px rgba(0,0,0,0.3);
  171. box-shadow: inset 0 0 2px #fff, 0 1px 5px rgba(0,0,0,0.3);
  172. padding: 12px 20px;
  173. border: 1px solid #2a8cba;
  174. -moz-border-radius: 5px;
  175. -webkit-border-radius: 5px;
  176. border-radius: 5px;
  177. line-height: 100%;
  178. color: #fff;
  179. text-align: center;
  180. font-size: 20px;
  181. font-weight: bold;
  182. text-decoration: none;
  183. text-shadow: 0px 1px 2px rgba( 0,0,0,0.5);
  184. -webkit-transition-duration: .3s;
  185. -moz-transition-duration: .3s;
  186. cursor: pointer;
  187. }
  188. #jp-info a.jp-button:hover, #jp-info a.jp-button:active {
  189. background-color: #f0a000;
  190. border-color: #c87800;
  191. -webkit-transition-duration: .3s;
  192. outline: none;
  193. -moz-box-shadow: inset 0 0 2px #fff, 0 1px 7px rgba(240,160,0,0.5);
  194. -webkit-box-shadow: inset 0 0 2px #fff, 0 1px 7px rgba(240,160,0,0.5);
  195. box-shadow: inset 0 0 2px #fff, 0 1px 7spx rgba(240,160,0,0.5);
  196. }
  197.  
  198. .jetpack-message {
  199. position: relative;
  200. z-index: 100;
  201. border: 1px solid #2a8cba !important;
  202. -moz-border-radius: 3px;
  203. -webkit-border-radius: 3px;
  204. border-radius: 3px;
  205. background: url( images/alertbox-clouds.png ) 100% 100% no-repeat;
  206. background-color: #6aafcf !important;
  207. -webkit-box-shadow: inset 0 0 15px rgba( 0,0,0,0.04 );
  208. -moz-box-shadow: inset 0 0 15px rgba( 0,0,0,0.04 );
  209. box-shadow: inset 0 0 15px rgba( 0,0,0,0.04 );
  210. padding: 18px 90px 8px 15px !important;
  211. overflow: hidden;
  212. line-height: 180%;
  213. }
  214.  
  215. /* Retina alertbox clouds */
  216. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  217. .jetpack-message {
  218. background: url( images/alertbox-clouds-2x.png ) 100% 100% no-repeat;
  219. background-size:95px 55px;
  220. }
  221. }
  222.  
  223. .jp-connect { padding: 10px 0 5px !important; }
  224.  
  225. #jetpack-settings > .jetpack-message { margin: 10px 13px 10px 15px }
  226.  
  227. .jetpack-message .squeezer {
  228. max-width: 940px;
  229. margin: 0 0 2px;
  230. padding: 0 10px;
  231. text-align: left;
  232. overflow: hidden;
  233. }
  234. .jetpack-message h4 {
  235. margin: 0 10px 10px 0;
  236. font-size: 18px;
  237. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  238. font-weight: normal;
  239. color: #fff;
  240. text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  241. -moz-border-radius: 5px;
  242. -webkit-border-radius: 5px;
  243. border-radius: 5px;
  244. display: inline-block;
  245. }
  246.  
  247. .jetpack-message h5 {
  248. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  249. margin: 0;
  250. }
  251.  
  252. .jetpack-message .squeezer a, .jetpack-message .squeezer a:visited {
  253. color: #fff;
  254. text-decoration: underline;
  255. }
  256.  
  257. .jetpack-message .squeezer a:hover {
  258. color: #f0a000;
  259. }
  260.  
  261. .jetpack-message code, .jetpack-err p {
  262. background: rgba( 0,0,0,0.2 );
  263. font-size: 14px;
  264. padding: 3px 5px !important;
  265. text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  266. color: #fff;
  267. }
  268.  
  269. .jetpack-message p {
  270. margin: -1px 0 0 0 !important;
  271. padding: 0;
  272. display: inline-block;
  273. }
  274. .jetpack-err p {
  275. overflow: hidden;
  276. margin-bottom: 10px !important;
  277. }
  278.  
  279. .jetpack-message p a.button-primary {
  280. font-size: 16px !important;
  281. display: inline-block;
  282. padding: 8px 15px;
  283. color: #fff;
  284. text-align: center;
  285. font-size: 20px;
  286. text-decoration: none;
  287. -moz-border-radius: 5px;
  288. -webkit-border-radius: 5px;
  289. border-radius: 5px;
  290. border: 1px solid #8caa46;
  291. background: #b4d278;
  292. -moz-box-shadow: inset 0 0 2px rgba( 255,255,255,1), 0 1px 1px rgba( 0,0,0,0.1 );
  293. -webkit-box-shadow: inset 0 0 2px rgba( 255,255,255,1), 0 1px 1px rgba( 0,0,0,0.1 );
  294. box-shadow: inset 0 0 2px rgba( 255,255,255,1), 0 1px 1px rgba( 0,0,0,0.1 );
  295. text-shadow: 0px -1px 0px rgba( 0,0,0,0.3);
  296. -webkit-transition-duration: .3s;
  297. -moz-transition-duration: .3s;
  298. cursor: pointer;
  299. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  300. }
  301. .jetpack-message p a.button-primary:hover, .jetpack-message p a.button-primary:active {
  302. background-color: #f0a000;
  303. border-color: #c87800;
  304. -webkit-transition-duration: .3s;
  305. outline: none;
  306. }
  307.  
  308. .inline-message p strong { display: block; }
  309.  
  310. .more-info {
  311. position: relative;
  312. top: -5px;
  313. margin: 0 15px 5px 15px;
  314. height: 230px; /* Have to set height otherwise slideDown() doesn't work. */
  315. padding-right: 15px !important;
  316. padding-bottom: 15px;
  317. clear: both;
  318. overflow: visible !important;
  319. color: #666 !important;
  320. background: transparent url( images/module-clouds.png ) bottom left repeat-x;
  321. background-color: #f0f0f0 !important;
  322. border-color: #dcdcdc !important;
  323. text-shadow: 0px 1px 0px #fff;
  324. -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.05), 0 1px 2px rgba( 0,0,0,0.1 );
  325. -moz-box-shadow: inset 0 0 20px rgba(0,0,0,0.05), 0 1px 2px rgba( 0,0,0,0.1 );
  326. box-shadow: inset 0 0 20px rgba(0,0,0,0.05), 0 1px 2px rgba( 0,0,0,0.1 );
  327. }
  328.  
  329. /* Retina moreinfo bg clouds */
  330. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  331. .more-info {
  332. background: transparent url( images/module-clouds-2x.png ) bottom left repeat-x;
  333. background-size:980px 140px;
  334. }
  335. }
  336.  
  337.  
  338. .more-info h4 {
  339. padding: 0;
  340. background: none;
  341. font-weight: normal;
  342. color: #000;
  343. font-size: 19px;
  344. text-shadow: 0px 1px 0px #fff;
  345. }
  346.  
  347. .more-info h5 {
  348. margin-left: 0;
  349. font-size: 12px !important;
  350. }
  351. .more-info .arrow {
  352. position: absolute;
  353. width: 29px;
  354. height: 18px;
  355. top: -16px;
  356. left: 0;
  357. background: url( images/arrow.png ) top left no-repeat;
  358. }
  359.  
  360. /* Retina module more info arrow */
  361. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  362. .more-info .arrow {
  363. background: url( images/arrow-2x.png ) top left no-repeat;
  364. background-size:29px 16px;
  365. }
  366. }
  367.  
  368. .more-info p {
  369. margin: 0 0 10px 0 !important;
  370. font-size: 14px;
  371. font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
  372. line-height: 150%;
  373. display: block;
  374. }
  375.  
  376. .more-info ul {
  377. font-size: 14px;
  378. font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
  379. line-height: 150%;
  380. }
  381.  
  382. .more-info li {
  383. list-style-type: disc;
  384. list-style-position: inside;
  385. }
  386.  
  387. .more-info code {
  388. background: rgba( 0,0,0,0.05 );
  389. font-size: 12px;
  390. padding: 1px;
  391. text-shadow: none;
  392. color: #555;
  393. }
  394.  
  395. .more-info .jp-close {
  396. position: absolute;
  397. top: 18px;
  398. right: 0;
  399. background: #888;
  400. background: rgba(0,0,0,0.4);
  401. color: #fff;
  402. font-size: 14px !important;
  403. height: 22px;
  404. line-height: 20px;
  405. padding: 0 6px 0 6px;
  406. font-weight: bold !important;
  407. -moz-border-radius: 3px;
  408. -webkit-border-radius: 3px;
  409. border-radius: 3px;
  410. -moz-border-radius-topright: 0;
  411. -moz-border-radius-bottomright: 0;
  412. -webkit-border-top-right-radius: 0;
  413. -webkit-border-bottom-right-radius: 0;
  414. border-top-right-radius: 0;
  415. border-bottom-right-radius: 0;
  416. cursor: pointer;
  417. text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  418. }
  419. .more-info .jp-close:hover {
  420. background: #69acce;
  421. }
  422.  
  423. .more-info div.jp-info-img {
  424. float: right;
  425. width: 320px;
  426. margin: 0 30px 0 20px;
  427. }
  428.  
  429. .more-info img.jp-info-img {
  430. padding: 3px;
  431. background: rgba( 255, 255, 255, 0.65 );
  432. border: 5px solid #ddd;
  433. }
  434.  
  435. .jetpack-activated {
  436. background: #fffff5 url( images/jp-enabled-bg.jpg ) top left repeat-x !important;
  437. height: 154px;
  438. padding: 60px 0 0 200px !important;
  439. position: relative;
  440. min-width: 650px;
  441. top: 15px;
  442. z-index: 5;
  443. position: relative;
  444. }
  445. .jetpack-activated h3 {
  446. position: relative;
  447. z-index: 5;
  448. color: #444;
  449. font-size: 42px;
  450. font-weight: bold;
  451. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  452. margin: 0;
  453. padding: 0;
  454. background: none;
  455. display: block;
  456. text-transform: uppercase;
  457. }
  458. .jetpack-activated p {
  459. position: relative;
  460. z-index: 3;
  461. top: 3px;
  462. left: 10px;
  463. font-size: 16px;
  464. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  465. font-weight: normal;
  466. color: #666;
  467. background: rgba( 255, 255, 255, 0.75 );
  468. padding: 7px 10px 6px;
  469. -moz-border-radius: 5px;
  470. -webkit-border-radius: 5px;
  471. border-radius: 5px;
  472. display: inline-block;
  473. }
  474. .jetpack-activated .jetpack {
  475. position: absolute;
  476. top: 0;
  477. left: 0;
  478. width: 238px;
  479. height: 214px;
  480. background: url( images/jp-enabled-jetpack.jpg ) top left no-repeat;
  481. z-index: 2;
  482. }
  483. .jetpack-activated .clouds {
  484. position: absolute;
  485. right: 0;
  486. bottom: 0;
  487. width: 566px;
  488. height: 214px;
  489. background: url( images/jp-enabled-clouds.png ) bottom left no-repeat;
  490. z-index: 0;
  491. -webkit-border-bottom-right-radius: 5px;
  492. -moz-border-radius-bottomright: 5px;
  493. border-bottom-right-radius: 5px;
  494. -webkit-box-shadow: inset -7px -7px 10px rgba( 0,0,0,0.05 );
  495. -moz-box-shadow: inset -7px -7px 10px rgba( 0,0,0,0.05 );
  496. box-shadow: inset -7px -7px 10px rgba( 0,0,0,0.05 );
  497. }
  498.  
  499. p.jp-help {
  500. padding: 10px 0 15px;
  501. }
  502.  
  503. .module-container {
  504. overflow: hidden;
  505. min-width: 740px;
  506. margin: 25px 0;
  507. width: 100%;
  508. }
  509.  
  510. .jetpack-module {
  511. position: relative;
  512. float: left;
  513. width: 210px;
  514. min-height: 160px;
  515. max-height: 220px;
  516. margin: 0 0 15px 15px;
  517. border: 1px solid #dedede;
  518. -moz-border-radius: 3px;
  519. -webkit-border-radius: 3px;
  520. border-radius: 3px;
  521. background: #fff;
  522. padding: 15px 0 35px 15px;
  523. -webkit-box-shadow: inset 0 1px 0 #fff, inset 0 0 20px rgba(0,0,0,0.05), 0 1px 2px rgba( 0,0,0,0.1 );
  524. -moz-box-shadow: inset 0 1px 0 #fff, inset 0 0 20px rgba(0,0,0,0.05), 0 1px 2px rgba( 0,0,0,0.1 );
  525. box-shadow: inset 0 1px 0 #fff, inset 0 0 20px rgba(0,0,0,0.05), 0 1px 2px rgba( 0,0,0,0.1 );
  526. -webkit-transition-duration: .4s;
  527. -moz-transition-duration: .4s
  528. }
  529. /*
  530. .jetpack-module:hover {
  531. border-color: #bbb;
  532. -webkit-box-shadow: 0 1px 2px rgba( 0,0,0,0.2 );
  533. -moz-box-shadow: 0 1px 2px rgba( 0,0,0,0.2 );
  534. box-shadow: 0 1px 2px rgba( 0,0,0,0.2 );
  535. -webkit-transition-duration: .4s;
  536. -moz-transition-duration: .4s
  537. }
  538. */
  539. .jetpack-module div.module-image {
  540. float: right;
  541. margin: 0 0 5px 10px;
  542. padding: 60px 0 0;
  543. background: #cbe0a1;
  544. width: 80px;
  545. -webkit-border-top-left-radius: 3px;
  546. -moz-border-radius-topleft: 3px;
  547. border-top-left-radius: 3px;
  548. -webkit-border-bottom-left-radius: 3px;
  549. -moz-border-radius-bottomleft: 3px;
  550. border-bottom-left-radius: 3px;
  551. background-repeat: no-repeat;
  552. background-image: url( images/module-icons-sprite.png );
  553. background-size: 2500px 50px; /* remember to update this every time a new module is added! */
  554. }
  555.  
  556.  
  557. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  558. .jetpack-module div.module-image {
  559. background-image: url( images/module-icons-sprite-2x.png );
  560. }
  561. }
  562.  
  563. #stats.jetpack-module div.module-image {
  564. background-position: -510px 5px;
  565. }
  566. #comments.jetpack-module div.module-image {
  567. background-position: -1210px 5px;
  568. }
  569. #subscriptions.jetpack-module div.module-image {
  570. background-position: -1009px 5px;
  571. }
  572. #sharedaddy.jetpack-module div.module-image {
  573. background-position: -710px 5px;
  574. }
  575. #after-the-deadline.jetpack-module div.module-image {
  576. background-position: -308px 5px;
  577. }
  578. #vaultpress.jetpack-module div.module-image {
  579. background-position: -910px 5px;
  580. }
  581. #gravatar-hovercards.jetpack-module div.module-image {
  582. background-position: -410px 5px;
  583. }
  584. #contact-form.jetpack-module div.module-image {
  585. background-position: -1107px 5px;
  586. }
  587. #shortlinks.jetpack-module div.module-image {
  588. background-position: -108px 5px;
  589. }
  590. #shortcodes.jetpack-module div.module-image {
  591. background-position: -608px 5px;
  592. }
  593. #latex.jetpack-module div.module-image {
  594. background-position: -208px 5px;
  595. }
  596. #widgets.jetpack-module div.module-image {
  597. background-position: -5px 5px;
  598. }
  599. #enhanced-distribution.jetpack-module div.module-image {
  600. background-position: -808px 5px;
  601. }
  602. #carousel.jetpack-module div.module-image {
  603. background-position: -1325px 5px;
  604. }
  605. #custom-css.jetpack-module div.module-image {
  606. background-position: -1459px 5px;
  607. }
  608. #minileven.jetpack-module div.module-image {
  609. background-position: -1570px 5px;
  610. }
  611. #notes.jetpack-module div.module-image {
  612. background-position: -1806px 5px;
  613. }
  614. #json-api.jetpack-module div.module-image {
  615. background-position: -1689px 5px;
  616. }
  617. #mobile-push.jetpack-module div.module-image {
  618. background-position: -1925px 5px;
  619. }
  620. #publicize.jetpack-module div.module-image {
  621. background-position: -2136px 5px;
  622. }
  623. #post-by-email.jetpack-module div.module-image {
  624. background-position: -2025px 5px;
  625. }
  626. #infinite-scroll.jetpack-module div.module-image {
  627. background-position: -2230px 5px;
  628. }
  629. #photon.jetpack-module div.module-image {
  630. background-position: -2320px 5px;
  631. }
  632. #tiled-gallery.jetpack-module div.module-image {
  633. background-position: -2400px 5px;
  634. }
  635.  
  636. .jetpack-module div.module-image p {
  637. background-color: #b4d278;
  638. color: #fff;
  639. text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
  640. text-align: center;
  641. margin: 0;
  642. padding: 0;
  643. clear: both;
  644. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  645. font-weight: bold;
  646. -webkit-font-smoothing: antialiased;
  647. -webkit-border-bottom-left-radius: 2px;
  648. -moz-border-radius-bottomleft: 2px;
  649. border-bottom-left-radius: 2px;
  650. }
  651.  
  652. .jetpack-new-module div.module-image p {
  653. background-color: #f5bd4d;
  654. }
  655.  
  656. .jetpack-updated-module div.module-image p {
  657. background-color: #6aafcf;
  658. }
  659.  
  660. .jetpack-new-module:hover div.module-image p {
  661. background-color: #b4d278;
  662. }
  663.  
  664. .jetpack-updated-module:hover div.module-image p {
  665. background-color: #b4d278;
  666. }
  667.  
  668. .jetpack-new-module:hover div.module-image span.module-image-free,
  669. .jetpack-updated-module:hover div.module-image span.module-image-free {
  670. display: inline !important;
  671. }
  672.  
  673. .jetpack-new-module:hover div.module-image span.module-image-badge,
  674. .jetpack-updated-module:hover div.module-image span.module-image-badge {
  675. display: none;
  676. }
  677.  
  678. .jetpack-toggle {
  679. float: right;
  680. padding: 2px 4px 4px;
  681. }
  682. .jetpack-toggle a {
  683. text-decoration: none;
  684. font-weight: bold;
  685. font-size: 180%;
  686. color: #bbb;
  687. }
  688.  
  689. .jetpack-active .jetpack-toggle-button:hover { color: #b90000; }
  690.  
  691. .jetpack-module h3 {
  692. line-height: 1.1;
  693. margin: 0;
  694. padding: 0;
  695. font-size: 17px;
  696. font-weight: normal;
  697. font-style: normal;
  698. color: #000;
  699. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  700. }
  701.  
  702. .jetpack-module-description p {
  703. line-height: 150%;
  704. font-size: 12px;
  705. font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
  706. margin-bottom: 20px;
  707. color: #666;
  708. }
  709.  
  710. .jetpack-module .jetpack-module-actions {
  711. position: absolute;
  712. bottom: 20px;
  713. left: 15px;
  714. background: #fff;
  715. display: block;
  716. }
  717.  
  718. .jetpack-module .jetpack-module-actions a {
  719. position: relative;
  720. font-weight: bold;
  721. color: #888;
  722. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  723. }
  724.  
  725. .jetpack-inactive {
  726. border-color: #eee;
  727. cursor: pointer;
  728. }
  729. .jetpack-inactive *, jetpack-inactive:hover * { -webkit-transition-duration: .4s; -moz-transition-duration: .4s }
  730.  
  731. .jetpack-inactive h3, .jetpack-inactive p, .jetpack-inactive span {
  732. color: #ccc;
  733. }
  734.  
  735. .jetpack-inactive .jetpack-configure-button { display: none; }
  736. .jetpack-inactive div.module-image {
  737. opacity: 0.6;
  738. }
  739.  
  740. .jetpack-inactive .jetpack-module-description p a {
  741. color: #92b8d0;
  742. }
  743. .jetpack-inactive:hover .jetpack-module-description p a {
  744. color: #5590b7;
  745. }
  746.  
  747.  
  748. .jetpack-inactive:hover {
  749. border-color: #ddd;
  750. }
  751.  
  752. .jetpack-inactive:hover h3, .jetpack-inactive:hover p, .jetpack-inactive:hover span {
  753. color: #aaa;
  754. }
  755.  
  756. .jetpack-inactive:hover div.module-image {
  757. opacity: 0.75;
  758. }
  759.  
  760. .placeholder {
  761. border-color: #eee !important;
  762. cursor: default !important;
  763. }
  764.  
  765. .placeholder h3 {
  766. color: #dadada;
  767. margin-top: 55px;
  768. text-align: center;
  769. background: transparent url(images/icon-comingsoon.png) top center no-repeat;
  770. padding: 40px 0 0 0;
  771. margin-right: 15px;
  772. box-shadow: none;
  773. }
  774.  
  775. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  776. .placeholder h3 {
  777. background: transparent url(images/icon-comingsoon-2x.png) top center no-repeat;
  778. background-size:32px 32px;
  779. }
  780. }
  781.  
  782. #jp-settings-screen {
  783. margin: 0 25px;
  784. }
  785. #jp-settings-screen h3 {
  786. font-size: 18px;
  787. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  788. color: #555;
  789. padding-bottom: 20px;
  790. border-bottom: 1px solid #eee;
  791. }
  792.  
  793. p#news-sub {
  794. text-align: center;
  795. }
  796.  
  797. #jp-footer {
  798. background: url( images/footer-clouds.png ) top center no-repeat;
  799. margin: 30px 0;
  800. padding-top: 60px;
  801. text-align: center;
  802. }
  803.  
  804. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  805. #jp-footer {
  806. background: url( images/footer-clouds-2x.png ) top center no-repeat;
  807. background-size:700px 150px;
  808. }
  809. }
  810.  
  811.  
  812. #jp-footer .automattic {
  813. color: #999;
  814. font-size: 10px;
  815. line-height: 15px;
  816. text-transform: uppercase;
  817. letter-spacing: 3px;
  818. padding-left: 3px;
  819. }
  820.  
  821. #jp-footer .automattic span {
  822. text-indent: -999em;
  823. overflow: hidden;
  824. background: url( images/automattic.png ) center top no-repeat;
  825. display: inline-block;
  826. width: 165px;
  827. vertical-align: top;
  828. margin: 0 5px 0 1px;
  829. line-height: 14px;
  830. height: 14px;
  831. filter: alpha(opacity=40);
  832. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  833. opacity: 0.5;
  834. }
  835. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  836. #jp-footer .automattic span {
  837. background: url( images/automattic-2x.png ) center top no-repeat;
  838. background-size:165px 14px;
  839. }
  840. }
  841.  
  842. #jp-footer p.small {
  843. font-size: 11px;
  844. color: #ccc;
  845. }
  846.  
  847. #jp-footer .small a {
  848. text-decoration: none;
  849. }
  850.  
  851. #jp-footer .small a:hover {
  852. text-decoration: underline;
  853. }
  854.  
  855. #jetpack-configuration code {
  856. font-size: 14px;
  857. }
  858.  
  859. .clear {
  860. clear: both;
  861. }
  862.  
  863. .error, .updated { position: relative; z-index: 100; }
  864.  
  865. .toplevel_page_jetpack .wrap {
  866. max-width: 983px;
  867. min-width: 741px;
  868. margin-top: 15px;
  869. }
  870.  
  871. #jetpack-settings .button-primary {
  872. color: #fff !important;
  873. }
  874.  
  875. .jp-survey {
  876. position: relative;
  877. z-index: 100;
  878. border: 1px solid #ccc !important;
  879. -moz-border-radius: 3px;
  880. -webkit-border-radius: 3px;
  881. border-radius: 3px;
  882. background-color: #efefef !important;
  883. -webkit-box-shadow: inset 0 0 15px rgba( 0,0,0,0.04 );
  884. -moz-box-shadow: inset 0 0 15px rgba( 0,0,0,0.04 );
  885. box-shadow: inset 0 0 15px rgba( 0,0,0,0.04 );
  886. padding: 18px 90px 8px 15px !important;
  887. overflow: hidden;
  888. line-height: 180%;
  889. }
  890.  
  891. #jetpack-settings > .jp-survey { margin: 10px 13px 40px 15px }
  892.  
  893. .jp-survey h4 {
  894. margin: 0;
  895. font-size: 18px;
  896. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  897. font-weight: normal;
  898. color: #333;
  899. text-shadow: 0 1px 0 #fff;
  900. -moz-border-radius: 5px;
  901. -webkit-border-radius: 5px;
  902. border-radius: 5px;
  903. display: block;
  904. float: left;
  905. }
  906.  
  907. .jp-survey p {
  908. float: right;
  909. margin: -1px 0 0 0 !important;
  910. padding: 0;
  911. display: block;
  912. }
  913.  
  914. .jp-survey-container {
  915. overflow: hidden;
  916. padding: 0 20px 8px 0;
  917. }
  918.  
  919. .jp-survey-text {
  920. float: left;
  921. width: 68.421053%; /* 390px / 570px */
  922. }
  923.  
  924. .jp-survey-button-container {
  925. position: absolute;
  926. top: 28px;
  927. right: 15px;
  928. }
  929.  
  930. .jetpack-close-button-container {
  931. position: absolute;
  932. top: 0;
  933. right: 0;
  934. }
  935.  
  936. .jetpack-close-button {
  937. display: block;
  938. width: 16px;
  939. height: 16px;
  940. text-indent: -9999px;
  941. background: transparent url( images/alertbox-closeicon.png ) no-repeat center center;
  942. border: 0 none;
  943. -moz-border-radius: 0 0 0 5px;
  944. -webkit-border-radius: 0 0 0 5px;
  945. -o-border-radius: 0 0 0 5px;
  946. -ms-border-radius: 0 0 0 5px;
  947. border-radius: 0 0 0 5px;
  948. -moz-box-shadow: none;
  949. -webkit-box-shadow: none;
  950. box-shadow: none;
  951. -webkit-transition-duration: .3s;
  952. -moz-transition-duration: .3s;
  953. -o-transition-duration: .3s;
  954. -ms-transition-duration: .3s;
  955. transition-duration: .3s;
  956. cursor: pointer;
  957. }
  958.  
  959. @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  960. .jetpack-close-button {
  961. background: transparent url( images/alertbox-closeicon-2x.png ) no-repeat center center;
  962. background-size:16px 16px;
  963. }
  964. }
  965.  
  966. .jetpack-close-button:hover {
  967. background-color: #fff;
  968. border: 0 none;
  969. outline: none;
  970. -webkit-transition-duration: .3s;
  971. -moz-transition-duration: .3s;
  972. -o-transition-duration: .3s;
  973. -ms-transition-duration: .3s;
  974. transition-duration: .3s;
  975. }
  976.  
  977. .jetpack-close-button:active {
  978. background-color: #efefef;
  979. border: 0 none;
  980. -webkit-transition-duration: .3s;
  981. -moz-transition-duration: .3s;
  982. -o-transition-duration: .3s;
  983. -ms-transition-duration: .3s;
  984. transition-duration: .3s;
  985. }
  986.  
  987. .jetpack-wrap-container {
  988. overflow: hidden;
  989. padding: 0 20px 8px 15px;
  990. }
  991.  
  992. .jetpack-text-container {
  993. float: left;
  994. width: 68.421053%; /* 390px / 570px */
  995. }
  996.  
  997. .jetpack-install-container p a.button-connector {
  998. position: absolute;
  999. bottom: 5px;
  1000. right: 15px;
  1001. font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
  1002. float: right;
  1003. display: inline-block;
  1004. background: #b4d278;
  1005. -moz-box-shadow: inset 0 0 2px #fff, 0 1px 5px rgba(0,0,0,0.3);
  1006. -webkit-box-shadow: inset 0 0 2px #fff, 0 1px 5px rgba(0,0,0,0.3);
  1007. box-shadow: inset 0 0 2px #fff, 0 1px 5px rgba(0,0,0,0.3);
  1008. padding: 8px 15px;
  1009. border: 1px solid #2a8cba;
  1010. -moz-border-radius: 5px;
  1011. -webkit-border-radius: 5px;
  1012. border-radius: 5px;
  1013. line-height: 1.3;
  1014. color: #fff;
  1015. text-align: center;
  1016. font-size: 16px;
  1017. font-weight: bold;
  1018. text-decoration: none;
  1019. text-shadow: 0px 1px 2px rgba( 0,0,0,0.5);
  1020. -webkit-transition-duration: .3s;
  1021. -moz-transition-duration: .3s;
  1022. cursor: pointer;
  1023. }
  1024.  
  1025. .jetpack-install-container p a.button-connector:hover, .jetpack-install-container p a.button-connector:active {
  1026. background-color: #f0a000;
  1027. border-color: #c87800;
  1028. -webkit-transition-duration: .3s;
  1029. outline: none;
  1030. -moz-box-shadow: inset 0 0 2px #fff, 0 1px 7px rgba(240,160,0,0.5);
  1031. -webkit-box-shadow: inset 0 0 2px #fff, 0 1px 7px rgba(240,160,0,0.5);
  1032. box-shadow: inset 0 0 2px #fff, 0 1px 7spx rgba(240,160,0,0.5);
  1033. }
  1034.  
  1035. .jetpack-inline-error, .jetpack-inline-message {
  1036. padding: .5em 1em .5em 1em;
  1037. -moz-border-radius: 3px;
  1038. -webkit-border-radius: 3px;
  1039. border-radius: 3px;
  1040. border-width: 1px;
  1041. border-style: solid;
  1042. color: #333;
  1043. }
  1044.  
  1045. .jetpack-inline-error {
  1046. background-color: #ffebe8;
  1047. border-color: #c00;
  1048. }
  1049.  
  1050. .jetpack-inline-message {
  1051. background-color: #ffffe0;
  1052. border-color: #e6db55;
  1053. }
  1054.  
  1055. .jetpack-targetable {
  1056. border-top: 28px solid transparent;
  1057. margin-top: -28px;
  1058. }
  1059.  
  1060. .jetpack-targetable:target {
  1061. background-color: #ffffe0;
  1062. background-clip: padding-box;
  1063. padding: 0 10px;
  1064. margin-left: -10px;
  1065. margin-right: -10px;
  1066. }
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!