css-test

Posted by Helmut_pdorf on 26 Jun 2023 15:52, last edited by Helmut_pdorf on 26 Jun 2023 16:02
Tags: css

1. Why?

This is a test page belonging to the community forum post:
http://community.wikidot.com/forum/t-16031189/i-made-css-with-chatgpt#post-6132921

2 CSSCode

+ Show CSS module code

[[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]]

2 What ever you want to show you can also use html block:

---

---

+ Show Backlinks

Backlinks (Links to this page from others):

+ Show Comments

Comments:

Number of Comments: 0)