default layout quite advanced !

This commit is contained in:
2013-10-26 11:38:21 +02:00
parent 6e88c5b76b
commit d3a0b2b82b
9 changed files with 320 additions and 66 deletions

View File

@@ -7,10 +7,3 @@ h1,h2,h3,h4,h5,h6 {
font-weight: $font-weight-title;
}
//correct entypo
@font-face { font-family: "entypo"; font-style: normal; font-weight: 400;
src: url('./../../fonts/icons/entypo.eot');
src: url("../../fonts/icons/entypo.eot?#iefix") format("ie9-skip-eot"),
url("./../../fonts/icons/entypo.woff") format("woff"),
url("./../../fonts/icons/entypo.ttf") format("truetype");
}

View File

@@ -15,6 +15,101 @@
url('../fonts/icons/#{$icons}.ttf') format('truetype');
}
$path_to_fonts: "./../../fonts/";
//correct entypo
@font-face {
font-family: "entypo"; font-style: normal; font-weight: 400;
src: url('#{$path_to_fonts}icons/entypo.eot');
src: url("#{$path_to_fonts}icons/entypo.eot?#iefix") format("ie9-skip-eot"),
url("#{$path_to_fonts}icons/entypo.woff") format("woff"),
url("#{$path_to_fonts}icons/entypo.ttf") format("truetype");
}
$font_1: "Merriweather Sans";
$font_1_path: "Merriweather_Sans/MerriweatherSans-";
@font-face {
font-family: '#{$font_1}';
font-style: normal;
font-weight: 400;
src: url('#{$path_to_fonts}#{font_1_path}Regular.ttf') format('truetype');
}
@font-face {
font-family: '#{$font_1}';
font-style: italic;
font-weight: 400;
src: url('#{$path_to_fonts}#{$font_1_path}Italic.ttf') format('truetype');
}
@font-face {
font-family: '#{$font_1}';
font-style: normal;
font-weight: 300;
src: url('#{$path_to_fonts}#{$font_1_path}Light.ttf') format('truetype');
}
@font-face {
font-family: '#{$font_1}';
font-style: italic;
font-weight: 300;
src: url('#{$path_to_fonts}#{$font_1_path}LigthItalic.ttf') format('truetype');
}
@font-face {
font-family: '#{$font_1}';
font-style: normal;
font-weight: 700;
src: url('#{$path_to_fonts}#{$font_1_path}Bold.ttf') format('truetype');
}
@font-face {
font-family: '#{$font_1}';
font-style: italic;
font-weight: 700;
src: url('#{$path_to_fonts}#{$font_1_path}BoldItalic.ttf') format('truetype');
}
@font-face {
font-family: '#{$font_1}';
font-style: normal;
font-weight: 800;
src: url('#{$path_to_fonts}#{$font_1_path}ExtraBold.ttf') format('truetype');
}
@font-face {
font-family: '#{$font_1}';
font-style: italic;
font-weight: 800;
src: url('#{$path_to_fonts}#{$font_1_path}ExtraBoldItalic.ttf') format('truetype');
}
$font_2: "Oxygen";
$font_2_path: "Oxygen/Oxygen-";
@font-face {
font-family: '#{$font_2}';
font-style: normal;
font-weight: 300;
src: url('#{$path_to_fonts}#{$font_2_path}Light.ttf') format('truetype');
}
@font-face {
font-family: '#{$font_2}';
font-style: normal;
font-weight: 400;
src: url('#{$path_to_fonts}#{$font_2_path}Regular.ttf') format('truetype');
}
@font-face {
font-family: '#{$font_2}';
font-style: normal;
font-weight: 700;
src: url('#{$path_to_fonts}#{$font_2_path}Bold.ttf') format('truetype');
}
// To include your own, local copies of fonts, use the following template
//
//@font-face {

View File

@@ -1,18 +1,8 @@
div#connect_module_menu {
text-align: right;
nav#header{
nav.inline-nav {
display: inline;
ul, ol {
list-style-type: none;
display: inline;
li {
display: inline;
}
}
#nav_list {
}
}

View File

@@ -1,4 +1,68 @@
div#searchbox {
text-align: right;
div#usefulbar {
background-color: #fbba3a;
z-index: 1000;
//to align with nav bar
padding-right: 15px;
i.menu {
font-size: 2em;
}
ul {
display: flex;
justify-content: flex-end;
margin: 0;
padding-top: 5px;
padding-right: 10px;
}
li{
color: white;
margin-left: 10px;
a {
color: white;
text-shadow: 0px 0px 1px #555;
}
i.icon-user-add:before {
vertical-align: -5px;
}
}
li#search_element {
text-align: right;
div#search_form {
margin: 0;
padding: 0;
div {
margin: 0;
}
.field {
margin: 0;
}
button {
color: white;
border: none;
bottom: -2px;
height: 35px;
}
}
}
}

View File

@@ -1,3 +1,5 @@
@import "_nav.scss";
@import "_searchbox.scss";
@import "_flashMessages.scss"