Added conference list page, administration tools, and re-designed conference administration
This commit is contained in:
Godwin
+4081
-3533
File diff suppressed because it is too large
Load Diff
@@ -14,156 +14,165 @@ $colour-5: #02CA9E; // green
|
||||
|
||||
$white: #FFFEFE;
|
||||
$black: #333;
|
||||
$gray: #E8E8E8;
|
||||
$light-gray: #EEE;
|
||||
$mid-gray: #888;
|
||||
// $red: #B24C63;
|
||||
$red: #FF5A5F;
|
||||
|
||||
$link-colour: darken($colour-1, 13%);
|
||||
|
||||
@mixin default-box-shadow($direction: top, $distance: 1, $inset: false, $additional-shadow: false) {
|
||||
@if capable_of(box-shadow) {
|
||||
$offset: 0.2em;
|
||||
@if $direction == right or $direction == bottom {
|
||||
$offset: -$offset;
|
||||
}
|
||||
@if $direction == left or $direction == right {
|
||||
$offset: '#{$offset} 0';
|
||||
} @else {
|
||||
$offset: '0 #{$offset}';
|
||||
}
|
||||
@if $inset {
|
||||
$offset: 'inset #{$offset}';
|
||||
}
|
||||
@if $additional-shadow {
|
||||
$additional-shadow: ', #{$additional-shadow}';
|
||||
} @else {
|
||||
$additional-shadow: '';
|
||||
}
|
||||
@include _(box-shadow, #{$offset} 0.8em #{-0.2em * $distance} #000#{$additional-shadow});
|
||||
}
|
||||
@if capable_of(box-shadow) {
|
||||
$offset: 0.2em;
|
||||
@if $direction == right or $direction == bottom {
|
||||
$offset: -$offset;
|
||||
}
|
||||
@if $direction == left or $direction == right {
|
||||
$offset: '#{$offset} 0';
|
||||
} @else {
|
||||
$offset: '0 #{$offset}';
|
||||
}
|
||||
@if $inset {
|
||||
$offset: 'inset #{$offset}';
|
||||
}
|
||||
@if $additional-shadow {
|
||||
$additional-shadow: ', #{$additional-shadow}';
|
||||
} @else {
|
||||
$additional-shadow: '';
|
||||
}
|
||||
@include _(box-shadow, #{$offset} 0.8em #{-0.2em * $distance} #000#{$additional-shadow});
|
||||
}
|
||||
}
|
||||
|
||||
@mixin monospace-font {
|
||||
@include font(monospace);
|
||||
@include font(monospace-bold);
|
||||
@include font(monospace);
|
||||
@include font(monospace-bold);
|
||||
}
|
||||
|
||||
@mixin translation-pointer {
|
||||
@include keyframes(bouncy) {
|
||||
from { transform: translateY(-0.25em); }
|
||||
to { transform: translateY(0.25em); }
|
||||
}
|
||||
@include keyframes(bouncy) {
|
||||
from { transform: translateY(-0.25em); }
|
||||
to { transform: translateY(0.25em); }
|
||||
}
|
||||
|
||||
#lingua-franca-pointer {
|
||||
$colour: $colour-5;
|
||||
width: 0.6667em;
|
||||
height: 1.25em;
|
||||
background-color: $colour;
|
||||
z-index: 1000;
|
||||
margin-left: -0.5em;
|
||||
margin-top: -2em;
|
||||
@include _(mix-blend-mode, exclusion);
|
||||
@include default-box-shadow(top, 2);
|
||||
@include _(animation, bouncy 1s infinite alternate);
|
||||
#lingua-franca-pointer {
|
||||
$colour: $colour-5;
|
||||
width: 0.6667em;
|
||||
height: 1.25em;
|
||||
background-color: $colour;
|
||||
z-index: 1000;
|
||||
margin-left: -0.5em;
|
||||
margin-top: -2em;
|
||||
@include _(mix-blend-mode, exclusion);
|
||||
@include default-box-shadow(top, 2);
|
||||
@include _(animation, bouncy 1s infinite alternate);
|
||||
|
||||
$twidth: 0.8em;
|
||||
@include after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
border-style: solid;
|
||||
border-color: $colour transparent transparent;
|
||||
border-width: $twidth $twidth 0;
|
||||
top: 100%;
|
||||
left: -.4em;
|
||||
}
|
||||
$twidth: 0.8em;
|
||||
@include after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
border-style: solid;
|
||||
border-color: $colour transparent transparent;
|
||||
border-width: $twidth $twidth 0;
|
||||
top: 100%;
|
||||
left: -.4em;
|
||||
}
|
||||
|
||||
&.up {
|
||||
margin-top: 2em;
|
||||
&.up {
|
||||
margin-top: 2em;
|
||||
|
||||
@include after {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
border-color: transparent transparent $colour;
|
||||
border-width: 0 $twidth $twidth;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include after {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
border-color: transparent transparent $colour;
|
||||
border-width: 0 $twidth $twidth;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin text-stroke {
|
||||
@include _(text-stroke, 1px rgba(0, 0, 0, 0.25));
|
||||
}
|
||||
|
||||
@mixin button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: $white;
|
||||
background-color: $colour-1;
|
||||
border: 0;
|
||||
padding: 0.5em 1em;
|
||||
font-size: 1.25em;
|
||||
outline: 0;
|
||||
border-bottom: 0.125em solid rgba(0, 0, 0, 0.15);
|
||||
@include _(border-radius, 0.15em);
|
||||
@include default-box-shadow(top, 2);
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
@include _(text-stroke, 1px rgba(0, 0, 0, 0.25));
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: $white;
|
||||
background-color: $colour-1;
|
||||
border: 0;
|
||||
padding: 0.5em 1em;
|
||||
font-size: 1.25em;
|
||||
outline: 0;
|
||||
border-bottom: 0.125em solid rgba(0, 0, 0, 0.15);
|
||||
@include _(border-radius, 0.15em);
|
||||
@include default-box-shadow(top, 2);
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
@include text-stroke;
|
||||
|
||||
@include before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0,0,0,0);
|
||||
@include _(transition, background-color 150ms ease-in-out);
|
||||
}
|
||||
/*@include before-and-after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
right: 100%;
|
||||
font-size: 1.15em;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border-color: transparent;
|
||||
@include _(transition, all 250ms ease-in-out);
|
||||
}
|
||||
@include before {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin-right: 1em;
|
||||
}
|
||||
@include after {
|
||||
border-style: solid;
|
||||
border-width: 1em 0 1em 1em;
|
||||
}*/
|
||||
@include before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0,0,0,0);
|
||||
@include _(transition, background-color 150ms ease-in-out);
|
||||
}
|
||||
/*@include before-and-after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
right: 100%;
|
||||
font-size: 1.15em;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border-color: transparent;
|
||||
@include _(transition, all 250ms ease-in-out);
|
||||
}
|
||||
@include before {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin-right: 1em;
|
||||
}
|
||||
@include after {
|
||||
border-style: solid;
|
||||
border-width: 1em 0 1em 1em;
|
||||
}*/
|
||||
|
||||
/*&:hover,
|
||||
&:focus {
|
||||
@include before-and-after {
|
||||
right: -1em;
|
||||
border-left-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}*/
|
||||
&:hover,
|
||||
&:focus {
|
||||
@include before {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}
|
||||
/*&:hover,
|
||||
&:focus {
|
||||
@include before-and-after {
|
||||
right: -1em;
|
||||
border-left-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}*/
|
||||
&:hover,
|
||||
&:focus {
|
||||
@include before {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
@include _(transform, scale(0.95));
|
||||
&:active {
|
||||
@include _(transform, scale(0.95));
|
||||
|
||||
@include after {
|
||||
left: 120%;
|
||||
}
|
||||
}
|
||||
@include after {
|
||||
left: 120%;
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
@include _(opacity, 0.5);
|
||||
cursor: inherit;
|
||||
&:disabled {
|
||||
@include _(opacity, 0.5);
|
||||
cursor: inherit;
|
||||
|
||||
@include before-and-after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@include before-and-after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
"chrome": ["51"]
|
||||
},
|
||||
"development": {
|
||||
"and_chr": ["53"],
|
||||
"chrome": ["53"],
|
||||
"and_chr": ["54"],
|
||||
"chrome": ["54"],
|
||||
"edge": ["13"],
|
||||
"firefox": ["44"],
|
||||
"ie": ["11"],
|
||||
|
||||
Reference in New Issue
Block a user