added changes (i dont remember what i did)
This commit is contained in:
349
dist/ef19487056b129c8f3eda17f9543ab70.css
vendored
349
dist/ef19487056b129c8f3eda17f9543ab70.css
vendored
@ -1,348 +1 @@
|
||||
* {
|
||||
box-sizing: border-box; }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #f8f8f8;
|
||||
font-family: sans-serifs; }
|
||||
|
||||
main {
|
||||
z-index: 980;
|
||||
position: relative;
|
||||
top: 5.5em;
|
||||
width: 100%;
|
||||
word-break: break-all; }
|
||||
|
||||
h1 {
|
||||
margin: 0; }
|
||||
|
||||
h2 {
|
||||
margin: 0; }
|
||||
|
||||
h3 {
|
||||
margin: 0; }
|
||||
|
||||
h4 {
|
||||
margin: 0; }
|
||||
|
||||
h5 {
|
||||
margin: 0; }
|
||||
|
||||
h6 {
|
||||
margin: 0; }
|
||||
|
||||
h7 {
|
||||
margin: 0; }
|
||||
|
||||
h8 {
|
||||
margin: 0; }
|
||||
|
||||
h9 {
|
||||
margin: 0; }
|
||||
|
||||
h10 {
|
||||
margin: 0; }
|
||||
|
||||
h11 {
|
||||
margin: 0; }
|
||||
|
||||
h12 {
|
||||
margin: 0; }
|
||||
|
||||
.dev {
|
||||
border: 1px solid black; }
|
||||
|
||||
.display {
|
||||
background-color: lightcoral;
|
||||
border: 1px solid red;
|
||||
text-align: center; }
|
||||
|
||||
.container {
|
||||
width: calc( 100% - 10em);
|
||||
max-width: 90em;
|
||||
margin: 0 auto; }
|
||||
|
||||
.alert-primary {
|
||||
border-radius: 2px;
|
||||
background-color: #3498db;
|
||||
border: 1px solid #2980b9;
|
||||
padding: 1rem;
|
||||
color: white; }
|
||||
|
||||
.alert-danger {
|
||||
border-radius: 2px;
|
||||
background-color: #e74c3c;
|
||||
border: 1px solid #c0392b;
|
||||
padding: 1rem;
|
||||
color: white; }
|
||||
|
||||
.alert-warning {
|
||||
border-radius: 2px;
|
||||
background-color: #f1c40f;
|
||||
border: 1px solid #f39c12;
|
||||
padding: 1rem;
|
||||
color: white; }
|
||||
|
||||
.alert-success {
|
||||
border-radius: 2px;
|
||||
background-color: #2ecc71;
|
||||
border: 1px solid #27ae60;
|
||||
padding: 1rem;
|
||||
color: white; }
|
||||
|
||||
.notification-primary {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
border: 2px solid #3498db;
|
||||
border-radius: 2px; }
|
||||
|
||||
.notification-primary h2 {
|
||||
border-right: 0.3rem solid #3498db;
|
||||
padding: 5px;
|
||||
margin-right: 5px;
|
||||
min-width: 70px;
|
||||
height: auto;
|
||||
display: flex; }
|
||||
|
||||
.notification-danger {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
border: 2px solid #e74c3c;
|
||||
border-radius: 2px; }
|
||||
|
||||
.notification-danger h2 {
|
||||
border-right: 0.3rem solid #e74c3c;
|
||||
padding: 5px;
|
||||
margin-right: 5px;
|
||||
min-width: 70px;
|
||||
height: auto;
|
||||
display: flex; }
|
||||
|
||||
.notification-warning {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
border: 2px solid #f1c40f;
|
||||
border-radius: 2px; }
|
||||
|
||||
.notification-warning h2 {
|
||||
border-right: 0.3rem solid #f1c40f;
|
||||
padding: 5px;
|
||||
margin-right: 5px;
|
||||
min-width: 70px;
|
||||
height: auto;
|
||||
display: flex; }
|
||||
|
||||
.notification-success {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
border: 2px solid #2ecc71;
|
||||
border-radius: 2px; }
|
||||
|
||||
.notification-success h2 {
|
||||
border-right: 0.3rem solid #2ecc71;
|
||||
padding: 5px;
|
||||
margin-right: 5px;
|
||||
min-width: 70px;
|
||||
height: auto;
|
||||
display: flex; }
|
||||
|
||||
.notification-body {
|
||||
line-height: 30pt;
|
||||
font-size: 15pt;
|
||||
word-wrap: break-word; }
|
||||
|
||||
div[class^="col-"] {
|
||||
padding: 1rem 0; }
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap; }
|
||||
|
||||
.col-1 {
|
||||
flex: 0 0 8.33333%; }
|
||||
|
||||
.col-offset-1 {
|
||||
margin-left: 8.33333%; }
|
||||
|
||||
.col-2 {
|
||||
flex: 0 0 16.66667%; }
|
||||
|
||||
.col-offset-2 {
|
||||
margin-left: 16.66667%; }
|
||||
|
||||
.col-3 {
|
||||
flex: 0 0 25%; }
|
||||
|
||||
.col-offset-3 {
|
||||
margin-left: 25%; }
|
||||
|
||||
.col-4 {
|
||||
flex: 0 0 33.33333%; }
|
||||
|
||||
.col-offset-4 {
|
||||
margin-left: 33.33333%; }
|
||||
|
||||
.col-5 {
|
||||
flex: 0 0 41.66667%; }
|
||||
|
||||
.col-offset-5 {
|
||||
margin-left: 41.66667%; }
|
||||
|
||||
.col-6 {
|
||||
flex: 0 0 50%; }
|
||||
|
||||
.col-offset-6 {
|
||||
margin-left: 50%; }
|
||||
|
||||
.col-7 {
|
||||
flex: 0 0 58.33333%; }
|
||||
|
||||
.col-offset-7 {
|
||||
margin-left: 58.33333%; }
|
||||
|
||||
.col-8 {
|
||||
flex: 0 0 66.66667%; }
|
||||
|
||||
.col-offset-8 {
|
||||
margin-left: 66.66667%; }
|
||||
|
||||
.col-9 {
|
||||
flex: 0 0 75%; }
|
||||
|
||||
.col-offset-9 {
|
||||
margin-left: 75%; }
|
||||
|
||||
.col-10 {
|
||||
flex: 0 0 83.33333%; }
|
||||
|
||||
.col-offset-10 {
|
||||
margin-left: 83.33333%; }
|
||||
|
||||
.col-11 {
|
||||
flex: 0 0 91.66667%; }
|
||||
|
||||
.col-offset-11 {
|
||||
margin-left: 91.66667%; }
|
||||
|
||||
.col-12 {
|
||||
flex: 0 0 100%; }
|
||||
|
||||
.col-offset-12 {
|
||||
margin-left: 100%; }
|
||||
|
||||
header {
|
||||
background: #f1f1f1;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
height: 30px;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
top: 0;
|
||||
padding: 10px; }
|
||||
|
||||
.nav-toggle {
|
||||
display: none; }
|
||||
|
||||
.nav-toggle-label {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-left: 1em;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center; }
|
||||
|
||||
.nav-toggle-label span,
|
||||
.nav-toggle-label span::before,
|
||||
.nav-toggle-label span::after {
|
||||
display: block;
|
||||
background: white;
|
||||
height: 2px;
|
||||
width: 2em;
|
||||
border-radius: 2px; }
|
||||
|
||||
.nav-toggle-label span::before,
|
||||
.nav-toggle-label span::after {
|
||||
content: '';
|
||||
position: absolute; }
|
||||
|
||||
.nav-toggle-label span::before {
|
||||
bottom: 30px; }
|
||||
|
||||
.nav-toggle-label span::after {
|
||||
top: 30px; }
|
||||
|
||||
nav {
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
top: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
background: #f1f1f1;
|
||||
display: none;
|
||||
transform: scale(1, 0);
|
||||
transform-origin: top;
|
||||
transition: transform 400ms ease-in-out; }
|
||||
|
||||
nav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none; }
|
||||
|
||||
nav li {
|
||||
margin-bottom: 1em;
|
||||
margin-left: 1em; }
|
||||
|
||||
nav a {
|
||||
text-decoration: none;
|
||||
font-size: 1.2rem;
|
||||
text-transform: uppercase;
|
||||
color: #2e2e2e;
|
||||
opacity: 0; }
|
||||
|
||||
nav a:hover {
|
||||
color: #a5a5a5; }
|
||||
|
||||
.nav-toggle:checked ~ nav {
|
||||
display: block;
|
||||
transform: scale(1, 1); }
|
||||
|
||||
.nav-toggle:checked ~ nav a {
|
||||
opacity: 1;
|
||||
transition: opacity 150ms ease-in-out; }
|
||||
|
||||
@media screen and (min-width: 800px) {
|
||||
.nav-toggle-label {
|
||||
display: none; }
|
||||
header {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto minmax(600px, 1fr) 1fr; }
|
||||
nav {
|
||||
all: unset;
|
||||
display: flex;
|
||||
align-items: center; }
|
||||
nav a {
|
||||
opacity: 1; }
|
||||
nav ul {
|
||||
display: flex; }
|
||||
nav li {
|
||||
margin-left: 1em;
|
||||
margin-bottom: 0;
|
||||
list-style: none; }
|
||||
.nav-logo-left {
|
||||
grid-column: 2 / span 1; }
|
||||
.nav-left {
|
||||
all: unset;
|
||||
grid-column: 3 / 4;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center; }
|
||||
.nav-left ul {
|
||||
display: flex;
|
||||
justify-content: flex-end; } }
|
||||
*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}hr{background-color:silver;border:2px solid silver;border-radius:5px}body{margin:0;padding:0;background:#f8f8f8}main{z-index:1;position:relative;top:5.5em;width:100%;word-break:break-all}pre{background-color:#d8d8d8;border-radius:5px}h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,h11,h12{margin:0}.embed{background-color:#d8d8d8;border-radius:5px;padding:5px}.dev{border:1px solid #000}.display{background-color:#f08080;border:1px solid red;text-align:center}.container{width:calc(100% - 10em);max-width:90em;margin:0 auto}.alert-primary{border-radius:2px;background-color:#3498db;border:1px solid #2980b9;padding:1rem;color:#fff}.alert-danger{border-radius:2px;background-color:#e74c3c;border:1px solid #c0392b;padding:1rem;color:#fff}.alert-warning{border-radius:2px;background-color:#f1c40f;border:1px solid #f39c12;padding:1rem;color:#fff}.alert-success{border-radius:2px;background-color:#2ecc71;border:1px solid #27ae60;padding:1rem;color:#fff}.notification-primary{width:100%;display:flex;padding:5px;border:2px solid #3498db;border-radius:2px}.notification-primary h2{border-right:.3rem solid #3498db;padding:5px;margin-right:5px;min-width:70px;height:auto;display:flex}.notification-danger{width:100%;display:flex;padding:5px;border:2px solid #e74c3c;border-radius:2px}.notification-danger h2{border-right:.3rem solid #e74c3c;padding:5px;margin-right:5px;min-width:70px;height:auto;display:flex}.notification-warning{width:100%;display:flex;padding:5px;border:2px solid #f1c40f;border-radius:2px}.notification-warning h2{border-right:.3rem solid #f1c40f;padding:5px;margin-right:5px;min-width:70px;height:auto;display:flex}.notification-success{width:100%;display:flex;padding:5px;border:2px solid #2ecc71;border-radius:2px}.notification-success h2{border-right:.3rem solid #2ecc71;padding:5px;margin-right:5px;min-width:70px;height:auto;display:flex}.notification-body{line-height:30pt;font-size:15pt;word-wrap:break-word}div[class^=col-]{padding:1rem 0}.row{display:flex;flex-wrap:wrap}.col-1{flex:0 0 8.33333%}.col-offset-1{margin-left:8.33333%}.col-2{flex:0 0 16.66667%}.col-offset-2{margin-left:16.66667%}.col-3{flex:0 0 25%}.col-offset-3{margin-left:25%}.col-4{flex:0 0 33.33333%}.col-offset-4{margin-left:33.33333%}.col-5{flex:0 0 41.66667%}.col-offset-5{margin-left:41.66667%}.col-6{flex:0 0 50%}.col-offset-6{margin-left:50%}.col-7{flex:0 0 58.33333%}.col-offset-7{margin-left:58.33333%}.col-8{flex:0 0 66.66667%}.col-offset-8{margin-left:66.66667%}.col-9{flex:0 0 75%}.col-offset-9{margin-left:75%}.col-10{flex:0 0 83.33333%}.col-offset-10{margin-left:83.33333%}.col-11{flex:0 0 91.66667%}.col-offset-11{margin-left:91.66667%}.col-12{flex:0 0 100%}.col-offset-12{margin-left:100%}header{background:#f1f1f1;text-align:center;position:fixed;height:30px;z-index:2;width:100%;height:auto;top:0;padding:10px}.nav-toggle{display:none}.nav-toggle-label{position:absolute;top:0;left:0;margin-left:1em;height:100%;display:flex;align-items:center}.nav-toggle-label span,.nav-toggle-label span:after,.nav-toggle-label span:before{display:block;background:#fff;height:2px;width:2em;border-radius:2px}.nav-toggle-label span:after,.nav-toggle-label span:before{content:"";position:absolute}.nav-toggle-label span:before{bottom:30px}.nav-toggle-label span:after{top:30px}nav{position:absolute;text-align:left;top:100%;width:100%;left:0;background:#f1f1f1;display:none;transform:scaleY(0);transform-origin:top;transition:transform .4s ease-in-out}nav ul{margin:0;padding:0;list-style-type:none}nav li{margin-bottom:1em;margin-left:1em}nav a{text-decoration:none;font-size:1.2rem;text-transform:uppercase;color:#2e2e2e;opacity:0}nav a:hover{color:#a5a5a5}.nav-toggle:checked~nav{display:block;transform:scale(1)}.nav-toggle:checked~nav a{opacity:1;transition:opacity .15s ease-in-out}@media screen and (min-width:800px){.nav-toggle-label{display:none}header{display:grid;grid-template-columns:1fr auto minmax(600px,1fr) 1fr}nav{all:unset;display:flex;align-items:center}nav a{opacity:1}nav ul{display:flex}nav li{margin-left:1em;margin-bottom:0;list-style:none}.nav-logo-left{grid-column:2/span 1}.nav-left{all:unset;grid-column:3/4;align-items:center}.nav-left,.nav-left ul{display:flex;justify-content:flex-end}}
|
||||
Reference in New Issue
Block a user