aboutsummaryrefslogtreecommitdiffstats
path: root/scss/pysite/pages
diff options
context:
space:
mode:
Diffstat (limited to 'scss/pysite/pages')
-rw-r--r--scss/pysite/pages/_rst.scss19
-rw-r--r--scss/pysite/pages/errors/_common.scss131
-rw-r--r--scss/pysite/pages/main/_index.scss11
-rw-r--r--scss/pysite/pages/main/about/_partners.scss12
-rw-r--r--scss/pysite/pages/main/about/_privacy.scss12
-rw-r--r--scss/pysite/pages/main/info/_resources.scss29
-rw-r--r--scss/pysite/pages/main/jams/_index.scss11
-rw-r--r--scss/pysite/pages/main/jams/_join.scss33
-rw-r--r--scss/pysite/pages/staff/jams/_edit_ending.scss12
-rw-r--r--scss/pysite/pages/staff/jams/_edit_info.scss12
-rw-r--r--scss/pysite/pages/staff/jams/forms/_preamble_edit.scss12
-rw-r--r--scss/pysite/pages/staff/jams/forms/_questions_view.scss13
-rw-r--r--scss/pysite/pages/staff/jams/forms/_view.scss13
-rw-r--r--scss/pysite/pages/staff/jams/infractions/_view.scss12
-rw-r--r--scss/pysite/pages/staff/tables/_edit.scss12
-rw-r--r--scss/pysite/pages/staff/tables/_table.scss12
-rw-r--r--scss/pysite/pages/wiki/_common.scss82
17 files changed, 438 insertions, 0 deletions
diff --git a/scss/pysite/pages/_rst.scss b/scss/pysite/pages/_rst.scss
new file mode 100644
index 00000000..8274eb5f
--- /dev/null
+++ b/scss/pysite/pages/_rst.scss
@@ -0,0 +1,19 @@
+// Page-specific styling for pages that make use of embedded
+// RST documents that have been parsed into HTML.
+
+
+$page_classes: (
+ uses-rst, // All pages that declare their use of the RST parser
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .document li p {
+ margin-bottom: 0;
+ }
+
+ .document img {
+ margin-bottom: 20px;
+ }
+ }
+}
diff --git a/scss/pysite/pages/errors/_common.scss b/scss/pysite/pages/errors/_common.scss
new file mode 100644
index 00000000..27dac785
--- /dev/null
+++ b/scss/pysite/pages/errors/_common.scss
@@ -0,0 +1,131 @@
+@import "mixins";
+@import "variables";
+
+$close_button_background: #FF5F4F;
+
+$error_header_color: #E84149;
+
+$half_opacity_black: rgba(0, 0, 0, .5);
+
+$maximize_button_background: #19CC32;
+$minimize_button_background: #F9C206;
+
+$muted_background: #E8E8E8;
+
+$top_bar_background_gradient_1: #F1F1F1;
+$top_bar_background_gradient_2: #E9E9E9;
+$top_bar_background_gradient_3: #D8D8D8;
+$top_bar_bottom_border: #BDBCC1;
+$top_bar_shadow_colour: rgba(255, 255, 255, .76);
+
+$window_border: #C1C2C2;
+
+$page_classes: (
+ blueprint-error, // All error pages
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .window {
+ @include border_radius(4px);
+ @include box_shadow(0, 4px, $half_opacity_black, 12px);
+
+ border: 1px solid $window_border;
+ height: 500px;
+ margin: 20px auto auto;
+ width: 100%;
+ }
+
+ .inside {
+ background: $black;
+ height: 100%;
+ padding-right: 20px;
+ }
+
+ .block {
+ background: $black;
+ width: 100%;
+ }
+
+ .top,
+ .panel {
+ float: left;
+ }
+
+ .top {
+ @include linear_gradient_background($top_bar_background_gradient_1, $top_bar_background_gradient_2, $top_bar_background_gradient_3);
+ @include inset_box_shadow(0, 1px, $top_bar_shadow_colour, 1px, 0);
+
+ border-bottom: 2px solid $top_bar_bottom_border;
+ overflow: hidden;
+ padding: 7px 0;
+ position: relative;
+ width: 100%;
+ }
+
+ .panel {
+ padding-left: 9px;
+ padding-top: 2px;
+ }
+
+ // Window buttons
+
+ #terminal-close,
+ #second-button,
+ #third-button {
+ @include border_radius(6px);
+
+ cursor: pointer;
+ display: inline-block;
+ float: left;
+ height: 12px;
+ margin-right: 7px;
+ width: 12px;
+ }
+
+ #terminal-close {
+ background: $close_button_background;
+ }
+
+ #second-button {
+ background: $minimize_button_background;
+ }
+
+ #third-button {
+ background: $maximize_button_background;
+ }
+
+ #terminal {
+ background-color: $black;
+ color: $white;
+ height: 100%;
+ width: 100%;
+
+ code {
+ white-space: pre-wrap;
+ }
+ }
+
+ pre {
+ border: 0;
+ border-radius: 3px;
+ }
+
+ .uk-background-muted,
+ .error-header {
+ background-color: $muted_background !important;
+ }
+
+ .error-header {
+ color: $error_header_color;
+ font-family: monospace;
+ }
+
+ code,
+ pre {
+ overflow-wrap: break-word;
+ width: 100%;
+ word-wrap: break-word;
+ }
+ }
+}
diff --git a/scss/pysite/pages/main/_index.scss b/scss/pysite/pages/main/_index.scss
new file mode 100644
index 00000000..36a046cf
--- /dev/null
+++ b/scss/pysite/pages/main/_index.scss
@@ -0,0 +1,11 @@
+$page_classes: (
+ page-main-index,
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ #invite-button {
+ padding: 0;
+ }
+ }
+}
diff --git a/scss/pysite/pages/main/about/_partners.scss b/scss/pysite/pages/main/about/_partners.scss
new file mode 100644
index 00000000..280d9a46
--- /dev/null
+++ b/scss/pysite/pages/main/about/_partners.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+ page-main-about-partners,
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ #partner-cards .uk-card-default {
+ margin-top: 2em;
+ text-align: center;
+ }
+ }
+}
diff --git a/scss/pysite/pages/main/about/_privacy.scss b/scss/pysite/pages/main/about/_privacy.scss
new file mode 100644
index 00000000..b4203f8d
--- /dev/null
+++ b/scss/pysite/pages/main/about/_privacy.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+ page-main-about-privacy,
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ td,
+ th {
+ max-width: 30rem;
+ }
+ }
+}
diff --git a/scss/pysite/pages/main/info/_resources.scss b/scss/pysite/pages/main/info/_resources.scss
new file mode 100644
index 00000000..ec2854d7
--- /dev/null
+++ b/scss/pysite/pages/main/info/_resources.scss
@@ -0,0 +1,29 @@
+$page_classes: (
+ page-main-info-resources,
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .payment-icon {
+ margin-right: 1em;
+
+ img {
+ height: 2em;
+ }
+ }
+
+ .payment-description {
+ height: 3.7rem;
+ margin-right: .5rem;
+ vertical-align: text-bottom;
+ }
+
+ .resource-title {
+ margin-bottom: -1rem;
+
+ div {
+ padding-bottom: 0;
+ }
+ }
+ }
+}
diff --git a/scss/pysite/pages/main/jams/_index.scss b/scss/pysite/pages/main/jams/_index.scss
new file mode 100644
index 00000000..80e6fd3d
--- /dev/null
+++ b/scss/pysite/pages/main/jams/_index.scss
@@ -0,0 +1,11 @@
+$page_classes: (
+ page-main-jams-index,
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .date-separator {
+ vertical-align: middle;
+ }
+ }
+}
diff --git a/scss/pysite/pages/main/jams/_join.scss b/scss/pysite/pages/main/jams/_join.scss
new file mode 100644
index 00000000..6281edee
--- /dev/null
+++ b/scss/pysite/pages/main/jams/_join.scss
@@ -0,0 +1,33 @@
+$page_classes: (
+ page-main-jams-join,
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .question-label {
+ margin-top: 0;
+ }
+
+ .checkbox-label {
+ padding-left: .7rem;
+ }
+
+ .radio-label {
+ padding-left: .7rem;
+ padding-right: 1rem;
+ }
+
+ .range-label {
+ padding-left: .3rem;
+ }
+
+ .textarea {
+ min-height: 15rem;
+ resize: vertical;
+ }
+
+ .slider-label {
+ margin-right: 1rem;
+ }
+ }
+}
diff --git a/scss/pysite/pages/staff/jams/_edit_ending.scss b/scss/pysite/pages/staff/jams/_edit_ending.scss
new file mode 100644
index 00000000..c21d3bd8
--- /dev/null
+++ b/scss/pysite/pages/staff/jams/_edit_ending.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+ page-staff-jams-edit-ending, // All wiki pages
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ #editor {
+ min-height: 50vh;
+ resize: vertical;
+ }
+ }
+}
diff --git a/scss/pysite/pages/staff/jams/_edit_info.scss b/scss/pysite/pages/staff/jams/_edit_info.scss
new file mode 100644
index 00000000..5863c2bb
--- /dev/null
+++ b/scss/pysite/pages/staff/jams/_edit_info.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+ page-staff-jams-edit-info, // All wiki pages
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .editor {
+ min-height: 30vh;
+ resize: vertical;
+ }
+ }
+}
diff --git a/scss/pysite/pages/staff/jams/forms/_preamble_edit.scss b/scss/pysite/pages/staff/jams/forms/_preamble_edit.scss
new file mode 100644
index 00000000..2847b3d5
--- /dev/null
+++ b/scss/pysite/pages/staff/jams/forms/_preamble_edit.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+ page-staff-jams-forms-preamble-edit, // All wiki pages
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .editor {
+ min-height: 30vh;
+ resize: vertical;
+ }
+ }
+}
diff --git a/scss/pysite/pages/staff/jams/forms/_questions_view.scss b/scss/pysite/pages/staff/jams/forms/_questions_view.scss
new file mode 100644
index 00000000..eea8eab2
--- /dev/null
+++ b/scss/pysite/pages/staff/jams/forms/_questions_view.scss
@@ -0,0 +1,13 @@
+$page_classes: (
+ page-staff-jams-forms-questions, // All wiki pages
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .delete-question-button,
+ .edit-question-button {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ }
+}
diff --git a/scss/pysite/pages/staff/jams/forms/_view.scss b/scss/pysite/pages/staff/jams/forms/_view.scss
new file mode 100644
index 00000000..f0a233f3
--- /dev/null
+++ b/scss/pysite/pages/staff/jams/forms/_view.scss
@@ -0,0 +1,13 @@
+$page_classes: (
+ page-staff-jams-forms-view, // All wiki pages
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .delete-question-button,
+ .edit-question-button {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ }
+}
diff --git a/scss/pysite/pages/staff/jams/infractions/_view.scss b/scss/pysite/pages/staff/jams/infractions/_view.scss
new file mode 100644
index 00000000..bcee8fdf
--- /dev/null
+++ b/scss/pysite/pages/staff/jams/infractions/_view.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+ page-staff-jams-infractions, // All wiki pages
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .delete-infraction-button {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ }
+}
diff --git a/scss/pysite/pages/staff/tables/_edit.scss b/scss/pysite/pages/staff/tables/_edit.scss
new file mode 100644
index 00000000..17b1fecd
--- /dev/null
+++ b/scss/pysite/pages/staff/tables/_edit.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+ page-staff-tables-edit,
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ #editor {
+ min-height: 50vh;
+ resize: vertical;
+ }
+ }
+}
diff --git a/scss/pysite/pages/staff/tables/_table.scss b/scss/pysite/pages/staff/tables/_table.scss
new file mode 100644
index 00000000..cfe5b658
--- /dev/null
+++ b/scss/pysite/pages/staff/tables/_table.scss
@@ -0,0 +1,12 @@
+$page_classes: (
+ page-staff-tables-table,
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .delete-infraction-button {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ }
+}
diff --git a/scss/pysite/pages/wiki/_common.scss b/scss/pysite/pages/wiki/_common.scss
new file mode 100644
index 00000000..c5ab3a2f
--- /dev/null
+++ b/scss/pysite/pages/wiki/_common.scss
@@ -0,0 +1,82 @@
+@import "variables";
+
+$quote_colour: #99AAB5;
+$sidebar_button_border_colour: rgba(0, 0, 0, .11);
+
+$page_classes: (
+ blueprint-wiki, // All wiki pages
+);
+
+@each $class in $page_classes {
+ .#{$class} {
+ .quote {
+ border-left: 3px solid $primary_background;
+ color: $quote_colour;
+ margin-bottom: 1rem;
+ padding-left: 20px;
+ }
+
+ #wiki-nav .uk-nav-divider {
+ min-width: 8rem;
+ }
+
+ #wiki-sidebar {
+ transition: width ease 1s;
+ }
+
+ #wiki-page {
+ overflow-x: hidden;
+ }
+
+ #wiki-sidebar-button {
+ align-items: center;
+ border: 1px solid $sidebar_button_border_colour;
+ color: $white;
+ height: 3rem;
+ justify-content: center;
+ min-height: 3rem;
+ min-width: 3rem;
+ width: 3rem;
+ }
+
+ #doc-view {
+ width: calc(100% - 6rem);
+ }
+
+ @media (max-width: 639px) {
+ #doc-view {
+ width: calc(100% - 1rem);
+ }
+ }
+
+ #editor {
+ min-height: 50vh;
+ resize: vertical;
+ }
+
+ .sidebar-search-input {
+ border-left: 0;
+ border-right: 0;
+ margin-top: 5px;
+ padding-right: 0;
+ }
+
+ .search-button {
+ border: 0;
+ width: 100%;
+ }
+
+ .content {
+ flex-grow: 1;
+ margin: 0 1rem 1rem;
+ }
+
+ .location-input {
+ margin-left: 15px;
+ }
+
+ .preview-title {
+ padding: 1rem 1rem .1rem;
+ }
+ }
+}
generated by cgit v1.2.3 (git 2.39.1) at 2025-10-19 22:35:50 +0000