зеркало из https://github.com/mozilla/bedrock.git
ignore .less.css files, fix persona urls to force trailing slash
This commit is contained in:
James Long
Родитель
3b1c6549c6
Коммит
7428d62e90
|
|
@ -15,4 +15,5 @@ vendor
|
|||
.noseids
|
||||
tmp/*
|
||||
*~
|
||||
.#*
|
||||
.#*
|
||||
*.less.css
|
||||
|
|
@ -2,7 +2,7 @@ from django.conf.urls.defaults import *
|
|||
from views import persona, about, developerfaq
|
||||
|
||||
urlpatterns = patterns('',
|
||||
(r'^persona/developer-faq/', developerfaq),
|
||||
(r'^persona/about/', about),
|
||||
(r'^persona/', persona),
|
||||
(r'^persona/developer-faq/$', developerfaq),
|
||||
(r'^persona/about/$', about),
|
||||
(r'^persona/$', persona),
|
||||
)
|
||||
|
|
|
|||
|
|
@ -1,807 +0,0 @@
|
|||
.open-sans {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
.clearfix:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
/*
|
||||
* Based on bootstrap, Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*/
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
address,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
samp,
|
||||
small,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
var,
|
||||
b,
|
||||
i,
|
||||
hr,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
figure,
|
||||
figcaption,
|
||||
hgroup,
|
||||
menu,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
figure,
|
||||
figure img,
|
||||
figcaption,
|
||||
hgroup,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section,
|
||||
audio,
|
||||
video {
|
||||
display: block;
|
||||
}
|
||||
a img {
|
||||
border: 0;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.eot');
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.woff') format('woff'), url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.eot');
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.eot');
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
.button {
|
||||
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;
|
||||
}
|
||||
.button: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: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 {
|
||||
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;
|
||||
line-height: 24px;
|
||||
font-family: Georgia, serif;
|
||||
color: #333333;
|
||||
background: #fff;
|
||||
}
|
||||
#outer-wrapper {
|
||||
border-top: 2px solid #fff;
|
||||
}
|
||||
#wrapper {
|
||||
background: #f5f1e8 url(/media/img/sandstone/background-gradient.png) 0 0 repeat-x;
|
||||
}
|
||||
a {
|
||||
color: #af3232;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover,
|
||||
a:active {
|
||||
color: #872727;
|
||||
text-decoration: underline;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.huge,
|
||||
.large {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
margin: 0 0 12px 0;
|
||||
line-height: 100%;
|
||||
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
.huge {
|
||||
font-size: 108px;
|
||||
letter-spacing: -4px;
|
||||
line-height: 100%;
|
||||
}
|
||||
.large {
|
||||
font-size: 72px;
|
||||
letter-spacing: -3px;
|
||||
line-height: 100%;
|
||||
}
|
||||
h1 {
|
||||
font-size: 48px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 28px;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
h4 {
|
||||
font-size: 24px;
|
||||
letter-spacing: -0.25px;
|
||||
}
|
||||
h5 {
|
||||
font-size: 16px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 14px;
|
||||
}
|
||||
.small,
|
||||
small {
|
||||
font-size: 12px;
|
||||
line-height: 100%;
|
||||
}
|
||||
hgroup h1,
|
||||
hgroup h2,
|
||||
hgroup h3,
|
||||
hgroup h4,
|
||||
hgroup h5,
|
||||
hgroup h6 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
dl,
|
||||
hgroup {
|
||||
margin: 0 0 24px 0;
|
||||
}
|
||||
li {
|
||||
margin-left: 24px;
|
||||
}
|
||||
/* }}} */
|
||||
/* {{{ Layout */
|
||||
.row {
|
||||
margin-left: -24px;
|
||||
zoom: 1;
|
||||
}
|
||||
.row:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
[class*="span"] {
|
||||
float: left;
|
||||
margin-left: 24px;
|
||||
}
|
||||
.span1 {
|
||||
width: 68px;
|
||||
}
|
||||
.span2 {
|
||||
width: 160px;
|
||||
}
|
||||
.span3 {
|
||||
width: 252px;
|
||||
}
|
||||
.span4 {
|
||||
width: 344px;
|
||||
}
|
||||
.span5 {
|
||||
width: 436px;
|
||||
}
|
||||
.span6 {
|
||||
width: 528px;
|
||||
}
|
||||
.span7 {
|
||||
width: 620px;
|
||||
}
|
||||
.span8 {
|
||||
width: 712px;
|
||||
}
|
||||
.span9 {
|
||||
width: 804px;
|
||||
}
|
||||
.span10 {
|
||||
width: 896px;
|
||||
}
|
||||
.span11 {
|
||||
width: 988px;
|
||||
}
|
||||
.span12,
|
||||
.container {
|
||||
width: 1080px;
|
||||
}
|
||||
.offset1 {
|
||||
margin-left: 116px;
|
||||
}
|
||||
.offset2 {
|
||||
margin-left: 208px;
|
||||
}
|
||||
.offset3 {
|
||||
margin-left: 300px;
|
||||
}
|
||||
.offset4 {
|
||||
margin-left: 392px;
|
||||
}
|
||||
.offset5 {
|
||||
margin-left: 484px;
|
||||
}
|
||||
.offset6 {
|
||||
margin-left: 576px;
|
||||
}
|
||||
.offset7 {
|
||||
margin-left: 668px;
|
||||
}
|
||||
.offset8 {
|
||||
margin-left: 760px;
|
||||
}
|
||||
.offset9 {
|
||||
margin-left: 852px;
|
||||
}
|
||||
.offset10 {
|
||||
margin-left: 944px;
|
||||
}
|
||||
.offset11 {
|
||||
margin-left: 1036px;
|
||||
}
|
||||
#masthead,
|
||||
#main-feature,
|
||||
#main-content,
|
||||
#colophon {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding-left: 48px;
|
||||
padding-right: 48px;
|
||||
position: relative;
|
||||
width: 896px;
|
||||
zoom: 1;
|
||||
}
|
||||
#masthead:after,
|
||||
#main-feature:after,
|
||||
#main-content:after,
|
||||
#colophon:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
#main-content,
|
||||
#main-feature {
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
/* }}} */
|
||||
/* {{{ Header Nav */
|
||||
#masthead h1 {
|
||||
padding: 48px 0 24px 0;
|
||||
margin: 0;
|
||||
}
|
||||
#masthead nav {
|
||||
float: right;
|
||||
margin-right: 16px;
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
#masthead nav ul li {
|
||||
list-style-type: none;
|
||||
display: inline;
|
||||
margin: 0;
|
||||
}
|
||||
#masthead nav ul li a,
|
||||
#masthead nav ul li span {
|
||||
display: inline-block;
|
||||
padding: 12px;
|
||||
}
|
||||
#masthead nav ul li a,
|
||||
#masthead nav ul li a:link,
|
||||
#masthead nav ul li a:visited {
|
||||
color: #484848;
|
||||
}
|
||||
/* }}} */
|
||||
/* {{{ Header Breadcrumbs */
|
||||
#masthead nav.breadcrumbs {
|
||||
float: none;
|
||||
padding: 24px 0 12px 0;
|
||||
}
|
||||
#masthead nav.breadcrumbs a,
|
||||
#masthead nav.breadcrumbs span {
|
||||
margin-right: 1em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
#masthead nav.breadcrumbs a:first-child,
|
||||
#masthead nav.breadcrumbs span:first-child {
|
||||
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;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
color: #484848;
|
||||
}
|
||||
#sidebar nav li {
|
||||
list-style-type: none;
|
||||
border-bottom: 1px dotted #ccc;
|
||||
}
|
||||
#sidebar nav li a,
|
||||
#sidebar nav li b {
|
||||
display: block;
|
||||
padding: 8px 0;
|
||||
}
|
||||
#sidebar nav li li b {
|
||||
font-weight: 600;
|
||||
}
|
||||
#sidebar nav li:first-child {
|
||||
font-size: 24px;
|
||||
}
|
||||
/* }}} */
|
||||
/* {{{ Footer */
|
||||
#colophon {
|
||||
color: #bbbbbb;
|
||||
padding: 48px 0;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
#colophon a,
|
||||
#colophon a:link,
|
||||
#colophon a:visited {
|
||||
color: #67a7d0;
|
||||
}
|
||||
#colophon a:hover,
|
||||
#colophon a:active {
|
||||
color: #4090c4;
|
||||
}
|
||||
#colophon nav {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
#colophon nav ul li {
|
||||
list-style-type: none;
|
||||
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;
|
||||
}
|
||||
}
|
||||
/* }}} */
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
.open-sans {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
.clearfix:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
/*
|
||||
* Based on bootstrap, Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*/
|
||||
section.row {
|
||||
padding-top: 24px;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
Загрузка…
Ссылка в новой задаче