You are here

bootstrap_panels_admin.css in Panels Bootstrap Layouts 7

/*
 * ==========================================================
 * Grid
 * ==========================================================
 */

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, 
.span11, .span12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 1%;
}

.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {
  position: relative;
}

/*
 * ==========================================================
 * Alpha - Omega
 * ==========================================================
 */

.alpha {
  margin-left: 0 !important;
}

.omega {
  margin-right: 0 !important;
}

/*
 * ==========================================================
 * Container
 * ==========================================================
 */

#panels-dnd-main {
  width: 92%;
  margin-left: 4%;
  margin-right: 4%;
}

#panels-dnd-main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*
 * ==========================================================
 * Columns
 * ==========================================================
 */

#panels-dnd-main .span1 {
  width: 6.333%;
}

#panels-dnd-main .span2 {
  width: 14.667%;
}

#panels-dnd-main .span3 {
  width: 23.0%;
}

#panels-dnd-main .span4 {
  width: 31.333%;
}

#panels-dnd-main .span5 {
  width: 39.667%;
}

#panels-dnd-main .span6 {
  width: 48.0%;
}

#panels-dnd-main .span7 {
  width: 56.333%;
}

#panels-dnd-main .span8 {
  width: 64.667%;
}

#panels-dnd-main .span9 {
  width: 73.0%;
}

#panels-dnd-main .span10 {
  width: 81.333%;
}

#panels-dnd-main .span11 {
  width: 89.667%;
}

#panels-dnd-main .span12 {
  width: 98.0%;
}

/*
 * ==========================================================
 * Prefix
 * ==========================================================
 */

#panels-dnd-main .prefix-1 {
  padding-left: 8.333%;
}

#panels-dnd-main .prefix-2 {
  padding-left: 16.667%;
}

#panels-dnd-main .prefix-3 {
  padding-left: 25.0%;
}

#panels-dnd-main .prefix-4 {
  padding-left: 33.333%;
}

#panels-dnd-main .prefix-5 {
  padding-left: 41.667%;
}

#panels-dnd-main .prefix-6 {
  padding-left: 50.0%;
}

#panels-dnd-main .prefix-7 {
  padding-left: 58.333%;
}

#panels-dnd-main .prefix-8 {
  padding-left: 66.667%;
}

#panels-dnd-main .prefix-9 {
  padding-left: 75.0%;
}

#panels-dnd-main .prefix-10 {
  padding-left: 83.333%;
}

#panels-dnd-main .prefix-11 {
  padding-left: 91.667%;
}

/*
 * ==========================================================
 * Suffix
 * ==========================================================
 */

#panels-dnd-main .suffix-1 {
  padding-right: 8.333%;
}

#panels-dnd-main .suffix-2 {
  padding-right: 16.667%;
}

#panels-dnd-main .suffix-3 {
  padding-right: 25.0%;
}

#panels-dnd-main .suffix-4 {
  padding-right: 33.333%;
}

#panels-dnd-main .suffix-5 {
  padding-right: 41.667%;
}

#panels-dnd-main .suffix-6 {
  padding-right: 50.0%;
}

#panels-dnd-main .suffix-7 {
  padding-right: 58.333%;
}

#panels-dnd-main .suffix-8 {
  padding-right: 66.667%;
}

#panels-dnd-main .suffix-9 {
  padding-right: 75.0%;
}

#panels-dnd-main .suffix-10 {
  padding-right: 83.333%;
}

#panels-dnd-main .suffix-11 {
  padding-right: 91.667%;
}

/*
 * ==========================================================
 * Push
 * ==========================================================
 */

#panels-dnd-main .push-1 {
  left: 8.333%;
}

#panels-dnd-main .push-2 {
  left: 16.667%;
}

#panels-dnd-main .push-3 {
  left: 25.0%;
}

#panels-dnd-main .push-4 {
  left: 33.333%;
}

#panels-dnd-main .push-5 {
  left: 41.667%;
}

#panels-dnd-main .push-6 {
  left: 50.0%;
}

#panels-dnd-main .push-7 {
  left: 58.333%;
}

#panels-dnd-main .push-8 {
  left: 66.667%;
}

#panels-dnd-main .push-9 {
  left: 75.0%;
}

#panels-dnd-main .push-10 {
  left: 83.333%;
}

#panels-dnd-main .push-11 {
  left: 91.667%;
}

/*
 * ==========================================================
 * Pull
 * ==========================================================
 */

#panels-dnd-main .pull-1 {
  left: -8.333%;
}

#panels-dnd-main .pull-2 {
  left: -16.667%;
}

#panels-dnd-main .pull-3 {
  left: -25.0%;
}

#panels-dnd-main .pull-4 {
  left: -33.333%;
}

#panels-dnd-main .pull-5 {
  left: -41.667%;
}

#panels-dnd-main .pull-6 {
  left: -50.0%;
}

#panels-dnd-main .pull-7 {
  left: -58.333%;
}

#panels-dnd-main .pull-8 {
  left: -66.667%;
}

#panels-dnd-main .pull-9 {
  left: -75.0%;
}

#panels-dnd-main .pull-10 {
  left: -83.333%;
}

#panels-dnd-main .pull-11 {
  left: -91.667%;
}

File

plugins/layouts/bootstrap_panels_admin.css
View source
  1. /*
  2. * ==========================================================
  3. * Grid
  4. * ==========================================================
  5. */
  6. .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10,
  7. .span11, .span12 {
  8. display: inline;
  9. float: left;
  10. position: relative;
  11. margin-left: 1%;
  12. }
  13. .push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
  14. .push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
  15. .push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {
  16. position: relative;
  17. }
  18. /*
  19. * ==========================================================
  20. * Alpha - Omega
  21. * ==========================================================
  22. */
  23. .alpha {
  24. margin-left: 0 !important;
  25. }
  26. .omega {
  27. margin-right: 0 !important;
  28. }
  29. /*
  30. * ==========================================================
  31. * Container
  32. * ==========================================================
  33. */
  34. #panels-dnd-main {
  35. width: 92%;
  36. margin-left: 4%;
  37. margin-right: 4%;
  38. }
  39. #panels-dnd-main:after {
  40. content: ".";
  41. display: block;
  42. height: 0;
  43. clear: both;
  44. visibility: hidden;
  45. }
  46. /*
  47. * ==========================================================
  48. * Columns
  49. * ==========================================================
  50. */
  51. #panels-dnd-main .span1 {
  52. width: 6.333%;
  53. }
  54. #panels-dnd-main .span2 {
  55. width: 14.667%;
  56. }
  57. #panels-dnd-main .span3 {
  58. width: 23.0%;
  59. }
  60. #panels-dnd-main .span4 {
  61. width: 31.333%;
  62. }
  63. #panels-dnd-main .span5 {
  64. width: 39.667%;
  65. }
  66. #panels-dnd-main .span6 {
  67. width: 48.0%;
  68. }
  69. #panels-dnd-main .span7 {
  70. width: 56.333%;
  71. }
  72. #panels-dnd-main .span8 {
  73. width: 64.667%;
  74. }
  75. #panels-dnd-main .span9 {
  76. width: 73.0%;
  77. }
  78. #panels-dnd-main .span10 {
  79. width: 81.333%;
  80. }
  81. #panels-dnd-main .span11 {
  82. width: 89.667%;
  83. }
  84. #panels-dnd-main .span12 {
  85. width: 98.0%;
  86. }
  87. /*
  88. * ==========================================================
  89. * Prefix
  90. * ==========================================================
  91. */
  92. #panels-dnd-main .prefix-1 {
  93. padding-left: 8.333%;
  94. }
  95. #panels-dnd-main .prefix-2 {
  96. padding-left: 16.667%;
  97. }
  98. #panels-dnd-main .prefix-3 {
  99. padding-left: 25.0%;
  100. }
  101. #panels-dnd-main .prefix-4 {
  102. padding-left: 33.333%;
  103. }
  104. #panels-dnd-main .prefix-5 {
  105. padding-left: 41.667%;
  106. }
  107. #panels-dnd-main .prefix-6 {
  108. padding-left: 50.0%;
  109. }
  110. #panels-dnd-main .prefix-7 {
  111. padding-left: 58.333%;
  112. }
  113. #panels-dnd-main .prefix-8 {
  114. padding-left: 66.667%;
  115. }
  116. #panels-dnd-main .prefix-9 {
  117. padding-left: 75.0%;
  118. }
  119. #panels-dnd-main .prefix-10 {
  120. padding-left: 83.333%;
  121. }
  122. #panels-dnd-main .prefix-11 {
  123. padding-left: 91.667%;
  124. }
  125. /*
  126. * ==========================================================
  127. * Suffix
  128. * ==========================================================
  129. */
  130. #panels-dnd-main .suffix-1 {
  131. padding-right: 8.333%;
  132. }
  133. #panels-dnd-main .suffix-2 {
  134. padding-right: 16.667%;
  135. }
  136. #panels-dnd-main .suffix-3 {
  137. padding-right: 25.0%;
  138. }
  139. #panels-dnd-main .suffix-4 {
  140. padding-right: 33.333%;
  141. }
  142. #panels-dnd-main .suffix-5 {
  143. padding-right: 41.667%;
  144. }
  145. #panels-dnd-main .suffix-6 {
  146. padding-right: 50.0%;
  147. }
  148. #panels-dnd-main .suffix-7 {
  149. padding-right: 58.333%;
  150. }
  151. #panels-dnd-main .suffix-8 {
  152. padding-right: 66.667%;
  153. }
  154. #panels-dnd-main .suffix-9 {
  155. padding-right: 75.0%;
  156. }
  157. #panels-dnd-main .suffix-10 {
  158. padding-right: 83.333%;
  159. }
  160. #panels-dnd-main .suffix-11 {
  161. padding-right: 91.667%;
  162. }
  163. /*
  164. * ==========================================================
  165. * Push
  166. * ==========================================================
  167. */
  168. #panels-dnd-main .push-1 {
  169. left: 8.333%;
  170. }
  171. #panels-dnd-main .push-2 {
  172. left: 16.667%;
  173. }
  174. #panels-dnd-main .push-3 {
  175. left: 25.0%;
  176. }
  177. #panels-dnd-main .push-4 {
  178. left: 33.333%;
  179. }
  180. #panels-dnd-main .push-5 {
  181. left: 41.667%;
  182. }
  183. #panels-dnd-main .push-6 {
  184. left: 50.0%;
  185. }
  186. #panels-dnd-main .push-7 {
  187. left: 58.333%;
  188. }
  189. #panels-dnd-main .push-8 {
  190. left: 66.667%;
  191. }
  192. #panels-dnd-main .push-9 {
  193. left: 75.0%;
  194. }
  195. #panels-dnd-main .push-10 {
  196. left: 83.333%;
  197. }
  198. #panels-dnd-main .push-11 {
  199. left: 91.667%;
  200. }
  201. /*
  202. * ==========================================================
  203. * Pull
  204. * ==========================================================
  205. */
  206. #panels-dnd-main .pull-1 {
  207. left: -8.333%;
  208. }
  209. #panels-dnd-main .pull-2 {
  210. left: -16.667%;
  211. }
  212. #panels-dnd-main .pull-3 {
  213. left: -25.0%;
  214. }
  215. #panels-dnd-main .pull-4 {
  216. left: -33.333%;
  217. }
  218. #panels-dnd-main .pull-5 {
  219. left: -41.667%;
  220. }
  221. #panels-dnd-main .pull-6 {
  222. left: -50.0%;
  223. }
  224. #panels-dnd-main .pull-7 {
  225. left: -58.333%;
  226. }
  227. #panels-dnd-main .pull-8 {
  228. left: -66.667%;
  229. }
  230. #panels-dnd-main .pull-9 {
  231. left: -75.0%;
  232. }
  233. #panels-dnd-main .pull-10 {
  234. left: -83.333%;
  235. }
  236. #panels-dnd-main .pull-11 {
  237. left: -91.667%;
  238. }