From 3f71bdcce1be6b0d1b95c5f51a8c59530520f081 Mon Sep 17 00:00:00 2001 From: Juanitou Date: Thu, 21 Jun 2018 10:04:05 +0200 Subject: [PATCH 1/5] Use 'transform: scale' instead of unofficial 'zoom' --- css/reset.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/css/reset.css b/css/reset.css index 5db805c..2306b15 100644 --- a/css/reset.css +++ b/css/reset.css @@ -1,4 +1,4 @@ -/* This reset is loosely derived from HTML5 boilerplate +/* This reset is loosely derived from HTML5 boilerplate for more information visit http://html5boilerplate.com/ */ /* Every browser has its own default ‘user agent’ stylesheet, that it uses to make unstyled websites appear more legible. @@ -23,7 +23,7 @@ body{-webkit-text-size-adjust:none;} .clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; } .clear:after {clear:both;} -.clear{zoom:1;} +.clear{transform: scale(1);} sub, sup{font-size:75%; line-height:0; position:relative;} sup{top:-0.5em;} @@ -31,7 +31,7 @@ sub{bottom:-0.25em;} pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;} textarea {overflow:auto;} -.ie6 legend, .ie7 legend {margin-left:-7px;} +.ie6 legend, .ie7 legend {margin-left:-7px;} input[type="radio"], input.radio {vertical-align:text-bottom;} input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;} .ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;} From ea81cd70222a659f07722af6b099518473c84012 Mon Sep 17 00:00:00 2001 From: Juanitou Date: Thu, 21 Jun 2018 10:43:08 +0200 Subject: [PATCH 2/5] Remove deprecated box-shadow declarations in form.css --- css/form.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/css/form.css b/css/form.css index 41d1f81..2b03fa0 100644 --- a/css/form.css +++ b/css/form.css @@ -246,8 +246,6 @@ form input.holder-required { /* This class needs to be changed - is used input:invalid, textarea:invalid { border-radius: 1px; - -moz-box-shadow: 0px 0px 5px red; - -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, From 5f4b528394600e056326675c9505d99381b1abab Mon Sep 17 00:00:00 2001 From: Juanitou Date: Thu, 21 Jun 2018 10:49:03 +0200 Subject: [PATCH 3/5] Remove deprecated border-radius declarations in layout.css --- css/layout.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/css/layout.css b/css/layout.css index c2430d8..00c4a61 100644 --- a/css/layout.css +++ b/css/layout.css @@ -183,7 +183,6 @@ body { color: #888; margin: 0; border: none; - -moz-border-radius: 14px; border-radius: 14px; background: #fff; } @@ -719,8 +718,7 @@ body h1 span.amp { border: 1px solid #e5e5e5; background: #fff; font-size: 17px; - -moz-border-radius: 20px; /* increase border radius due to increased padding */ - border-radius: 20px; + border-radius: 20px; /* increase border radius due to increased padding */ } .search-bar form input.action { right: 5%; From 88a48f799ba8706ccd7edd9ceb8144afccfd0daa Mon Sep 17 00:00:00 2001 From: Juanitou Date: Thu, 21 Jun 2018 11:03:29 +0200 Subject: [PATCH 4/5] Whitespace fixes in layout.css --- css/layout.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) 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 +} From bb4c7d2aa09e1a4eeb067cf40412ee8f423d8dfc Mon Sep 17 00:00:00 2001 From: Juanitou Date: Thu, 21 Jun 2018 17:44:57 +0200 Subject: [PATCH 5/5] Revert "Use 'transform: scale' instead of unofficial 'zoom'" This reverts commit 3f71bdcce1be6b0d1b95c5f51a8c59530520f081. --- css/reset.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/css/reset.css b/css/reset.css index 2306b15..5db805c 100644 --- a/css/reset.css +++ b/css/reset.css @@ -1,4 +1,4 @@ -/* This reset is loosely derived from HTML5 boilerplate +/* This reset is loosely derived from HTML5 boilerplate for more information visit http://html5boilerplate.com/ */ /* Every browser has its own default ‘user agent’ stylesheet, that it uses to make unstyled websites appear more legible. @@ -23,7 +23,7 @@ body{-webkit-text-size-adjust:none;} .clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; } .clear:after {clear:both;} -.clear{transform: scale(1);} +.clear{zoom:1;} sub, sup{font-size:75%; line-height:0; position:relative;} sup{top:-0.5em;} @@ -31,7 +31,7 @@ sub{bottom:-0.25em;} pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;} textarea {overflow:auto;} -.ie6 legend, .ie7 legend {margin-left:-7px;} +.ie6 legend, .ie7 legend {margin-left:-7px;} input[type="radio"], input.radio {vertical-align:text-bottom;} input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;} .ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}