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

Framework CCCS page

Browse source
This commit is contained in:
Stefan Schlott 2013-09-05 09:51:17 +02:00
parent 09aba964a9
commit 8f812ab935
319 changed files with 24165 additions and 50 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;
}

156
content/styles/_customstyles.scss
View file

@ -0,0 +1,156 @@
$mainPadding: 15px;
body {
background-image: url(/img/bg.png);
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;
margin-right: -$mainPadding;
padding-left: $mainPadding;
padding-right: $mainPadding;
padding-top: 5px;
padding-bottom: 5px;
color: $grayLight;
background-color: $cccsBlue;
}
}
.container {
background-color: $white;
@include box-shadow(0 5px 10px rgba(0,0,0,.2));
padding-left: $mainPadding;
padding-right: $mainPadding;
}
.navbar-static-top .navbar-inner {
box-shadow: 0 0 0 0;
border-width: 0;
background-color: transparent;
background-image: none;
border: 0;
padding: 0;
}
@media (min-width: $navbarCollapseDesktopWidth) {
.nav-collapse {
margin-top: 65px;
}
}
.nav {
border-bottom: 3px;
border-bottom-color: $grayLighter;
border-bottom-style: solid;
}
.navbar .nav > li > a {
padding-bottom: 5px;
padding-left: 11px;
padding-right: 11px;
}
.navbar .nav > li > a.active,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
border-bottom: 3px;
border-bottom-color: $cccsGreen;
border-bottom-style: solid;
margin-bottom: -3px;
}
ul.horizontal {
color: $cccsGreen;
list-style: none outside none;
li {
padding-right: 2em;
}
li:before {
font-size: 150%;
margin-right: 0.3em;
}
}
div.commaseparated, li.commaseparated {
clear: both;
ul {
display: inline;
list-style-type: none;
margin: 0;
li {
display: inline;
}
li:after {
content: ", ";
}
li:last-child:after {
content: "";
}
}
}
ul.iconlist {
margin: 0;
> li {
display: block;
padding-left: 20px;
font-family: $baseFontFamily;
}
> li:before {
width: 17px;
display: inline-block;
margin-left: -20px;
font-family: FontAwesome;
}
}
div.planetpost {
h2 {
font-size: $baseFontSize * 1.25;
line-height: $baseLineHeight;
margin-bottom: 5px;
}
}

5
content/styles/_customvars.scss
View file

@ -1,3 +1,8 @@
// Font Awesome
$FontAwesomePath: "/fonts";
// Colors
//$cccsBlue: #001f3d;
$cccsBlue: #002e55;
$cccsGreen: #95c03d;

14
content/styles/_variables.scss
View file

@ -32,18 +32,18 @@ $purple: #7a43b6 !default;
// Scaffolding
// -------------------------
$bodyBackground: $white !default;
$textColor: $grayDark !default;
$textColor: $black !default;
// Links
// -------------------------
$linkColor: #08c !default;
$linkColor: $cccsGreen !default;
$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;
@ -54,7 +54,7 @@ $altFontFamily: $serifFontFamily !default;
$headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
$headingsFontWeight: bold !default; // instead of browser default, bold
$headingsColor: inherit !default; // empty to use BS default, $textColor
$headingsColor: $cccsBlue !default;
// Component sizing
@ -176,7 +176,7 @@ $wellBackground: #f5f5f5 !default;
// Navbar
// -------------------------
$navbarCollapseWidth: 979px !default;
$navbarCollapseWidth: 767px !default;
$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;
$navbarHeight: 40px !default;
@ -185,8 +185,8 @@ $navbarBackground: darken($navbarBackgroundHighlight, 5%) !defaul
$navbarBorder: darken($navbarBackground, 12%) !default;
$navbarText: #777 !default;
$navbarLinkColor: #777 !default;
$navbarLinkColorHover: $grayDark !default;
$navbarLinkColor: $cccsBlue !default;
$navbarLinkColorHover: darken($navbarLinkColor, 15%) !default;
$navbarLinkColorActive: $gray !default;
$navbarLinkBackgroundHover: transparent !default;
$navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;

3
content/styles/main.scss
View file

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