grids-responsive.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861
  1. /*!
  2. Pure v0.6.0
  3. Copyright 2014 Yahoo! Inc. All rights reserved.
  4. Licensed under the BSD License.
  5. https://github.com/yahoo/pure/blob/master/LICENSE.md
  6. */
  7. @media screen and (min-width: 35.5em) {
  8. .pure-u-sm-1,
  9. .pure-u-sm-1-1,
  10. .pure-u-sm-1-2,
  11. .pure-u-sm-1-3,
  12. .pure-u-sm-2-3,
  13. .pure-u-sm-1-4,
  14. .pure-u-sm-3-4,
  15. .pure-u-sm-1-5,
  16. .pure-u-sm-2-5,
  17. .pure-u-sm-3-5,
  18. .pure-u-sm-4-5,
  19. .pure-u-sm-5-5,
  20. .pure-u-sm-1-6,
  21. .pure-u-sm-5-6,
  22. .pure-u-sm-1-8,
  23. .pure-u-sm-3-8,
  24. .pure-u-sm-5-8,
  25. .pure-u-sm-7-8,
  26. .pure-u-sm-1-12,
  27. .pure-u-sm-5-12,
  28. .pure-u-sm-7-12,
  29. .pure-u-sm-11-12,
  30. .pure-u-sm-1-24,
  31. .pure-u-sm-2-24,
  32. .pure-u-sm-3-24,
  33. .pure-u-sm-4-24,
  34. .pure-u-sm-5-24,
  35. .pure-u-sm-6-24,
  36. .pure-u-sm-7-24,
  37. .pure-u-sm-8-24,
  38. .pure-u-sm-9-24,
  39. .pure-u-sm-10-24,
  40. .pure-u-sm-11-24,
  41. .pure-u-sm-12-24,
  42. .pure-u-sm-13-24,
  43. .pure-u-sm-14-24,
  44. .pure-u-sm-15-24,
  45. .pure-u-sm-16-24,
  46. .pure-u-sm-17-24,
  47. .pure-u-sm-18-24,
  48. .pure-u-sm-19-24,
  49. .pure-u-sm-20-24,
  50. .pure-u-sm-21-24,
  51. .pure-u-sm-22-24,
  52. .pure-u-sm-23-24,
  53. .pure-u-sm-24-24 {
  54. display: inline-block;
  55. *display: inline;
  56. zoom: 1;
  57. letter-spacing: normal;
  58. word-spacing: normal;
  59. vertical-align: top;
  60. text-rendering: auto;
  61. }
  62. .pure-u-sm-1-24 {
  63. width: 4.1667%;
  64. *width: 4.1357%;
  65. }
  66. .pure-u-sm-1-12,
  67. .pure-u-sm-2-24 {
  68. width: 8.3333%;
  69. *width: 8.3023%;
  70. }
  71. .pure-u-sm-1-8,
  72. .pure-u-sm-3-24 {
  73. width: 12.5000%;
  74. *width: 12.4690%;
  75. }
  76. .pure-u-sm-1-6,
  77. .pure-u-sm-4-24 {
  78. width: 16.6667%;
  79. *width: 16.6357%;
  80. }
  81. .pure-u-sm-1-5 {
  82. width: 20%;
  83. *width: 19.9690%;
  84. }
  85. .pure-u-sm-5-24 {
  86. width: 20.8333%;
  87. *width: 20.8023%;
  88. }
  89. .pure-u-sm-1-4,
  90. .pure-u-sm-6-24 {
  91. width: 25%;
  92. *width: 24.9690%;
  93. }
  94. .pure-u-sm-7-24 {
  95. width: 29.1667%;
  96. *width: 29.1357%;
  97. }
  98. .pure-u-sm-1-3,
  99. .pure-u-sm-8-24 {
  100. width: 33.3333%;
  101. *width: 33.3023%;
  102. }
  103. .pure-u-sm-3-8,
  104. .pure-u-sm-9-24 {
  105. width: 37.5000%;
  106. *width: 37.4690%;
  107. }
  108. .pure-u-sm-2-5 {
  109. width: 40%;
  110. *width: 39.9690%;
  111. }
  112. .pure-u-sm-5-12,
  113. .pure-u-sm-10-24 {
  114. width: 41.6667%;
  115. *width: 41.6357%;
  116. }
  117. .pure-u-sm-11-24 {
  118. width: 45.8333%;
  119. *width: 45.8023%;
  120. }
  121. .pure-u-sm-1-2,
  122. .pure-u-sm-12-24 {
  123. width: 50%;
  124. *width: 49.9690%;
  125. }
  126. .pure-u-sm-13-24 {
  127. width: 54.1667%;
  128. *width: 54.1357%;
  129. }
  130. .pure-u-sm-7-12,
  131. .pure-u-sm-14-24 {
  132. width: 58.3333%;
  133. *width: 58.3023%;
  134. }
  135. .pure-u-sm-3-5 {
  136. width: 60%;
  137. *width: 59.9690%;
  138. }
  139. .pure-u-sm-5-8,
  140. .pure-u-sm-15-24 {
  141. width: 62.5000%;
  142. *width: 62.4690%;
  143. }
  144. .pure-u-sm-2-3,
  145. .pure-u-sm-16-24 {
  146. width: 66.6667%;
  147. *width: 66.6357%;
  148. }
  149. .pure-u-sm-17-24 {
  150. width: 70.8333%;
  151. *width: 70.8023%;
  152. }
  153. .pure-u-sm-3-4,
  154. .pure-u-sm-18-24 {
  155. width: 75%;
  156. *width: 74.9690%;
  157. }
  158. .pure-u-sm-19-24 {
  159. width: 79.1667%;
  160. *width: 79.1357%;
  161. }
  162. .pure-u-sm-4-5 {
  163. width: 80%;
  164. *width: 79.9690%;
  165. }
  166. .pure-u-sm-5-6,
  167. .pure-u-sm-20-24 {
  168. width: 83.3333%;
  169. *width: 83.3023%;
  170. }
  171. .pure-u-sm-7-8,
  172. .pure-u-sm-21-24 {
  173. width: 87.5000%;
  174. *width: 87.4690%;
  175. }
  176. .pure-u-sm-11-12,
  177. .pure-u-sm-22-24 {
  178. width: 91.6667%;
  179. *width: 91.6357%;
  180. }
  181. .pure-u-sm-23-24 {
  182. width: 95.8333%;
  183. *width: 95.8023%;
  184. }
  185. .pure-u-sm-1,
  186. .pure-u-sm-1-1,
  187. .pure-u-sm-5-5,
  188. .pure-u-sm-24-24 {
  189. width: 100%;
  190. }
  191. }
  192. @media screen and (min-width: 48em) {
  193. .pure-u-md-1,
  194. .pure-u-md-1-1,
  195. .pure-u-md-1-2,
  196. .pure-u-md-1-3,
  197. .pure-u-md-2-3,
  198. .pure-u-md-1-4,
  199. .pure-u-md-3-4,
  200. .pure-u-md-1-5,
  201. .pure-u-md-2-5,
  202. .pure-u-md-3-5,
  203. .pure-u-md-4-5,
  204. .pure-u-md-5-5,
  205. .pure-u-md-1-6,
  206. .pure-u-md-5-6,
  207. .pure-u-md-1-8,
  208. .pure-u-md-3-8,
  209. .pure-u-md-5-8,
  210. .pure-u-md-7-8,
  211. .pure-u-md-1-12,
  212. .pure-u-md-5-12,
  213. .pure-u-md-7-12,
  214. .pure-u-md-11-12,
  215. .pure-u-md-1-24,
  216. .pure-u-md-2-24,
  217. .pure-u-md-3-24,
  218. .pure-u-md-4-24,
  219. .pure-u-md-5-24,
  220. .pure-u-md-6-24,
  221. .pure-u-md-7-24,
  222. .pure-u-md-8-24,
  223. .pure-u-md-9-24,
  224. .pure-u-md-10-24,
  225. .pure-u-md-11-24,
  226. .pure-u-md-12-24,
  227. .pure-u-md-13-24,
  228. .pure-u-md-14-24,
  229. .pure-u-md-15-24,
  230. .pure-u-md-16-24,
  231. .pure-u-md-17-24,
  232. .pure-u-md-18-24,
  233. .pure-u-md-19-24,
  234. .pure-u-md-20-24,
  235. .pure-u-md-21-24,
  236. .pure-u-md-22-24,
  237. .pure-u-md-23-24,
  238. .pure-u-md-24-24 {
  239. display: inline-block;
  240. *display: inline;
  241. zoom: 1;
  242. letter-spacing: normal;
  243. word-spacing: normal;
  244. vertical-align: top;
  245. text-rendering: auto;
  246. }
  247. .pure-u-md-1-24 {
  248. width: 4.1667%;
  249. *width: 4.1357%;
  250. }
  251. .pure-u-md-1-12,
  252. .pure-u-md-2-24 {
  253. width: 8.3333%;
  254. *width: 8.3023%;
  255. }
  256. .pure-u-md-1-8,
  257. .pure-u-md-3-24 {
  258. width: 12.5000%;
  259. *width: 12.4690%;
  260. }
  261. .pure-u-md-1-6,
  262. .pure-u-md-4-24 {
  263. width: 16.6667%;
  264. *width: 16.6357%;
  265. }
  266. .pure-u-md-1-5 {
  267. width: 20%;
  268. *width: 19.9690%;
  269. }
  270. .pure-u-md-5-24 {
  271. width: 20.8333%;
  272. *width: 20.8023%;
  273. }
  274. .pure-u-md-1-4,
  275. .pure-u-md-6-24 {
  276. width: 25%;
  277. *width: 24.9690%;
  278. }
  279. .pure-u-md-7-24 {
  280. width: 29.1667%;
  281. *width: 29.1357%;
  282. }
  283. .pure-u-md-1-3,
  284. .pure-u-md-8-24 {
  285. width: 33.3333%;
  286. *width: 33.3023%;
  287. }
  288. .pure-u-md-3-8,
  289. .pure-u-md-9-24 {
  290. width: 37.5000%;
  291. *width: 37.4690%;
  292. }
  293. .pure-u-md-2-5 {
  294. width: 40%;
  295. *width: 39.9690%;
  296. }
  297. .pure-u-md-5-12,
  298. .pure-u-md-10-24 {
  299. width: 41.6667%;
  300. *width: 41.6357%;
  301. }
  302. .pure-u-md-11-24 {
  303. width: 45.8333%;
  304. *width: 45.8023%;
  305. }
  306. .pure-u-md-1-2,
  307. .pure-u-md-12-24 {
  308. width: 50%;
  309. *width: 49.9690%;
  310. }
  311. .pure-u-md-13-24 {
  312. width: 54.1667%;
  313. *width: 54.1357%;
  314. }
  315. .pure-u-md-7-12,
  316. .pure-u-md-14-24 {
  317. width: 58.3333%;
  318. *width: 58.3023%;
  319. }
  320. .pure-u-md-3-5 {
  321. width: 60%;
  322. *width: 59.9690%;
  323. }
  324. .pure-u-md-5-8,
  325. .pure-u-md-15-24 {
  326. width: 62.5000%;
  327. *width: 62.4690%;
  328. }
  329. .pure-u-md-2-3,
  330. .pure-u-md-16-24 {
  331. width: 66.6667%;
  332. *width: 66.6357%;
  333. }
  334. .pure-u-md-17-24 {
  335. width: 70.8333%;
  336. *width: 70.8023%;
  337. }
  338. .pure-u-md-3-4,
  339. .pure-u-md-18-24 {
  340. width: 75%;
  341. *width: 74.9690%;
  342. }
  343. .pure-u-md-19-24 {
  344. width: 79.1667%;
  345. *width: 79.1357%;
  346. }
  347. .pure-u-md-4-5 {
  348. width: 80%;
  349. *width: 79.9690%;
  350. }
  351. .pure-u-md-5-6,
  352. .pure-u-md-20-24 {
  353. width: 83.3333%;
  354. *width: 83.3023%;
  355. }
  356. .pure-u-md-7-8,
  357. .pure-u-md-21-24 {
  358. width: 87.5000%;
  359. *width: 87.4690%;
  360. }
  361. .pure-u-md-11-12,
  362. .pure-u-md-22-24 {
  363. width: 91.6667%;
  364. *width: 91.6357%;
  365. }
  366. .pure-u-md-23-24 {
  367. width: 95.8333%;
  368. *width: 95.8023%;
  369. }
  370. .pure-u-md-1,
  371. .pure-u-md-1-1,
  372. .pure-u-md-5-5,
  373. .pure-u-md-24-24 {
  374. width: 100%;
  375. }
  376. }
  377. @media screen and (min-width: 64em) {
  378. .pure-u-lg-1,
  379. .pure-u-lg-1-1,
  380. .pure-u-lg-1-2,
  381. .pure-u-lg-1-3,
  382. .pure-u-lg-2-3,
  383. .pure-u-lg-1-4,
  384. .pure-u-lg-3-4,
  385. .pure-u-lg-1-5,
  386. .pure-u-lg-2-5,
  387. .pure-u-lg-3-5,
  388. .pure-u-lg-4-5,
  389. .pure-u-lg-5-5,
  390. .pure-u-lg-1-6,
  391. .pure-u-lg-5-6,
  392. .pure-u-lg-1-8,
  393. .pure-u-lg-3-8,
  394. .pure-u-lg-5-8,
  395. .pure-u-lg-7-8,
  396. .pure-u-lg-1-12,
  397. .pure-u-lg-5-12,
  398. .pure-u-lg-7-12,
  399. .pure-u-lg-11-12,
  400. .pure-u-lg-1-24,
  401. .pure-u-lg-2-24,
  402. .pure-u-lg-3-24,
  403. .pure-u-lg-4-24,
  404. .pure-u-lg-5-24,
  405. .pure-u-lg-6-24,
  406. .pure-u-lg-7-24,
  407. .pure-u-lg-8-24,
  408. .pure-u-lg-9-24,
  409. .pure-u-lg-10-24,
  410. .pure-u-lg-11-24,
  411. .pure-u-lg-12-24,
  412. .pure-u-lg-13-24,
  413. .pure-u-lg-14-24,
  414. .pure-u-lg-15-24,
  415. .pure-u-lg-16-24,
  416. .pure-u-lg-17-24,
  417. .pure-u-lg-18-24,
  418. .pure-u-lg-19-24,
  419. .pure-u-lg-20-24,
  420. .pure-u-lg-21-24,
  421. .pure-u-lg-22-24,
  422. .pure-u-lg-23-24,
  423. .pure-u-lg-24-24 {
  424. display: inline-block;
  425. *display: inline;
  426. zoom: 1;
  427. letter-spacing: normal;
  428. word-spacing: normal;
  429. vertical-align: top;
  430. text-rendering: auto;
  431. }
  432. .pure-u-lg-1-24 {
  433. width: 4.1667%;
  434. *width: 4.1357%;
  435. }
  436. .pure-u-lg-1-12,
  437. .pure-u-lg-2-24 {
  438. width: 8.3333%;
  439. *width: 8.3023%;
  440. }
  441. .pure-u-lg-1-8,
  442. .pure-u-lg-3-24 {
  443. width: 12.5000%;
  444. *width: 12.4690%;
  445. }
  446. .pure-u-lg-1-6,
  447. .pure-u-lg-4-24 {
  448. width: 16.6667%;
  449. *width: 16.6357%;
  450. }
  451. .pure-u-lg-1-5 {
  452. width: 20%;
  453. *width: 19.9690%;
  454. }
  455. .pure-u-lg-5-24 {
  456. width: 20.8333%;
  457. *width: 20.8023%;
  458. }
  459. .pure-u-lg-1-4,
  460. .pure-u-lg-6-24 {
  461. width: 25%;
  462. *width: 24.9690%;
  463. }
  464. .pure-u-lg-7-24 {
  465. width: 29.1667%;
  466. *width: 29.1357%;
  467. }
  468. .pure-u-lg-1-3,
  469. .pure-u-lg-8-24 {
  470. width: 33.3333%;
  471. *width: 33.3023%;
  472. }
  473. .pure-u-lg-3-8,
  474. .pure-u-lg-9-24 {
  475. width: 37.5000%;
  476. *width: 37.4690%;
  477. }
  478. .pure-u-lg-2-5 {
  479. width: 40%;
  480. *width: 39.9690%;
  481. }
  482. .pure-u-lg-5-12,
  483. .pure-u-lg-10-24 {
  484. width: 41.6667%;
  485. *width: 41.6357%;
  486. }
  487. .pure-u-lg-11-24 {
  488. width: 45.8333%;
  489. *width: 45.8023%;
  490. }
  491. .pure-u-lg-1-2,
  492. .pure-u-lg-12-24 {
  493. width: 50%;
  494. *width: 49.9690%;
  495. }
  496. .pure-u-lg-13-24 {
  497. width: 54.1667%;
  498. *width: 54.1357%;
  499. }
  500. .pure-u-lg-7-12,
  501. .pure-u-lg-14-24 {
  502. width: 58.3333%;
  503. *width: 58.3023%;
  504. }
  505. .pure-u-lg-3-5 {
  506. width: 60%;
  507. *width: 59.9690%;
  508. }
  509. .pure-u-lg-5-8,
  510. .pure-u-lg-15-24 {
  511. width: 62.5000%;
  512. *width: 62.4690%;
  513. }
  514. .pure-u-lg-2-3,
  515. .pure-u-lg-16-24 {
  516. width: 66.6667%;
  517. *width: 66.6357%;
  518. }
  519. .pure-u-lg-17-24 {
  520. width: 70.8333%;
  521. *width: 70.8023%;
  522. }
  523. .pure-u-lg-3-4,
  524. .pure-u-lg-18-24 {
  525. width: 75%;
  526. *width: 74.9690%;
  527. }
  528. .pure-u-lg-19-24 {
  529. width: 79.1667%;
  530. *width: 79.1357%;
  531. }
  532. .pure-u-lg-4-5 {
  533. width: 80%;
  534. *width: 79.9690%;
  535. }
  536. .pure-u-lg-5-6,
  537. .pure-u-lg-20-24 {
  538. width: 83.3333%;
  539. *width: 83.3023%;
  540. }
  541. .pure-u-lg-7-8,
  542. .pure-u-lg-21-24 {
  543. width: 87.5000%;
  544. *width: 87.4690%;
  545. }
  546. .pure-u-lg-11-12,
  547. .pure-u-lg-22-24 {
  548. width: 91.6667%;
  549. *width: 91.6357%;
  550. }
  551. .pure-u-lg-23-24 {
  552. width: 95.8333%;
  553. *width: 95.8023%;
  554. }
  555. .pure-u-lg-1,
  556. .pure-u-lg-1-1,
  557. .pure-u-lg-5-5,
  558. .pure-u-lg-24-24 {
  559. width: 100%;
  560. }
  561. }
  562. @media screen and (min-width: 80em) {
  563. .pure-u-xl-1,
  564. .pure-u-xl-1-1,
  565. .pure-u-xl-1-2,
  566. .pure-u-xl-1-3,
  567. .pure-u-xl-2-3,
  568. .pure-u-xl-1-4,
  569. .pure-u-xl-3-4,
  570. .pure-u-xl-1-5,
  571. .pure-u-xl-2-5,
  572. .pure-u-xl-3-5,
  573. .pure-u-xl-4-5,
  574. .pure-u-xl-5-5,
  575. .pure-u-xl-1-6,
  576. .pure-u-xl-5-6,
  577. .pure-u-xl-1-8,
  578. .pure-u-xl-3-8,
  579. .pure-u-xl-5-8,
  580. .pure-u-xl-7-8,
  581. .pure-u-xl-1-12,
  582. .pure-u-xl-5-12,
  583. .pure-u-xl-7-12,
  584. .pure-u-xl-11-12,
  585. .pure-u-xl-1-24,
  586. .pure-u-xl-2-24,
  587. .pure-u-xl-3-24,
  588. .pure-u-xl-4-24,
  589. .pure-u-xl-5-24,
  590. .pure-u-xl-6-24,
  591. .pure-u-xl-7-24,
  592. .pure-u-xl-8-24,
  593. .pure-u-xl-9-24,
  594. .pure-u-xl-10-24,
  595. .pure-u-xl-11-24,
  596. .pure-u-xl-12-24,
  597. .pure-u-xl-13-24,
  598. .pure-u-xl-14-24,
  599. .pure-u-xl-15-24,
  600. .pure-u-xl-16-24,
  601. .pure-u-xl-17-24,
  602. .pure-u-xl-18-24,
  603. .pure-u-xl-19-24,
  604. .pure-u-xl-20-24,
  605. .pure-u-xl-21-24,
  606. .pure-u-xl-22-24,
  607. .pure-u-xl-23-24,
  608. .pure-u-xl-24-24 {
  609. display: inline-block;
  610. *display: inline;
  611. zoom: 1;
  612. letter-spacing: normal;
  613. word-spacing: normal;
  614. vertical-align: top;
  615. text-rendering: auto;
  616. }
  617. .pure-u-xl-1-24 {
  618. width: 4.1667%;
  619. *width: 4.1357%;
  620. }
  621. .pure-u-xl-1-12,
  622. .pure-u-xl-2-24 {
  623. width: 8.3333%;
  624. *width: 8.3023%;
  625. }
  626. .pure-u-xl-1-8,
  627. .pure-u-xl-3-24 {
  628. width: 12.5000%;
  629. *width: 12.4690%;
  630. }
  631. .pure-u-xl-1-6,
  632. .pure-u-xl-4-24 {
  633. width: 16.6667%;
  634. *width: 16.6357%;
  635. }
  636. .pure-u-xl-1-5 {
  637. width: 20%;
  638. *width: 19.9690%;
  639. }
  640. .pure-u-xl-5-24 {
  641. width: 20.8333%;
  642. *width: 20.8023%;
  643. }
  644. .pure-u-xl-1-4,
  645. .pure-u-xl-6-24 {
  646. width: 25%;
  647. *width: 24.9690%;
  648. }
  649. .pure-u-xl-7-24 {
  650. width: 29.1667%;
  651. *width: 29.1357%;
  652. }
  653. .pure-u-xl-1-3,
  654. .pure-u-xl-8-24 {
  655. width: 33.3333%;
  656. *width: 33.3023%;
  657. }
  658. .pure-u-xl-3-8,
  659. .pure-u-xl-9-24 {
  660. width: 37.5000%;
  661. *width: 37.4690%;
  662. }
  663. .pure-u-xl-2-5 {
  664. width: 40%;
  665. *width: 39.9690%;
  666. }
  667. .pure-u-xl-5-12,
  668. .pure-u-xl-10-24 {
  669. width: 41.6667%;
  670. *width: 41.6357%;
  671. }
  672. .pure-u-xl-11-24 {
  673. width: 45.8333%;
  674. *width: 45.8023%;
  675. }
  676. .pure-u-xl-1-2,
  677. .pure-u-xl-12-24 {
  678. width: 50%;
  679. *width: 49.9690%;
  680. }
  681. .pure-u-xl-13-24 {
  682. width: 54.1667%;
  683. *width: 54.1357%;
  684. }
  685. .pure-u-xl-7-12,
  686. .pure-u-xl-14-24 {
  687. width: 58.3333%;
  688. *width: 58.3023%;
  689. }
  690. .pure-u-xl-3-5 {
  691. width: 60%;
  692. *width: 59.9690%;
  693. }
  694. .pure-u-xl-5-8,
  695. .pure-u-xl-15-24 {
  696. width: 62.5000%;
  697. *width: 62.4690%;
  698. }
  699. .pure-u-xl-2-3,
  700. .pure-u-xl-16-24 {
  701. width: 66.6667%;
  702. *width: 66.6357%;
  703. }
  704. .pure-u-xl-17-24 {
  705. width: 70.8333%;
  706. *width: 70.8023%;
  707. }
  708. .pure-u-xl-3-4,
  709. .pure-u-xl-18-24 {
  710. width: 75%;
  711. *width: 74.9690%;
  712. }
  713. .pure-u-xl-19-24 {
  714. width: 79.1667%;
  715. *width: 79.1357%;
  716. }
  717. .pure-u-xl-4-5 {
  718. width: 80%;
  719. *width: 79.9690%;
  720. }
  721. .pure-u-xl-5-6,
  722. .pure-u-xl-20-24 {
  723. width: 83.3333%;
  724. *width: 83.3023%;
  725. }
  726. .pure-u-xl-7-8,
  727. .pure-u-xl-21-24 {
  728. width: 87.5000%;
  729. *width: 87.4690%;
  730. }
  731. .pure-u-xl-11-12,
  732. .pure-u-xl-22-24 {
  733. width: 91.6667%;
  734. *width: 91.6357%;
  735. }
  736. .pure-u-xl-23-24 {
  737. width: 95.8333%;
  738. *width: 95.8023%;
  739. }
  740. .pure-u-xl-1,
  741. .pure-u-xl-1-1,
  742. .pure-u-xl-5-5,
  743. .pure-u-xl-24-24 {
  744. width: 100%;
  745. }
  746. }