Taylohtio/_CustomResponsiveLayouts/_css_sources/scss/aavatalo/taloyhtio_custom.scss

366 lines
10 KiB
SCSS

/* aavatalo */
@font-face {
font-family: 'Exo 2 Condensed';
src: url('fonts/hinted-Exo2-RegularCondensed.eot');
src: local('Exo 2 Regular Condensed'), local('Exo2-RegularCondensed'),
url('fonts/hinted-Exo2-RegularCondensed.eot?#iefix') format('embedded-opentype'),
url('fonts/hinted-Exo2-RegularCondensed.woff2') format('woff2'),
url('fonts/hinted-Exo2-RegularCondensed.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-Regular.eot');
src: local('Exo 2.0 Regular'), local('Exo2.0-Regular'),
url('fonts/Exo20-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-Regular.woff') format('woff'),
url('fonts/Exo20-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-LightItalic.eot');
src: local('Exo 2.0 Light Italic'), local('Exo2.0-LightItalic'),
url('fonts/Exo20-LightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-LightItalic.woff') format('woff'),
url('fonts/Exo20-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-Medium.eot');
src: local('Exo 2.0 Medium'), local('Exo2.0-Medium'),
url('fonts/Exo20-Medium.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-Medium.woff') format('woff'),
url('fonts/Exo20-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-Thin.eot');
src: local('Exo 2.0 Thin'), local('Exo2.0-Thin'),
url('fonts/Exo20-Thin.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-Thin.woff') format('woff'),
url('fonts/Exo20-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Exo 2.0 Extra';
src: url('fonts/Exo20-ExtraLight.eot');
src: local('Exo 2.0 Extra Light'), local('Exo2.0-ExtraLight'),
url('fonts/Exo20-ExtraLight.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-ExtraLight.woff') format('woff'),
url('fonts/Exo20-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-ThinItalic.eot');
src: local('Exo 2.0 Thin Italic'), local('Exo2.0-ThinItalic'),
url('fonts/Exo20-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-ThinItalic.woff') format('woff'),
url('fonts/Exo20-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-MediumItalic.eot');
src: local('Exo 2.0 Medium Italic'), local('Exo2.0-MediumItalic'),
url('fonts/Exo20-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-MediumItalic.woff') format('woff'),
url('fonts/Exo20-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Exo 2.0 Extra';
src: url('fonts/Exo20-ExtraBoldItalic.eot');
src: local('Exo 2.0 Extra Bold Italic'), local('Exo2.0-ExtraBoldItalic'),
url('fonts/Exo20-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-ExtraBoldItalic.woff') format('woff'),
url('fonts/Exo20-ExtraBoldItalic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Exo 2.0 Extra';
src: url('fonts/Exo20-ExtraLightItalic.eot');
src: local('Exo 2.0 Extra Light Italic'), local('Exo2.0-ExtraLightItalic'),
url('fonts/Exo20-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-ExtraLightItalic.woff') format('woff'),
url('fonts/Exo20-ExtraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-Bold.eot');
src: local('Exo 2.0 Bold'), local('Exo2.0-Bold'),
url('fonts/Exo20-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-Bold.woff') format('woff'),
url('fonts/Exo20-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-BoldItalic.eot');
src: local('Exo 2.0 Bold Italic'), local('Exo2.0-BoldItalic'),
url('fonts/Exo20-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-BoldItalic.woff') format('woff'),
url('fonts/Exo20-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-Italic.eot');
src: local('Exo 2.0 Italic'), local('Exo2.0-Italic'),
url('fonts/Exo20-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-Italic.woff') format('woff'),
url('fonts/Exo20-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-BlackItalic.eot');
src: local('Exo 2.0 Black Italic'), local('Exo2.0-BlackItalic'),
url('fonts/Exo20-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-BlackItalic.woff') format('woff'),
url('fonts/Exo20-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Exo 2.0 Semi';
src: url('fonts/Exo20-SemiBold.eot');
src: local('Exo 2.0 Semi Bold'), local('Exo2.0-SemiBold'),
url('fonts/Exo20-SemiBold.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-SemiBold.woff') format('woff'),
url('fonts/Exo20-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-Light.eot');
src: local('Exo 2.0 Light'), local('Exo2.0-Light'),
url('fonts/Exo20-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-Light.woff') format('woff'),
url('fonts/Exo20-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Exo 2.0';
src: url('fonts/Exo20-Black.eot');
src: local('Exo 2.0 Black'), local('Exo2.0-Black'),
url('fonts/Exo20-Black.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-Black.woff') format('woff'),
url('fonts/Exo20-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Exo 2.0 Semi';
src: url('fonts/Exo20-SemiBoldItalic.eot');
src: local('Exo 2.0 Semi Bold Italic'), local('Exo2.0-SemiBoldItalic'),
url('fonts/Exo20-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-SemiBoldItalic.woff') format('woff'),
url('fonts/Exo20-SemiBoldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Exo 2.0 Extra';
src: url('fonts/Exo20-ExtraBold.eot');
src: local('Exo 2.0 Extra Bold'), local('Exo2.0-ExtraBold'),
url('fonts/Exo20-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('fonts/Exo20-ExtraBold.woff') format('woff'),
url('fonts/Exo20-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
$color1: #469c07;
$color2: #0a377d;
$color3: #ffffff;
$color4: #2c72da;
$color5: #f3f3fa;
/////////////////////////////////////////////////////
$MainColor: $color2;
$LinksColor: $color2;
$HoverColor: $color1;
$TopBgPmc: $color3;
$TopTextPmc: $color2;
$TopHoverPmc: $color1;
$TopBgCondo: $color2;
$TopTextCondo: $color3;
$TopHoverCondo: $color1;
$NaviBgPmc: $color2;
$NaviTextPmc: $color3;
$NaviSelectedBgPmc: $color1;
$NaviSelectedTextPmc: $color3;
$NaviBgCondo: $color3;
$NaviTextCondo: $color2;
$NaviSelectedBgCondo: $color1;
$NaviSelectedTextCondo: $color3;
$DropdownBgPmc: $color3;
$DropdownTextPmc: $color2;
$DropdownBgHoverPmc: $color1;
$DropdownTextHoverPmc: $color3;
$DropdownBgCondo: $color2;
$DropdownTextCondo: $color3;
$DropdownBgHoverCondo: $color1;
$DropdownTextHoverCondo: $color3;
$MenuBgPmc: $color3;
$MenuTextPmc: $color2;
$MenuBgHoverPmc: $color1;
$MenuTextHoverPmc: $color3;
$MenuBgCondo: $color3;
$MenuTextCondo: $color2;
$MenuBgHoverCondo: $color1;
$MenuTextHoverCondo: $color3;
$AlertBgPmc: $color2;
$AlertTextPmc: $color3;
$AlertBgCondo: $color2;
$AlertTextCondo: $color3;
$WebpartTitlePmc: $color2;
$WebpartHeaderPmc: $color1;
$WebpartTitlePmcHover: $color1;
$WebpartTitleCondo: $color2;
$WebpartHeaderCondo: $color1;
$WebpartTitleCondoHover: $color1;
$ArkistoBgPmc: $color2;
$ArkistoBgHoverPmc: $color1;
$ArkistoTextPmc: $color3;
$ArkistoTextHoverPmc: $color3;
$ArkistoBgCondo: $color2;
$ArkistoBgHoverCondo: $color1;
$ArkistoTextCondo: $color3;
$ArkistoTextHoverCondo: $color3;
$FooterBgPmc: $color5;
$FooterTextPmc: $color2;
$FooterTextHoverPmc: $color1;
$FooterBgCondo: $color1;
$FooterTextCondo: $color3;
$FooterTextHoverCondo: $color4;
$PoweredBgPmc: $color2;
$PoweredTextPmc: $color3;
$PoweredBgCondo: $color2;
$PoweredTextCondo: $color3;
$RegisterboxBg: $color2;
$RegisterBoxButtonHoverBg: $color3;
$RegisterBoxButtonHoverText: $color1;
$StoreButtonHoverBg: $color3;
$StoreButtonHoverText: $color1;
$AddButtonHoverBg: $color1;
$AddButtonHoverText: $color3;
@import "../../main";
/* font overrides */
body, footer .h3, footer .h4 {
font-family: 'Exo 2.0' !important;
font-weight: 300 !important;
}
footer h2 {
font-family: 'Exo 2 Condensed' !important;
font-weight: 300 !important;
}
footer h3 {
font-weight: 400 !important;
}
#toolsData a, #toolsData a:hover, #toolsData a:visited,
#pageHeader h1,
td.ms-addnew > a, a.ms-addnew,
input[type=button], input[type=reset], input[type=submit], button {
font-family: 'Exo 2.0' !important;
font-weight: 600 !important;
}
.navbar-nav > li > .dropdown-menu,
.subLeft > .dropdown-menu,
#boardData .title,
#intraOfficeData .title {
font-family: 'Exo 2.0' !important;
font-weight: 500 !important;
}
.footer_right,
.poweredby,
footer strong,
.d2 h4,
.predefinedLeftText,
.predefinedRightText,
.social p,
#intraOfficeData .body,
#boardData .body,
.dvItem .body,
.condoArchiveLink,
#intraOfficeData .itemCreated,
#intraOfficeData .body {
font-family: 'Exo 2.0' !important;
}
body.withBanner .banner .button,
body.withBanner .banner .top_text,
h1, h2.ms-webpart-titleText, .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
font-family: 'Exo 2 Condensed' !important;
}