replace left-panel with background-image

This commit is contained in:
2026-02-17 00:56:14 +01:00
parent 2314b73411
commit 29c9b8b194
2 changed files with 10 additions and 8 deletions

View File

@@ -5,7 +5,6 @@
<link rel="stylesheet" href="main.css" /> <link rel="stylesheet" href="main.css" />
</head> </head>
<body> <body>
<div id="left-panel"></div>
<div id="right-panel"> <div id="right-panel">
<div class="left-hang"> <div class="left-hang">
<div><img id="david-portrait" src="david.jpg" alt="David Portrait" /></div> <div><img id="david-portrait" src="david.jpg" alt="David Portrait" /></div>

View File

@@ -36,6 +36,16 @@
} }
} }
html {
height: 100%;
}
body {
background-image: linear-gradient(to right, rgb(185,205,229), rgb(185,205,229));
background-size: 6.7cm 100%;
background-position: top left;
background-repeat: no-repeat;
}
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -48,13 +58,6 @@
print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */ print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */
} }
#left-panel {
float: left;
width: 6.7cm;
height: 29.7cm;
background: rgb(185,205,229);
}
#right-panel { #right-panel {
margin-left: 6.7cm; margin-left: 6.7cm;
padding: 2.5cm 1cm; padding: 2.5cm 1cm;