mirror of
https://github.com/silverstripe/silverstripe-simple
synced 2024-10-22 11:05:50 +02:00
commit
5a6b34cd00
@ -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,
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user