Fixed screenshot size on Themes page
This commit is contained in:
parent
74680af5a4
commit
f1a828e948
2 changed files with 22 additions and 7 deletions
22
home.css
22
home.css
|
@ -326,6 +326,18 @@ ul {
|
||||||
max-width: 1024px;
|
max-width: 1024px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
.content {
|
||||||
|
display: block;
|
||||||
|
background-color: #f7d3d6;
|
||||||
|
border: solid 2pt;
|
||||||
|
border-color: white;
|
||||||
|
padding: 1rem;
|
||||||
|
padding-bottom: 1.5rem;
|
||||||
|
margin: auto;
|
||||||
|
text-align: left;
|
||||||
|
max-width: 1024px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
/* .intro {
|
/* .intro {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -366,14 +378,16 @@ ul {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.screenshot img {
|
.screenshot img {
|
||||||
width: 400px;
|
width: 360px;
|
||||||
max-height: 100vw;
|
|
||||||
max-width: 90%;
|
max-width: 90%;
|
||||||
|
height: auto;
|
||||||
|
|
||||||
}
|
}
|
||||||
.screenshot {
|
.screenshot {
|
||||||
width: 400px;
|
width: 360px;
|
||||||
max-height: 100vw;
|
|
||||||
max-width: 90%;
|
max-width: 90%;
|
||||||
|
height: auto;
|
||||||
|
|
||||||
}
|
}
|
||||||
.caption {
|
.caption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Themes by Shannon Kay</title>
|
<title>Themes by Shannon Kay</title>
|
||||||
|
<meta name="description" content="Sometimes I like to customize things, and I usually make them more pink. Themes for NetNewsWire RSS client for Mac and iOS.">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="theme-color" content="#f9dee1">
|
<meta name="theme-color" content="#f9dee1">
|
||||||
<link rel="stylesheet" href="../home.css">
|
<link rel="stylesheet" href="../home.css">
|
||||||
|
@ -17,8 +17,9 @@
|
||||||
<!--
|
<!--
|
||||||
<nav>Navigation goes here</nav>
|
<nav>Navigation goes here</nav>
|
||||||
-->
|
-->
|
||||||
<section class="text">
|
<section class="content">
|
||||||
<p>Sometimes I like to customize things, and I usually make them more pink.</p>
|
<p>Sometimes I like to customize things, and I usually make them more pink. <br>
|
||||||
|
Reply: <a href="mailto:homepage25@shannonkay.me"><i class="fa-solid fa-envelope"></i></a></p>
|
||||||
|
|
||||||
<h2 id="NetNewsWire"><a href="#NetNewsWire">NetNewsWire Themes</a></h2>
|
<h2 id="NetNewsWire"><a href="#NetNewsWire">NetNewsWire Themes</a></h2>
|
||||||
<p>These themes style the article view in <a href="https://netnewswire.com">NetNewsWire</a> RSS client. The themes work for Mac and iOS, and dark mode is included.</p>
|
<p>These themes style the article view in <a href="https://netnewswire.com">NetNewsWire</a> RSS client. The themes work for Mac and iOS, and dark mode is included.</p>
|
||||||
|
|
Loading…
Reference in a new issue