replace left-panel with background-image
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
17
main.css
17
main.css
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user