You are here

contents.css in CKEditor Widgets Bootstrap Grid 8

/* Bootstrap styles */
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.col-md-6 {
  width: 50%;
}
.col-md-3 {
  width: 25%;
}
.col-md-9 {
  width: 75%;
}
.col-md-4 {
  width: 33.3%;
}

/* Custom styles */
.col-md-6 img,
.col-md-3 img,
.col-md-4 img,
.col-md-9 img {
  display: block;
  max-width: 100%;
  height: auto;
}
.two-col,
.two-col-left,
.two-col-right,
.three-col {
  padding: 8px;
  margin: 10px auto;
  background: #eee;
  border-radius: 8px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
}
.two-col .col-md-6,
.two-col-left .col-md-3,
.two-col-left .col-md-9,
.two-col-right .col-md-3,
.two-col-right .col-md-9,
.three-col .col-md-4 {
  box-shadow: 0 1px 1px #ddd inset;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #fff;
  min-height: 5em;
}
.two-col .col-md-6,
.two-col-left .col-md-3,
.two-col-left .col-md-9,
.two-col-right .col-md-3,
.two-col-right .col-md-9 {
  margin: -3px;
}
.two-col-right .col-sidebar,
.two-col-left .col-sidebar {
  padding: 0;
}
.two-col .col-2 {
  margin-left: 9px;
}
.three-col .col-first {
  margin-left: -3px;
}
.three-col .col-second {
  margin-left: 3px;
}
.three-col .col-third {
  margin-left: 3px;
  margin-right: -3px;
}
.two-col-left .col-md-9 {
  margin-left: 8px;
}
.two-col-right .col-md-9 {
  margin-right: 8px;
}

File

js/plugins/widgetbootstrap/contents.css
View source
  1. /* Bootstrap styles */
  2. .row {
  3. margin-left: -15px;
  4. margin-right: -15px;
  5. }
  6. .row:before,
  7. .row:after {
  8. content: " ";
  9. display: table;
  10. }
  11. .row:after {
  12. clear: both;
  13. }
  14. .col-xs-1,
  15. .col-sm-1,
  16. .col-md-1,
  17. .col-lg-1,
  18. .col-xs-2,
  19. .col-sm-2,
  20. .col-md-2,
  21. .col-lg-2,
  22. .col-xs-3,
  23. .col-sm-3,
  24. .col-md-3,
  25. .col-lg-3,
  26. .col-xs-4,
  27. .col-sm-4,
  28. .col-md-4,
  29. .col-lg-4,
  30. .col-xs-5,
  31. .col-sm-5,
  32. .col-md-5,
  33. .col-lg-5,
  34. .col-xs-6,
  35. .col-sm-6,
  36. .col-md-6,
  37. .col-lg-6,
  38. .col-xs-7,
  39. .col-sm-7,
  40. .col-md-7,
  41. .col-lg-7,
  42. .col-xs-8,
  43. .col-sm-8,
  44. .col-md-8,
  45. .col-lg-8,
  46. .col-xs-9,
  47. .col-sm-9,
  48. .col-md-9,
  49. .col-lg-9,
  50. .col-xs-10,
  51. .col-sm-10,
  52. .col-md-10,
  53. .col-lg-10,
  54. .col-xs-11,
  55. .col-sm-11,
  56. .col-md-11,
  57. .col-lg-11,
  58. .col-xs-12,
  59. .col-sm-12,
  60. .col-md-12,
  61. .col-lg-12 {
  62. position: relative;
  63. min-height: 1px;
  64. float: left;
  65. padding: 15px;
  66. box-sizing: border-box;
  67. -moz-box-sizing: border-box;
  68. }
  69. .col-md-6 {
  70. width: 50%;
  71. }
  72. .col-md-3 {
  73. width: 25%;
  74. }
  75. .col-md-9 {
  76. width: 75%;
  77. }
  78. .col-md-4 {
  79. width: 33.3%;
  80. }
  81. /* Custom styles */
  82. .col-md-6 img,
  83. .col-md-3 img,
  84. .col-md-4 img,
  85. .col-md-9 img {
  86. display: block;
  87. max-width: 100%;
  88. height: auto;
  89. }
  90. .two-col,
  91. .two-col-left,
  92. .two-col-right,
  93. .three-col {
  94. padding: 8px;
  95. margin: 10px auto;
  96. background: #eee;
  97. border-radius: 8px;
  98. border: 1px solid #ddd;
  99. box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
  100. }
  101. .two-col .col-md-6,
  102. .two-col-left .col-md-3,
  103. .two-col-left .col-md-9,
  104. .two-col-right .col-md-3,
  105. .two-col-right .col-md-9,
  106. .three-col .col-md-4 {
  107. box-shadow: 0 1px 1px #ddd inset;
  108. border: 1px solid #cccccc;
  109. border-radius: 5px;
  110. background: #fff;
  111. min-height: 5em;
  112. }
  113. .two-col .col-md-6,
  114. .two-col-left .col-md-3,
  115. .two-col-left .col-md-9,
  116. .two-col-right .col-md-3,
  117. .two-col-right .col-md-9 {
  118. margin: -3px;
  119. }
  120. .two-col-right .col-sidebar,
  121. .two-col-left .col-sidebar {
  122. padding: 0;
  123. }
  124. .two-col .col-2 {
  125. margin-left: 9px;
  126. }
  127. .three-col .col-first {
  128. margin-left: -3px;
  129. }
  130. .three-col .col-second {
  131. margin-left: 3px;
  132. }
  133. .three-col .col-third {
  134. margin-left: 3px;
  135. margin-right: -3px;
  136. }
  137. .two-col-left .col-md-9 {
  138. margin-left: 8px;
  139. }
  140. .two-col-right .col-md-9 {
  141. margin-right: 8px;
  142. }