andros/org-share-to-web.el
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated on - Mon Jun 26 12:18:31 UTC 2023

Browse Source
This commit is contained in:
GitHub Action 2023-06-26 12:18:31 +00:00
parent 4e196eb6b6
commit c02c3dd919
1 changed files with 88 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

183
themes/light.css
View File

@ -1,140 +1,133 @@
body {
:root { margin: 2.5rem auto;
--color-bg: #FFFFF5; max-width: 700px;
--color-text: #000; line-height: 1.6;
--gap-l: 2.5rem; background: #fffff5;
color: #000;
padding-inline: 1rem;
line-height: 28px;
font-family: "Lora";
font-weight: 500;
box-sizing: border-box;
font-display: swap;
}
body::selection {
color: #fffff5;
background: #a4aeb6;
} }
body { .timestamp {
margin: var(--gap-l) auto; color: #333333;
max-width: 610px;
line-height: 1.6;
background: var(--color-bg);
color: var(--color-text);
padding: 0 10px;
line-height: 28px;
font-family: "Lora";
font-weight: 500;
box-sizing: border-box;
/* Smooth the font a little bit, it's a
bit too bold on retina screens */
-webkit-font-smoothing: antialiased;
} }
/* --------------------------------------------------- */ /* --------------------------------------------------- */
/* Make a nice input form with rounded corners and hover /* Make a nice input form with rounded corners and hover
animations*/ * *animations */
/* --------------------------------------------------- */ /* --------------------------------------------------- */
input { input {
padding: 10px 16px; padding: 10px 16px;
margin: 2px 0; margin: 2px 0;
box-sizing: border-box; box-sizing: border-box;
border: 2px solid #dabebe; border: 2px solid #dabebe;
border-radius: 6px; border-radius: 6px;
background: #fffff4; background: #fffff4;
color: #3a1616; color: #3a1616;
font-size: 16px; font-size: 16px;
-webkit-transition: 0.5s; transition: 0.5s;
transition: 0.5s; outline: none;
outline: none;
} }
input:focus { input:focus {
border: 2px solid #3a1616; border: 2px solid #3a1616;
} }
/* --------------------------------------- */ /* --------------------------------------- */
/* The button is very similar to the input */ /* The button is very similar to the input */
/* --------------------------------------- */ /* --------------------------------------- */
.button { .button {
background-color: #fffff4; background-color: #fffff4;
border: none; border: none;
color: black; color: black;
padding: 6px 14px; padding: 6px 14px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
margin: 4px 2px; margin: 4px 2px;
transition-duration: 0.4s; transition-duration: 0.4s;
cursor: pointer; cursor: pointer;
border: 2px solid #3a1616; border: 2px solid #3a1616;
border-radius: 6px; border-radius: 6px;
} }
.button:hover { .button:hover {
background-color: #3a1616; background-color: #3a1616;
color: white; color: white;
} }
/* ----------------------------------------------- */ /* ----------------------------------------------- */
/* Various classes for messages of different kinds */ /* Various classes for messages of different kinds */
/* ----------------------------------------------- */ /* ----------------------------------------------- */
.isa_info, .isa_info, .isa_success, .isa_warning, .isa_error {
.isa_success, width: 90%;
.isa_warning, margin: 10px 0px;
.isa_error { padding: 12px;
width: 90%;
margin: 10px 0px;
padding: 12px;
}
.isa_info {
color: #00529b;
background-color: #bde5f8;
}
.isa_success {
color: #4f8a10;
background-color: #dff2bf;
}
.isa_warning {
color: #9f6000;
background-color: #feefb3;
}
.isa_error {
color: #d8000c;
background-color: #ffd2d2;
} }
h1, .isa_info {
h2, color: #00529b;
h3 { background-color: #bde5f8;
line-height: 1.2; }
font-family: "Lora";
.isa_success {
color: #4f8a10;
background-color: #dff2bf;
}
.isa_warning {
color: #9f6000;
background-color: #feefb3;
}
.isa_error {
color: #d8000c;
background-color: #ffd2d2;
}
h1, h2, h3 {
line-height: 1.2;
font-family: "Lora";
} }
img { img {
width: 500px; width: 500px;
max-width: 100%; max-width: 100%;
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
} }
/* --------------------------------------------- */ /* --------------------------------------------- */
/* Bold hover animations on links and clickables */ /* Bold hover animations on links and clickables */
/* --------------------------------------------- */ /* --------------------------------------------- */
a { a {
cursor: pointer; cursor: pointer;
color: #217ab7; color: #217ab7;
line-height: inherit; line-height: inherit;
transition: .14s; transition: 0.14s;
} }
a:hover { a:hover {
color: white; color: white;
background-color: #3297d3; background-color: #3297d3;
} }
a:visited { a:visited {
color: #43458b; color: #43458b;
border-color: #43458b; border-color: #43458b;
} }
a:visited:hover { a:visited:hover {
color: white; color: white;
background-color: #9251ac; background-color: #9251ac;
} }
pre { pre {
font-family: "Inconsolata", monospace; font-family: "Inconsolata", monospace;
} }
::selection { /*# sourceMappingURL=light.css.map */
color: white;
background: #ff4081;
}