You are here

responsivness.css in CKEditor Responsive Plugin 7

.ckeditor-col-container {
  width : 100%;
}

  /* 4.85%;  } /* grid_1  */
.onecol,
.grid-1 {
  width: 5.801104972%;
}

/* 13.45%; } /* grid_2  */
.twocol,
.grid-2 {
  width: 14.364640883%;
}

/* 22.05%; } /* grid_3  */
.threecol,
.grid-3 {
  width: 22.928176794%;
}

/* 30.75%; } /* grid_4  */
.fourcol,
.grid-4 {
  width: 31.491712705%;
}

/* 39.45%; } /* grid_5  */
.fivecol,
.grid-5 {
  width: 40.055248616%;
}

/* 48%;    } /* grid_6  */
.sixcol,
.grid-6 {
  width: 48.618784527%;
}

/* 56.75%; } /* grid_7  */
.sevencol,
.grid-7 {
  width: 57.182320438000005%;
}

/* 65.4%;  } /* grid_8  */
.eightcol,
.grid-8 {
  width: 65.74585634900001%;
}

/* 74.05%; } /* grid_9  */
.ninecol,
.grid-9 {
  width: 74.30939226%;
}

/* 82.7%;  } /* grid_10 */
.tencol,
.grid-10 {
  width: 82.87292817100001%;
}

/* 91.35%; } /* grid_11 */
.elevencol,
.grid-11 {
  width: 91.436464082%;
}

/* 100%;   } /* grid_12 */
.twelvecol,
.grid-12 {
  width: 99.999999993%;
}

.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol,
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  position: relative;
  float: left;
  margin-left: 2.762430939%;
  border: dashed 1px #aaa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body.adminimal-theme div.ckeditor-col-container > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ckeditor-col-container {
  background-color: #ffbcbc;
  overflow: hidden;
  margin-bottom: 1em;
}

.first-col {
  margin-left: 0;
}

.last-col {
  margin-right: 0;
}

File

responsivness/responsivness.css
View source
  1. .ckeditor-col-container {
  2. width : 100%;
  3. }
  4. /* 4.85%; } /* grid_1 */
  5. .onecol,
  6. .grid-1 {
  7. width: 5.801104972%;
  8. }
  9. /* 13.45%; } /* grid_2 */
  10. .twocol,
  11. .grid-2 {
  12. width: 14.364640883%;
  13. }
  14. /* 22.05%; } /* grid_3 */
  15. .threecol,
  16. .grid-3 {
  17. width: 22.928176794%;
  18. }
  19. /* 30.75%; } /* grid_4 */
  20. .fourcol,
  21. .grid-4 {
  22. width: 31.491712705%;
  23. }
  24. /* 39.45%; } /* grid_5 */
  25. .fivecol,
  26. .grid-5 {
  27. width: 40.055248616%;
  28. }
  29. /* 48%; } /* grid_6 */
  30. .sixcol,
  31. .grid-6 {
  32. width: 48.618784527%;
  33. }
  34. /* 56.75%; } /* grid_7 */
  35. .sevencol,
  36. .grid-7 {
  37. width: 57.182320438000005%;
  38. }
  39. /* 65.4%; } /* grid_8 */
  40. .eightcol,
  41. .grid-8 {
  42. width: 65.74585634900001%;
  43. }
  44. /* 74.05%; } /* grid_9 */
  45. .ninecol,
  46. .grid-9 {
  47. width: 74.30939226%;
  48. }
  49. /* 82.7%; } /* grid_10 */
  50. .tencol,
  51. .grid-10 {
  52. width: 82.87292817100001%;
  53. }
  54. /* 91.35%; } /* grid_11 */
  55. .elevencol,
  56. .grid-11 {
  57. width: 91.436464082%;
  58. }
  59. /* 100%; } /* grid_12 */
  60. .twelvecol,
  61. .grid-12 {
  62. width: 99.999999993%;
  63. }
  64. .onecol,
  65. .twocol,
  66. .threecol,
  67. .fourcol,
  68. .fivecol,
  69. .sixcol,
  70. .sevencol,
  71. .eightcol,
  72. .ninecol,
  73. .tencol,
  74. .elevencol,
  75. .twelvecol,
  76. .grid-1,
  77. .grid-2,
  78. .grid-3,
  79. .grid-4,
  80. .grid-5,
  81. .grid-6,
  82. .grid-7,
  83. .grid-8,
  84. .grid-9,
  85. .grid-10,
  86. .grid-11,
  87. .grid-12 {
  88. position: relative;
  89. float: left;
  90. margin-left: 2.762430939%;
  91. border: dashed 1px #aaa;
  92. -moz-box-sizing: border-box;
  93. -webkit-box-sizing: border-box;
  94. box-sizing: border-box;
  95. }
  96. body.adminimal-theme div.ckeditor-col-container > div {
  97. -moz-box-sizing: border-box;
  98. -webkit-box-sizing: border-box;
  99. box-sizing: border-box;
  100. }
  101. .ckeditor-col-container {
  102. background-color: #ffbcbc;
  103. overflow: hidden;
  104. margin-bottom: 1em;
  105. }
  106. .first-col {
  107. margin-left: 0;
  108. }
  109. .last-col {
  110. margin-right: 0;
  111. }