nune/www.blitzw.in
1
0
Fork 0
mirror of https://github.com/gigirassy/gigirassy.github.io/ synced 2024-09-29 15:55:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update style.css

Browse source
This commit is contained in:
nune 2024-02-20 19:27:49 -05:00 committed by GitHub
parent 4c6427dc7d
commit 53b332e96c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 19 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
style.css
View file

@ -1,3 +1,4 @@
/* The sauce of your page. Font size depends on browser settings for accessibility. */
body{
background-color: #21202b;
color: #bec1cd;
@ -6,39 +7,47 @@ body{
padding: 3px;
line-height: 1.4em;
}
/* Headers! I use the second largest headers because why not.. */
h2{
border-bottom: 3px solid #735c73;
padding:2px;
}
/* Footer of each page, also changing font size depending on settings. */
.footer{
text-align:center;
font-size:75%;
}
/* Paragraph padding. It's pretty cool. */
p{
padding-left:2px;
}
.badges{
position:absolute;
top:0;
right:0;
padding:5px;
}
/* Link colors and highlights! Border radius is just because it's cool. */
a{
background-color:#bbaad5;
color:#21202b;
border-radius:5px;
text-decoration:none;
}
img {
max-width: 100%;
height: auto;
}
/* Link hover! */
a:hover{
background-color:#e6cbe6;
color:#21202b;
border-radius:5px;
text-decoration:none;
}
/* Manually sizing images for mobile accessibility! */
img {
max-width: 100%;
height: auto;
}
/* Image bullets that won't make a screen reader user groan in pain, because these properly show up as bullets! */
ul{
list-style-image: url("/img/bullet.jpg");
}