Wiki

Click to preview

Name: Wiki

Author: Character117
License: Creative Commons Attribution-ShareAlike 3.0 License
This Theme Is Licensed Under the CC BY-SA 3.0 License.
Tags:

Supports top bar menu *: no
Supports side bar menu *: no
* depends on tags: topbar and sidebar

Description:

A Standard Wiki Theme Based on 4Chan!

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/wiki

Code

+ show the code

/* Base Styles */
body {
  background-color: #F6F6F6; /* Light grey background */
  color: #333; /* Dark text color */
  font-family: Arial, sans-serif; /* Clean, sans-serif font */
  line-height: 1.6; /* Improved readability */
  margin: 0;
  padding: 0;
}
 
/* Header Styles */
.header {
  background-color: #000; /* Black header */
  color: #FFF; /* White text */
  padding: 15px;
  text-align: center;
}
 
/* Navigation Bar */
.nav {
  background: #444; /* Darker grey for the nav */
  overflow: hidden; /* Clear floats */
}
.nav a {
  float: left; /* Align links to the left */
  display: block;
  color: #FFF;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.nav a:hover {
  background-color: #575757; /* Darker grey on hover */
}
 
/* Main Content Area */
.main-content {
  max-width: 1200px; /* Max width for larger screens */
  margin: auto; /* Center align */
  padding: 20px;
}
 
/* Article Styles */
.article {
  background-color: #FFF; /* White background for articles */
  border: 1px solid #DDD; /* Light grey border */
  border-radius: 8px; /* Rounded corners */
  margin-bottom: 20px; /* Space between articles */
  padding: 15px;
}
 
/* Responsive Design */
@media (max-width: 768px) {
  .nav a {
    float: none; /* Stack navigation links vertically */
    width: 100%; /* Full width */
  }
  .main-content {
    padding: 10px; /* Adjust padding for smaller screens */
  }
  .article {
    padding: 10px; /* Reduce padding in articles */
  }
}
 
/* Footer Styles */
.footer {
  background-color: #000; /* Black footer */
  color: #FFF; /* White text */
  text-align: center;
  padding: 10px;
  position: relative;
  bottom: 0;
  width: 100%;
}

Notes

Similar themes

Browse themes by tag 2.0 3d 3d-buttons 610nm and and/or ardeol articles band base beige black blog bloo blue bmc border boring brown business camo cat chocholate christian christmas city clan claret claus clay clean coffe coke colorful company contest contest-win corperate corporate corporation creative crimson cross css3 css3-buttons curved d14 dark dashed deep

Comments