Community Playground

[[module CSS]]
/* Body */
body {
background-color: #1a1a1a;
color: #ffffff;
}
/* Heading */
h1, h2, h3, h4, h5, h6 {
color: #ffffff;
}
/* Links */
a {
color: #66b3ff;
}
a:hover {
color: #99ccff;
}
/* Navigation */
#header, #header2 {
background-color: #222222;
}
#header a {
color: #ffffff;
}
#header a:hover {
color: #99ccff;
}
/* Content */
#page-content {
background-color: #333333;
}
/* Sidebar */
#side-bar {
background-color: #222222;
}
/* Code blocks */
pre {
background-color: #333333;
color: #ffffff;
}
/* Tables */
table.wikitable {
background-color: #222222;
}
table.wikitable th, table.wikitable td {
border: 1px solid #333333;
color: #ffffff;
}
/* Buttons */
.button {
background-color: #66b3ff;
color: #ffffff;
}
.button:hover {
background-color: #99ccff;
}
/* Footer */
#footer {
background-color: #222222;
color: #ffffff;
}
/* Logo */
#header {
position: relative;
}
#header::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: url(path/to/logo.png) no-repeat;
width: 50px; /* Adjust width as needed */
height: 50px; /* Adjust height as needed */
background-size: contain;
margin: 10px; /* Adjust margin as needed */
}
/* Background */
body {
background-color: #1a1a1a;
background-image: linear-gradient(rgba(0, 0, 0, 0.8) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 0, 0, 0.8) 1px, transparent 1px);
background-size: 20px 20px;
animation: pulsating-grid 5s infinite;
}
/* Pulsating Grid Animation */
@keyframes pulsating-grid {
0% {
background-position: 0 0, 10px -10px;
}
50% {
background-position: 10px 10px, 0 0;
}
100% {
background-position: 0 0, 10px -10px;
}
}
[[/module]]