tonyair
/
silverstripe-simple
mirror of https://github.com/silverstripe/silverstripe-simple
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #58 from Juanitou/css-fixes 

CSS minor fixes
This commit is contained in:
Daniel Hensby 2018-06-25 21:55:43 +01:00 committed by GitHub
parent e4b3aa2d6c bb4c7d2aa0
commit 5a6b34cd00
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/form.css
View File

@ -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,

26
css/layout.css
View File

@ -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,
@ -183,7 +183,6 @@ body {
color: #888;
margin: 0;
border: none;
-moz-border-radius: 14px;
border-radius: 14px;
background: #fff;
}
@ -314,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;
@ -357,7 +356,7 @@ body {
.main .secondary li.current a {
color: #000;
}
/* Secondary navigation 2-5 levels deep */
.main .secondary ul ul {
@ -381,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; }
@ -549,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;
@ -571,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;
}
@ -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%;
@ -840,4 +838,4 @@ body h1 span.amp {
nav.primary {
display: none;
}
}
}