mirror of
https://github.com/tanrax/RSSPAPER.git
synced 2025-12-08 08:42:44 -05:00
creo tema sepia a partir de light
This commit is contained in:
98
resources/themes/sepia/static/css/main.css
Normal file
98
resources/themes/sepia/static/css/main.css
Normal file
@@ -0,0 +1,98 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--color-black: #020a15;
|
||||
--color-gray: #9C9184;
|
||||
--color-white: #fcead5;
|
||||
--color-background: #E5D5C2;
|
||||
--height-img: 10rem;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Newsreader;
|
||||
src: url("../fonts/Newsreader-VariableFont_opsz,wght.woff2");
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Newsreader, serif;
|
||||
color: var(--color-black);
|
||||
background: linear-gradient(90deg, var(--color-background), var(--color-white), var(--color-white), var(--color-background));
|
||||
background-size: 100%;
|
||||
}
|
||||
img {
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
img, video, iframe {
|
||||
width: 100%;
|
||||
}
|
||||
a {
|
||||
color: var(--color-black);
|
||||
text-decoration: none;
|
||||
}
|
||||
pre {
|
||||
overflow-x: auto;
|
||||
}
|
||||
.container {
|
||||
max-width: 62rem;
|
||||
margin: 0 auto;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
font-size: 4rem;
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.subtitle {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: -1rem;
|
||||
font-weight: normal;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.subtitle__separator {
|
||||
font-size: 3rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.separator {
|
||||
border: 0;
|
||||
background: var(--color-black);
|
||||
height: 1px;
|
||||
}
|
||||
.footer__text {
|
||||
text-align: center;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.footer__link {
|
||||
font-weight: bold;
|
||||
}
|
||||
.footer__heard {
|
||||
display: inline-block;
|
||||
margin-left: .3rem;
|
||||
}
|
||||
.article__title, .article__feed {
|
||||
font-weight: normal;
|
||||
}
|
||||
.article__header-img > a > img {
|
||||
height: var(--height-img);
|
||||
object-position: top;
|
||||
object-fit: cover;
|
||||
filter: sepia(0.8);
|
||||
}
|
||||
.article__header-img > a > img:hover {
|
||||
filter: sepia(0);
|
||||
}
|
||||
.article__random-background {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user