0x2620/phantasmobile
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

colors and titles

Browse source
This commit is contained in:
j 2023-08-22 17:35:56 +02:00
commit b56167a703
5 changed files with 53 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

29
app/static/css/site.scss
View file

@ -1,5 +1,7 @@
:root {
--fg: rgb(240, 240, 240);
--blue: rgb(110, 194, 240);
--title: rgb(110, 194, 240);
}
@font-face {
@ -41,9 +43,8 @@ header {
}
.index {
padding-top: 16px;
.item {
border-bottom: 1px solid blueviolet;
//border-bottom: 1px solid blueviolet;
padding-bottom: 4px;
margin-bottom: 8px;
@ -51,7 +52,14 @@ header {
text-decoration: none;
color: var(--fg);
h1 {
color: var(--title);
text-decoration: underline;
font-size: 16px;
}
h2 {
border-bottom: 1px solid pink;
font-size: 18px;
font-weight: bold;
}
}
h1 {
@ -77,6 +85,7 @@ header {
}
.archive {
text-align: center;
padding-bottom: 32px;
}
&.archive {
h2.week {
@ -95,6 +104,10 @@ header {
}
}
.item {
h2 {
font-size: 16px;
font-weight: initial;
}
.comments {
text-align: right;
padding-right: 4px;
@ -104,6 +117,18 @@ header {
}
}
}
@media(max-width:768px) {
.index {
.item {
a {
h1, h2 {
padding-left: 4px;
padding-right: 4px;
}
}
}
}
}
nav.overlay {
position: absolute;

14
app/static/css/style.css
View file

@ -20,7 +20,7 @@ body {
}
a {
color: rgb(128, 128, 255)
color: var(--blue)
}
iframe {
max-width: 100%;
@ -38,12 +38,19 @@ video, .poster {
min-height: 100vh;
max-width: 1000px;
margin: auto;
padding-top: 16px;
}
.item-title {
color: var(--title);
text-decoration: underline;
padding-bottom: 0;
font-size: 16px;
text-wrap: balance;
}
.title {
padding-top: 16px;
padding-bottom: 0;
margin-bottom: 4px;
font-size: 14pt;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid pink;
text-wrap: balance;
@ -58,6 +65,7 @@ video, .poster {
padding-bottom: 0px;
}
@media(max-width:768px) {
.item-title,
.title,
.byline {
padding-left: 4px;