From c831ede5e9ef9c89128bc64717f9e3b2d7bf3337 Mon Sep 17 00:00:00 2001 From: derchris Date: Thu, 15 Aug 2019 11:11:13 +0200 Subject: add style to cccamp19 --- .../cccamp19/cccamp19_logo_colors_RGB.png | Bin 0 -> 137706 bytes configs/conferences/cccamp19/main.less | 195 +++------------------ 2 files changed, 23 insertions(+), 172 deletions(-) create mode 100644 configs/conferences/cccamp19/cccamp19_logo_colors_RGB.png (limited to 'configs') diff --git a/configs/conferences/cccamp19/cccamp19_logo_colors_RGB.png b/configs/conferences/cccamp19/cccamp19_logo_colors_RGB.png new file mode 100644 index 0000000..1a31497 Binary files /dev/null and b/configs/conferences/cccamp19/cccamp19_logo_colors_RGB.png differ diff --git a/configs/conferences/cccamp19/main.less b/configs/conferences/cccamp19/main.less index 6b3ceeb..5a9251d 100644 --- a/configs/conferences/cccamp19/main.less +++ b/configs/conferences/cccamp19/main.less @@ -2,185 +2,36 @@ // conference specific styles here -@grey_light: #d3d2d2; -@grey_dark: #918f90; -@grey_darker: #4f4c4d; +@brand-primary: @chaosblue; +@chaosblue: #0076ba; +@commyellow: #ffc600; +@campgreen: #99ba00; -@brown_light: #94694d; -@brown_dark: #7a563f; - -@green_light: #6c9e30; -@green_dark: #598227; - -@purple_light: #77438d; -@purple_dark: #623672; - -@blueish_light: #707f9a; -@blueish_dark: #5c687e; - - - -@tents_light: @blueish_light; -@tents_dark: @blueish_dark; - -@radio_light: @purple_light; -@radio_dark: @purple_dark; - -@recordings_light: @grey_dark; -@recordings_dark: @grey_darker; - -@multicast_light: @brown_light; -@multicast_dark: @brown_dark; - - -// often configured values (and their defaults): -// -@brand-primary: @green_light; -@text-color: @green_dark; - -@link-color: @green_light; -@link-hover-color: @green_dark; - -@navbar-default-color: white; -@navbar-default-bg: @brown_dark; - -@navbar-default-link-color: white; -@navbar-default-link-hover-color: darken(white, 20%); - -@panel-default-border: @green_light; - - - -.overview { - .headline { - display: none; - } - - p a { - text-decoration: underline; - } - - .room-group-n0 { - &, a { - color: @tents_dark; - } - - .panel { - border-color: @tents_dark; - - .panel-heading, - .panel-heading a{ - background-color: @tents_light; - border-color: @tents_dark; - color: white; - } - } - } - - .room-group-n2 { - &, a { - color: @radio_dark; - } - - .panel { - border-color: @radio_dark; - - .panel-heading { - background-color: @radio_light; - border-color: @radio_dark; - color: white; - } - } - } - - .recordings { - &, a { - color: @recordings_light; - } - a:hover { - color: @recordings_dark; - } - - .panel { - border-color: @recordings_dark; - } - } - - - - - .room-group-multicast { - &, a { - color: @multicast_dark; - } - - .panel { - border-color: @multicast_dark; - - .panel-heading { - background-color: @multicast_light; - border-color: @multicast_dark; - color: white; - } - } - - .room a { - font-size: @jumbo-font-size; - line-height: @jumbo-line-height; - color: @multicast_dark; - - @media (max-width: @screen-xs-min) { - font-size: @jumbo-font-size-xs; - } - - display: block; - text-align: center; - - &:hover { - text-decoration: none; - } - } - } +body.overview .room-tent-1 .panel-default > .panel-heading { + background-color: @chaosblue; } -body { - background: url(../img/bg.png) no-repeat top left; - background-attachment: fixed; - background-position: 0px 50px; +body.overview .room-tent-2 .panel-default > .panel-heading { + background-color: @commyellow; } -.tab-content { - background-color: white; +body.overview .room-thm .panel-default > .panel-heading { + background-color: @campgreen; } - -.navbar-brand { - text-indent: -9999em; - background: url(../img/logo.png) no-repeat; - background-size: auto 43px; - background-position: 0 5px; - width: 180px; +body.overview .room-thm .panel-heading { + display: block; } +body { + background-image: url(cccamp19_logo_colors_RGB.png); + background-repeat: no-repeat; + background-size: 400px 400px; + background-position: left bottom; + background-attachment: fixed; +} - - -// colors of the schedule ("Fahrplan") widget below the video-player -// -// @schedule-now: @brand-danger; -// @schedule-now-bg: fade(lighten(@brand-danger, 5%), 60%); -// @schedule-border: lighten(@brand-primary, 50%); -// -// @schedule-room: darken(@brand-primary, 15%); -// @schedule-author: #444; -// -// @schedule-selected-room: lighten(@brand-success, 10%); -// -// @schedule-daychange: darken(@brand-primary, 20%); -// @schedule-daychange-bg: fade(white, 30%); -// -// @schedule-gap: darken(@brand-primary, 20%); -// @schedule-gap-bg: fade(white, 30%); -// -// @schedule-pause: white; -// @schedule-pause-bg: lighten(black, 85%); +nav .navbar-brand .icon { + background-image: url(cccamp19_logo_colors_RGB.png); + background-size: contain; +} -- cgit v1.2.3