Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
More languages
More actions
No edit summary
No edit summary
Line 1: Line 1:
/* Modern Blue Theme for SimpleDarkInfobox */
/* Basic Infobox with Modern Blue and Dark Gray Theme */
.infobox {
.basic-infobox {
   background-color: #5c85d6; /* Dark gray background for the entire infobox */
   background-color: #444; /* Uniform dark gray background */
   border: 1px solid #5c85d6; /* Blue border */
   border: 2px solid #5c85d6; /* Modern blue border */
   border-radius: 10px; /* Rounded corners */
   border-radius: 10px; /* Rounded corners */
   color: #ffffff; /* White text */
   color: #ffffff; /* White text */
   font-family: 'Arial', sans-serif; /* Modern, clean font */
   font-family: 'Arial', sans-serif; /* Modern, clean font */
   /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); *//* Subtle shadow */
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Subtle shadow */
   margin: 10px;
   margin: 10px;
   float: right; /* Float to the right */
   float: right; /* Float to the right */
  clear: right; /* Align to the top right */
   width: 300px; /* Fixed width */
   width: 300px; /* Fixed width */
}
}


.infobox th {
.basic-infobox th {
   background-color: #5c85d6; /* Blue background for headers */
   background-color: #5c85d6; /* Blue background for headers */
   color: #FFFFFF; /* White text for contrast */
   color: #FFFFFF; /* White text for contrast */
Line 22: Line 21:
}
}


.infobox td {
.basic-infobox td {
/* border-bottom: 1px solid #0066cc; *//* Blue row separator */
  background-color: #444; /* Dark gray for all cells */
   padding: 5px; /* Padding for table cells */
   padding: 5px; /* Padding for table cells */
}
}


.infobox td:first-child {
.basic-infobox td:first-child {
  background-color: #222; /* Dark gray for label cells */
   font-weight: bold; /* Bold text for labels */
   font-weight: bold; /* Bold text for labels */
  padding: 5px;
   width: 40%; /* Fixed width for the label column */
   width: 40%; /* Fixed width for the label column */
}
}


.infobox td:last-child {
.basic-infobox a {
  background-color: #222; /* Slightly lighter dark gray for data cells */
  padding: 5px;
}
 
.infobox a {
   color: #66ccff; /* Light blue for links */
   color: #66ccff; /* Light blue for links */
   text-decoration: none; /* Remove underline from links */
   text-decoration: none; /* Remove underline from links */
}
}


.infobox a:hover {
.basic-infobox a:hover {
   color: #3399ff; /* Bright blue for hovered links */
   color: #3399ff; /* Bright blue for hovered links */
   text-decoration: underline; /* Underline on hover */
   text-decoration: underline; /* Underline on hover */
Line 50: Line 42:


/* Center the image within the infobox */
/* Center the image within the infobox */
.infobox td img {
.basic-infobox td img {
   display: block;
   display: block;
   margin: 0 auto;
   margin: 0 auto;
}
}

Revision as of 21:04, 9 June 2024

/* Basic Infobox with Modern Blue and Dark Gray Theme */
.basic-infobox {
  background-color: #444; /* Uniform dark gray background */
  border: 2px solid #5c85d6; /* Modern blue border */
  border-radius: 10px; /* Rounded corners */
  color: #ffffff; /* White text */
  font-family: 'Arial', sans-serif; /* Modern, clean font */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Subtle shadow */
  margin: 10px;
  float: right; /* Float to the right */
  width: 300px; /* Fixed width */
}

.basic-infobox th {
  background-color: #5c85d6; /* Blue background for headers */
  color: #FFFFFF; /* White text for contrast */
  padding: 10px; /* Padding for the header */
  text-align: center; /* Center-align the header text */
  font-size: 1.25em; /* Slightly larger text */
  font-weight: bold; /* Bold header text */
}

.basic-infobox td {
  background-color: #444; /* Dark gray for all cells */
  padding: 5px; /* Padding for table cells */
}

.basic-infobox td:first-child {
  font-weight: bold; /* Bold text for labels */
  width: 40%; /* Fixed width for the label column */
}

.basic-infobox a {
  color: #66ccff; /* Light blue for links */
  text-decoration: none; /* Remove underline from links */
}

.basic-infobox a:hover {
  color: #3399ff; /* Bright blue for hovered links */
  text-decoration: underline; /* Underline on hover */
}

/* Center the image within the infobox */
.basic-infobox td img {
  display: block;
  margin: 0 auto;
}