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:
/* CSS placed here will be applied to all skins */
/* Leather Infobox Style */
.infobox {
.leather-infobox {
    background: black;
  background-color: #3b3024; /* Dark brown leather color */
    border: 1px solid red;
  border: 3px solid #5c4739; /* Lighter brown for the border */
    color: white;
  border-radius: 10px;
    float: right;
  padding: 15px;
    margin: 0 0 1em 1em;
  width: 320px; /* Adjust as needed */
    padding: 1em;
  color: #fff;
    width: 250px;
  font-family: 'Georgia', serif;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin: 10px auto;
}
}
.infobox-title {
 
    font-size: 2em;
.leather-infobox-title {
    text-align: center;
  background-color: #5c4739; /* Same as border */
  padding: 10px;
  font-size: 1.5em;
  text-align: center;
  border-radius: 7px;
  margin-bottom: 15px;
  font-weight: bold;
}
}
.infobox-image {
 
    text-align: center;
.leather-infobox-content {
  padding: 5px;
}
}
.infobox-table th {
 
    text-align: right;
.leather-infobox-image {
    vertical-align: top;
  text-align: center;
    width: 120px;
  margin-bottom: 15px;
}
}
.infobox-table td {
 
    vertical-align: top;
.leather-infobox-section {
  margin-bottom: 10px;
}
}
/* Infobox Custom*/
 
.infobox-custom {
.leather-infobox-label {
    background-color: black;
  font-weight: bold;
    border: 2px solid red;
  margin-bottom: 2px;
    color: white;
  border-bottom: 1px solid #5c4739;
    padding: 10px;
  padding-bottom: 3px;
    width: 250px;
}
}


.infobox-custom th,
.leather-infobox-value {
.infobox-custom td {
  margin-left: 10px;
    border: none;
    padding: 5px;
}
}


.infobox-custom th {
/* Add specific styles for links */
    text-align: left;
.leather-infobox a {
    font-weight: bold;
  color: #ffcc66; /* Light brown/gold */
  text-decoration: none;
}
}


.infobox-custom caption {
.leather-infobox a:hover {
    text-align: left;
  color: #ffa500; /* Orange */
    font-weight: bold;
  text-decoration: underline;
    padding-bottom: 10px;
}
}

Revision as of 11:20, 6 June 2024

/* Leather Infobox Style */
.leather-infobox {
  background-color: #3b3024; /* Dark brown leather color */
  border: 3px solid #5c4739; /* Lighter brown for the border */
  border-radius: 10px;
  padding: 15px;
  width: 320px; /* Adjust as needed */
  color: #fff;
  font-family: 'Georgia', serif;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin: 10px auto;
}

.leather-infobox-title {
  background-color: #5c4739; /* Same as border */
  padding: 10px;
  font-size: 1.5em;
  text-align: center;
  border-radius: 7px;
  margin-bottom: 15px;
  font-weight: bold;
}

.leather-infobox-content {
  padding: 5px;
}

.leather-infobox-image {
  text-align: center;
  margin-bottom: 15px;
}

.leather-infobox-section {
  margin-bottom: 10px;
}

.leather-infobox-label {
  font-weight: bold;
  margin-bottom: 2px;
  border-bottom: 1px solid #5c4739;
  padding-bottom: 3px;
}

.leather-infobox-value {
  margin-left: 10px;
}

/* Add specific styles for links */
.leather-infobox a {
  color: #ffcc66; /* Light brown/gold */
  text-decoration: none;
}

.leather-infobox a:hover {
  color: #ffa500; /* Orange */
  text-decoration: underline;
}