WebDev/Mind-Overflow-Website
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

trying out text-selection colors

Browse Source
This commit is contained in:
Bea 2020-07-02 18:49:20 +02:00
parent 6eceb990b3
commit 33018241bf
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@ -6,7 +6,6 @@
<link href="/styles/home-style.css" rel="stylesheet" type="text/css"> <link href="/styles/home-style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/png" href="/images/logos/brain-128.png"/> <link rel="shortcut icon" type="image/png" href="/images/logos/brain-128.png"/>
<title>Mind Overflow : Home</title> <title>Mind Overflow : Home</title>
<script src="anime.min.js"></script>
</head> </head>

4
pages/about.html
View File

@ -25,8 +25,8 @@
<div class="content"> <div class="content">
<h2 style="font-style: italic;">A little biography</h2> <h2 style="font-style: italic;">A little biography</h2>
<p>Hi. I'm Lorenzo and I'm an 18 years old high school student.</p> <p>Hi. I'm Lorenzo and I'm an 18-years-old high school student.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas risus nibh, ornare eu eleifend et, facilisis eget odio. Suspendisse tellus leo, cursus vel mi ullamcorper, ultrices commodo nisl. Donec auctor sodales urna id vehicula. Nunc mattis dapibus tincidunt. Sed ac euismod ante. Nunc laoreet ante vitae dolor vulputate, quis volutpat ex posuere. Duis in porttitor odio. Sed id accumsan dolor. Donec eu dictum nibh.</p> <p>I'm a young developer, but I'm also a pianist, a DJ and a passionate photographer.</p>
<p>Curabitur ac efficitur eros. Etiam elementum nibh hendrerit, commodo urna ut, convallis eros. Aenean ac feugiat elit. Quisque vestibulum ante in ipsum feugiat, in malesuada dolor mattis. Morbi id quam malesuada, molestie tortor quis, iaculis odio. Maecenas efficitur, elit et dictum volutpat, mauris dui dignissim ex, in laoreet tellus felis nec risus. Cras tincidunt consectetur magna ac tincidunt.</p> <p>Curabitur ac efficitur eros. Etiam elementum nibh hendrerit, commodo urna ut, convallis eros. Aenean ac feugiat elit. Quisque vestibulum ante in ipsum feugiat, in malesuada dolor mattis. Morbi id quam malesuada, molestie tortor quis, iaculis odio. Maecenas efficitur, elit et dictum volutpat, mauris dui dignissim ex, in laoreet tellus felis nec risus. Cras tincidunt consectetur magna ac tincidunt.</p>

5
styles/pages-style.css
View File

@ -135,6 +135,11 @@ li {
padding: 16px; padding: 16px;
} }
/* COLORED TEXT SELECTION */
::selection {
color: black;
background: paleturquoise;
}
/* ANIMATED GRADIENT BACKGROUND */ /* ANIMATED GRADIENT BACKGROUND */
@keyframes gradient { @keyframes gradient {