ari.lt/content/styles/export/index.css
Ari Archer 1c3ba463cd Update usage api, add an [read more]
- Update usage api
- Add an import/export data page
- Improve css
- Add more noscript tags
- Fix a JS lincense issue
- Fix an html issue with a tags having no target="_blank"
- Add generic styling for noscript tags
- Add css for a switch/toggle (future use, didn't use it this time)

Signed-off-by: Ari Archer <ari.web.xyz@gmail.com>
2022-09-23 00:47:52 +03:00

72 lines
1,006 B
CSS

/* :root {
--switch-fg: #f9f6e8;
--switch-bg-inactive: #666c7f;
--switch-bg-active: #87afaf;
} */
*,
*::before,
*::after {
background-color: #2b2e36;
color: #f9f6e8;
font-family: sans-serif;
}
label:not(label[for]) {
float: right;
padding: 1em;
}
body {
padding: 1em;
margin: auto;
max-width: 1000px;
height: 100vh;
}
/* .switch {
padding: 1em;
} */
.content *,
.content {
display: block;
}
#pages {
display: grid;
height: 100%;
grid-template-rows: auto auto;
grid-gap: 1em;
align-items: center;
}
#pages > div {
height: 100%;
padding: 4em;
}
#pages * h2 {
text-align: center;
}
textarea {
width: 100%;
height: 50%;
margin: 1em;
padding: 1em;
resize: none;
}
button {
padding: 0.5em;
background-color: #666c7f;
border-color: transparent;
cursor: pointer;
transition: background-color 0.2s ease-in-out;
}
button:hover, button:focus {
background-color: #87afaf;
}