From 0a15550881203573a9569d0f118d68415b0952a9 Mon Sep 17 00:00:00 2001 From: Andreas Hubel Date: Mon, 30 Nov 2020 01:43:31 +0100 Subject: rC3: improve css + add font --- configs/conferences/rc3/font.css | 130 ++++++++++++++++++++++++++++++++++++++ configs/conferences/rc3/main.less | 58 ++++++++++++++--- 2 files changed, 178 insertions(+), 10 deletions(-) create mode 100644 configs/conferences/rc3/font.css diff --git a/configs/conferences/rc3/font.css b/configs/conferences/rc3/font.css new file mode 100644 index 0000000..6550761 --- /dev/null +++ b/configs/conferences/rc3/font.css @@ -0,0 +1,130 @@ +@font-face { + font-family: "orbitron-medium"; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/orbitron-medium-webfont.woff") format("woff"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/orbitron-medium-webfont.ttf") format("truetype") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 100; + font-style: normal; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Thin.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Thin.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 100; + font-style: italic; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ThinItalic.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 200; + font-style: normal; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ExtraLight.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 200; + font-style: italic; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ExtraLightItalic.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 300; + font-style: normal; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Light.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Light.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 300; + font-style: italic; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-LightItalic.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-LightItalic.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 400; + font-style: normal; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Regular.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Regular.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 400; + font-style: italic; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Italic.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Italic.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 500; + font-style: normal; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Medium.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Medium.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 500; + font-style: italic; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-MediumItalic.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 600; + font-style: normal; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-SemiBold.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 600; + font-style: italic; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-SemiBoldItalic.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 700; + font-style: normal; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Bold.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Bold.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 700; + font-style: italic; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-BoldItalic.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 800; + font-style: normal; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ExtraBold.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 800; + font-style: italic; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-ExtraBoldItalic.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 900; + font-style: normal; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Black.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-Black.woff") format("woff") +} + +@font-face { + font-family: "Montserrat"; + font-weight: 900; + font-style: italic; + src: url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("https://app-test.rc3.cccv.de/static/plainui/fonts/Montserrat-BlackItalic.woff") format("woff") +} \ No newline at end of file diff --git a/configs/conferences/rc3/main.less b/configs/conferences/rc3/main.less index a8b96da..c8af53b 100644 --- a/configs/conferences/rc3/main.less +++ b/configs/conferences/rc3/main.less @@ -1,26 +1,41 @@ @import "../../../assets/css/_structure.less"; +// conference specific styles here @one: #B239FF; @two: #6800E7; @three: #05B9EC; @four: #FFFFFF; -@dark: #100E23; +@dark: #160624; +@dark2: #100E23; @grey-lighter: #333333; @grey-darker: #2a2a2a; @grey-light: #D0D0CE; -@brand-primary: @one; +@brand-primary: @two; @well-bg: @dark; -@navbar-default-bg: @grey-lighter; -@btn-default-bg: @grey-light; -@panel-default-heading-bg: @grey-darker; -@panel-default-text: @one; -@panel-bg: @grey-lighter; +@navbar-default-bg: @dark; +@btn-default-bg: @two; + +@panel-default-border: @two; +@panel-default-heading-bg: @two; +@panel-default-text: @four; +@panel-bg: @dark; @navbar-height: 70px; -@navbar-default-bg: black; -@navbar-default-border: black; +@navbar-default-border: @two; + +@nav-tabs-active-link-hover-color: @four; +@nav-tabs-active-link-hover-bg: @one; +@nav-tabs-active-link-hover-border-color: @one; +@nav-tabs-border-color: @one; + +// schedule +@schedule-pause: @grey-lighter; +@schedule-pause-bg: fade(@schedule-pause, 30%); +@brand-success: @three; // @schedule-selected-room +@brand-danger: @one; // @schedule-now +@schedule-gap-bg: @dark; body { background-color: @dark; @@ -29,4 +44,27 @@ body { @media (max-width: 498px) { /* when the navbar breaks */ padding: 165px 0; } -} \ No newline at end of file +} + +@headings-color: @four; +h1, h2 { + color: #46eed5; +} + +/* + * font + */ +@import url("/configs/conferences/rc3/font.css"); + +@font-family-sans-serif: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +@headings-font-family: "orbitron-medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + +h1, h2, +body.overview .room a.title, +body.overview .panel-primary a, +.navbar-brand, +.panel-heading, +.panel-default > .panel-heading, +.nav.nav-tabs { + font-family: @headings-font-family +} -- cgit v1.2.3