You are here

Home » API reference » Radix Layouts 7

radix_layouts.css in Radix Layouts 7

Same filename and directory in other branches
  1. 8.4 radix_layouts.css
  2. 8.3 radix_layouts.css
  3. 7.3 radix_layouts.css
  4. 7.2 radix_layouts.css

Styles for Radix Layouts module

File

radix_layouts.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for Radix Layouts module

  4.  */

  5. .row {

  6.   margin-left: -20px;

  7.   *zoom: 1;

  8. }

  9. 

  10. .row:before,

  11. .row:after {

  12.   display: table;

  13.   line-height: 0;

  14.   content: "";

  15. }

  16. 

  17. .row:after {

  18.   clear: both;

  19. }

  20. 

  21. [class*="span"] {

  22.   float: left;

  23.   min-height: 1px;

  24.   margin-left: 20px;

  25. }

  26. 

  27. .container,

  28. .navbar-static-top .container,

  29. .navbar-fixed-top .container,

  30. .navbar-fixed-bottom .container {

  31.   width: 940px;

  32. }

  33. 

  34. .span12 {

  35.   width: 940px;

  36. }

  37. 

  38. .span11 {

  39.   width: 860px;

  40. }

  41. 

  42. .span10 {

  43.   width: 780px;

  44. }

  45. 

  46. .span9 {

  47.   width: 700px;

  48. }

  49. 

  50. .span8 {

  51.   width: 620px;

  52. }

  53. 

  54. .span7 {

  55.   width: 540px;

  56. }

  57. 

  58. .span6 {

  59.   width: 460px;

  60. }

  61. 

  62. .span5 {

  63.   width: 380px;

  64. }

  65. 

  66. .span4 {

  67.   width: 300px;

  68. }

  69. 

  70. .span3 {

  71.   width: 220px;

  72. }

  73. 

  74. .span2 {

  75.   width: 140px;

  76. }

  77. 

  78. .span1 {

  79.   width: 60px;

  80. }

  81. 

  82. .offset12 {

  83.   margin-left: 980px;

  84. }

  85. 

  86. .offset11 {

  87.   margin-left: 900px;

  88. }

  89. 

  90. .offset10 {

  91.   margin-left: 820px;

  92. }

  93. 

  94. .offset9 {

  95.   margin-left: 740px;

  96. }

  97. 

  98. .offset8 {

  99.   margin-left: 660px;

  100. }

  101. 

  102. .offset7 {

  103.   margin-left: 580px;

  104. }

  105. 

  106. .offset6 {

  107.   margin-left: 500px;

  108. }

  109. 

  110. .offset5 {

  111.   margin-left: 420px;

  112. }

  113. 

  114. .offset4 {

  115.   margin-left: 340px;

  116. }

  117. 

  118. .offset3 {

  119.   margin-left: 260px;

  120. }

  121. 

  122. .offset2 {

  123.   margin-left: 180px;

  124. }

  125. 

  126. .offset1 {

  127.   margin-left: 100px;

  128. }

  129. 

  130. .row-fluid {

  131.   width: 100%;

  132.   *zoom: 1;

  133. }

  134. 

  135. .row-fluid:before,

  136. .row-fluid:after {

  137.   display: table;

  138.   line-height: 0;

  139.   content: "";

  140. }

  141. 

  142. .row-fluid:after {

  143.   clear: both;

  144. }

  145. 

  146. .row-fluid [class*="span"] {

  147.   display: block;

  148.   float: left;

  149.   width: 100%;

  150.   min-height: 30px;

  151.   margin-left: 2.127659574468085%;

  152.   *margin-left: 2.074468085106383%;

  153.   -webkit-box-sizing: border-box;

  154.      -moz-box-sizing: border-box;

  155.           box-sizing: border-box;

  156. }

  157. 

  158. .row-fluid [class*="span"]:first-child {

  159.   margin-left: 0;

  160. }

  161. 

  162. .row-fluid .controls-row [class*="span"] + [class*="span"] {

  163.   margin-left: 2.127659574468085%;

  164. }

  165. 

  166. .row-fluid .span12 {

  167.   width: 100%;

  168.   *width: 99.94680851063829%;

  169. }

  170. 

  171. .row-fluid .span11 {

  172.   width: 91.48936170212765%;

  173.   *width: 91.43617021276594%;

  174. }

  175. 

  176. .row-fluid .span10 {

  177.   width: 82.97872340425532%;

  178.   *width: 82.92553191489361%;

  179. }

  180. 

  181. .row-fluid .span9 {

  182.   width: 74.46808510638297%;

  183.   *width: 74.41489361702126%;

  184. }

  185. 

  186. .row-fluid .span8 {

  187.   width: 65.95744680851064%;

  188.   *width: 65.90425531914893%;

  189. }

  190. 

  191. .row-fluid .span7 {

  192.   width: 57.44680851063829%;

  193.   *width: 57.39361702127659%;

  194. }

  195. 

  196. .row-fluid .span6 {

  197.   width: 48.93617021276595%;

  198.   *width: 48.88297872340425%;

  199. }

  200. 

  201. .row-fluid .span5 {

  202.   width: 40.42553191489362%;

  203.   *width: 40.37234042553192%;

  204. }

  205. 

  206. .row-fluid .span4 {

  207.   width: 31.914893617021278%;

  208.   *width: 31.861702127659576%;

  209. }

  210. 

  211. .row-fluid .span3 {

  212.   width: 23.404255319148934%;

  213.   *width: 23.351063829787233%;

  214. }

  215. 

  216. .row-fluid .span2 {

  217.   width: 14.893617021276595%;

  218.   *width: 14.840425531914894%;

  219. }

  220. 

  221. .row-fluid .span1 {

  222.   width: 6.382978723404255%;

  223.   *width: 6.329787234042553%;

  224. }

  225. 

  226. .row-fluid .offset12 {

  227.   margin-left: 104.25531914893617%;

  228.   *margin-left: 104.14893617021275%;

  229. }

  230. 

  231. .row-fluid .offset12:first-child {

  232.   margin-left: 102.12765957446808%;

  233.   *margin-left: 102.02127659574467%;

  234. }

  235. 

  236. .row-fluid .offset11 {

  237.   margin-left: 95.74468085106382%;

  238.   *margin-left: 95.6382978723404%;

  239. }

  240. 

  241. .row-fluid .offset11:first-child {

  242.   margin-left: 93.61702127659574%;

  243.   *margin-left: 93.51063829787232%;

  244. }

  245. 

  246. .row-fluid .offset10 {

  247.   margin-left: 87.23404255319149%;

  248.   *margin-left: 87.12765957446807%;

  249. }

  250. 

  251. .row-fluid .offset10:first-child {

  252.   margin-left: 85.1063829787234%;

  253.   *margin-left: 84.99999999999999%;

  254. }

  255. 

  256. .row-fluid .offset9 {

  257.   margin-left: 78.72340425531914%;

  258.   *margin-left: 78.61702127659572%;

  259. }

  260. 

  261. .row-fluid .offset9:first-child {

  262.   margin-left: 76.59574468085106%;

  263.   *margin-left: 76.48936170212764%;

  264. }

  265. 

  266. .row-fluid .offset8 {

  267.   margin-left: 70.2127659574468%;

  268.   *margin-left: 70.10638297872339%;

  269. }

  270. 

  271. .row-fluid .offset8:first-child {

  272.   margin-left: 68.08510638297872%;

  273.   *margin-left: 67.9787234042553%;

  274. }

  275. 

  276. .row-fluid .offset7 {

  277.   margin-left: 61.70212765957446%;

  278.   *margin-left: 61.59574468085106%;

  279. }

  280. 

  281. .row-fluid .offset7:first-child {

  282.   margin-left: 59.574468085106375%;

  283.   *margin-left: 59.46808510638297%;

  284. }

  285. 

  286. .row-fluid .offset6 {

  287.   margin-left: 53.191489361702125%;

  288.   *margin-left: 53.085106382978715%;

  289. }

  290. 

  291. .row-fluid .offset6:first-child {

  292.   margin-left: 51.063829787234035%;

  293.   *margin-left: 50.95744680851063%;

  294. }

  295. 

  296. .row-fluid .offset5 {

  297.   margin-left: 44.68085106382979%;

  298.   *margin-left: 44.57446808510638%;

  299. }

  300. 

  301. .row-fluid .offset5:first-child {

  302.   margin-left: 42.5531914893617%;

  303.   *margin-left: 42.4468085106383%;

  304. }

  305. 

  306. .row-fluid .offset4 {

  307.   margin-left: 36.170212765957444%;

  308.   *margin-left: 36.06382978723405%;

  309. }

  310. 

  311. .row-fluid .offset4:first-child {

  312.   margin-left: 34.04255319148936%;

  313.   *margin-left: 33.93617021276596%;

  314. }

  315. 

  316. .row-fluid .offset3 {

  317.   margin-left: 27.659574468085104%;

  318.   *margin-left: 27.5531914893617%;

  319. }

  320. 

  321. .row-fluid .offset3:first-child {

  322.   margin-left: 25.53191489361702%;

  323.   *margin-left: 25.425531914893618%;

  324. }

  325. 

  326. .row-fluid .offset2 {

  327.   margin-left: 19.148936170212764%;

  328.   *margin-left: 19.04255319148936%;

  329. }

  330. 

  331. .row-fluid .offset2:first-child {

  332.   margin-left: 17.02127659574468%;

  333.   *margin-left: 16.914893617021278%;

  334. }

  335. 

  336. .row-fluid .offset1 {

  337.   margin-left: 10.638297872340425%;

  338.   *margin-left: 10.53191489361702%;

  339. }

  340. 

  341. .row-fluid .offset1:first-child {

  342.   margin-left: 8.51063829787234%;

  343.   *margin-left: 8.404255319148938%;

  344. }

  345. 

  346. [class*="span"].hide,

  347. .row-fluid [class*="span"].hide {

  348.   display: none;

  349. }

  350. 

  351. [class*="span"].pull-right,

  352. .row-fluid [class*="span"].pull-right {

  353.   float: right;

  354. }

  355. 

  356. .container {

  357.   margin-right: auto;

  358.   margin-left: auto;

  359.   *zoom: 1;

  360. }

  361. 

  362. .container:before,

  363. .container:after {

  364.   display: table;

  365.   line-height: 0;

  366.   content: "";

  367. }

  368. 

  369. .container:after {

  370.   clear: both;

  371. }

  372. 

  373. .container-fluid {

  374.   padding-right: 20px;

  375.   padding-left: 20px;

  376.   *zoom: 1;

  377. }

  378. 

  379. .container-fluid:before,

  380. .container-fluid:after {

  381.   display: table;

  382.   line-height: 0;

  383.   content: "";

  384. }

  385. 

  386. .container-fluid:after {

  387.   clear: both;

  388. }