From e8b020e28ca377868ff8aad8418372debc910ae6 Mon Sep 17 00:00:00 2001 From: User Content Date: Wed, 30 Oct 2019 01:11:47 +0000 Subject: Initial commit --- static/rater.css | 292 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 292 insertions(+) create mode 100644 static/rater.css (limited to 'static/rater.css') diff --git a/static/rater.css b/static/rater.css new file mode 100644 index 0000000..ae54a13 --- /dev/null +++ b/static/rater.css @@ -0,0 +1,292 @@ +body { + font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:200; font-stretch:normal; +} + +.username-wrapper { + position: absolute; + right: 5px; +} + +.changed { + background-color: #00f000; + color: white; +} + +.clearfix { + clear: both; +} + +#event-list { + padding-left: 0em; + list-style-type: none; +} + +.main-button { + vertical-align: top; + text-align: center; + height: 40px; + width: 40px; + padding: 0; +} + +.mini-button { + margin-right: 0.2em; +} + +button { + background-color: #759ae9; + background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); + background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); + border-top: 1px solid #1f58cc; + border-right: 1px solid #1b4db3; + border-bottom: 1px solid #174299; + border-left: 1px solid #1b4db3; + border-radius: 4px; + box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); + color: #fff; + text-shadow: 0 -1px 1px #1a5ad9; +} + +.event-list-item { + vertical-align: top; + background-color: #f6f6f6; + margin-bottom: 0.5em; + border: 1px solid silver; + border-radius: 10px; + padding: 0 0.5em 0.5em 0.5em; + box-sizing: border-box; +} + +.event-list-item[event_state='gone'] { + background-image: + repeating-linear-gradient( + 45deg, + #eee, + #eee 20px, + #ddd 20px, + #ddd 40px /* determines size */ + ); +} + +.event-list-item[event_type=meeting] .event-title:before { content: 'MEETING '; color: red; font-size: smaller; } +.event-list-item[event_type=workshop] .event-title:before { content: 'WORKSHOP '; color: red; font-size: smaller; } +.event-list-item[event_type=concert] .event-title:before { content: 'CONCERT '; color: red; font-size: smaller; } +.event-list-item[event_type=film] .event-title:before { content: 'FILM '; color: red; font-size: smaller; } +.event-list-item[event_type=other] .event-title:before { content: 'OTHER '; color: red; font-size: smaller; } +.event-list-item[event_type=podium] .event-title:before { content: 'PODIUM '; color: red; font-size: smaller; } +.event-list-item[event_type=performance] .event-title:before { content: 'PERFORMANCE '; color: red; font-size: smaller; } +.event-list-item[event_type=lightning_talk] .event-title:before { content: 'LIGHTNING '; color: red; font-size: smaller; } + +body.two-column .event-list-item { + display: inline-block; + width: 48%; + margin-right: 1%; +} + +body.three-column .event-list-item { + display: inline-block; + width: 32%; + margin-right: 1%; +} + +body.four-column .event-list-item { + display: inline-block; + width: 23.5%; + margin-right: 1%; +} + +.event-rating { + display: inline-block; + width: 15em; + margin: 1em 1em 0 0; + padding: 0.2em; + background-color: #f0f0f0; + border-radius: 10px; + vertical-align:top; + font-size: smaller; +} + +.event-title, +.event-subtitle { + display: inline; + font-weight: bold; +} + +.event-subtitle { + font-size: smaller; +} + +.event-rating-comment { + min-height: 3em; + margin-top: 0.1em; + background-color: white; +} + +#Filter, #Username { + font-size: x-large; + height: 40px; +} + +.label { + float: left; + min-width: 8em !important; + font-style: italic; +} + +.event-persons { + margin-top: 0.2em; + margin-bottom: 0.2em; +} + +.event-speaker, .event-coordinator { + display: inline; +} + +.event-coordinator { + margin-right: 0.5em; +} + +.slider { + display: inline; +} + +.event-notes, +.event-description, +.event-abstract { + height: 1.2em; + overflow: hidden; + cursor: zoom-in; + margin-bottom: 0.2em; + margin-right: 2em; + text-overflow: ellipsis; + white-space: nowrap; +} + +.event-notes.full, +.event-description.full, +.event-abstract.full { + cursor: zoom-out; + background: white; + overflow: visible; + height: auto !important; + white-space: initial; +} + +body.only-lectures .lectures-button, +body.only-todo .todo-button, +body.show-ratings .ratings-button, +body.two-column .two-columns, +body.three-column .three-columns, +body.four-column .four-columns, +.event-list-item.editing .edit-button, +.event-list-item[event_state='accepted'] .accept-button, +.event-list-item[event_state='rejected'] .reject-button, +.event-list-item.i-am-coordinator .take-button +{ + background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); + background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); +} + +output { + margin-left: 1em; +} + +#event-own-rating, +.event-ratings { + display: none; + visibility: hidden; +} + +body.show-ratings .event-ratings, +.event-list-item.editing #event-own-rating { + display: block; + visibility: initial; +} + +#event-own-rating textarea { + min-width: 10em; + max-width: 20em; + width: 80%; +} + +.event-meter-bar { + box-sizing: initial; + display: inline; + float: left; + width: 65px; + vertical-align: top; + margin: 0; + padding: 0; +} + +.has-own-rating .event-meter-bar { + height: 65px; +} +.has-own-rating .event-meter-bar:after { + color: #ff0000; + z-index: 1; + content: '✓'; + font-size: 5em; + line-height: 1; + text-align: center; + position: relative; + left: 0; top: -65px; + width: 65px; + height: 65px; + opacity: 0.2; +} + +body.safari meter { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +meter { + vertical-align: top; + width: 60px; + margin-top: 0.3em; + border-radius: 3px; + height: 8px; + + -moz-appearance: none; +} + +meter::-moz-meter-bar { + background: #ddd; +} + +:-moz-meter-optimum::-moz-meter-bar { + background: #afa; +} + +meter.meter-4::-moz-meter-bar { + background: #fdd; +} + +meter::-webkit-meter-bar { + background: #ddd; + box-shadow: 0 2px 3px rgba (0, 0, 0, 0.2) inset; + border-radius: 3px; +} + +meter.meter-4::-webkit-meter-bar { + background: #fdd; +} + +#status { + text-align: center; + font-size: xx-large; + font-weight: bold; + margin-top: 0.5em; + width: 100%; + clear: both; +} + +body.only-lectures .event-list-item:not([event_type="lecture"]), +body.only-todo .event-list-item.has-own-rating, +.filtered, +.hidden { + display: none !important; + visibility: hidden !important; +} -- cgit v1.2.3