org-share-to-web.el/themes/light.css

119 lines
2.1 KiB
CSS
Raw Normal View History

body {
margin: 2.5rem auto;
max-width: 700px;
line-height: 1.6;
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;
2023-06-26 12:56:12 +02:00
}
.timestamp {
color: #333333;
2023-06-13 12:54:15 +02:00
}
/* --------------------------------------------------- */
/* Make a nice input form with rounded corners and hover
* *animations */
2023-06-13 12:54:15 +02:00
/* --------------------------------------------------- */
input {
padding: 10px 16px;
margin: 2px 0;
box-sizing: border-box;
border: 2px solid #dabebe;
border-radius: 6px;
background: #fffff4;
color: #3a1616;
font-size: 16px;
transition: 0.5s;
outline: none;
2023-06-13 12:54:15 +02:00
}
input:focus {
border: 2px solid #3a1616;
2023-06-13 12:54:15 +02:00
}
/* --------------------------------------- */
/* The button is very similar to the input */
/* --------------------------------------- */
.button {
background-color: #fffff4;
border: none;
color: black;
padding: 6px 14px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
border: 2px solid #3a1616;
border-radius: 6px;
2023-06-13 12:54:15 +02:00
}
.button:hover {
background-color: #3a1616;
color: white;
2023-06-13 12:54:15 +02:00
}
/* ----------------------------------------------- */
/* Various classes for messages of different kinds */
/* ----------------------------------------------- */
.isa_info, .isa_success, .isa_warning, .isa_error {
width: 90%;
margin: 10px 0px;
padding: 12px;
2023-06-13 12:54:15 +02:00
}
2023-06-13 12:54:15 +02:00
.isa_info {
color: #00529b;
background-color: #bde5f8;
2023-06-13 12:54:15 +02:00
}
2023-06-13 12:54:15 +02:00
.isa_success {
color: #4f8a10;
background-color: #dff2bf;
2023-06-13 12:54:15 +02:00
}
2023-06-13 12:54:15 +02:00
.isa_warning {
color: #9f6000;
background-color: #feefb3;
2023-06-13 12:54:15 +02:00
}
2023-06-13 12:54:15 +02:00
.isa_error {
color: #d8000c;
background-color: #ffd2d2;
2023-06-13 12:54:15 +02:00
}
h1, h2, h3 {
line-height: 1.2;
font-family: "Lora";
2023-06-13 12:54:15 +02:00
}
img {
display: block;
width: 100%;
object-fit: cover;
object-position: center;
2023-06-13 12:54:15 +02:00
}
a {
color: #3297d3;
2023-06-13 12:54:15 +02:00
}
a:hover {
text-decoration: none;
2023-06-13 12:54:15 +02:00
}
pre {
font-family: "Inconsolata", monospace;
2023-06-13 12:54:15 +02:00
}
/*# sourceMappingURL=light.css.map */