neon443/neon443.github.io
1
0
Fork 0
mirror of https://github.com/neon443/neon443.github.io.git synced 2026-03-11 07:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

used padding shorthand + added colors comment

Browse Source
This commit is contained in:
Nihaal Sharma
2023-06-05 16:52:48 +01:00
parent 82954be0be
commit 97c743c065
1 changed files with 29 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
style.css
View File

@@ -1,3 +1,24 @@
/* COLOURS*/
/* Link: #007AFF */
/* Bold: #ff6200 */
/* Light */
/* Theme: #ddd */
/* text: #222 */
/* for contrast: #fff */
/* transparency: rgba(255, 255, 255, 0.25) */
/* box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25); */
/* bar link hover bg color: #111 */
/* bar link hover text color: #eee */
/* Dark */
/* Theme: #222 */
/* text: #ddd */
/* for contrast: #555 */
/* transparency: rgba(0, 0, 0, 0.25) */
/* box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25); */
/* bar link hover bg color: #eee */
/* bar link hover text color: #111 */
/* COLOURS */
/*regular text (body, p, b, h*) styles*/ /*regular text (body, p, b, h*) styles*/
* { * {
margin: 0px; margin: 0px;
@@ -17,32 +38,22 @@
} }
p { p {
font-size: 20px; font-size: 20px;
padding-left: 20px; padding: 0px 20px;
padding-right: 20px;
} }
h1 { h1 {
font-size: 40px; font-size: 40px;
font-weight: 750; font-weight: 750;
padding-top: 0px; padding: 0px 20px;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
} }
h2 { h2 {
font-size: 30px; font-size: 30px;
font-weight: 400; font-weight: 400;
padding-top: 0px; padding: 0px 20px;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
} }
h3 { h3 {
font-size: 25px; font-size: 25px;
font-weight: 400; font-weight: 400;
padding-top: 0px; padding: 0px 20px;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
} }
/* regular text (body, p, b, h*) styles*/ /* regular text (body, p, b, h*) styles*/
@@ -77,15 +88,13 @@
} }
.barItem * { .barItem * {
display: block; display: block;
color: #222;
text-decoration: none; text-decoration: none;
font-size: 20px; font-size: 20px;
padding: 9.2px 12px; padding: 9.2px 12px;
} }
.barItem h1 { .barItem h1 {
font-size: 30px; font-size: 30px;
padding-top: 2.5px; padding: 2.5px 12px;
padding-bottom: 2.5px;
border-right-style: solid; border-right-style: solid;
border-width: 1.5px; border-width: 1.5px;
border-color: #222; border-color: #222;
@@ -97,8 +106,7 @@
.barItem *:hover { .barItem *:hover {
font-size: 30px; font-size: 30px;
font-weight: 600; font-weight: 600;
padding-top: 2.5px; padding: 2.5px 12px;
padding-bottom: 2.5px;
} }
.barItem a:hover { .barItem a:hover {
background-color: #111; background-color: #111;
@@ -123,10 +131,6 @@
top: 45px; top: 45px;
font-size: 20px; font-size: 20px;
-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-webkit-backdrop-filter: blur(2.5px); -webkit-backdrop-filter: blur(2.5px);
-moz-backdrop-filter: blur(2.5px); -moz-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px);
@@ -167,9 +171,7 @@
.bar { .bar {
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
} }
.barItem * {
color: #ddd;
}
.barItem h1 { .barItem h1 {
border-color: #ddd; border-color: #ddd;
} }
@@ -186,13 +188,8 @@
} }
#notLinkToast { #notLinkToast {
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
} }
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
img {
width: 100%;
}
} }