diff --git a/css/layout.css b/css/layout.css index 00c4a61..5cb2701 100644 --- a/css/layout.css +++ b/css/layout.css @@ -48,15 +48,15 @@ padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; - box-sizing:border-box; /* box-sizing:border-box; creates a box-model where - padding and border are NOT added onto the width - they are included in the width, + box-sizing:border-box; /* box-sizing:border-box; creates a box-model where + padding and border are NOT added onto the width - they are included in the width, so a 200px wide element with 20px padding will be 200px, NOT 240px wide */ } .unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */ float:right; } -/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space. +/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space. The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */ /* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */ @@ -93,7 +93,7 @@ The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5 .lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */ float:none; width:auto; - _position:relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters. + _position:relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters. meaning that anything prefixed with _ wouldn't be picked up by any other browsers */ _left:-3px; _margin-right:-3px; @@ -103,7 +103,7 @@ The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5 body { margin: 0; background: #ededed; - min-width: 240px; + min-width: 240px; -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */ } .ie7 body, @@ -313,7 +313,7 @@ body { list-style-type: none; margin-bottom: 0; } - .main .secondary li .arrow { + .main .secondary li .arrow { color: #b80000; padding-right: 5px; display: block; @@ -356,7 +356,7 @@ body { .main .secondary li.current a { color: #000; } - + /* Secondary navigation 2-5 levels deep */ .main .secondary ul ul { @@ -380,7 +380,7 @@ body { .main .secondary ul ul ul ul li a { padding-left: 30px; } .main .secondary ul ul ul ul li a .arrow { left: 32px; } .main .secondary ul ul ul ul li a:hover .arrow { left: 36px; } - + .main .secondary ul ul ul ul ul li a { padding-left: 40px; } .main .secondary ul ul ul ul ul li a .arrow { left: 32px; } .main .secondary ul ul ul ul ul li a:hover .arrow { left: 36px; } @@ -548,7 +548,7 @@ body h1 span.amp { display: none; /* removes the nav toggle button for desktop site */ } #media-query-trigger { - /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries) + /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries) instead to trigger the hiding/showing of nav and search in mobile mode */ display: none; visibility: hidden; @@ -570,7 +570,7 @@ body h1 span.amp { /* BREAKPOINT 640px */ /* when changing the breakpoint below, change it ito the same value in the script.js file as well */ -@media only screen and (max-width: 640px) { +@media only screen and (max-width: 640px) { body { max-width: 640px; } @@ -838,4 +838,4 @@ body h1 span.amp { nav.primary { display: none; } -} \ No newline at end of file +}