Author: Pedro Lucas Porcellis <pedrolucasporcellis@gmail.com>
Replace custom css with umbo Umbo is an attempt to have a minimalistic flex-based css foundation You can read more at https://git.sr.ht/~porcellis/umbo
core/static/stylesheet.css | 299 ++++----------------------------------- core/static/umbo.min.css | 1 core/templates/layout.html | 1
diff --git a/core/static/stylesheet.css b/core/static/stylesheet.css index 2d1db167f7a6205dbfad506e53cead850fa74b5d..2236ae3e7e47796eab501a30589462136cd86104 100644 --- a/core/static/stylesheet.css +++ b/core/static/stylesheet.css @@ -2,335 +2,102 @@ /* * Simple and minimal css */ -*, ::after, ::before { - box-sizing: border-box; -} - body { - color: #555; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 110%; - text-rendering: optimizeLegibility; - line-height: 1.6; -} - -.form-section input, textarea, select { - width: 100%; - font-size: 1rem; - line-height: 1.5; - padding: .25rem .375rem; -} - -.form-section input[type="email"], input[type="password"], input[type="tel"], input[type="text"], input[type="number"], textarea { - border-color: #888; - outline: lightblue; - border-color .15s ease-in-out,box-shadow .15s ease-in-out; -} - -.container { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} - -@media (min-width:576px) { - .container { - max-width:540px; - } - - .navbar { - flex-flow: row nowrap !important; - flex-wrap: nowrap !important; - } - - .navbar ul { - margin-left: 35px !important; - width: unset !important; - margin-right: auto !important; - } - - .form-section { - width: 50%; - } -} - -@media (min-width:768px) { - .container { - max-width:720px; - } -} - -@media (min-width:992px) { - .container { - max-width:960px; - } -} - -@media (min-width:1200px) { - .container { - max-width:1140px; - } -} - - -a { - /*color: #3366CC;*/ - color: #21409a; - border: 1px solid rgba(255, 255, 255, 0); -} - -a:focus { - outline: 0; - color: red; - text-decoration: none; - border: 1px dotted #aaa; -} - -a:hover { - color: #333; - text-decoration: none; -} - -h1 { - font-size: 2.1rem; -} - -h1, h2, h3 { - color: #000; - line-height: 1.2; - font-weight: normal; + background-color: #F5F7FC; } -h1, h2 { - color: #444 +.main-links-nav { + padding: 0; + margin: 0; + list-style-type: none; } -ul { - margin: 0; - padding: 0; - margin-left: 35px; -} - -li { - margin-bottom: 10px; - line-height: 18px; -} - -li ul { - margin-top: 5px; -} - -.form-section label { - display: block; - margin-top: 5px; -} - -.form-action { - margin-top: 5px; -} - -.btn { - padding: 0.5rem 1em; - border: 1px solid #999; - background-color: #E6E6E6; - text-decoration: none; - border-radius: 2px; -} - -.btn:focus { - outline: 0; -} - -button.btn-secondary, -a.btn-secondary { - background-color: #a0a0a0; - color: rgba(35, 35, 35, 1); -} - -button.btn-secondary:hover { - background-color: #6c7b95; - color: #ffffff; -} - -button.btn-primary { - background-color: #3079ed; - color: #ffffff; -} - -button.btn-primary:hover { - background-color: #034bbd; - color: #ffffff; -} - -a.btn { - text-decoration: none; - padding: 0 10px; -} - -.destructive { - color: #ed5353; -} - -.btn[disabled] { - background: #ccc; +.main-links-nav li { + display: inline-block; } .text-secondary, .text-muted { - color: #a5a49f + color: #a5a49f } .white-space-pre { - white-space: pre-wrap; + white-space: pre-wrap; } .mt-5 { - margin-top: 5px; + margin-top: 5px; } .mb-5 { - margin-bottom: 5px; + margin-bottom: 5px; } .ml-5 { - margin-left: .5rem; + margin-left: .5rem; } .mr-5 { - margin-right: .5rem; + margin-right: .5rem; } .pt-5 { - padding-top: 5px; + padding-top: 5px; } .pb-5 { - padding-bottom: 5px; + padding-bottom: 5px; } .pl-5 { - padding-left: 5px; + padding-left: 5px; } .pr-5 { - padding-right: 5px; + padding-right: 5px; } .p-5 { - padding: 5px; + padding: 5px; } .m-5 { - margin: 5px; + margin: 5px; } .py-5 { - padding-left: 5px; - padding-right: 5px; + padding-left: 5px; + padding-right: 5px; } .px-5 { - padding-top: 5px; - padding-bottom: 5px; -} - -.current-cycle { - background-color: #eee; -} - -.navbar { - flex-flow: row; - justify-content: space-between; - flex-wrap: wrap; - position: relative; - display: flex; - align-items: center; - padding: .5rem 1rem; -} - -.navbar ul { - margin-bottom: 0; - margin-top: 0; - margin-left: 0; - padding-left: 0; - list-style: none; - - display: flex; - flex-direction: row; - margin-right: auto; - width: 100%; -} - -.navbar ul li { - margin-bottom: 0px; -} - -.navbar ul li a { - width: 100%; - text-decoration: none; + padding-top: 5px; + padding-bottom: 5px; } .box { - background-color: #eee; + background-color: #fff; } .box .box-header { - border-bottom: 1px solid #ddd; -} - -.f-left, float-left { - float: left; -} - -.f-right, float-right { - float: right; + border-bottom: 1px solid #ddd; } .text-right { - text-align: right; + text-align: right; } .text-left { - text-align: left; -} - -/* - * - * FORM ELEMENTS - * - */ - -.hint { - color: #626a6e + text-align: left; } -.form-input-width-2 { - width: 5.4ex !important; +.d-block { + display: block; } -.form-input-width-4 { - width: 9ex !important; +.d-inline-block { + display: inline-block; } -fieldset { - min-width: 0; - margin: 0; - padding: 0; - border: 0; -} - -fieldset > legend { - margin-bottom: 5px; -} - -legend.legend-xl { - font-weight: 700; - font-size: 3rem; -} - -.date-group-item { - display: inline-block; - margin-right: 20px; - margin-bottom: 0; +.w-100 { + width: 100%; } diff --git a/core/static/umbo.min.css b/core/static/umbo.min.css new file mode 100644 index 0000000000000000000000000000000000000000..4cdd3b93528a252488d035270cc399ce33810a67 --- /dev/null +++ b/core/static/umbo.min.css @@ -0,0 +1 @@ +html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b,strong {font-weight: bolder;}code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button,input {overflow: visible;}button,select {text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}*, ::after, ::before {box-sizing: border-box;}body {font-family: Roboto, "Helvetica Neue", "San Francisco", "Open Sans", Arial, sans-serif;font-size: 1.1875rem;text-rendering: optimizeLegibility;line-height: 1.31579;}h1, .heading-xl {font-size: 3rem;}h2, .heading-l {font-size: 2.25rem;}h3, .heading-m {font-size: 1.5rem;}h4, .heading-s {font-size: 1.1875rem;}a {color: #1d70b8;}a:hover {color: #003078;}a:active {color: #336752;outline: 3px solid transparent;background-color: #33fe96;text-decoration: none;box-shadow: 0 -2px #33fe96,0 4px #0b0c0c;}ul, ol {font-size: 1.1875rem;line-height: 1.31579;}.container {box-sizing: border-box;margin-left: auto;margin-right: auto;padding-right: 8px;padding-left: 8px;}.container-fluid {padding-right: 16px;padding-left: 16px;}@media only screen and (min-width: 576px) {.container {width: 560px;max-width: 100%;}}@media only screen and (min-width: 768px) {.container {width: 752px;max-width: 100%;}}@media only screen and (min-width: 992px) {.container {width: 976px;max-width: 100%;}}@media only screen and (min-width: 1200px) {.container {width: 1184px;max-width: 100%;}}.row {box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -8px;margin-left: -8px;}.row.reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}.col.reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-offset-0,.col-md-offset-1,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-offset-0,.col-xl-offset-1,.col-xl-offset-2,.col-xl-offset-3,.col-xl-offset-4,.col-xl-offset-5,.col-xl-offset-6,.col-xl-offset-7,.col-xl-offset-8,.col-xl-offset-9,.col-xl-offset-10,.col-xl-offset-11,.col-xl-offset-12 {box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;-ms-flex-preferred-size: 100%;flex-basis: 100%;padding-right: 8px;padding-left: 8px;max-width: 100%;}.col-xs {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}.col-xs-1 {-ms-flex-preferred-size: 8.33333333%;flex-basis: 8.33333333%;max-width: 8.33333333%;}.col-xs-2 {-ms-flex-preferred-size: 16.66666667%;flex-basis: 16.66666667%;max-width: 16.66666667%;}.col-xs-3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}.col-xs-4 {-ms-flex-preferred-size: 33.33333333%;flex-basis: 33.33333333%;max-width: 33.33333333%;}.col-xs-5 {-ms-flex-preferred-size: 41.66666667%;flex-basis: 41.66666667%;max-width: 41.66666667%;}.col-xs-6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.col-xs-7 {-ms-flex-preferred-size: 58.33333333%;flex-basis: 58.33333333%;max-width: 58.33333333%;}.col-xs-8 {-ms-flex-preferred-size: 66.66666667%;flex-basis: 66.66666667%;max-width: 66.66666667%;}.col-xs-9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;}.col-xs-10 {-ms-flex-preferred-size: 83.33333333%;flex-basis: 83.33333333%;max-width: 83.33333333%;}.col-xs-11 {-ms-flex-preferred-size: 91.66666667%;flex-basis: 91.66666667%;max-width: 91.66666667%;}.col-xs-12 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.col-xs-offset-0 {margin-left: 0;}.col-xs-offset-1 {margin-left: 8.33333333%;}.col-xs-offset-2 {margin-left: 16.66666667%;}.col-xs-offset-3 {margin-left: 25%;}.col-xs-offset-4 {margin-left: 33.33333333%;}.col-xs-offset-5 {margin-left: 41.66666667%;}.col-xs-offset-6 {margin-left: 50%;}.col-xs-offset-7 {margin-left: 58.33333333%;}.col-xs-offset-8 {margin-left: 66.66666667%;}.col-xs-offset-9 {margin-left: 75%;}.col-xs-offset-10 {margin-left: 83.33333333%;}.col-xs-offset-11 {margin-left: 91.66666667%;}.start-xs {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;text-align: start;}.center-xs {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}.end-xs {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;text-align: end;}.top-xs {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}.middle-xs {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.bottom-xs {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}.around-xs {-ms-flex-pack: distribute;justify-content: space-around;}.between-xs {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.first-xs {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}.last-xs {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}.initial-order-xs {-webkit-box-ordinal-group: NaN;-ms-flex-order: initial;order: initial;}@media only screen and (min-width: 576px) {.col-sm {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}.col-sm-1 {-ms-flex-preferred-size: 8.33333333%;flex-basis: 8.33333333%;max-width: 8.33333333%;}.col-sm-2 {-ms-flex-preferred-size: 16.66666667%;flex-basis: 16.66666667%;max-width: 16.66666667%;}.col-sm-3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}.col-sm-4 {-ms-flex-preferred-size: 33.33333333%;flex-basis: 33.33333333%;max-width: 33.33333333%;}.col-sm-5 {-ms-flex-preferred-size: 41.66666667%;flex-basis: 41.66666667%;max-width: 41.66666667%;}.col-sm-6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.col-sm-7 {-ms-flex-preferred-size: 58.33333333%;flex-basis: 58.33333333%;max-width: 58.33333333%;}.col-sm-8 {-ms-flex-preferred-size: 66.66666667%;flex-basis: 66.66666667%;max-width: 66.66666667%;}.col-sm-9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;}.col-sm-10 {-ms-flex-preferred-size: 83.33333333%;flex-basis: 83.33333333%;max-width: 83.33333333%;}.col-sm-11 {-ms-flex-preferred-size: 91.66666667%;flex-basis: 91.66666667%;max-width: 91.66666667%;}.col-sm-12 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.col-sm-offset-0 {margin-left: 0;}.col-sm-offset-1 {margin-left: 8.33333333%;}.col-sm-offset-2 {margin-left: 16.66666667%;}.col-sm-offset-3 {margin-left: 25%;}.col-sm-offset-4 {margin-left: 33.33333333%;}.col-sm-offset-5 {margin-left: 41.66666667%;}.col-sm-offset-6 {margin-left: 50%;}.col-sm-offset-7 {margin-left: 58.33333333%;}.col-sm-offset-8 {margin-left: 66.66666667%;}.col-sm-offset-9 {margin-left: 75%;}.col-sm-offset-10 {margin-left: 83.33333333%;}.col-sm-offset-11 {margin-left: 91.66666667%;}.start-sm {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;text-align: start;}.center-sm {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}.end-sm {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;text-align: end;}.top-sm {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}.middle-sm {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.bottom-sm {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}.around-sm {-ms-flex-pack: distribute;justify-content: space-around;}.between-sm {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.first-sm {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}.last-sm {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}.initial-order-sm {-webkit-box-ordinal-group: NaN;-ms-flex-order: initial;order: initial;}}@media only screen and (min-width: 768px) {.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-offset-0,.col-md-offset-1,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12 {box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding-right: 8px;padding-left: 8px;}.col-md {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}.col-md-1 {-ms-flex-preferred-size: 8.33333333%;flex-basis: 8.33333333%;max-width: 8.33333333%;}.col-md-2 {-ms-flex-preferred-size: 16.66666667%;flex-basis: 16.66666667%;max-width: 16.66666667%;}.col-md-3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}.col-md-4 {-ms-flex-preferred-size: 33.33333333%;flex-basis: 33.33333333%;max-width: 33.33333333%;}.col-md-5 {-ms-flex-preferred-size: 41.66666667%;flex-basis: 41.66666667%;max-width: 41.66666667%;}.col-md-6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.col-md-7 {-ms-flex-preferred-size: 58.33333333%;flex-basis: 58.33333333%;max-width: 58.33333333%;}.col-md-8 {-ms-flex-preferred-size: 66.66666667%;flex-basis: 66.66666667%;max-width: 66.66666667%;}.col-md-9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;}.col-md-10 {-ms-flex-preferred-size: 83.33333333%;flex-basis: 83.33333333%;max-width: 83.33333333%;}.col-md-11 {-ms-flex-preferred-size: 91.66666667%;flex-basis: 91.66666667%;max-width: 91.66666667%;}.col-md-12 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.col-md-offset-0 {margin-left: 0;}.col-md-offset-1 {margin-left: 8.33333333%;}.col-md-offset-2 {margin-left: 16.66666667%;}.col-md-offset-3 {margin-left: 25%;}.col-md-offset-4 {margin-left: 33.33333333%;}.col-md-offset-5 {margin-left: 41.66666667%;}.col-md-offset-6 {margin-left: 50%;}.col-md-offset-7 {margin-left: 58.33333333%;}.col-md-offset-8 {margin-left: 66.66666667%;}.col-md-offset-9 {margin-left: 75%;}.col-md-offset-10 {margin-left: 83.33333333%;}.col-md-offset-11 {margin-left: 91.66666667%;}.start-md {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;text-align: start;}.center-md {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}.end-md {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;text-align: end;}.top-md {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}.middle-md {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.bottom-md {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}.around-md {-ms-flex-pack: distribute;justify-content: space-around;}.between-md {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.first-md {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}.last-md {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}.initial-order-md {-webkit-box-ordinal-group: NaN;-ms-flex-order: initial;order: initial;}}@media only screen and (min-width: 992px) {.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12 {box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding-right: 8px;padding-left: 8px;}.col-lg {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}.col-lg-1 {-ms-flex-preferred-size: 8.33333333%;flex-basis: 8.33333333%;max-width: 8.33333333%;}.col-lg-2 {-ms-flex-preferred-size: 16.66666667%;flex-basis: 16.66666667%;max-width: 16.66666667%;}.col-lg-3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}.col-lg-4 {-ms-flex-preferred-size: 33.33333333%;flex-basis: 33.33333333%;max-width: 33.33333333%;}.col-lg-5 {-ms-flex-preferred-size: 41.66666667%;flex-basis: 41.66666667%;max-width: 41.66666667%;}.col-lg-6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.col-lg-7 {-ms-flex-preferred-size: 58.33333333%;flex-basis: 58.33333333%;max-width: 58.33333333%;}.col-lg-8 {-ms-flex-preferred-size: 66.66666667%;flex-basis: 66.66666667%;max-width: 66.66666667%;}.col-lg-9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;}.col-lg-10 {-ms-flex-preferred-size: 83.33333333%;flex-basis: 83.33333333%;max-width: 83.33333333%;}.col-lg-11 {-ms-flex-preferred-size: 91.66666667%;flex-basis: 91.66666667%;max-width: 91.66666667%;}.col-lg-12 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.col-lg-offset-0 {margin-left: 0;}.col-lg-offset-1 {margin-left: 8.33333333%;}.col-lg-offset-2 {margin-left: 16.66666667%;}.col-lg-offset-3 {margin-left: 25%;}.col-lg-offset-4 {margin-left: 33.33333333%;}.col-lg-offset-5 {margin-left: 41.66666667%;}.col-lg-offset-6 {margin-left: 50%;}.col-lg-offset-7 {margin-left: 58.33333333%;}.col-lg-offset-8 {margin-left: 66.66666667%;}.col-lg-offset-9 {margin-left: 75%;}.col-lg-offset-10 {margin-left: 83.33333333%;}.col-lg-offset-11 {margin-left: 91.66666667%;}.start-lg {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;text-align: start;}.center-lg {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}.end-lg {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;text-align: end;}.top-lg {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}.middle-lg {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.bottom-lg {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}.around-lg {-ms-flex-pack: distribute;justify-content: space-around;}.between-lg {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.first-lg {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}.last-lg {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}.initial-order-lg {-webkit-box-ordinal-group: NaN;-ms-flex-order: initial;order: initial;}}@media only screen and (min-width: 1200px) {.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-offset-0,.col-xl-offset-1,.col-xl-offset-2,.col-xl-offset-3,.col-xl-offset-4,.col-xl-offset-5,.col-xl-offset-6,.col-xl-offset-7,.col-xl-offset-8,.col-xl-offset-9,.col-xl-offset-10,.col-xl-offset-11,.col-xl-offset-12 {box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding-right: 8px;padding-left: 8px;}.col-xl {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}.col-xl-1 {-ms-flex-preferred-size: 8.33333333%;flex-basis: 8.33333333%;max-width: 8.33333333%;}.col-xl-2 {-ms-flex-preferred-size: 16.66666667%;flex-basis: 16.66666667%;max-width: 16.66666667%;}.col-xl-3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}.col-xl-4 {-ms-flex-preferred-size: 33.33333333%;flex-basis: 33.33333333%;max-width: 33.33333333%;}.col-xl-5 {-ms-flex-preferred-size: 41.66666667%;flex-basis: 41.66666667%;max-width: 41.66666667%;}.col-xl-6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.col-xl-7 {-ms-flex-preferred-size: 58.33333333%;flex-basis: 58.33333333%;max-width: 58.33333333%;}.col-xl-8 {-ms-flex-preferred-size: 66.66666667%;flex-basis: 66.66666667%;max-width: 66.66666667%;}.col-xl-9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;}.col-xl-10 {-ms-flex-preferred-size: 83.33333333%;flex-basis: 83.33333333%;max-width: 83.33333333%;}.col-xl-11 {-ms-flex-preferred-size: 91.66666667%;flex-basis: 91.66666667%;max-width: 91.66666667%;}.col-xl-12 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.col-xl-offset-0 {margin-left: 0;}.col-xl-offset-1 {margin-left: 8.33333333%;}.col-xl-offset-2 {margin-left: 16.66666667%;}.col-xl-offset-3 {margin-left: 25%;}.col-xl-offset-4 {margin-left: 33.33333333%;}.col-xl-offset-5 {margin-left: 41.66666667%;}.col-xl-offset-6 {margin-left: 50%;}.col-xl-offset-7 {margin-left: 58.33333333%;}.col-xl-offset-8 {margin-left: 66.66666667%;}.col-xl-offset-9 {margin-left: 75%;}.col-xl-offset-10 {margin-left: 83.33333333%;}.col-xl-offset-11 {margin-left: 91.66666667%;}.start-xl {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;text-align: start;}.center-xl {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}.end-xl {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;text-align: end;}.top-xl {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}.middle-xl {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.bottom-xl {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}.around-xl {-ms-flex-pack: distribute;justify-content: space-around;}.between-xl {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.first-xl {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}.last-xl {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}.initial-order-xl {-webkit-box-ordinal-group: NaN;-ms-flex-order: initial;order: initial;}}@media only screen and (max-width: 575px) {.hidden-xs {display: none;}}@media only screen and (min-width: 576px) and (max-width: 767px) {.hidden-sm {display: none;}}@media only screen and (min-width: 768px) and (max-width: 991px) {.hidden-md {display: none;}}@media only screen and (min-width: 992px) and (max-width: 1199px) {.hidden-lg {display: none;}}@media only screen and (min-width: 1200px) {.hidden-xl {display: none;}}.umbo-fieldset {min-width: 0;margin: 0;padding: 0;border: 0;}.umbo-fieldset-legend {margin-bottom: 5px;}.umbo-form-group {display: block;margin-bottom: 30px;}.umbo-label {display: block;font-size: 1rem;font-weight: 400;margin-bottom: 5px;}.umbo-input {font-size: 1rem;line-height: 1.5;padding: .25rem .375rem;height: 2.5rem;border-color: #888;}.umbo-input:focus {outline: 3px solid #33fe96;outline-offset: 0;border: 1px solid #0b0c0c;box-shadow: inset 0px 0px 0px 2px;}.umbo-form-actions {display: inline-block;}.umbo-input-full-width {width: 100%;}.umbo-input-large {width: 75%;}.umbo-input-medium {width: 50%;}.umbo-input-small {width: 25%;}.umbo-input-xsmall {width: 10%;} \ No newline at end of file diff --git a/core/templates/layout.html b/core/templates/layout.html index e3239a2e07527cd56f1b6303baaa81db75181eb6..da7b584dc87699a4c25ffda70cbe90db02db350c 100644 --- a/core/templates/layout.html +++ b/core/templates/layout.html @@ -7,6 +7,7 @@ {% block title %} <title>{{ title or "Feira Virtual Bem da Terra" }}</title> {% endblock %} + <link href="/static/umbo.min.css" rel="stylesheet" /> <link href="/static/stylesheet.css" rel="stylesheet" /> </head>