tonyair/silverstripe-simple
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-simple synced 2024-10-22 11:05:50 +02:00
Code Issues Projects Releases Wiki Activity

Whitespace fixes in layout.css

Browse Source
This commit is contained in:
Juanitou 2018-06-21 11:03:29 +02:00
parent 5f4b528394
commit 88a48f799b
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/layout.css
View File

@ -48,15 +48,15 @@
padding:0 10px; padding:0 10px;
-moz-box-sizing:border-box; -moz-box-sizing:border-box;
-webkit-box-sizing:border-box; -webkit-box-sizing:border-box;
box-sizing:border-box; /* box-sizing:border-box; creates a box-model where 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, 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 */ 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)--| */ .unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
float:right; 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 */ 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%;} */ /* 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. */ .lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */
float:none; float:none;
width:auto; 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 */ meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
_left:-3px; _left:-3px;
_margin-right:-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 { body {
margin: 0; margin: 0;
background: #ededed; background: #ededed;
min-width: 240px; min-width: 240px;
-webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */ -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
} }
.ie7 body, .ie7 body,
@ -313,7 +313,7 @@ body {
list-style-type: none; list-style-type: none;
margin-bottom: 0; margin-bottom: 0;
} }
.main .secondary li .arrow { .main .secondary li .arrow {
color: #b80000; color: #b80000;
padding-right: 5px; padding-right: 5px;
display: block; display: block;
@ -356,7 +356,7 @@ body {
.main .secondary li.current a { .main .secondary li.current a {
color: #000; color: #000;
} }
/* Secondary navigation 2-5 levels deep */ /* Secondary navigation 2-5 levels deep */
.main .secondary ul ul { .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 { padding-left: 30px; }
.main .secondary ul ul ul ul li a .arrow { left: 32px; } .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 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 { padding-left: 40px; }
.main .secondary ul ul ul ul ul li a .arrow { left: 32px; } .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; } .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 */ display: none; /* removes the nav toggle button for desktop site */
} }
#media-query-trigger { #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 */ instead to trigger the hiding/showing of nav and search in mobile mode */
display: none; display: none;
visibility: hidden; visibility: hidden;
@ -570,7 +570,7 @@ body h1 span.amp {
/* BREAKPOINT 640px */ /* BREAKPOINT 640px */
/* when changing the breakpoint below, change it ito the same value in the script.js file as well */ /* 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 { body {
max-width: 640px; max-width: 640px;
} }
@ -838,4 +838,4 @@ body h1 span.amp {
nav.primary { nav.primary {
display: none; display: none;
} }
} }