+++ /dev/null
-/* reset */
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
-}
-
-h1, h2, h3, h4, h5, h6 {
- margin: 1em 0;
-}
-
-p, ul, ol, dl, section, article, aside {
- margin-bottom: 1rem;
- margin-top: 1rem;
-}
-
-ul, ol {
- padding-left: 2rem;
-}
-
-/* Custom styling */
-
-:root {
- /* color definitions */
- --black: black;
- --blue: #012169;
- --red: #C8102E;
- --white: white;
-
- --facebook-blue: #3b5998;
- --twitter-blue: #1da1f2;
- --mastodon-purple: #6364ff;
-
- /* theme colors */
- --main-background-color: var(--blue);
- --main-text-color: var(--white);
- --main-link-color: var(--white);
- --main-footer-column-rule-color: var(--blue);
- --button-good-background-color: var(--white);
- --button-good-text-color: var(--blue);
- --button-good-border-color: var(--red);
- --button-bad-background-color: var(--red);
- --button-bad-text-color: var(--white);
- --button-bad-border-color: var(--black);
- --link-bad-text-color: var(--red);
-
- /* fonts */
- --sans: Fira Sans, -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";
-}
-
-.lining {
- font-variant-numeric: lining-nums;
-}
-
-.fa-asterisk.fine-print {
- vertical-align: super;
- font-size: xx-small;
-}
-
-html {
- background-color: var(--main-background-color);
- color: var(--main-text-color);
- font-family: var(--sans);
- font-size: larger;
- font-variant-numeric: oldstyle-nums;
- height: 100%;
- line-height: 1.5;
-}
-
-body {
- min-height: 100%;
- padding: 1rem;
-}
-
-a {
- color: var(--main-link-color);
-}
-
-img {
- border: 0.25rem solid var(--red);
-}
-
-.button {
- align-items: center;
- border-radius: 0.25rem;
- display: flex;
- text-decoration: none;
- padding: 0.25rem;
-}
-
-button.button {
- font-size: 1rem;
- padding: 0.25rem;
- cursor: pointer;
-}
-
-.button * {
- margin: 0.5rem;
-}
-
-.button:hover {
- text-decoration: underline;
-}
-
-.button-good {
- background-color: var(--button-good-background-color);
- border: 1px solid var(--button-good-border-color);
- color: var(--button-good-text-color);
-}
-
-.button-bad {
- background-color: var(--button-bad-background-color);
- border: 1px solid var(--button-bad-border-color);
- color: var(--button-bad-text-color);
-}
-
-.link-bad {
- color: var(--link-bad-text-color);
-}
-
-/***************/
-/* PGEU styles */
-/***************/
-
-/* base.html */
-
-.main-nav {
- background-color: var(--white-sheer);
- display: flex;
- flex-flow: row wrap;
- grid-area: nav;
- align-items: center;
- justify-content: space-between;
- overflow: hidden;
-}
-
-.main-nav .navconfname {
- white-space: nowrap;
-}
-.main-nav .navconfnamemenu {
- display: none;
-}
-
-.main-nav a {
- font-weight: bold;
- text-decoration: none;
-}
-
-.main-nav ul {
- align-content: center;
- display: none;
- flex-direction: column;
- flex-grow: 1;
- justify-content: space-evenly;
- list-style-type: none;
- margin: 0;
- padding: 0;
- text-align: right;
- width: 100%;
-}
-
-.main-nav label.hamburger {
- cursor: pointer;
- padding: 0.5rem;
-}
-
-.main-nav input#hamburger {
- display: none;
-}
-
-.main-nav input:checked ~ ul {
- display: inline-flex;
-}
-
-.infobox {
- background-color: var(--white);
- border: 0.25rem solid var(--red);
- color: var(--blue);
- font-weight: bold;
- grid-area: info;
- margin: 1rem 0;
- text-align: center;
-}
-
-.infobox ul {
- list-style: none;
- margin: 0;
- padding: 0.5rem 0;
-}
-
-.infobox hr {
- border: none;
- border-top: 1px solid black;
- margin: auto;
- width: 75%;
-}
-
-.infobox a, #registration-countdown a {
- color: inherit;
-}
-
-.your-stuff {
- grid-area: yourstuff;
- text-align: center;
- border: 1px solid var(--blue);
- margin: 1rem 0;
-}
-
-.your-stuff ul {
- list-style: none;
- padding: 0;
-}
-
-.your-stuff-hidden {
- grid-area: yourstuff;
-}
-
-.your-stuff-hidden ul {
- display: none;
-}
-
-.social-media {
- grid-area: socialmedia;
- display: flex;
- font-size: 2rem;
- border: 1px solid var(--blue);
- margin: 1rem 0;
- justify-content: space-evenly;
- gap: 1rem;
-}
-
-.content {
- grid-area: content;
-}
-
-.sponsors-sidebar {
- grid-area: sponsors;
- margin: 1rem 0;
- text-align: center;
-}
-
-.sponsors-sidebar ul {
- display: flex;
- flex-flow: column;
- justify-content: space-evenly;
- list-style: none;
- margin: 0;
- padding: 0;
-}
-
-.sponsors-sidebar li {
- padding: 1rem;
-}
-
-.sponsors-sidebar img {
- border: 0;
-}
-
-/* Set sizes on sponsor logos */
-.sponsors-sidebar .sponsor-Partner img {
- width: 200px;
- height: 80px;
- object-fit: contain;
- background-color: var(--white);
- border-radius: 0.25rem;
-}
-
-.main-footer {
- grid-area: footer;
- margin: 1rem 0;
- text-align: center;
-}
-
-.main-footer .footer-nav {
- display: flex;
- flex-flow: row wrap;
- font-size: smaller;
- justify-content: center;
-}
-
-.main-footer .footer-nav ul {
- -webkit-columns: 150px 4;
- columns: 150px 4;
- -webkit-column-rule: 1px solid var(--main-footer-column-rule-color);
- column-rule: 1px solid var(--main-footer-column-rule-color);
- -webkit-column-gap: 1rem;
- column-gap: 1rem;
- list-style-type: none;
- padding: 0;
- margin: 1rem;
-}
-
-/* index */
-
-.banner {
- background-image: url('/static/img/london-eye.jpg');
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center;
- color: var(--white);
- text-align: center;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-evenly;
- gap: 1rem;
-}
-
-.banner h1 {
- margin-top: 1rem;
- width: 100%;
-}
-
-.banner img {
- border: 0;
-}
-
-.banner .title-location, .banner .title-dates {
- font-size: 1.5rem;
-}
-
-.banner .description {
- text-align: initial;
-}
-
-.banner-wrapper {
- background: #11457EC0;
- color: white;
- margin: 1rem;
- padding: 1rem;
- border: 2px solid var(--black);
- box-shadow: 0 0 2rem #ffffff80;
-}
-
-.banner-wrapper a {
- color: var(--white);
- font-weight: bold;
-}
-
-.banner-wrapper hr {
- border-color: var(--red);
-}
-
-.newsWrapper {
- border: 2px dotted var(--red);
- padding-left: 0.5rem;
-}
-
-.twitter-wrapper {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
-}
-
-/* become-sponsor */
-
-div#ataglancewrap {
- display: grid;
- grid-template-columns: auto 1fr 1fr;
-}
-
-div#ataglancewrap div {
- text-align: center;
-}
-div#ataglancewrap div.header {
- font-weight: bold;
-}
-div#ataglancewrap div.left {
- text-align: left;
-}
-
-
-/* sponsors */
-
-.company-wrapper {
- display: inline-flex;
- flex-flow: row wrap;
- justify-content: space-evenly;
- text-align: center;
- width: 100%;
-}
-.company-wrapper div {
- margin: 1rem;
-}
-.company-wrapper div p {
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- margin-bottom: 0;
- text-align: justify;
- text-align-last: center;
-}
-.company-wrapper hr {
- display: none;
-}
-
-/* override the above for Partner */
-.company-wrapper.Partner-sponsor {
- flex-flow: column nowrap;
-}
-.company-wrapper.Partner-sponsor div {
- border: 0.5rem solid var(--red);
- margin: 0 0 1rem;
- padding: 1rem;
-}
-
-/* override the above for Supporter */
-.company-wrapper.Supporter-sponsor div {
- border: 1px solid var(--red);
- margin: 0 0 1rem;
- max-width: calc(225px + 4rem);
- min-width: calc(50% - 1rem);
- padding: 1rem;
-}
-
-.company-wrapper img {
- border: 0;
- max-width: 100%;
- background-color: var(--white);
- border-radius: 0.25rem;
-}
-
-/* Set sizes on sponsor logos */
-.company-wrapper.Partner-sponsor img {
- width: 300px;
- height: 120px;
- object-fit: contain;
-}
-
-/* sponsor-faq */
-
-dl#sponsor-faq dt {
- font-weight: bold;
-}
-
-dl#sponsor-faq dd {
- margin: 1rem auto 2rem 2rem;
-}
-
-/* venue */
-.venue_booking_discount_code {
- font-style: italic;
- font-weight: bold;
-}
-
-/* begin registration.html */
-@media (max-width: 768px) {
- .registration-levels tr {
- display: inline-grid;
- grid-template-columns: 2fr 1fr 1fr;
- width: 100%;
- }
- .registration-levels td:nth-of-type(3),
- .registration-levels th:not(:first-of-type) {
- text-align: center;
- }
- .registration-levels td:not(:nth-of-type(4)) {
- font-weight: bold;
- }
- .registration-levels td:nth-of-type(4) {
- font-style: italic;
- font-size: smaller;
- }
- .registration-levels th:nth-of-type(4) {
- display: none;
- }
- .registration-levels td:nth-of-type(4) {
- grid-column: span 3;
- }
- .registration-levels thead {
- border-bottom: 1px solid var(--black);
- }
- .registration-levels tr:not(:last-of-type) td:nth-of-type(4) {
- border-bottom: 1px solid var(--darkwhite);
- }
- .registration-levels .regcol strong {
- font-style: italic;
- }
-}
-
-table.registration-levels {
- min-width: 50%;
- margin: 1rem 0;
- border: 1px solid var(--red);
-}
-table.registration-levels thead {
- background-color: var(--red);
- color: var(--white);
- font-weight: bold;
- text-align: left;
-}
-table.registration-levels td, table.registration-levels th {
- padding: 0.25rem 0.5rem;
-}
-table.registration-levels td:nth-child(2), table.registration-levels th:nth-child(2) {
- text-align: center;
- white-space: nowrap;
-}
-table.registration-levels td:nth-child(3) {
- white-space: nowrap;
-}
-table.registration-levels th .fa-asterisk {
- color: inherit;
-}
-
-table.cancellation {
- min-width: 50%;
- margin: 1rem auto;
- border: 1px solid var(--red);
-}
-table.cancellation thead {
- background-color: var(--red);
- color: var(--white);
- font-weight: bold;
- text-align: left;
-}
-table.cancellation td, table.cancellation th {
- padding: 0.25rem 0.5rem;
-}
-table.cancellation td:nth-child(2), table.cancellation th:nth-child(2) {
- text-align: center;
-}
-/* end registration.html */
-
-/* code-of-conduct */
-
-.coc-points-of-contact li {
- margin-bottom: 0.5rem;
-}
-
-/* contact */
-
-.social-media-links {
- list-style: none;
- padding: 0;
-}
-
-.social-media-links .fa-facebook {
- color: var(--facebook-blue);
-}
-
-.fa-twitter {
- color: var(--twitter-blue);
-}
-
-.fa-mastodon {
- color: var(--mastodon-purple);
-}
-
-/* organisation */
-
-.org-member-list {
- display: inline-flex;
- flex-flow: row wrap;
- justify-content: center;
- margin: 1rem 0;
- width: 100%;
-}
-
-.org-member-list-caption {
- margin-top: 0;
- text-align: center;
-}
-
-.org-member {
- margin: 1rem;
- display: inline-grid;
- text-align: center;
- width: 100%;
-}
-.org-member-list.tight .org-member {
- margin: 0.5rem;
-}
-
-.org-member img {
- border-radius: 10%;
- margin: auto;
- height: 150px;
- width: 150px;
- object-fit: contain;
-}
-
-.org-member img:not([src$="unknown.svg"]) {
- background-color: var(--red);
-}
-
-.org-member .name {
- font-weight: bold;
-}
-
-.org-member .company {
- font-variant-numeric: lining-nums;
-}
-
-.org-member p {
- margin: 0;
-}
-
-/* sponsor and speaker interviews */
-
-dl#sponsor-interview dt,
-dl#speaker-interview dt
-{
- color: var(--blue);
- font-size: 120%;
- font-weight: bold;
-}
-
-dl#sponsor-interview p.img {
- text-align: center;
-}
-
-dl#sponsor-interview img {
- border: 0;
- max-width: 200px;
-}
-
-.speaker-interviews {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
- justify-items: center;
-}
-
-.speaker-interviews .interview {
- margin: 1rem;
- display: inline-grid;
- text-align: center;
-}
-
-.speaker-interviews .interview .name {
- font-weight: bold;
-}
-
-#disclaimer {
- font-size: small;
- font-style: italic;
- padding-bottom: 2em;
-}
-
-img.speaker-photo {
- background-color: var(--blue);
- border-radius: 10%;
- width: 150px;
- height: 150px;
- object-fit: contain;
-}
-
-.videos {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
- grid-gap: 1rem;
- justify-items: center;
-}
-
-/*
-@mixin for-phone-only { @media (max-width: 599px) { @content; } }
-@mixin for-tablet-portrait-up { @media (min-width: 600px) { @content; } }
-@mixin for-tablet-landscape-up { @media (min-width: 900px) { @content; } }
-@mixin for-desktop-up { @media (min-width: 1200px) { @content; } }
-@mixin for-big-desktop-up { @media (min-width: 1800px) { @content; } }
- */
-
-/* tablet-portrait and bigger */
-@media (min-width: 600px) {
- .org-member {
- width: auto;
- }
-}
-
-/* tablet-landscape and bigger */
-@media (min-width: 900px) {
- .main-nav {
- flex-flow: row nowrap;
- }
-
- .main-nav .conflogo {
- display: block;
- }
-
- .main-nav label.hamburger {
- display: none;
- }
-
- .main-nav ul {
- display: flex;
- flex-flow: row wrap;
- }
-
- .grid-wrapper {
- display: grid;
- grid-gap: 1rem;
- grid-template-areas:
- "nav nav"
- "info content"
- "socialmedia content"
- "yourstuff content"
- "sponsors content"
- ". content"
- "footer footer";
- grid-template-columns: 250px 1fr;
- margin: auto;
- max-width: calc(250px + (3 * 1rem) + 700px);
- padding: 1rem;
- }
-
- .infobox, .your-stuff, .social-media {
- margin: 0;
- }
-
- #news-and-twitter {
- display: grid;
- grid-template-columns: 1fr 1fr;
- grid-gap: 1rem;
- }
-
- .twitter-wrapper {
- margin: inherit;
- }
-}
-
-/* desktop and bigger */
-@media (min-width: 1200px) {
- html {
- font-size: initial;
- }
-
- .grid-wrapper {
- max-width: 1180px;
- }
-
- .main-nav .navconfname {
- display: none;
- }
- .main-nav .navconfnamemenu {
- display: initial;
- }
- .main-nav ul {
- border-bottom: 2px dotted var(--red);
- padding-bottom: 1rem;
- }
-}
-
-
-/* import badge css from bootstrap */
-.addopt-badge {
- --bs-badge-padding-x: 0.65em;
- --bs-badge-padding-y: 0.35em;
- --bs-badge-font-size: 0.75em;
- --bs-badge-font-weight: 700;
- --bs-badge-color: #fff;
- --bs-badge-border-radius: 0.375rem;
- display: inline-block;
- padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
- font-size: var(--bs-badge-font-size);
- font-weight: var(--bs-badge-font-weight);
- line-height: 1;
- color: var(--bs-badge-color);
- text-align: center;
- white-space: nowrap;
- vertical-align: baseline;
- border-radius: var(--bs-badge-border-radius, 0);
-}
-
-.addopt-badge.badge-warning {
- color: #000 !important;
- background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
-}
-
-.addopt-badge.badge-danger {
- color: #fff !important;
- background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
-}
-
-/* Call for Papers form */
-
-.pgeucfpform .form-control {
- width: 100%;
- padding: 0.5rem;
-}
-
-.qrlink {
- width: 164px;
- height: 164px;
- border-radius: 0;
-}
\ No newline at end of file
projects / pgdayuk.git / commitdiff