This CSS code includes a comprehensive set of global styles, with box-sizing, margin, and padding resets, font sizes and line heights for headings and paragraph
morphic.sh by AxDSan
Details
AuthorAxDSan
LicenseNo License
Categorymorphic.sh
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name morphic.sh
@version 20240812.15.18
@namespace ?
==/UserStyle== */
@-moz-document domain("morphic.sh") {
/* Global Styles */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif;
font-size: 18px;
line-height: 1.6;
background-color: #111c25;
color: #fff;
}
/* Backgrounds */
.bg-background {
background-color: #08213c;
}
.bg-background-alt {
background-color: #1a1d23;
}
/* Text Styles */
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: #fff;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
p {
font-size: 18px;
color: #ccc;
}
/* Links */
a {
text-decoration: none;
color: #66d9ef;
}
a:hover {
color: #fff;
}
/* Div Styles */
.container {
max-width: 800px;
margin: 40px auto;
padding: 20px;
background-color: #1a1d23;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* Utilities */
.bg-opacity-80 {
background-color: rgba(8, 33, 60, 0.8);
}
/* Responsive Design */
@media only screen and (max-width: 768px) {
body {
font-size: 16px;
}
.container {
max-width: 600px;
}
}
@media only screen and (max-width: 480px) {
body {
font-size: 14px;
}
.container {
max-width: 400px;
}
}
}