From fc4cf5793cbe6561347067eb7b25c60a6fc50f77 Mon Sep 17 00:00:00 2001 From: MaZderMind Date: Mon, 30 Mar 2015 21:18:09 +0200 Subject: Rename program to schedule --- assets/css/_program.less | 108 --------------------------------------------- assets/css/_room.less | 4 +- assets/css/_schedule.less | 108 +++++++++++++++++++++++++++++++++++++++++++++ assets/css/_structure.less | 24 +++++----- 4 files changed, 122 insertions(+), 122 deletions(-) delete mode 100644 assets/css/_program.less create mode 100644 assets/css/_schedule.less (limited to 'assets/css') diff --git a/assets/css/_program.less b/assets/css/_program.less deleted file mode 100644 index 68ab310..0000000 --- a/assets/css/_program.less +++ /dev/null @@ -1,108 +0,0 @@ -.program { - &.scroll-container { - overflow: hidden; - overflow-x: scroll; - } - - .scroll-element { - position: relative; - } - - .room { - overflow: hidden; - } - - .now { - position: absolute; - left: 0; - width: 150px; - height: 100%; - background-color: @program-now-bg; - font-size: 14px; - - //z-index: -5; - - span { - display: block; - position: absolute; - right: -28px; - color: @program-now; - } - } - - .block { - overflow: hidden; - float: left; - height: 100px; - - /* and now for small screens: */ - @media (max-width: @screen-xs-max) { - height: 75px; - } - - - padding: 10px; - border: 1px solid @program-border; - - h3 { - margin: 0; - padding: 0; - font-size: 18px; - - /* and now for small screens: */ - @media (max-width: @screen-xs-max) { - font-size: 16px; - } - } - - h4 { - - margin: 3px 0; - color: @program-room; - font-size: 14px; - - @media (max-width: @screen-xs-max) { - font-size: 15px; - } - - a { - color: @program-room; - } - } - - h5 { - @media (max-width: @screen-xs-max) { - margin: 0; - } - - color: @program-author; - } - - &.event h3 { - overflow: hidden; - } - - &.gap { - background-image: url("@{img}/stripes/gap.png"); - background-color: @program-gap-bg; - color: @program-gap; - text-shadow: 0 0 3px @program-gap; - } - - &.daychange { - background-image: url("@{img}/stripes/gap.png"); - background-color: @program-daychange-bg; - color: @program-daychange; - text-shadow: 0 0 3px @program-daychange; - } - - &.pause { - background-color: @program-pause-bg; - color: @program-pause; - } - } - - .room.highlight .block { - background-color: @program-selected-room; - } -} diff --git a/assets/css/_room.less b/assets/css/_room.less index 2309c32..aa0f594 100644 --- a/assets/css/_room.less +++ b/assets/css/_room.less @@ -78,7 +78,7 @@ } } - #program { - @import "_program.less"; + #schedule { + @import "_schedule.less"; } } diff --git a/assets/css/_schedule.less b/assets/css/_schedule.less new file mode 100644 index 0000000..0151154 --- /dev/null +++ b/assets/css/_schedule.less @@ -0,0 +1,108 @@ +.schedule { + &.scroll-container { + overflow: hidden; + overflow-x: scroll; + } + + .scroll-element { + position: relative; + } + + .room { + overflow: hidden; + } + + .now { + position: absolute; + left: 0; + width: 150px; + height: 100%; + background-color: @schedule-now-bg; + font-size: 14px; + + //z-index: -5; + + span { + display: block; + position: absolute; + right: -28px; + color: @schedule-now; + } + } + + .block { + overflow: hidden; + float: left; + height: 100px; + + /* and now for small screens: */ + @media (max-width: @screen-xs-max) { + height: 75px; + } + + + padding: 10px; + border: 1px solid @schedule-border; + + h3 { + margin: 0; + padding: 0; + font-size: 18px; + + /* and now for small screens: */ + @media (max-width: @screen-xs-max) { + font-size: 16px; + } + } + + h4 { + + margin: 3px 0; + color: @schedule-room; + font-size: 14px; + + @media (max-width: @screen-xs-max) { + font-size: 15px; + } + + a { + color: @schedule-room; + } + } + + h5 { + @media (max-width: @screen-xs-max) { + margin: 0; + } + + color: @schedule-author; + } + + &.event h3 { + overflow: hidden; + } + + &.gap { + background-image: url("@{img}/stripes/gap.png"); + background-color: @schedule-gap-bg; + color: @schedule-gap; + text-shadow: 0 0 3px @schedule-gap; + } + + &.daychange { + background-image: url("@{img}/stripes/gap.png"); + background-color: @schedule-daychange-bg; + color: @schedule-daychange; + text-shadow: 0 0 3px @schedule-daychange; + } + + &.pause { + background-color: @schedule-pause-bg; + color: @schedule-pause; + } + } + + .room.highlight .block { + background-color: @schedule-selected-room; + } +} diff --git a/assets/css/_structure.less b/assets/css/_structure.less index e5d1e35..836de2b 100644 --- a/assets/css/_structure.less +++ b/assets/css/_structure.less @@ -11,23 +11,23 @@ @jumbo-font-size-xs: 2.5em; @jumbo-line-height: 45px; -@program-now: @brand-danger; -@program-now-bg: fade(lighten(@brand-danger, 5%), 60%); -@program-border: lighten(@brand-primary, 50%); +@schedule-now: @brand-danger; +@schedule-now-bg: fade(lighten(@brand-danger, 5%), 60%); +@schedule-border: lighten(@brand-primary, 50%); -@program-room: darken(@brand-primary, 15%); -@program-author: #444; +@schedule-room: darken(@brand-primary, 15%); +@schedule-author: #444; -@program-selected-room: lighten(@brand-success, 10%); +@schedule-selected-room: lighten(@brand-success, 10%); -@program-daychange: darken(@brand-primary, 20%); -@program-daychange-bg: fade(white, 30%); +@schedule-daychange: darken(@brand-primary, 20%); +@schedule-daychange-bg: fade(white, 30%); -@program-gap: darken(@brand-primary, 20%); -@program-gap-bg: fade(white, 30%); +@schedule-gap: darken(@brand-primary, 20%); +@schedule-gap-bg: fade(white, 30%); -@program-pause: white; -@program-pause-bg: lighten(black, 85%); +@schedule-pause: white; +@schedule-pause-bg: lighten(black, 85%); // website configuration styles -- cgit v1.2.3