marco/cccs-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Font, typography, correct footer image

Browse source
This commit is contained in:
Stefan Schlott 2013-08-23 08:15:27 +02:00
parent 74c8729f17
commit 3f6621e00c
14 changed files with 1150 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

22
content/styles/_customfonts.scss Normal file
View file

@ -0,0 +1,22 @@
@font-face {
font-family: 'TitilliumText';
src: url('/fonts/titilliumtext22l002-webfont.eot');
src: url('/fonts/titilliumtext22l002-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/titilliumtext22l002-webfont.woff') format('woff'),
url('/fonts/titilliumtext22l002-webfont.ttf') format('truetype'),
url('/fonts/titilliumtext22l002-webfont.svg#TitilliumText22LLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TitilliumText';
src: url('/fonts/titilliumtext22l006-webfont.eot');
src: url('/fonts/titilliumtext22l006-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/titilliumtext22l006-webfont.woff') format('woff'),
url('/fonts/titilliumtext22l006-webfont.ttf') format('truetype'),
url('/fonts/titilliumtext22l006-webfont.svg#TitilliumText22LXBold') format('svg');
font-weight: bold;
font-style: normal;
}

30
content/styles/_customstyles.scss
View file

@ -5,16 +5,46 @@ body {
background-repeat: both;
}
p {
margin-bottom: 5px;
}
a:hover, a:focus {
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
a {
color: inherit;
}
a:hover, a:focus {
color: darken($cccsBlue, 15%);
}
}
h1,
h2,
h3 { line-height: $baseLineHeight * 1.5; }
h1 { font-size: $baseFontSize * 2; }
h2 { font-size: $baseFontSize * 1.5; }
h3 { font-size: $baseFontSize * 1.25; }
h4 { font-size: $baseFontSize * 1.25; }
h5 { font-size: $baseFontSize; }
h6 { font-size: $baseFontSize * 0.85; }
h1 small { font-size: $baseFontSize * 1.75; }
h2 small { font-size: $baseFontSize * 1.25; }
h3 small { font-size: $baseFontSize; }
h4 small { font-size: $baseFontSize; }
#footer {
#footerimage {
text-align: right;
border-bottom: 3px;
border-bottom-color: $cccsGreen;
border-bottom-style: solid;
padding-right: 12px;
}
footer {
margin-left: -$mainPadding;

2
content/styles/_variables.scss
View file

@ -43,7 +43,7 @@ $linkColorHover: darken($linkColor, 15%) !default;
// Typography
// -------------------------
$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$sansFontFamily: "TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;

1
content/styles/main.scss
View file

@ -9,6 +9,7 @@
*/
// Core variables and mixins
@import "customfonts";
@import "customvars";
// @import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
@import "variables";