Samstag, 6. Januar 2018

Built-in CSS classes from Universal Theme


Oracle Apex Universal Theme has more than 1000 CSS classes that are integrated and ready to use. However, it is not wrong to create your own CSS style. Note, however, that many features of Oracle Apex UT are based on the built-in style. Using integrated classes makes the job much easier.

Here are some built-in Css Classes

1- For the height

  1. .h10 {
  2.     height: 10px
  3. }

  4. .h20 {
  5.     height: 20px
  6. }

  7. .h30 {
  8.     height: 30px
  9. }

  10. .h40 {
  11.     height: 40px
  12. }

  13. .h50 {
  14.     height: 50px
  15. }

  16. .h60 {
  17.     height: 60px
  18. }

  19. .h70 {
  20.     height: 70px
  21. }

  22. .h80 {
  23.     height: 80px
  24. }

  25. .h90 {
  26.     height: 90px
  27. }

  28. .h100 {
  29.     height: 100px
  30. }

  31. .h110 {
  32.     height: 110px
  33. }

  34. .h120 {
  35.     height: 120px
  36. }

  37. .h130 {
  38.     height: 130px
  39. }

  40. .h140 {
  41.     height: 140px
  42. }

  43. .h150 {
  44.     height: 150px
  45. }

  46. .h160 {
  47.     height: 160px
  48. }

  49. .h170 {
  50.     height: 170px
  51. }

  52. .h180 {
  53.     height: 180px
  54. }

  55. .h190 {
  56.     height: 190px
  57. }

  58. .h200 {
  59.     height: 200px
  60. }

  61. .h210 {
  62.     height: 210px
  63. }

  64. .h220 {
  65.     height: 220px
  66. }

  67. .h230 {
  68.     height: 230px
  69. }

  70. .h240 {
  71.     height: 240px
  72. }

  73. .h250 {
  74.     height: 250px
  75. }

  76. .h260 {
  77.     height: 260px
  78. }

  79. .h270 {
  80.     height: 270px
  81. }

  82. .h280 {
  83.     height: 280px
  84. }

  85. .h290 {
  86.     height: 290px
  87. }

  88. .h300 {
  89.     height: 300px
  90. }

  91. .h310 {
  92.     height: 310px
  93. }

  94. .h320 {
  95.     height: 320px
  96. }

  97. .h330 {
  98.     height: 330px
  99. }

  100. .h340 {
  101.     height: 340px
  102. }

  103. .h350 {
  104.     height: 350px
  105. }

  106. .h360 {
  107.     height: 360px
  108. }

  109. .h370 {
  110.     height: 370px
  111. }

  112. .h380 {
  113.     height: 380px
  114. }

  115. .h390 {
  116.     height: 390px
  117. }

  118. .h400 {
  119.     height: 400px
  120. }

  121. .h410 {
  122.     height: 410px
  123. }

  124. .h420 {
  125.     height: 420px
  126. }

  127. .h430 {
  128.     height: 430px
  129. }

  130. .h440 {
  131.     height: 440px
  132. }

  133. .h450 {
  134.     height: 450px
  135. }

  136. .h460 {
  137.     height: 460px
  138. }

  139. .h470 {
  140.     height: 470px
  141. }

  142. .h480 {
  143.     height: 480px
  144. }

  145. .h490 {
  146.     height: 490px
  147. }

  148. .h500 {
  149.     height: 500px
  150. }

  151. .h510 {
  152.     height: 510px
  153. }

  154. .h520 {
  155.     height: 520px
  156. }

  157. .h530 {
  158.     height: 530px
  159. }

  160. .h540 {
  161.     height: 540px
  162. }

  163. .h550 {
  164.     height: 550px
  165. }

  166. .h560 {
  167.     height: 560px
  168. }

  169. .h570 {
  170.     height: 570px
  171. }

  172. .h580 {
  173.     height: 580px
  174. }

  175. .h590 {
  176.     height: 590px
  177. }

  178. .h600 {
  179.     height: 600px
  180. }

  181. .h610 {
  182.     height: 610px
  183. }

  184. .h620 {
  185.     height: 620px
  186. }

  187. .h630 {
  188.     height: 630px
  189. }

  190. .h640 {
  191.     height: 640px
  192. }

  193. .h650 {
  194.     height: 650px
  195. }

  196. .h660 {
  197.     height: 660px
  198. }

  199. .h670 {
  200.     height: 670px
  201. }

  202. .h680 {
  203.     height: 680px
  204. }

  205. .h690 {
  206.     height: 690px
  207. }

  208. .h700 {
  209.     height: 700px
  210. }

  211. .h710 {
  212.     height: 710px
  213. }

  214. .h720 {
  215.     height: 720px
  216. }

  217. .h730 {
  218.     height: 730px
  219. }

  220. .h740 {
  221.     height: 740px
  222. }

  223. .h750 {
  224.     height: 750px
  225. }

  226. .h760 {
  227.     height: 760px
  228. }

  229. .h770 {
  230.     height: 770px
  231. }

  232. .h780 {
  233.     height: 780px
  234. }

  235. .h790 {
  236.     height: 790px
  237. }

  238. .h800 {
  239.     height: 800px
  240. }

  241. .mxh10 {
  242.     max-height: 10px
  243. }

  244. .mxh20 {
  245.     max-height: 20px
  246. }

  247. .mxh30 {
  248.     max-height: 30px
  249. }

  250. .mxh40 {
  251.     max-height: 40px
  252. }

  253. .mxh50 {
  254.     max-height: 50px
  255. }

  256. .mxh60 {
  257.     max-height: 60px
  258. }

  259. .mxh70 {
  260.     max-height: 70px
  261. }

  262. .mxh80 {
  263.     max-height: 80px
  264. }

  265. .mxh90 {
  266.     max-height: 90px
  267. }

  268. .mxh100 {
  269.     max-height: 100px
  270. }

  271. .mxh110 {
  272.     max-height: 110px
  273. }

  274. .mxh120 {
  275.     max-height: 120px
  276. }

  277. .mxh130 {
  278.     max-height: 130px
  279. }

  280. .mxh140 {
  281.     max-height: 140px
  282. }

  283. .mxh150 {
  284.     max-height: 150px
  285. }

  286. .mxh160 {
  287.     max-height: 160px
  288. }

  289. .mxh170 {
  290.     max-height: 170px
  291. }

  292. .mxh180 {
  293.     max-height: 180px
  294. }

  295. .mxh190 {
  296.     max-height: 190px
  297. }

  298. .mxh200 {
  299.     max-height: 200px
  300. }

  301. .mxh210 {
  302.     max-height: 210px
  303. }

  304. .mxh220 {
  305.     max-height: 220px
  306. }

  307. .mxh230 {
  308.     max-height: 230px
  309. }

  310. .mxh240 {
  311.     max-height: 240px
  312. }

  313. .mxh250 {
  314.     max-height: 250px
  315. }

  316. .mxh260 {
  317.     max-height: 260px
  318. }

  319. .mxh270 {
  320.     max-height: 270px
  321. }

  322. .mxh280 {
  323.     max-height: 280px
  324. }

  325. .mxh290 {
  326.     max-height: 290px
  327. }

  328. .mxh300 {
  329.     max-height: 300px
  330. }

  331. .mxh310 {
  332.     max-height: 310px
  333. }

  334. .mxh320 {
  335.     max-height: 320px
  336. }

  337. .mxh330 {
  338.     max-height: 330px
  339. }

  340. .mxh340 {
  341.     max-height: 340px
  342. }

  343. .mxh350 {
  344.     max-height: 350px
  345. }

  346. .mxh360 {
  347.     max-height: 360px
  348. }

  349. .mxh370 {
  350.     max-height: 370px
  351. }

  352. .mxh380 {
  353.     max-height: 380px
  354. }

  355. .mxh390 {
  356.     max-height: 390px
  357. }

  358. .mxh400 {
  359.     max-height: 400px
  360. }

  361. .mxh410 {
  362.     max-height: 410px
  363. }

  364. .mxh420 {
  365.     max-height: 420px
  366. }

  367. .mxh430 {
  368.     max-height: 430px
  369. }

  370. .mxh440 {
  371.     max-height: 440px
  372. }

  373. .mxh450 {
  374.     max-height: 450px
  375. }

  376. .mxh460 {
  377.     max-height: 460px
  378. }

  379. .mxh470 {
  380.     max-height: 470px
  381. }

  382. .mxh480 {
  383.     max-height: 480px
  384. }

  385. .mxh490 {
  386.     max-height: 490px
  387. }

  388. .mxh500 {
  389.     max-height: 500px
  390. }

  391. .mxh510 {
  392.     max-height: 510px
  393. }

  394. .mxh520 {
  395.     max-height: 520px
  396. }

  397. .mxh530 {
  398.     max-height: 530px
  399. }

  400. .mxh540 {
  401.     max-height: 540px
  402. }

  403. .mxh550 {
  404.     max-height: 550px
  405. }

  406. .mxh560 {
  407.     max-height: 560px
  408. }

  409. .mxh570 {
  410.     max-height: 570px
  411. }

  412. .mxh580 {
  413.     max-height: 580px
  414. }

  415. .mxh590 {
  416.     max-height: 590px
  417. }

  418. .mxh600 {
  419.     max-height: 600px
  420. }

  421. .mxh610 {
  422.     max-height: 610px
  423. }

  424. .mxh620 {
  425.     max-height: 620px
  426. }

  427. .mxh630 {
  428.     max-height: 630px
  429. }

  430. .mxh640 {
  431.     max-height: 640px
  432. }

  433. .mxh650 {
  434.     max-height: 650px
  435. }

  436. .mxh660 {
  437.     max-height: 660px
  438. }

  439. .mxh670 {
  440.     max-height: 670px
  441. }

  442. .mxh680 {
  443.     max-height: 680px
  444. }

  445. .mxh690 {
  446.     max-height: 690px
  447. }

  448. .mxh700 {
  449.     max-height: 700px
  450. }

  451. .mxh710 {
  452.     max-height: 710px
  453. }

  454. .mxh720 {
  455.     max-height: 720px
  456. }

  457. .mxh730 {
  458.     max-height: 730px
  459. }

  460. .mxh740 {
  461.     max-height: 740px
  462. }

  463. .mxh750 {
  464.     max-height: 750px
  465. }

  466. .mxh760 {
  467.     max-height: 760px
  468. }

  469. .mxh770 {
  470.     max-height: 770px
  471. }

  472. .mxh780 {
  473.     max-height: 780px
  474. }

  475. .mxh790 {
  476.     max-height: 790px
  477. }

  478. .mxh800 {
  479.     max-height: 800px
  480. }


2- For the Width

  1. .w10 {
  2.     width: 10px
  3. }

  4. .w20 {
  5.     width: 20px
  6. }

  7. .w30 {
  8.     width: 30px
  9. }

  10. .w40 {
  11.     width: 40px
  12. }

  13. .w50 {
  14.     width: 50px
  15. }

  16. .w60 {
  17.     width: 60px
  18. }

  19. .w70 {
  20.     width: 70px
  21. }

  22. .w80 {
  23.     width: 80px
  24. }

  25. .w90 {
  26.     width: 90px
  27. }

  28. .w100 {
  29.     width: 100px
  30. }

  31. .w110 {
  32.     width: 110px
  33. }

  34. .w120 {
  35.     width: 120px
  36. }

  37. .w130 {
  38.     width: 130px
  39. }

  40. .w140 {
  41.     width: 140px
  42. }

  43. .w150 {
  44.     width: 150px
  45. }

  46. .w160 {
  47.     width: 160px
  48. }

  49. .w170 {
  50.     width: 170px
  51. }

  52. .w180 {
  53.     width: 180px
  54. }

  55. .w190 {
  56.     width: 190px
  57. }

  58. .w200 {
  59.     width: 200px
  60. }

  61. .w210 {
  62.     width: 210px
  63. }

  64. .w220 {
  65.     width: 220px
  66. }

  67. .w230 {
  68.     width: 230px
  69. }

  70. .w240 {
  71.     width: 240px
  72. }

  73. .w250 {
  74.     width: 250px
  75. }

  76. .w260 {
  77.     width: 260px
  78. }

  79. .w270 {
  80.     width: 270px
  81. }

  82. .w280 {
  83.     width: 280px
  84. }

  85. .w290 {
  86.     width: 290px
  87. }

  88. .w300 {
  89.     width: 300px
  90. }

  91. .w310 {
  92.     width: 310px
  93. }

  94. .w320 {
  95.     width: 320px
  96. }

  97. .w330 {
  98.     width: 330px
  99. }

  100. .w340 {
  101.     width: 340px
  102. }

  103. .w350 {
  104.     width: 350px
  105. }

  106. .w360 {
  107.     width: 360px
  108. }

  109. .w370 {
  110.     width: 370px
  111. }

  112. .w380 {
  113.     width: 380px
  114. }

  115. .w390 {
  116.     width: 390px
  117. }

  118. .w400 {
  119.     width: 400px
  120. }

  121. .w410 {
  122.     width: 410px
  123. }

  124. .w420 {
  125.     width: 420px
  126. }

  127. .w430 {
  128.     width: 430px
  129. }

  130. .w440 {
  131.     width: 440px
  132. }

  133. .w450 {
  134.     width: 450px
  135. }

  136. .w460 {
  137.     width: 460px
  138. }

  139. .w470 {
  140.     width: 470px
  141. }

  142. .w480 {
  143.     width: 480px
  144. }

  145. .w490 {
  146.     width: 490px
  147. }

  148. .w500 {
  149.     width: 500px
  150. }

  151. .w510 {
  152.     width: 510px
  153. }

  154. .w520 {
  155.     width: 520px
  156. }

  157. .w530 {
  158.     width: 530px
  159. }

  160. .w540 {
  161.     width: 540px
  162. }

  163. .w550 {
  164.     width: 550px
  165. }

  166. .w560 {
  167.     width: 560px
  168. }

  169. .w570 {
  170.     width: 570px
  171. }

  172. .w580 {
  173.     width: 580px
  174. }

  175. .w590 {
  176.     width: 590px
  177. }

  178. .w600 {
  179.     width: 600px
  180. }

  181. .w610 {
  182.     width: 610px
  183. }

  184. .w620 {
  185.     width: 620px
  186. }

  187. .w630 {
  188.     width: 630px
  189. }

  190. .w640 {
  191.     width: 640px
  192. }

  193. .w650 {
  194.     width: 650px
  195. }

  196. .w660 {
  197.     width: 660px
  198. }

  199. .w670 {
  200.     width: 670px
  201. }

  202. .w680 {
  203.     width: 680px
  204. }

  205. .w690 {
  206.     width: 690px
  207. }

  208. .w700 {
  209.     width: 700px
  210. }

  211. .w710 {
  212.     width: 710px
  213. }

  214. .w720 {
  215.     width: 720px
  216. }

  217. .w730 {
  218.     width: 730px
  219. }

  220. .w740 {
  221.     width: 740px
  222. }

  223. .w750 {
  224.     width: 750px
  225. }

  226. .w760 {
  227.     width: 760px
  228. }

  229. .w770 {
  230.     width: 770px
  231. }

  232. .w780 {
  233.     width: 780px
  234. }

  235. .w790 {
  236.     width: 790px
  237. }

  238. .w800 {
  239.     width: 800px
  240. }

  241. .mnw10 {
  242.     min-width: 10px
  243. }

  244. .mnw20 {
  245.     min-width: 20px
  246. }

  247. .mnw30 {
  248.     min-width: 30px
  249. }

  250. .mnw40 {
  251.     min-width: 40px
  252. }

  253. .mnw50 {
  254.     min-width: 50px
  255. }

  256. .mnw60 {
  257.     min-width: 60px
  258. }

  259. .mnw70 {
  260.     min-width: 70px
  261. }

  262. .mnw80 {
  263.     min-width: 80px
  264. }

  265. .mnw90 {
  266.     min-width: 90px
  267. }

  268. .mnw100 {
  269.     min-width: 100px
  270. }

  271. .mnw110 {
  272.     min-width: 110px
  273. }

  274. .mnw120,.t-Field-label {
  275.     min-width: 120px
  276. }

  277. .mnw130 {
  278.     min-width: 130px
  279. }

  280. .mnw140 {
  281.     min-width: 140px
  282. }

  283. .mnw150 {
  284.     min-width: 150px
  285. }

  286. .mnw160 {
  287.     min-width: 160px
  288. }

  289. .mnw170 {
  290.     min-width: 170px
  291. }

  292. .mnw180 {
  293.     min-width: 180px
  294. }

  295. .mnw190 {
  296.     min-width: 190px
  297. }

  298. .mnw200 {
  299.     min-width: 200px
  300. }

  301. .mnw210 {
  302.     min-width: 210px
  303. }

  304. .mnw220 {
  305.     min-width: 220px
  306. }

  307. .mnw230 {
  308.     min-width: 230px
  309. }

  310. .mnw240 {
  311.     min-width: 240px
  312. }

  313. .mnw250 {
  314.     min-width: 250px
  315. }

  316. .mnw260 {
  317.     min-width: 260px
  318. }

  319. .mnw270 {
  320.     min-width: 270px
  321. }

  322. .mnw280 {
  323.     min-width: 280px
  324. }

  325. .mnw290 {
  326.     min-width: 290px
  327. }

  328. .mnw300 {
  329.     min-width: 300px
  330. }

  331. .mnw310 {
  332.     min-width: 310px
  333. }

  334. .mnw320 {
  335.     min-width: 320px
  336. }

  337. .mnw330 {
  338.     min-width: 330px
  339. }

  340. .mnw340 {
  341.     min-width: 340px
  342. }

  343. .mnw350 {
  344.     min-width: 350px
  345. }

  346. .mnw360 {
  347.     min-width: 360px
  348. }

  349. .mnw370 {
  350.     min-width: 370px
  351. }

  352. .mnw380 {
  353.     min-width: 380px
  354. }

  355. .mnw390 {
  356.     min-width: 390px
  357. }

  358. .mnw400 {
  359.     min-width: 400px
  360. }

  361. .mnw410 {
  362.     min-width: 410px
  363. }

  364. .mnw420 {
  365.     min-width: 420px
  366. }

  367. .mnw430 {
  368.     min-width: 430px
  369. }

  370. .mnw440 {
  371.     min-width: 440px
  372. }

  373. .mnw450 {
  374.     min-width: 450px
  375. }

  376. .mnw460 {
  377.     min-width: 460px
  378. }

  379. .mnw470 {
  380.     min-width: 470px
  381. }

  382. .mnw480 {
  383.     min-width: 480px
  384. }

  385. .mnw490 {
  386.     min-width: 490px
  387. }

  388. .mnw500 {
  389.     min-width: 500px
  390. }

  391. .mnw510 {
  392.     min-width: 510px
  393. }

  394. .mnw520 {
  395.     min-width: 520px
  396. }

  397. .mnw530 {
  398.     min-width: 530px
  399. }

  400. .mnw540 {
  401.     min-width: 540px
  402. }

  403. .mnw550 {
  404.     min-width: 550px
  405. }

  406. .mnw560 {
  407.     min-width: 560px
  408. }

  409. .mnw570 {
  410.     min-width: 570px
  411. }

  412. .mnw580 {
  413.     min-width: 580px
  414. }

  415. .mnw590 {
  416.     min-width: 590px
  417. }

  418. .mnw600 {
  419.     min-width: 600px
  420. }

  421. .mnw610 {
  422.     min-width: 610px
  423. }

  424. .mnw620 {
  425.     min-width: 620px
  426. }

  427. .mnw630 {
  428.     min-width: 630px
  429. }

  430. .mnw640 {
  431.     min-width: 640px
  432. }

  433. .mnw650 {
  434.     min-width: 650px
  435. }

  436. .mnw660 {
  437.     min-width: 660px
  438. }

  439. .mnw670 {
  440.     min-width: 670px
  441. }

  442. .mnw680 {
  443.     min-width: 680px
  444. }

  445. .mnw690 {
  446.     min-width: 690px
  447. }

  448. .mnw700 {
  449.     min-width: 700px
  450. }

  451. .mnw710 {
  452.     min-width: 710px
  453. }

  454. .mnw720 {
  455.     min-width: 720px
  456. }

  457. .mnw730 {
  458.     min-width: 730px
  459. }

  460. .mnw740 {
  461.     min-width: 740px
  462. }

  463. .mnw750 {
  464.     min-width: 750px
  465. }

  466. .mnw760 {
  467.     min-width: 760px
  468. }

  469. .mnw770 {
  470.     min-width: 770px
  471. }

  472. .mnw780 {
  473.     min-width: 780px
  474. }

  475. .mnw790 {
  476.     min-width: 790px
  477. }

  478. .mnw800 {
  479.     min-width: 800px
  480. }

  481. .mxw10 {
  482.     max-width: 10px
  483. }

  484. .mxw20 {
  485.     max-width: 20px
  486. }

  487. .mxw30 {
  488.     max-width: 30px
  489. }

  490. .mxw40 {
  491.     max-width: 40px
  492. }

  493. .mxw50 {
  494.     max-width: 50px
  495. }

  496. .mxw60 {
  497.     max-width: 60px
  498. }

  499. .mxw70 {
  500.     max-width: 70px
  501. }

  502. .mxw80 {
  503.     max-width: 80px
  504. }

  505. .mxw90 {
  506.     max-width: 90px
  507. }

  508. .mxw100 {
  509.     max-width: 100px
  510. }

  511. .mxw110 {
  512.     max-width: 110px
  513. }

  514. .mxw120 {
  515.     max-width: 120px
  516. }

  517. .mxw130 {
  518.     max-width: 130px
  519. }

  520. .mxw140 {
  521.     max-width: 140px
  522. }

  523. .mxw150 {
  524.     max-width: 150px
  525. }

  526. .mxw160 {
  527.     max-width: 160px
  528. }

  529. .mxw170 {
  530.     max-width: 170px
  531. }

  532. .mxw180,.t-Field-label {
  533.     max-width: 180px
  534. }

  535. .mxw190 {
  536.     max-width: 190px
  537. }

  538. .mxw200 {
  539.     max-width: 200px
  540. }

  541. .mxw210 {
  542.     max-width: 210px
  543. }

  544. .mxw220 {
  545.     max-width: 220px
  546. }

  547. .mxw230 {
  548.     max-width: 230px
  549. }

  550. .mxw240 {
  551.     max-width: 240px
  552. }

  553. .mxw250 {
  554.     max-width: 250px
  555. }

  556. .mxw260 {
  557.     max-width: 260px
  558. }

  559. .mxw270 {
  560.     max-width: 270px
  561. }

  562. .mxw280 {
  563.     max-width: 280px
  564. }

  565. .mxw290 {
  566.     max-width: 290px
  567. }

  568. .mxw300 {
  569.     max-width: 300px
  570. }

  571. .mxw310 {
  572.     max-width: 310px
  573. }

  574. .mxw320 {
  575.     max-width: 320px
  576. }

  577. .mxw330 {
  578.     max-width: 330px
  579. }

  580. .mxw340 {
  581.     max-width: 340px
  582. }

  583. .mxw350 {
  584.     max-width: 350px
  585. }

  586. .mxw360 {
  587.     max-width: 360px
  588. }

  589. .mxw370 {
  590.     max-width: 370px
  591. }

  592. .mxw380 {
  593.     max-width: 380px
  594. }

  595. .mxw390 {
  596.     max-width: 390px
  597. }

  598. .mxw400 {
  599.     max-width: 400px
  600. }

  601. .mxw410 {
  602.     max-width: 410px
  603. }

  604. .mxw420 {
  605.     max-width: 420px
  606. }

  607. .mxw430 {
  608.     max-width: 430px
  609. }

  610. .mxw440 {
  611.     max-width: 440px
  612. }

  613. .mxw450 {
  614.     max-width: 450px
  615. }

  616. .mxw460 {
  617.     max-width: 460px
  618. }

  619. .mxw470 {
  620.     max-width: 470px
  621. }

  622. .mxw480 {
  623.     max-width: 480px
  624. }

  625. .mxw490 {
  626.     max-width: 490px
  627. }

  628. .mxw500 {
  629.     max-width: 500px
  630. }

  631. .mxw510 {
  632.     max-width: 510px
  633. }

  634. .mxw520 {
  635.     max-width: 520px
  636. }

  637. .mxw530 {
  638.     max-width: 530px
  639. }

  640. .mxw540 {
  641.     max-width: 540px
  642. }

  643. .mxw550 {
  644.     max-width: 550px
  645. }

  646. .mxw560 {
  647.     max-width: 560px
  648. }

  649. .mxw570 {
  650.     max-width: 570px
  651. }

  652. .mxw580 {
  653.     max-width: 580px
  654. }

  655. .mxw590 {
  656.     max-width: 590px
  657. }

  658. .mxw600 {
  659.     max-width: 600px
  660. }

  661. .mxw610 {
  662.     max-width: 610px
  663. }

  664. .mxw620 {
  665.     max-width: 620px
  666. }

  667. .mxw630 {
  668.     max-width: 630px
  669. }

  670. .mxw640 {
  671.     max-width: 640px
  672. }

  673. .mxw650 {
  674.     max-width: 650px
  675. }

  676. .mxw660 {
  677.     max-width: 660px
  678. }

  679. .mxw670 {
  680.     max-width: 670px
  681. }

  682. .mxw680 {
  683.     max-width: 680px
  684. }

  685. .mxw690 {
  686.     max-width: 690px
  687. }

  688. .mxw700 {
  689.     max-width: 700px
  690. }

  691. .mxw710 {
  692.     max-width: 710px
  693. }

  694. .mxw720 {
  695.     max-width: 720px
  696. }

  697. .mxw730 {
  698.     max-width: 730px
  699. }

  700. .mxw740 {
  701.     max-width: 740px
  702. }

  703. .mxw750 {
  704.     max-width: 750px
  705. }

  706. .mxw760 {
  707.     max-width: 760px
  708. }

  709. .mxw770 {
  710.     max-width: 770px
  711. }

  712. .mxw780 {
  713.     max-width: 780px
  714. }

  715. .mxw790 {
  716.     max-width: 790px
  717. }

  718. .mxw800 {
  719.     max-width: 800px
  720. }

  721. .w0p {
  722.     width: 0
  723. }

  724. .w5p {
  725.     width: 5%
  726. }

  727. .w10p {
  728.     width: 10%
  729. }

  730. .w15p {
  731.     width: 15%
  732. }

  733. .w20p {
  734.     width: 20%
  735. }

  736. .w25p {
  737.     width: 25%
  738. }

  739. .w30p {
  740.     width: 30%
  741. }

  742. .w35p {
  743.     width: 35%
  744. }

  745. .w40p {
  746.     width: 40%
  747. }

  748. .w45p {
  749.     width: 45%
  750. }

  751. .w50p {
  752.     width: 50%
  753. }

  754. .w55p {
  755.     width: 55%
  756. }

  757. .w60p {
  758.     width: 60%
  759. }

  760. .w65p {
  761.     width: 65%
  762. }

  763. .w70p {
  764.     width: 70%
  765. }

  766. .w75p {
  767.     width: 75%
  768. }

  769. .w80p {
  770.     width: 80%
  771. }

  772. .w85p {
  773.     width: 85%
  774. }

  775. .w90p {
  776.     width: 90%
  777. }

  778. .w95p {
  779.     width: 95%
  780. }

  781. .w100p {
  782.     width: 100%
  783. }

3-  For the Padding and Marging


  1. .padding-sm {
  2.     padding: 8px!important
  3. }

  4. .padding-top-sm {
  5.     padding-top: 8px!important
  6. }

  7. .padding-left-sm {
  8.     padding-left: 8px!important
  9. }

  10. .padding-right-sm {
  11.     padding-right: 8px!important
  12. }

  13. .padding-bottom-sm {
  14.     padding-bottom: 8px!important
  15. }

  16. .margin-sm {
  17.     margin: 8px!important
  18. }

  19. .margin-top-sm {
  20.     margin-top: 8px!important
  21. }

  22. .margin-left-sm {
  23.     margin-left: 8px!important
  24. }

  25. .margin-right-sm {
  26.     margin-right: 8px!important
  27. }

  28. .margin-bottom-sm {
  29.     margin-bottom: 8px!important
  30. }

  31. .padding-md {
  32.     padding: 16px!important
  33. }

  34. .padding-top-md {
  35.     padding-top: 16px!important
  36. }

  37. .padding-left-md {
  38.     padding-left: 16px!important
  39. }

  40. .padding-right-md {
  41.     padding-right: 16px!important
  42. }

  43. .padding-bottom-md {
  44.     padding-bottom: 16px!important
  45. }

  46. .margin-md {
  47.     margin: 16px!important
  48. }

  49. .margin-top-md {
  50.     margin-top: 16px!important
  51. }

  52. .margin-left-md {
  53.     margin-left: 16px!important
  54. }

  55. .margin-right-md {
  56.     margin-right: 16px!important
  57. }

  58. .margin-bottom-md {
  59.     margin-bottom: 16px!important
  60. }

  61. .padding-lg {
  62.     padding: 32px!important
  63. }

  64. .padding-top-lg {
  65.     padding-top: 32px!important
  66. }

  67. .padding-left-lg {
  68.     padding-left: 32px!important
  69. }

  70. .padding-right-lg {
  71.     padding-right: 32px!important
  72. }

  73. .padding-bottom-lg {
  74.     padding-bottom: 32px!important
  75. }

  76. .margin-lg {
  77.     margin: 32px!important
  78. }

  79. .margin-top-lg {
  80.     margin-top: 32px!important
  81. }

  82. .margin-left-lg {
  83.     margin-left: 32px!important
  84. }

  85. .margin-right-lg {
  86.     margin-right: 32px!important
  87. }

  88. .margin-bottom-lg {
  89.     margin-bottom: 32px!important
  90. }

  91. .padding-none {
  92.     padding: 0!important
  93. }

  94. .padding-top-none {
  95.     padding-top: 0!important
  96. }

  97. .padding-left-none {
  98.     padding-left: 0!important
  99. }

  100. .padding-right-none {
  101.     padding-right: 0!important
  102. }

  103. .padding-bottom-none {
  104.     padding-bottom: 0!important
  105. }

  106. .margin-none {
  107.     margin: 0!important
  108. }

  109. .margin-top-none {
  110.     margin-top: 0!important
  111. }

  112. .margin-left-none {
  113.     margin-left: 0!important
  114. }

  115. .margin-right-none {
  116.     margin-right: 0!important
  117. }

  118. .margin-bottom-none {
  119.     margin-bottom: 0!important
  120. }

  121. .margin-auto {
  122.     margin-right: auto;
  123.     margin-left: auto
  124. }

4- Float Left and Float Right


  1. .u-pullLeft {
  2.   float: left !important; }

  3. .u-pullRight {
  4.   float: right !important; }

5- Align


  1. .u-alignTop {
  2.   vertical-align: top !important; }

  3. .u-alignMiddle {
  4.   vertical-align: middle !important; }

  5. .u-alignBaseline {
  6.   vertical-align: baseline !important; }

  7. .u-alignBottom {
  8.   vertical-align: bottom !important; }


6- Hidde


  1. .u-hidden {
  2.   display: none !important; }

  3. .u-visible {
  4.   visibility: visible !important; }


How to use this Built-in Css Class:

Just add the class under Appearance -> Css Classes






Keine Kommentare:

Kommentar veröffentlichen