зеркало из https://github.com/mozilla/bedrock.git
Don't commit compiled LESS css
This commit is contained in:
Steven Garrity
Родитель
1c9f1e7097
Коммит
d4b7214b0e
|
|
@ -136,42 +136,42 @@ a img {
|
|||
font-style: normal;
|
||||
}
|
||||
.button {
|
||||
-moz-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
-moz-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
background-color: #81bc2e;
|
||||
background-color: #659c28;
|
||||
background-color: #659324;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#81bc2e), to(#659c28));
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#81bc2e), to(#659324));
|
||||
/* Konqueror */
|
||||
|
||||
background-image: -moz-linear-gradient(#81bc2e, #659c28);
|
||||
background-image: -moz-linear-gradient(#81bc2e, #659324);
|
||||
/* FF 3.6+ */
|
||||
|
||||
background-image: -ms-linear-gradient(#81bc2e, #659c28);
|
||||
background-image: -ms-linear-gradient(#81bc2e, #659324);
|
||||
/* IE10 */
|
||||
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81bc2e), color-stop(100%, #659c28));
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81bc2e), color-stop(100%, #659324));
|
||||
/* Safari 4+, Chrome 2+ */
|
||||
|
||||
background-image: -webkit-linear-gradient(#81bc2e, #659c28);
|
||||
background-image: -webkit-linear-gradient(#81bc2e, #659324);
|
||||
/* Safari 5.1+, Chrome 10+ */
|
||||
|
||||
background-image: -o-linear-gradient(#81bc2e, #659c28);
|
||||
background-image: -o-linear-gradient(#81bc2e, #659324);
|
||||
/* Opera 11.10 */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659c28', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0);
|
||||
/* IE6 & IE7 */
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659c28', GradientType=0)";
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
|
||||
/* IE8+ */
|
||||
|
||||
background-image: linear-gradient(#81bc2e, #659c28);
|
||||
background-image: linear-gradient(#81bc2e, #659324);
|
||||
/* the standard */
|
||||
|
||||
color: #ffffff;
|
||||
|
|
@ -181,6 +181,8 @@ a img {
|
|||
height: 48px;
|
||||
line-height: 48px;
|
||||
text-decoration: none;
|
||||
border: 0;
|
||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
-webkit-transition: all linear 0.25s;
|
||||
-moz-transition: all linear 0.25s;
|
||||
|
|
@ -206,6 +208,207 @@ a img {
|
|||
-moz-transition: all linear 0.25s;
|
||||
transition: all linear 0.25s;
|
||||
}
|
||||
.button-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
-moz-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
background-color: #81bc2e;
|
||||
background-color: #659324;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#81bc2e), to(#659324));
|
||||
/* Konqueror */
|
||||
|
||||
background-image: -moz-linear-gradient(#81bc2e, #659324);
|
||||
/* FF 3.6+ */
|
||||
|
||||
background-image: -ms-linear-gradient(#81bc2e, #659324);
|
||||
/* IE10 */
|
||||
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81bc2e), color-stop(100%, #659324));
|
||||
/* Safari 4+, Chrome 2+ */
|
||||
|
||||
background-image: -webkit-linear-gradient(#81bc2e, #659324);
|
||||
/* Safari 5.1+, Chrome 10+ */
|
||||
|
||||
background-image: -o-linear-gradient(#81bc2e, #659324);
|
||||
/* Opera 11.10 */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0);
|
||||
/* IE6 & IE7 */
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
|
||||
/* IE8+ */
|
||||
|
||||
background-image: linear-gradient(#81bc2e, #659324);
|
||||
/* the standard */
|
||||
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
padding: 0 24px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
text-decoration: none;
|
||||
border: 0;
|
||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
-webkit-transition: all linear 0.25s;
|
||||
-moz-transition: all linear 0.25s;
|
||||
transition: all linear 0.25s;
|
||||
background-color: #3c88cc;
|
||||
background-color: #276195;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#3c88cc), to(#276195));
|
||||
/* Konqueror */
|
||||
|
||||
background-image: -moz-linear-gradient(#3c88cc, #276195);
|
||||
/* FF 3.6+ */
|
||||
|
||||
background-image: -ms-linear-gradient(#3c88cc, #276195);
|
||||
/* IE10 */
|
||||
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c88cc), color-stop(100%, #276195));
|
||||
/* Safari 4+, Chrome 2+ */
|
||||
|
||||
background-image: -webkit-linear-gradient(#3c88cc, #276195);
|
||||
/* Safari 5.1+, Chrome 10+ */
|
||||
|
||||
background-image: -o-linear-gradient(#3c88cc, #276195);
|
||||
/* Opera 11.10 */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc', endColorstr='#276195', GradientType=0);
|
||||
/* IE6 & IE7 */
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc', endColorstr='#276195', GradientType=0)";
|
||||
/* IE8+ */
|
||||
|
||||
background-image: linear-gradient(#3c88cc, #276195);
|
||||
/* the standard */
|
||||
|
||||
}
|
||||
.button-blue:hover {
|
||||
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
|
||||
-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
|
||||
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all linear 0.25s;
|
||||
-moz-transition: all linear 0.25s;
|
||||
transition: all linear 0.25s;
|
||||
}
|
||||
.button-blue:active {
|
||||
-webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all linear 0.25s;
|
||||
-moz-transition: all linear 0.25s;
|
||||
transition: all linear 0.25s;
|
||||
}
|
||||
.button-blue:hover {
|
||||
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #3089d8;
|
||||
-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #3089d8;
|
||||
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #3089d8;
|
||||
}
|
||||
.button-white {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
-moz-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
background-color: #81bc2e;
|
||||
background-color: #659324;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#81bc2e), to(#659324));
|
||||
/* Konqueror */
|
||||
|
||||
background-image: -moz-linear-gradient(#81bc2e, #659324);
|
||||
/* FF 3.6+ */
|
||||
|
||||
background-image: -ms-linear-gradient(#81bc2e, #659324);
|
||||
/* IE10 */
|
||||
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81bc2e), color-stop(100%, #659324));
|
||||
/* Safari 4+, Chrome 2+ */
|
||||
|
||||
background-image: -webkit-linear-gradient(#81bc2e, #659324);
|
||||
/* Safari 5.1+, Chrome 10+ */
|
||||
|
||||
background-image: -o-linear-gradient(#81bc2e, #659324);
|
||||
/* Opera 11.10 */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0);
|
||||
/* IE6 & IE7 */
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
|
||||
/* IE8+ */
|
||||
|
||||
background-image: linear-gradient(#81bc2e, #659324);
|
||||
/* the standard */
|
||||
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
padding: 0 24px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
text-decoration: none;
|
||||
border: 0;
|
||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
-webkit-transition: all linear 0.25s;
|
||||
-moz-transition: all linear 0.25s;
|
||||
transition: all linear 0.25s;
|
||||
border: 1px solid #d0d0d0;
|
||||
background: #fff;
|
||||
padding: 0 12px;
|
||||
color: #484848;
|
||||
font-size: 12px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-shadow: none;
|
||||
-webkit-box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
|
||||
-moz-box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
|
||||
box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
.button-white:hover {
|
||||
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
|
||||
-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
|
||||
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all linear 0.25s;
|
||||
-moz-transition: all linear 0.25s;
|
||||
transition: all linear 0.25s;
|
||||
}
|
||||
.button-white:active {
|
||||
-webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all linear 0.25s;
|
||||
-moz-transition: all linear 0.25s;
|
||||
transition: all linear 0.25s;
|
||||
}
|
||||
.button-white:hover {
|
||||
color: #484848;
|
||||
-webkit-box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
|
||||
-moz-box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
|
||||
box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
|
||||
}
|
||||
/* {{{ Basic Colors, Text, Links */
|
||||
body {
|
||||
font-size: 16px;
|
||||
|
|
@ -385,25 +588,11 @@ li {
|
|||
.offset11 {
|
||||
margin-left: 1036px;
|
||||
}
|
||||
#main-content {
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
#main-feature {
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
/* }}} */
|
||||
/* {{{ Less Framework Grid */
|
||||
/* Default Layout: 992px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 48px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10
|
||||
px 68 160 252 344 436 528 620 712 804 896 */
|
||||
#masthead,
|
||||
#colophon,
|
||||
#main-feature,
|
||||
#main-content {
|
||||
#main-content,
|
||||
#colophon {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding-left: 48px;
|
||||
padding-right: 48px;
|
||||
|
|
@ -412,62 +601,18 @@ px 68 160 252 344 436 528 620 712 804 896 */
|
|||
zoom: 1;
|
||||
}
|
||||
#masthead:after,
|
||||
#colophon:after,
|
||||
#main-feature:after,
|
||||
#main-content:after {
|
||||
#main-content:after,
|
||||
#colophon:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
/* Tablet Layout: 768px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
#masthead,
|
||||
#colophon,
|
||||
#main-feature,
|
||||
#main-content {
|
||||
width: 712px;
|
||||
padding: 0 28px;
|
||||
}
|
||||
}
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
@media only screen and (max-width: 767px) {
|
||||
#masthead,
|
||||
#colophon,
|
||||
#main-feature,
|
||||
#main-content {
|
||||
width: 252px;
|
||||
padding: 0 34px;
|
||||
}
|
||||
}
|
||||
/* Wide Mobile Layout: 480px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
#masthead,
|
||||
#colophon,
|
||||
#main-feature,
|
||||
#main-content {
|
||||
width: 480px;
|
||||
padding: 0 22px;
|
||||
}
|
||||
#main-content,
|
||||
#main-feature {
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
/* }}} */
|
||||
/* {{{ Header Nav */
|
||||
|
|
@ -513,6 +658,34 @@ px 68 160 252 344 436 */
|
|||
margin-left: 0;
|
||||
}
|
||||
/* }}} */
|
||||
/* {{{ Menu Bars */
|
||||
.menu-bar {
|
||||
background: #fff;
|
||||
line-height: 72px;
|
||||
text-align: center;
|
||||
-webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
.menu-bar ul {
|
||||
margin: 0 0 48px 0;
|
||||
}
|
||||
.menu-bar ul li {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
margin: 0;
|
||||
}
|
||||
.menu-bar ul li a {
|
||||
border-left: 1px dotted #d6d6d6;
|
||||
padding: 8px 24px;
|
||||
}
|
||||
.menu-bar ul li:first-child a {
|
||||
border-left: 0;
|
||||
}
|
||||
/* }}} */
|
||||
/* {{{ Sidebar */
|
||||
#sidebar nav {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
|
|
@ -557,6 +730,78 @@ px 68 160 252 344 436 */
|
|||
}
|
||||
#colophon nav ul li {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
margin: 0 0 2px 0;
|
||||
}
|
||||
/* }}} */
|
||||
/* {{{ Less Framework Grid */
|
||||
/* Default Layout: 992px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 48px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10
|
||||
px 68 160 252 344 436 528 620 712 804 896 */
|
||||
.container {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding-left: 48px;
|
||||
padding-right: 48px;
|
||||
position: relative;
|
||||
width: 896px;
|
||||
zoom: 1;
|
||||
}
|
||||
.container:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
/* Tablet Layout: 768px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.container {
|
||||
width: 712px;
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
}
|
||||
}
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.container {
|
||||
width: 252px;
|
||||
padding-left: 34px;
|
||||
padding-right: 34px;
|
||||
}
|
||||
}
|
||||
/* Wide Mobile Layout: 480px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
.container {
|
||||
width: 480px;
|
||||
padding-left: 22px;
|
||||
padding-right: 22px;
|
||||
}
|
||||
#masthead nav ul li a,
|
||||
#masthead nav ul li span {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
}
|
||||
/* }}} */
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче