Registration working until workshops
This commit is contained in:
Godwin
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
@@ -1,5 +1,9 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<symbol id="bb-house" viewBox="20 20 60 50"><path d="M57.9 29.9v-5h6.3v9.4l13.2 9.1 -6.2 0.7V67.9h-4.8 -30H31.5V43.4h-7l26.1-18.5L57.9 29.9zM56.8 58.3v-5.5h-4.8v5.5H56.8zM56.8 52V46.5h-4.8v5.5H56.8zM50.6 58.3v-5.5h-4.8v5.5H50.6zM50.6 52V46.5h-4.8v5.5H50.6z"></path></symbol>
|
||||
<symbol id="bb-tent" viewBox="0 0 100 100"><path fill-rule="evenodd" clip-rule="evenodd" d="M36.2 95.8c-4 0-7.9 0-11.9 0 0-0.6 0-1.2 0-1.8 0-9.4 0-18.9 0-28.3 0-2 0-2-2.1-2 -5.2 0-10.4 0-15.6 0 -0.4 0-0.9 0-1.6-0.1 3.4-6 6.8-11.8 10.3-17.9 -1.4 0-2.6 0-4.1 0 2.6-4.5 5-8.7 7.5-13.1 -1.1 0-2 0-3.2 0C20.7 23.6 25.7 14.8 30.9 5.8c5.2 9 10.2 17.8 15.4 26.7 -0.9 0.1-1.6 0.1-2.7 0.1 2.5 4.3 4.9 8.5 7.4 12.9 -1.2 0.1-2.2 0.1-3.6 0.2 3.4 6 6.8 11.8 10.2 17.9 -0.8 0-1.3 0.1-1.8 0.1 -5.9 0-11.8 0-17.6 0 -2 0-2 0-2 2 0 9.4 0 18.9 0 28.3C36.2 94.5 36.2 95 36.2 95.8zM43.3 95.9c1.9-7.9 3.8-15.7 5.8-23.4 0.4-1.5 0.4-2.9 0-4.3 -0.2-0.7-0.3-1.4-0.5-2.1 0.1 0 0.3-0.1 0.4-0.1 0.2 0.7 0.5 1.4 0.8 2.3 0.3-0.9 0.6-1.5 0.8-2.1 0.1 0 0.3 0.1 0.4 0.1 -0.2 1.1-0.5 2.3-0.7 3.5 12.2 0 24.3 0 36.5 0 -0.2-1.2-0.5-2.4-0.7-3.6 0.1 0 0.2-0.1 0.4-0.1 0.2 0.6 0.5 1.1 0.8 1.9 0.3-0.8 0.6-1.4 0.8-2.1 0.2 0.1 0.4 0.1 0.5 0.2 -0.4 1.3-0.8 2.6-1.2 3.8 -0.2 0.6-0.7 1.1-0.9 1.7 -1.9 7.7-3.8 15.5-5.7 23.3 -0.2 0.8-0.5 1.2-1.5 1.2 -11.7 0-23.4 0-35.1 0C44 96 43.8 95.9 43.3 95.9zM88.5 69.7c2.1 8.6 4.3 17.3 6.5 26 -4.2 0-8.3 0-12.7 0 2-8.7 3.9-17.4 5.9-26C88.3 69.8 88.4 69.7 88.5 69.7z"/></symbol>
|
||||
<symbol id="bb-none" viewBox="0 0 100 100"><path d="M50 17c-18.2 0-33 14.8-33 33S31.8 83 50 83 83 68.2 83 50 68.2 17 50 17zM50 23.9c5.8 0 11.1 1.9 15.4 5.1L29 65.4c-3.2-4.3-5.1-9.6-5.1-15.4C23.9 35.6 35.6 23.9 50 23.9zM50 76.1c-5.3 0-10.2-1.6-14.3-4.3l36.1-36.1c2.7 4.1 4.3 9 4.3 14.3C76.1 64.4 64.4 76.1 50 76.1z"></path></symbol>
|
||||
<symbol id="bb-bike" viewBox="0 0 100 58.526"><path d="M98.88 38.35L100 38.3c-0.67-10.46-9.37-18.74-20-18.74 -3.3 0-6.41 0.8-9.15 2.21l-4.57-8.05 1.21-2.69c0.25 0.05 0.47 0.08 0.65 0.08 1.18 0 5.17-3.63 4.41-5.58 -0.33-0.84-2.26-0.04-4.67 0.47 -0.54 0.11-2.19 0.1-3.15 0 -2.23-0.24-4.19-0.76-4.57 0.26 -0.45 1.23 2.61 3.07 5.18 4.1l-0.65 1.45H32.19l0.97-2.71 -0.26-0.09 1.49-4.15L34.34 4.84l0 0c-0.6-0.21-1.92-0.88-2.21-1.64 -0.06-0.17-0.12-0.45 0.13-0.88 0.47-0.81 4.49-0.83 8.6-0.06L41.18 0.6c-2.08-0.39-8.99-1.49-10.37 0.86 -0.45 0.77-0.54 1.57-0.26 2.32 0.31 0.85 1.05 1.48 1.74 1.92l-0.98 2.74 -0.26-0.09L26.49 21.04c-2.33-0.95-4.89-1.48-7.57-1.48 -1.02 0-2.01 0.08-2.99 0.22l0.18 1.11C7 22.25 0 30.11 0 39.6c0 10.45 8.47 18.92 18.92 18.92 7.83 0 14.55-4.75 17.43-11.53l1.03 0.45c1.02-2.41 1.59-5.06 1.59-7.84 0-7.59-4.22-14.19-10.44-17.6l0.99-2.76 18.15 20.15c-0.65 0.89-1.04 1.98-1.04 3.17 0 2.99 2.42 5.41 5.41 5.41 0.22 0 0.44-0.02 0.65-0.04l0.85 3.23h-1.23v2.25h4.8v-2.25h-1.82L54.31 47.48c1.77-0.82 3.02-2.58 3.12-4.63l3.87-0.41c1.37 9.11 9.22 16.09 18.7 16.09 10.45 0 18.92-8.47 18.92-18.92 0-0.42-0.02-0.84-0.05-1.26C98.88 38.35 98.88 38.35 98.88 38.35zM34.48 39.6c0 8.59-6.96 15.55-15.55 15.55S3.37 48.19 3.37 39.6c0-8.59 6.96-15.55 15.55-15.55 2.27 0 4.43 0.49 6.38 1.37l-2.56 7.13 -3.01 4.62c-0.25-0.08-0.51-0.14-0.79-0.14 -1.42 0-2.56 1.15-2.56 2.56 0 1.42 1.15 2.57 2.57 2.57 1.42 0 2.57-1.15 2.57-2.56 0-0.52-0.16-1.01-0.43-1.41l3.13-4.8 2.6-7.19C31.4 28.91 34.48 33.89 34.48 39.6zM53.19 37.28c-0.37-0.08-0.76-0.13-1.15-0.13 -0.19 0-0.37 0.01-0.55 0.03l-0.95-3.61h1.37v-2.25h-4.79v2.25h1.68l1.07 4.05c-0.18 0.08-0.35 0.18-0.52 0.28L30.38 16.85l1-2.79h32.28L53.19 37.28zM60 40.88l-2.74 0.29c-0.32-1.2-1.05-2.24-2.02-2.96l10.19-22.59 3.96 6.98c-5.66 3.54-9.43 9.83-9.43 17C59.96 40.03 59.98 40.46 60 40.88zM64.45 39.6c0-5.49 2.85-10.32 7.15-13.09l6.26 11.03c-0.4 0.41-0.67 0.93-0.78 1.52l-12.62 1.34C64.46 40.14 64.45 39.87 64.45 39.6zM80 55.16c-7.75 0-14.17-5.66-15.35-13.08l12.61-1.34c0.45 1.07 1.51 1.83 2.74 1.83 1.64 0 2.97-1.33 2.97-2.97 0-1.64-1.33-2.97-2.97-2.97 -0.23 0-0.45 0.03-0.67 0.08l-6.26-11.03c2.09-1.04 4.44-1.63 6.93-1.63 8.59 0 15.55 6.96 15.55 15.55C95.55 48.19 88.59 55.16 80 55.16z"/></symbol>
|
||||
<symbol id="bb-icon-fb" viewBox="-723 0 1000 1000"><path d="M222.5,0.5h-891.1c-29.9,0-54,24.1-54,54v891.1c0,29.9,24.1,54,54,54h479.5V612.3h-130.5V461.7h130.5V346.8 c0-120.4,74.7-195.3,192.2-195.3c70.8,0,118.4,5.5,118.4,5.5v135.8H41.9c-50.5,0-74.3,17.8-74.3,71.4v97.5h148.8L97.2,612.3H-32.4 v387.2h255c29.9,0,54-24.1,54-54V54.5C276.5,24.6,252.4,0.5,222.5,0.5z"/></symbol>
|
||||
<symbol id="bb-icon-github" viewBox="0 0 1024 1024"><path xmlns="http://www.w3.org/2000/svg" d="M512 0C229.25 0 0 229.2 0 512c0 226.2 146.7 418.1 350.2 485.8 25.6 4.7 34.938-11.125 34.938-24.625 0-12.188-0.469-52.562-0.719-95.312C242 908.8 211.9 817.5 211.9 817.5c-23.312-59.125-56.844-74.875-56.844-74.875-46.531-31.75 3.53-31.125 3.53-31.125 51.4 3.6 78.5 52.8 78.5 52.8 45.7 78.2 119.9 55.6 149 42.5 4.654-33 17.904-55.625 32.5-68.375C304.906 725.4 185.3 681.5 185.3 485.312c0-55.938 19.969-101.562 52.656-137.406-5.219-13-22.844-65.094 5.062-135.562 0 0 42.938-13.75 140.8 52.5 40.812-11.406 84.594-17.031 128.125-17.219 43.5 0.2 87.3 5.9 128.2 17.3 97.688-66.312 140.688-52.5 140.688-52.5 28 70.5 10.4 122.6 5.1 135.5 32.8 35.8 52.6 81.5 52.6 137.4 0 196.688-119.75 240-233.812 252.7 18.4 15.9 34.8 47 34.8 94.8 0 68.438-0.688 123.625-0.688 140.5 0 13.6 9.3 29.6 35.2 24.562C877.438 930 1024 738.1 1024 512 1024 229.2 794.8 0 512 0z"/></symbol>
|
||||
<symbol viewBox="0 0 291 288.5" id="bb-icon-logo"><path d="m290.7 136.1c-8.8.9-16.9-5.1-18.4-14-1.5-8.8 4-17.3 12.6-19.4-1.6-5.4-3.5-10.7-5.7-15.8-8 3.9-17.6 1-22.1-6.8-4.5-7.8-2.1-17.6 5.2-22.5-3.3-4.5-7-8.8-10.8-12.9-6.2 6.3-16.2 6.9-23.1 1.2-6.9-5.8-8-15.8-2.8-23-4.7-3.1-9.5-5.9-14.5-8.4-3.6 8.1-12.9 12.1-21.3 9-8.4-3.1-12.9-12.1-10.5-20.6-5.4-1.3-10.9-2.2-16.5-2.9-.6 8.8-8 15.8-16.9 15.8-9 0-16.3-7-16.9-15.8-5.5.6-10.9 1.6-16.2 2.8 2.4 8.5-2.1 17.5-10.6 20.6-8.4 3-17.7-1-21.3-9.1-5 2.5-9.9 5.3-14.5 8.4 5.2 7.2 4 17.2-2.9 23-6.9 5.7-17 5.1-23.1-1.2-3.8 4.1-7.5 8.3-10.8 12.8 7.3 5 9.6 14.8 5.1 22.6-4.5 7.8-14.2 10.6-22.1 6.7-2.2 5.1-4.1 10.4-5.8 15.8 8.6 2.2 14.1 10.6 12.6 19.4-1.6 8.8-9.7 14.8-18.5 13.9-.2 2.8-.3 5.7-.3 8.6 0 2.8.1 5.5.2 8.2 8.8-.9 16.9 5.1 18.4 14 1.5 8.8-4 17.3-12.6 19.4 1.6 5.4 3.5 10.7 5.7 15.8 8-3.9 17.6-1 22.1 6.8 4.5 7.8 2.1 17.6-5.2 22.5 3.3 4.5 7 8.8 10.8 12.9 6.2-6.3 16.2-6.9 23.1-1.2 6.9 5.8 8 15.8 2.8 23 4.7 3.1 9.5 5.9 14.5 8.4 3.6-8.1 12.9-12.1 21.3-9 8.4 3.1 12.9 12.1 10.5 20.6 5.4 1.3 10.9 2.2 16.5 2.9.6-8.8 8-15.8 16.9-15.8 9 0 16.3 7 16.9 15.8 5.5-.6 10.9-1.6 16.1-2.8-2.4-8.5 2.1-17.5 10.6-20.6 8.4-3 17.7 1 21.3 9.1 5-2.5 9.9-5.3 14.6-8.4-5.2-7.2-4-17.2 2.9-23 6.9-5.7 17-5.1 23.1 1.2 3.8-4.1 7.5-8.3 10.8-12.8-7.3-5-9.6-14.8-5.1-22.6 4.5-7.8 14.2-10.6 22.2-6.7 2.2-5.1 4.1-10.4 5.8-15.8-8.6-2.2-14.1-10.6-12.6-19.4 1.6-8.8 9.7-14.8 18.5-13.9.2-2.8.3-5.7.3-8.6-.1-2.8-.1-5.5-.3-8.2m-117.5 55.4c-.6 1.2-1.2 2.4-1.8 3.5-.6 1.1-1.2 2.1-1.9 3.1-4.5 5.8-10.2 10-17 12.6-2.6 1-5.4 1.7-8.2 2.1-2.8.4-5.8.7-8.9.9-1.6.1-3.2.1-4.8-.1-1.6-.2-3.2-.4-4.7-.5-.7 0-1.3-.1-1.9-.3-.6-.2-1.2-.3-1.9-.3-.6 0-1.1-.2-1.7-.4-.6-.3-1.2-.4-1.9-.3-.6 0-1.1-.1-1.7-.3-.6-.2-1.2-.4-1.8-.6l-57-15.5c-2.2-.6-4-1.2-5.5-1.8-1.4-.6-2.3-1.8-2.5-3.5-.1-1.1.2-2.8.8-4.9.6-2.1 1.2-3.9 1.5-5.4l30.8-114.8c.4-1.6.8-3.2 1.2-5 .4-1.8 1.1-3.1 2-4 .8-.8 1.9-1.2 3.5-1.2.3-.1.6 0 .8.1.2.1.5.2.8.1l58.3 15.6c.9.2 1.8.5 2.8.6.9.2 1.8.4 2.5.8.6.4 1.2.7 1.9.7.7 0 1.3.2 2 .5l1.2.3c.7.5 1.5.8 2.4.9.9.2 1.7.5 2.6 1 1 .5 1.9 1 2.9 1.4.9.4 1.9.9 2.9 1.4 2.2 1.6 4.3 3.1 6.3 4.5 2 1.4 3.7 3.1 5.2 4.8 2.1 2.5 3.7 5.4 4.6 8.6 1 3.2 1.5 6.7 1.6 10.5 0 1-.1 1.9-.2 2.9-.2.9-.3 2-.3 3.1 0 .6-.1 1.1-.3 1.6-.2.5-.3 1-.3 1.6 0 .4-.1.9-.3 1.5-.2.6-.4 1-.6 1.2l-.5 1.8c-.1.4-.3.8-.5 1.3-.2.5-.3.9-.4 1.1-.5.8-.9 1.6-1.1 2.3-.3.7-.6 1.3-1 1.9-3 4.2-6.2 7.5-9.7 9.8-1.2.7-2.3 1.2-3.6 1.6-1.2.4-2.4 1-3.4 1.8-.3.2-.7.5-1.2.8-.5.4-.6.9-.5 1.6 0 1.1.6 2.2 1.8 3.3 1.2 1.1 2.3 2.1 3.2 3 2.9 3.3 5 6.8 6.4 10.5 1.3 3.6 2 7.5 2.1 11.9.1 1.2.1 2.3-.1 3.4-.2 1.1-.3 2.3-.3 3.4l-.6 2.2c-.1 1.5-.6 3.4-1.4 5.7-1.2 2.6-1.9 4.3-2.6 5.6m38.9 17.5c-.2 1.2-.5 2.5-.9 4l-3.8 14.1c-.4 1.4-.8 2.7-1.2 3.9-.4 1.1-1.1 1.9-1.9 2.4-1.1.4-2.3.5-3.6.2-1.3-.3-2.7-.6-4.1-1l-13.1-3.5c-1.4-.4-2.8-.8-4.1-1.2-1.3-.4-2.2-1.1-2.6-2.1-.4-1-.6-2.1-.4-3.3.2-1.3.5-2.6.9-4.1l3.3-12.3c.3-1.3.7-2.6 1-3.8.3-1.2.9-2.2 1.6-2.8.7-.6 1.9-1 3.5-1.2.3-.1.6 0 .9.1.3.2.6.2.9.1l15.4 4.1c1.6.4 3 .8 4.4 1.3 1.4.4 2.4 1.1 3.1 2 .7.9.9 1.9.7 3.1m28.4-108.9c-.3 1.2-.6 2.4-1 3.7l-5.8 21.7c-.2.8-.4 1.7-.5 2.7-.1 1-.4 1.8-.9 2.4l-.6 2.2c-.5.8-.9 1.8-1.1 2.8-.2 1-.5 1.8-1 2.6-.4.6-.7 1.2-.8 1.8-.1.6-.4 1.2-.8 1.8-.6 1.1-1 2.2-1.3 3.3-.3 1.1-.7 2.2-1.3 3.1-.3.5-.5 1-.6 1.4-.1.5-.3.9-.6 1.4-.7 1.6-1.4 3.3-2 5.1-.6 1.8-1.4 3.5-2.2 5.1-.5.8-.8 1.7-1 2.5-.1.8-.5 1.7-1 2.7-1.2 2.2-2.1 4.6-2.8 7.1-.7 2.5-1.8 4.9-3 7-.9 1.7-1.6 3.5-2.2 5.4-.6 1.9-1.6 3.1-3.2 3.7-.5.2-1 .2-1.5.2-.6 0-1.2 0-1.9-.1l-2.7-.7c-1.3-.3-2.4-.8-3.3-1.3-.9-.5-1.5-1.2-1.9-2-.4-1-.5-1.9-.3-2.8.2-.9.4-1.9.4-3 0-1.5.2-3.1.5-4.7.4-1.6.5-3.1.5-4.7.3-1 .4-1.8.4-2.2.1-.8.2-1.6.4-2.4.2-.8.4-1.6.4-2.4 0-2 .2-4 .7-6 .5-2 .8-4 .9-6 0-.7.1-1.3.3-1.9.2-.6.3-1.2.3-1.9.1-1.2.2-2.5.5-3.8.3-1.3.5-2.7.6-4 .1-.3.1-.5.1-.8 0-.3 0-.5.1-.8 0-1.1.2-2.2.4-3.1.3-1 .4-2 .4-3.1.1-3 .7-6.2 1.6-9.6 1-3.4 1.9-6.8 2.8-10.1l4-15.1c.4-1.4.8-2.8 1.1-4.1.3-1.3 1-2.3 1.9-3.1.9-.6 1.9-.9 3.2-.8.3-.1.6 0 .8.1.2.1.5.2.8.1l15.1 4c1.6.4 3 .9 4.3 1.4 1.3.5 2.2 1.3 2.6 2.4.5.6.5 1.6.2 2.8"/></symbol>
|
||||
|
||||
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 22 KiB |
@@ -6,7 +6,7 @@ body {
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, label, button {
|
||||
h1, h2, h3, h4, h5, label, button, .button {
|
||||
@include font-family(secondary);
|
||||
}
|
||||
|
||||
@@ -49,8 +49,10 @@ a {
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
button,
|
||||
.button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: #FFF;
|
||||
background-color: $colour-1;
|
||||
border: 0;
|
||||
@@ -62,6 +64,7 @@ button {
|
||||
@include default-box-shadow(top, 2);
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
@include _(text-stroke, 1px rgba(0, 0, 0, 0.25));
|
||||
|
||||
@include before-and-after {
|
||||
content: '';
|
||||
@@ -120,6 +123,24 @@ button {
|
||||
#main &[type="submit"] {
|
||||
background-color: $colour-5;
|
||||
}
|
||||
|
||||
&.register {
|
||||
background-color: $colour-4;
|
||||
text-shadow: 0 0 0.15em rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
form.logout & {
|
||||
background-color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
a.button {
|
||||
@include after {
|
||||
border-bottom: 1em solid transparent;
|
||||
left: auto;
|
||||
bottom: auto;
|
||||
@include _(transform, none);
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
@@ -171,34 +192,87 @@ input {
|
||||
}
|
||||
}
|
||||
|
||||
.email-field {
|
||||
.number-field,
|
||||
.email-field,
|
||||
.text-field {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
@include default-box-shadow(top, 2, false, 0 0.05em 0 0 #666);
|
||||
@include _(transition, box-shadow 100ms ease-in-out);
|
||||
//overflow: hidden;
|
||||
margin-bottom: 2em;
|
||||
background-color: #F8F8F8;
|
||||
@include default-box-shadow(top, 1.5, false, 0 0.05em 0 0 #666);
|
||||
@include _(transition, background-image 100ms ease-in-out);
|
||||
$fn: '';
|
||||
$capability: get_capability(map-get($compatibility-map, css-gradients));
|
||||
@if $capability == yx or $capability == ax or $capability == y or $capability == a {
|
||||
$fn: '-#{$browser_prefix}-';
|
||||
}
|
||||
@include _(background-size, 8px 8px);
|
||||
|
||||
label {
|
||||
//position: absolute;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
font-size: 1em;
|
||||
float: left;
|
||||
//float: left;
|
||||
//@include font-family(primary);
|
||||
//font-weight: bold;
|
||||
//left: 0;
|
||||
//top: 0;
|
||||
padding: 0.25em 0.667em;
|
||||
width: auto;
|
||||
background-color: #333;
|
||||
color: #FFF;
|
||||
//@include _(transition, transform 250ms ease-in-out);
|
||||
//background-color: #333;
|
||||
@include _(transition, 'transform 250ms ease-in-out, color 250ms ease-in-out, background-color 250ms ease-in-out');
|
||||
//@include _(transform-origin, left center);
|
||||
//@include _(transform, scale(1) translateY(0));
|
||||
top: 100%;
|
||||
//@include _(transform, translateY(100%) scale(0.75));
|
||||
@include _(transform, translateY(0) scale(0.75));
|
||||
@include _(transform-origin, 0 0);
|
||||
//line-height: 1em;
|
||||
line-height: 1.5em;
|
||||
background-color: transparent;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
@include default-box-shadow(top, 2, false, 0 0.15em 0 0 $colour-1);
|
||||
|
||||
&.empty {
|
||||
background-color: #FFF;//#E8E8E8;
|
||||
background-image:
|
||||
#{$fn}repeating-linear-gradient(
|
||||
-45deg, #DDD,
|
||||
#DDD 1px, transparent 1px,
|
||||
transparent 6px
|
||||
);
|
||||
label {
|
||||
background-color: $colour-1;
|
||||
z-index: 0;
|
||||
@include _(transform, translateY(-100%) scale(1));
|
||||
background-color: transparent;
|
||||
color: #888;
|
||||
}
|
||||
input {
|
||||
//@include _(box-shadow, none);
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 0.15em 0.5em;
|
||||
background-color: transparent;
|
||||
//@include _(box-shadow, inset 0 0 1em 1em #E8E8E8);
|
||||
//background-image: repeating-linear-gradient(45deg, #FFF, #FFF 5px, #E8E8E8 1px, );
|
||||
//background-image: #{$fn}linear-gradient(45deg, #DDD 25%, transparent 25%, transparent 75%, #EEE 75%, #EEE 100%);//, #{$fn}linear-gradient(45deg, #EEE 25%, transparent 25%, transparent 75%, #EEE 75%, #EEE 100%);
|
||||
//background-image: linear-gradient(-45deg, black 12.5%, transparent 12.5%, transparent 50%, black 50%, black 87.5%, transparent 87.5%, transparent);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
&:focus, &:active {
|
||||
label {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
input {
|
||||
&:focus, &:active {
|
||||
@include _(box-shadow, inset 0 0 1em 1em #E8E8E8);
|
||||
}
|
||||
}
|
||||
/*input {
|
||||
@@ -211,6 +285,131 @@ input {
|
||||
}*/
|
||||
}
|
||||
|
||||
.number-field {
|
||||
display: inline-block;
|
||||
font-size: 1.5em;
|
||||
|
||||
input {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.radio-button-field {
|
||||
@include clearfix;
|
||||
margin-bottom: 1em;
|
||||
position: relative;
|
||||
|
||||
label {
|
||||
float: left;
|
||||
width: 7em;
|
||||
height: 5em;
|
||||
@include default-box-shadow(top);
|
||||
//background-color: lighten($colour-4, 25);
|
||||
background-color: $colour-2;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
margin: 0 1em 3em;
|
||||
padding: 0.5em;
|
||||
cursor: pointer;
|
||||
@include _(transition, #{'transform, background-color 100ms, 100ms ease-in-out, ease-in-out'});
|
||||
|
||||
&:hover {
|
||||
//background-color: #EEE;
|
||||
@include _(transform, scale(1.1));
|
||||
}
|
||||
|
||||
@include before-and-after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
@include _(transition, transform 200ms ease-in-out);
|
||||
@include _(transition, transform 200ms cubic-bezier(0, 0.38, 0.9, 2));
|
||||
}
|
||||
|
||||
@include before {
|
||||
background-color: $colour-5;
|
||||
bottom: -0.3em;
|
||||
right: -0.5em;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
border-radius: 50%;
|
||||
@include _(transform, scale(0));
|
||||
@include default-box-shadow(top);
|
||||
}
|
||||
|
||||
@include after {
|
||||
border: 0.5em solid #FFF;
|
||||
border-left: none;
|
||||
border-top: none;
|
||||
width: 1em;
|
||||
height: 2em;
|
||||
font-size: 0.6em;
|
||||
bottom: 0.3em;
|
||||
right: 0.3em;
|
||||
@include _(transform, scale(0) rotate(45deg));
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-bottom: 0.75em;
|
||||
fill: #FFF;
|
||||
stroke: rgba(0, 0, 0, 0.667);
|
||||
stroke-width: 0.05em;
|
||||
}
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
left: 1em;
|
||||
bottom: 0.5em;
|
||||
|
||||
&:checked + label {
|
||||
background-color: $colour-1;
|
||||
@include _(transform, scale(1.25));
|
||||
|
||||
@include before {
|
||||
visibility: visible;
|
||||
@include _(transform, scale(1));
|
||||
}
|
||||
|
||||
@include after {
|
||||
visibility: visible;
|
||||
@include _(transform, scale(1) rotate(45deg));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.date-span {
|
||||
margin-left: 1em;
|
||||
|
||||
label, input {
|
||||
display: block;
|
||||
height: 1.5em;
|
||||
margin: 0 0.5em 1em 0;
|
||||
}
|
||||
|
||||
label {
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
input {
|
||||
@include default-box-shadow(top);
|
||||
background-color: $colour-1;
|
||||
color: #FFF;
|
||||
border: 0;
|
||||
padding: 0 0.25em;
|
||||
@include font-family(secondary);
|
||||
@include _(text-stroke, 0.5px #000)
|
||||
}
|
||||
|
||||
.date-labels {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-resizer {
|
||||
visibility: hidden;
|
||||
cursor: nw-resize;
|
||||
@@ -676,6 +875,12 @@ $header-tilt: 8deg;
|
||||
|
||||
#main {
|
||||
clear: right;
|
||||
|
||||
.columns {
|
||||
form {
|
||||
margin-top: 2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#main-nav {
|
||||
@@ -869,6 +1074,7 @@ $header-tilt: 8deg;
|
||||
|
||||
#main {
|
||||
padding-left: $sidebar-width;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
#header-title {
|
||||
@@ -894,7 +1100,7 @@ $header-tilt: 8deg;
|
||||
padding: 0.2em;
|
||||
}
|
||||
|
||||
.paypal-button {
|
||||
.actions {
|
||||
margin: 4em 2em 0 0;
|
||||
}
|
||||
|
||||
@@ -972,3 +1178,176 @@ $header-tilt: 8deg;
|
||||
|
||||
@include header-colour(about, $colour-4);
|
||||
@include header-colour(policy, $colour-3);
|
||||
|
||||
#bike_small + label {
|
||||
padding: 0.5em 2.5em;
|
||||
}
|
||||
|
||||
#bike_medium + label {
|
||||
padding: 0.5em 1.5em;
|
||||
}
|
||||
|
||||
#main .three-options {
|
||||
text-align: center;
|
||||
|
||||
button {
|
||||
background-color: $colour-4;
|
||||
width: 6em;
|
||||
font-size: 1.5em;
|
||||
margin: 0.25em;
|
||||
|
||||
&:first-child {
|
||||
background-color: $colour-3;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
background-color: $colour-5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#main form.payment {
|
||||
text-align: center;
|
||||
|
||||
input[type="number"] {
|
||||
margin-top: 1em;
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
width: 4em;
|
||||
height: 1.9em;
|
||||
border: 0;
|
||||
@include default-box-shadow(top);
|
||||
background-color: #333;
|
||||
color: $colour-3;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
> button {
|
||||
background-color: $colour-1;
|
||||
}
|
||||
|
||||
.currency {
|
||||
color: #888;
|
||||
font-size: 1.667em;
|
||||
}
|
||||
}
|
||||
|
||||
#main ul.workshops {
|
||||
list-style: none;
|
||||
padding: 0;// 1em;
|
||||
text-align: center;
|
||||
@include default-box-shadow(top, 2, true);
|
||||
background-color: #F8F8F8;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0.5em;
|
||||
vertical-align: middle;
|
||||
|
||||
@include before {
|
||||
content: '';
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: #000;
|
||||
z-index: 99;
|
||||
@include _(opacity, 0.5);
|
||||
}
|
||||
|
||||
&.view {
|
||||
@include before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.info {
|
||||
//display: block;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
@include _(transform, translateY(-50%) scale(1));
|
||||
|
||||
@include breakpoint(large) {
|
||||
left: 19rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h4, h5 {
|
||||
color: #FFF;
|
||||
background-color: $colour-1;
|
||||
@include _(text-stroke, 1px rgba(0, 0, 0, 0.25));
|
||||
}
|
||||
|
||||
h4 {
|
||||
max-width: 10em;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
position: relative;
|
||||
@include default-box-shadow(top);
|
||||
@include _(transition, transform 100ms ease-in-out);
|
||||
|
||||
&:hover {
|
||||
z-index: 2;
|
||||
@include _(transform, scale(1.25));
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.5em;
|
||||
margin: 0;
|
||||
padding: 0.5em 1em;
|
||||
|
||||
+ p {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 1em;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
form {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 1em 0.5em;
|
||||
}
|
||||
|
||||
[contenteditable] {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.info {
|
||||
//display: none;
|
||||
position: fixed;
|
||||
background-color: #FFF;
|
||||
color: #333;
|
||||
left: auto;
|
||||
right: auto;
|
||||
top: auto;
|
||||
z-index: 100;
|
||||
max-width: 40em;
|
||||
max-height: 40em;
|
||||
margin: auto;
|
||||
text-align: left;
|
||||
@include _(transition, all 250ms ease-in-out);
|
||||
@include _(transform, translateY(0) scale(0));
|
||||
@include default-box-shadow(top);
|
||||
}
|
||||
|
||||
[value="delete"] {
|
||||
background-color: $colour-2;
|
||||
}
|
||||
|
||||
[value="cancel"] {
|
||||
background-color: $colour-4;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user