From 1948e985a355c519b8f3940af0ce83d9fd3c5f83 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 18 Feb 2012 20:09:34 -0800 Subject: merge in and remake for responsive navbar dropdown fix --- docs/assets/css/bootstrap-responsive.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index d77d97d13..906485e6d 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -395,6 +395,7 @@ @media (min-width: 980px) { .nav-collapse.collapse { height: auto !important; + overflow: visible !important; } } @media (min-width: 1200px) { -- cgit v1.2.3 From 82457603b65b177e70793eebbcf5a9c23873a770 Mon Sep 17 00:00:00 2001 From: Jacob Rask Date: Sun, 19 Feb 2012 21:49:17 +0100 Subject: Separate span12 and container classes If you have less than 12 columns, container is too wide. Instead generate container width using the @gridColumns variable. Also remove duplicate container width property. --- docs/assets/css/bootstrap-responsive.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 906485e6d..9dd71c62d 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -161,7 +161,10 @@ .span11 { width: 662px; } - .span12, .container { + .span12 { + width: 724px; + } + .container { width: 724px; } .offset1 { @@ -447,7 +450,10 @@ .span11 { width: 1070px; } - .span12, .container { + .span12 { + width: 1170px; + } + .container { width: 1170px; } .offset1 { -- cgit v1.2.3 From f3ad4c7183251713eb021a400211cc9b07577080 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 21 Feb 2012 08:24:18 -0800 Subject: adding responsive utility classes and matching docs section with super neato table and test --- docs/assets/css/bootstrap-responsive.css | 46 ++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 9dd71c62d..90f63b622 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -21,6 +21,52 @@ display: none; visibility: hidden; } +.visible-phone { + display: none; +} +.visible-tablet { + display: none; +} +.visible-desktop { + display: block; +} +.hidden-phone { + display: block; +} +.hidden-tablet { + display: block; +} +.hidden-desktop { + display: none; +} +@media (max-width: 767px) { + .visible-phone { + display: block; + } + .hidden-phone { + display: none; + } + .hidden-desktop { + display: block; + } + .visible-desktop { + display: none; + } +} +@media (min-width: 768px) and (max-width: 979px) { + .visible-tablet { + display: block; + } + .hidden-tablet { + display: none; + } + .hidden-desktop { + display: block; + } + .visible-desktop { + display: none; + } +} @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); -- cgit v1.2.3 From 8665fa8c50bf93844f692e954fd9669ba4b8bd3b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 21 Feb 2012 15:18:05 -0800 Subject: move table columns mixin to mixins.less --- docs/assets/css/bootstrap-responsive.css | 288 +++++++++++++++++++++++++++++++ 1 file changed, 288 insertions(+) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 90f63b622..4fa386dac 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -210,6 +210,42 @@ .span12 { width: 724px; } + .span13 { + width: 786px; + } + .span14 { + width: 848px; + } + .span15 { + width: 910px; + } + .span16 { + width: 972px; + } + .span17 { + width: 1034px; + } + .span18 { + width: 1096px; + } + .span19 { + width: 1158px; + } + .span20 { + width: 1220px; + } + .span21 { + width: 1282px; + } + .span22 { + width: 1344px; + } + .span23 { + width: 1406px; + } + .span24 { + width: 1468px; + } .container { width: 724px; } @@ -246,6 +282,42 @@ .offset11 { margin-left: 702px; } + .offset12 { + margin-left: 764px; + } + .offset13 { + margin-left: 826px; + } + .offset14 { + margin-left: 888px; + } + .offset15 { + margin-left: 950px; + } + .offset16 { + margin-left: 1012px; + } + .offset17 { + margin-left: 1074px; + } + .offset18 { + margin-left: 1136px; + } + .offset19 { + margin-left: 1198px; + } + .offset20 { + margin-left: 1260px; + } + .offset21 { + margin-left: 1322px; + } + .offset22 { + margin-left: 1384px; + } + .offset23 { + margin-left: 1446px; + } .row-fluid { width: 100%; *zoom: 1; @@ -300,6 +372,42 @@ .row-fluid > .span12 { width: 99.999999993%; } + .row-fluid > .span13 { + width: 108.563535904%; + } + .row-fluid > .span14 { + width: 117.12707181500001%; + } + .row-fluid > .span15 { + width: 125.690607726%; + } + .row-fluid > .span16 { + width: 134.254143637%; + } + .row-fluid > .span17 { + width: 142.817679548%; + } + .row-fluid > .span18 { + width: 151.381215459%; + } + .row-fluid > .span19 { + width: 159.94475137%; + } + .row-fluid > .span20 { + width: 168.508287281%; + } + .row-fluid > .span21 { + width: 177.071823192%; + } + .row-fluid > .span22 { + width: 185.635359103%; + } + .row-fluid > .span23 { + width: 194.19889501400002%; + } + .row-fluid > .span24 { + width: 202.762430925%; + } input.span1, textarea.span1, .uneditable-input.span1 { width: 32px; } @@ -336,6 +444,42 @@ input.span12, textarea.span12, .uneditable-input.span12 { width: 714px; } + input.span13, textarea.span13, .uneditable-input.span13 { + width: 776px; + } + input.span14, textarea.span14, .uneditable-input.span14 { + width: 838px; + } + input.span15, textarea.span15, .uneditable-input.span15 { + width: 900px; + } + input.span16, textarea.span16, .uneditable-input.span16 { + width: 962px; + } + input.span17, textarea.span17, .uneditable-input.span17 { + width: 1024px; + } + input.span18, textarea.span18, .uneditable-input.span18 { + width: 1086px; + } + input.span19, textarea.span19, .uneditable-input.span19 { + width: 1148px; + } + input.span20, textarea.span20, .uneditable-input.span20 { + width: 1210px; + } + input.span21, textarea.span21, .uneditable-input.span21 { + width: 1272px; + } + input.span22, textarea.span22, .uneditable-input.span22 { + width: 1334px; + } + input.span23, textarea.span23, .uneditable-input.span23 { + width: 1396px; + } + input.span24, textarea.span24, .uneditable-input.span24 { + width: 1458px; + } } @media (max-width: 979px) { body { @@ -499,6 +643,42 @@ .span12 { width: 1170px; } + .span13 { + width: 1270px; + } + .span14 { + width: 1370px; + } + .span15 { + width: 1470px; + } + .span16 { + width: 1570px; + } + .span17 { + width: 1670px; + } + .span18 { + width: 1770px; + } + .span19 { + width: 1870px; + } + .span20 { + width: 1970px; + } + .span21 { + width: 2070px; + } + .span22 { + width: 2170px; + } + .span23 { + width: 2270px; + } + .span24 { + width: 2370px; + } .container { width: 1170px; } @@ -535,6 +715,42 @@ .offset11 { margin-left: 1130px; } + .offset12 { + margin-left: 1230px; + } + .offset13 { + margin-left: 1330px; + } + .offset14 { + margin-left: 1430px; + } + .offset15 { + margin-left: 1530px; + } + .offset16 { + margin-left: 1630px; + } + .offset17 { + margin-left: 1730px; + } + .offset18 { + margin-left: 1830px; + } + .offset19 { + margin-left: 1930px; + } + .offset20 { + margin-left: 2030px; + } + .offset21 { + margin-left: 2130px; + } + .offset22 { + margin-left: 2230px; + } + .offset23 { + margin-left: 2330px; + } .row-fluid { width: 100%; *zoom: 1; @@ -589,6 +805,42 @@ .row-fluid > .span12 { width: 100%; } + .row-fluid > .span13 { + width: 108.547008547%; + } + .row-fluid > .span14 { + width: 117.09401709400001%; + } + .row-fluid > .span15 { + width: 125.64102564100001%; + } + .row-fluid > .span16 { + width: 134.18803418800002%; + } + .row-fluid > .span17 { + width: 142.735042735%; + } + .row-fluid > .span18 { + width: 151.282051282%; + } + .row-fluid > .span19 { + width: 159.82905982900002%; + } + .row-fluid > .span20 { + width: 168.376068376%; + } + .row-fluid > .span21 { + width: 176.923076923%; + } + .row-fluid > .span22 { + width: 185.47008547000001%; + } + .row-fluid > .span23 { + width: 194.017094017%; + } + .row-fluid > .span24 { + width: 202.564102564%; + } input.span1, textarea.span1, .uneditable-input.span1 { width: 60px; } @@ -625,6 +877,42 @@ input.span12, textarea.span12, .uneditable-input.span12 { width: 1160px; } + input.span13, textarea.span13, .uneditable-input.span13 { + width: 1260px; + } + input.span14, textarea.span14, .uneditable-input.span14 { + width: 1360px; + } + input.span15, textarea.span15, .uneditable-input.span15 { + width: 1460px; + } + input.span16, textarea.span16, .uneditable-input.span16 { + width: 1560px; + } + input.span17, textarea.span17, .uneditable-input.span17 { + width: 1660px; + } + input.span18, textarea.span18, .uneditable-input.span18 { + width: 1760px; + } + input.span19, textarea.span19, .uneditable-input.span19 { + width: 1860px; + } + input.span20, textarea.span20, .uneditable-input.span20 { + width: 1960px; + } + input.span21, textarea.span21, .uneditable-input.span21 { + width: 2060px; + } + input.span22, textarea.span22, .uneditable-input.span22 { + width: 2160px; + } + input.span23, textarea.span23, .uneditable-input.span23 { + width: 2260px; + } + input.span24, textarea.span24, .uneditable-input.span24 { + width: 2360px; + } .thumbnails { margin-left: -30px; } -- cgit v1.2.3 From e3ae517555fb9500493fde8efeef4a9788cd3264 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 21 Feb 2012 15:21:18 -0800 Subject: move container up in default grid mixin --- docs/assets/css/bootstrap-responsive.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 4fa386dac..a5ebd1144 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -174,6 +174,9 @@ float: left; margin-left: 20px; } + .container { + width: 724px; + } .span1 { width: 42px; } @@ -246,9 +249,6 @@ .span24 { width: 1468px; } - .container { - width: 724px; - } .offset1 { margin-left: 82px; } @@ -607,6 +607,9 @@ float: left; margin-left: 30px; } + .container { + width: 1170px; + } .span1 { width: 70px; } @@ -679,9 +682,6 @@ .span24 { width: 2370px; } - .container { - width: 1170px; - } .offset1 { margin-left: 130px; } -- cgit v1.2.3 From 5ad5dde1e24f668cf9b720dd59fc2a7d4808c0b3 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 21 Feb 2012 23:16:06 -0800 Subject: rewrite the grid system. Clean shit up tons - only generate 12 columns by default - custom builder will do differently if you request it. --- docs/assets/css/bootstrap-responsive.css | 282 ------------------------------- 1 file changed, 282 deletions(-) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index a5ebd1144..7b7a810d9 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -213,42 +213,6 @@ .span12 { width: 724px; } - .span13 { - width: 786px; - } - .span14 { - width: 848px; - } - .span15 { - width: 910px; - } - .span16 { - width: 972px; - } - .span17 { - width: 1034px; - } - .span18 { - width: 1096px; - } - .span19 { - width: 1158px; - } - .span20 { - width: 1220px; - } - .span21 { - width: 1282px; - } - .span22 { - width: 1344px; - } - .span23 { - width: 1406px; - } - .span24 { - width: 1468px; - } .offset1 { margin-left: 82px; } @@ -285,39 +249,6 @@ .offset12 { margin-left: 764px; } - .offset13 { - margin-left: 826px; - } - .offset14 { - margin-left: 888px; - } - .offset15 { - margin-left: 950px; - } - .offset16 { - margin-left: 1012px; - } - .offset17 { - margin-left: 1074px; - } - .offset18 { - margin-left: 1136px; - } - .offset19 { - margin-left: 1198px; - } - .offset20 { - margin-left: 1260px; - } - .offset21 { - margin-left: 1322px; - } - .offset22 { - margin-left: 1384px; - } - .offset23 { - margin-left: 1446px; - } .row-fluid { width: 100%; *zoom: 1; @@ -372,42 +303,6 @@ .row-fluid > .span12 { width: 99.999999993%; } - .row-fluid > .span13 { - width: 108.563535904%; - } - .row-fluid > .span14 { - width: 117.12707181500001%; - } - .row-fluid > .span15 { - width: 125.690607726%; - } - .row-fluid > .span16 { - width: 134.254143637%; - } - .row-fluid > .span17 { - width: 142.817679548%; - } - .row-fluid > .span18 { - width: 151.381215459%; - } - .row-fluid > .span19 { - width: 159.94475137%; - } - .row-fluid > .span20 { - width: 168.508287281%; - } - .row-fluid > .span21 { - width: 177.071823192%; - } - .row-fluid > .span22 { - width: 185.635359103%; - } - .row-fluid > .span23 { - width: 194.19889501400002%; - } - .row-fluid > .span24 { - width: 202.762430925%; - } input.span1, textarea.span1, .uneditable-input.span1 { width: 32px; } @@ -444,42 +339,6 @@ input.span12, textarea.span12, .uneditable-input.span12 { width: 714px; } - input.span13, textarea.span13, .uneditable-input.span13 { - width: 776px; - } - input.span14, textarea.span14, .uneditable-input.span14 { - width: 838px; - } - input.span15, textarea.span15, .uneditable-input.span15 { - width: 900px; - } - input.span16, textarea.span16, .uneditable-input.span16 { - width: 962px; - } - input.span17, textarea.span17, .uneditable-input.span17 { - width: 1024px; - } - input.span18, textarea.span18, .uneditable-input.span18 { - width: 1086px; - } - input.span19, textarea.span19, .uneditable-input.span19 { - width: 1148px; - } - input.span20, textarea.span20, .uneditable-input.span20 { - width: 1210px; - } - input.span21, textarea.span21, .uneditable-input.span21 { - width: 1272px; - } - input.span22, textarea.span22, .uneditable-input.span22 { - width: 1334px; - } - input.span23, textarea.span23, .uneditable-input.span23 { - width: 1396px; - } - input.span24, textarea.span24, .uneditable-input.span24 { - width: 1458px; - } } @media (max-width: 979px) { body { @@ -646,42 +505,6 @@ .span12 { width: 1170px; } - .span13 { - width: 1270px; - } - .span14 { - width: 1370px; - } - .span15 { - width: 1470px; - } - .span16 { - width: 1570px; - } - .span17 { - width: 1670px; - } - .span18 { - width: 1770px; - } - .span19 { - width: 1870px; - } - .span20 { - width: 1970px; - } - .span21 { - width: 2070px; - } - .span22 { - width: 2170px; - } - .span23 { - width: 2270px; - } - .span24 { - width: 2370px; - } .offset1 { margin-left: 130px; } @@ -718,39 +541,6 @@ .offset12 { margin-left: 1230px; } - .offset13 { - margin-left: 1330px; - } - .offset14 { - margin-left: 1430px; - } - .offset15 { - margin-left: 1530px; - } - .offset16 { - margin-left: 1630px; - } - .offset17 { - margin-left: 1730px; - } - .offset18 { - margin-left: 1830px; - } - .offset19 { - margin-left: 1930px; - } - .offset20 { - margin-left: 2030px; - } - .offset21 { - margin-left: 2130px; - } - .offset22 { - margin-left: 2230px; - } - .offset23 { - margin-left: 2330px; - } .row-fluid { width: 100%; *zoom: 1; @@ -805,42 +595,6 @@ .row-fluid > .span12 { width: 100%; } - .row-fluid > .span13 { - width: 108.547008547%; - } - .row-fluid > .span14 { - width: 117.09401709400001%; - } - .row-fluid > .span15 { - width: 125.64102564100001%; - } - .row-fluid > .span16 { - width: 134.18803418800002%; - } - .row-fluid > .span17 { - width: 142.735042735%; - } - .row-fluid > .span18 { - width: 151.282051282%; - } - .row-fluid > .span19 { - width: 159.82905982900002%; - } - .row-fluid > .span20 { - width: 168.376068376%; - } - .row-fluid > .span21 { - width: 176.923076923%; - } - .row-fluid > .span22 { - width: 185.47008547000001%; - } - .row-fluid > .span23 { - width: 194.017094017%; - } - .row-fluid > .span24 { - width: 202.564102564%; - } input.span1, textarea.span1, .uneditable-input.span1 { width: 60px; } @@ -877,42 +631,6 @@ input.span12, textarea.span12, .uneditable-input.span12 { width: 1160px; } - input.span13, textarea.span13, .uneditable-input.span13 { - width: 1260px; - } - input.span14, textarea.span14, .uneditable-input.span14 { - width: 1360px; - } - input.span15, textarea.span15, .uneditable-input.span15 { - width: 1460px; - } - input.span16, textarea.span16, .uneditable-input.span16 { - width: 1560px; - } - input.span17, textarea.span17, .uneditable-input.span17 { - width: 1660px; - } - input.span18, textarea.span18, .uneditable-input.span18 { - width: 1760px; - } - input.span19, textarea.span19, .uneditable-input.span19 { - width: 1860px; - } - input.span20, textarea.span20, .uneditable-input.span20 { - width: 1960px; - } - input.span21, textarea.span21, .uneditable-input.span21 { - width: 2060px; - } - input.span22, textarea.span22, .uneditable-input.span22 { - width: 2160px; - } - input.span23, textarea.span23, .uneditable-input.span23 { - width: 2260px; - } - input.span24, textarea.span24, .uneditable-input.span24 { - width: 2360px; - } .thumbnails { margin-left: -30px; } -- cgit v1.2.3 From b86969f762c7c1c94e75eebd9905ef568713d647 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 22 Feb 2012 08:21:29 -0800 Subject: restore fixed navbar container reset to grid mixin, add override for inputs within grid mixins to fix #2080 --- docs/assets/css/bootstrap-responsive.css | 58 ++++++++++++++++++-------------- 1 file changed, 32 insertions(+), 26 deletions(-) (limited to 'docs/assets/css/bootstrap-responsive.css') diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 7b7a810d9..447a865c8 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -174,7 +174,7 @@ float: left; margin-left: 20px; } - .container { + .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span1 { @@ -303,40 +303,43 @@ .row-fluid > .span12 { width: 99.999999993%; } - input.span1, textarea.span1, .uneditable-input.span1 { + input, textarea, .uneditable-input { + margin-left: 0; + } + input > .span1, textarea > .span1, .uneditable-input > .span1 { width: 32px; } - input.span2, textarea.span2, .uneditable-input.span2 { + input > .span2, textarea > .span2, .uneditable-input > .span2 { width: 94px; } - input.span3, textarea.span3, .uneditable-input.span3 { + input > .span3, textarea > .span3, .uneditable-input > .span3 { width: 156px; } - input.span4, textarea.span4, .uneditable-input.span4 { + input > .span4, textarea > .span4, .uneditable-input > .span4 { width: 218px; } - input.span5, textarea.span5, .uneditable-input.span5 { + input > .span5, textarea > .span5, .uneditable-input > .span5 { width: 280px; } - input.span6, textarea.span6, .uneditable-input.span6 { + input > .span6, textarea > .span6, .uneditable-input > .span6 { width: 342px; } - input.span7, textarea.span7, .uneditable-input.span7 { + input > .span7, textarea > .span7, .uneditable-input > .span7 { width: 404px; } - input.span8, textarea.span8, .uneditable-input.span8 { + input > .span8, textarea > .span8, .uneditable-input > .span8 { width: 466px; } - input.span9, textarea.span9, .uneditable-input.span9 { + input > .span9, textarea > .span9, .uneditable-input > .span9 { width: 528px; } - input.span10, textarea.span10, .uneditable-input.span10 { + input > .span10, textarea > .span10, .uneditable-input > .span10 { width: 590px; } - input.span11, textarea.span11, .uneditable-input.span11 { + input > .span11, textarea > .span11, .uneditable-input > .span11 { width: 652px; } - input.span12, textarea.span12, .uneditable-input.span12 { + input > .span12, textarea > .span12, .uneditable-input > .span12 { width: 714px; } } @@ -466,7 +469,7 @@ float: left; margin-left: 30px; } - .container { + .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span1 { @@ -595,40 +598,43 @@ .row-fluid > .span12 { width: 100%; } - input.span1, textarea.span1, .uneditable-input.span1 { + input, textarea, .uneditable-input { + margin-left: 0; + } + input > .span1, textarea > .span1, .uneditable-input > .span1 { width: 60px; } - input.span2, textarea.span2, .uneditable-input.span2 { + input > .span2, textarea > .span2, .uneditable-input > .span2 { width: 160px; } - input.span3, textarea.span3, .uneditable-input.span3 { + input > .span3, textarea > .span3, .uneditable-input > .span3 { width: 260px; } - input.span4, textarea.span4, .uneditable-input.span4 { + input > .span4, textarea > .span4, .uneditable-input > .span4 { width: 360px; } - input.span5, textarea.span5, .uneditable-input.span5 { + input > .span5, textarea > .span5, .uneditable-input > .span5 { width: 460px; } - input.span6, textarea.span6, .uneditable-input.span6 { + input > .span6, textarea > .span6, .uneditable-input > .span6 { width: 560px; } - input.span7, textarea.span7, .uneditable-input.span7 { + input > .span7, textarea > .span7, .uneditable-input > .span7 { width: 660px; } - input.span8, textarea.span8, .uneditable-input.span8 { + input > .span8, textarea > .span8, .uneditable-input > .span8 { width: 760px; } - input.span9, textarea.span9, .uneditable-input.span9 { + input > .span9, textarea > .span9, .uneditable-input > .span9 { width: 860px; } - input.span10, textarea.span10, .uneditable-input.span10 { + input > .span10, textarea > .span10, .uneditable-input > .span10 { width: 960px; } - input.span11, textarea.span11, .uneditable-input.span11 { + input > .span11, textarea > .span11, .uneditable-input > .span11 { width: 1060px; } - input.span12, textarea.span12, .uneditable-input.span12 { + input > .span12, textarea > .span12, .uneditable-input > .span12 { width: 1160px; } .thumbnails { -- cgit v1.2.3