Merge pull request 'add border to img; slightly change background color; add print css; add small screen css; add dark mode css' (#1) from prx/openbsd-webzine:main into main
Reviewed-on: #1
This commit is contained in:
commit
0bac11a409
|
@ -55,14 +55,41 @@ body {
|
|||
padding: 30px;
|
||||
max-width: 80ch;
|
||||
border: 1px solid #111;
|
||||
background-color: #FEFEFE;
|
||||
background-color: #eee;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
main {
|
||||
column-count:2;
|
||||
column-gap: 2em;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin: auto;
|
||||
border: 3px solid black;
|
||||
padding:.25em;
|
||||
}
|
||||
|
||||
@media print {
|
||||
body { background-color:white; max-width:100%;}
|
||||
main { column-count:1; }
|
||||
}
|
||||
|
||||
@media screen and (max-width:800px) {
|
||||
main { column-count:1; }
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body { color: #eee; background-color: #111; }
|
||||
html { background-color: black; }
|
||||
.permalink { color: #eee; }
|
||||
.permalink:visited { color:#eee; }
|
||||
img {border-color: #eee;}
|
||||
#banner {border-color:#eee;}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<div class="puffies">🐡🐡🐡</div>
|
||||
<!-- SECTION -->
|
||||
<!--
|
||||
<h2>Artworks of the moment</h2>
|
||||
<img src="" alt="MANDATORY TEXT HERE" width="100%"/-->
|
||||
<!-- Replace with 7.0 artwork? -->
|
||||
<img src="https://www.openbsd.org/images/puffer_city.jpg" alt="Test artwork" width="100%"
|
||||
|
||||
|
|
Loading…
Reference in New Issue