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

Template:PersonInfobox/styles.css: Difference between revisions

Template page
Created page with "Modern Rounded Infobox: .infobox { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 18px; width: 100%; box-shadow: 0 4px 16px rgba(0,0,0,0.05); font-family: "Montserrat", sans-serif; } .infobox-title { font-size: 1.4rem; font-weight: 700; color: #0a2a66; text-align: center; margin-bottom: 8px; } .infobox-image { width: 100%; border-radius: 14px; margin-bottom: 12px; } .infobox-data-label { font-weight:..."
 
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Modern Rounded Infobox */
/********** Portable Infobox – Custom Skin **********/
.infobox {
 
  background: #ffffff;
.pi-title {
  border: 1px solid #e2e8f0;
 
  border-radius: 16px;
    background: #0a6cff;
  padding: 18px;
 
  width: 100%;
    color: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
 
  font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
 
    padding: 8px 12px;
 
    border-radius: 10px 10px 0 0;
 
}
}


.infobox-title {
.pi-data-label {
  font-size: 1.4rem;
 
  font-weight: 700;
    font-weight: bold;
  color: #0a2a66;
 
  text-align: center;
    color: #0a6cff;
  margin-bottom: 8px;
 
}
}


.infobox-image {
.pi-data {
  width: 100%;
 
  border-radius: 14px;
    font-size: 0.95rem;
  margin-bottom: 12px;
 
    color: #222;
 
}
}


.infobox-data-label {
.pi-image img {
  font-weight: 600;
 
  color: #0a2a66;
    border-radius: 10px;
 
    width: 100%;
 
    height: auto;
 
    object-fit: cover;
 
}
}


.infobox-data-value {
.portable-infobox {
  color: #3d4b61;
 
    border-radius: 10px;
 
    box-shadow: 0 0 12px rgba(0,0,0,0.08);
 
    border: 1px solid #ddd;
 
    background: #fff;
 
}
}

Latest revision as of 09:20, 27 November 2025

/********** Portable Infobox – Custom Skin **********/

.pi-title {

    background: #0a6cff;

    color: #fff;

    font-size: 1.2rem;

    padding: 8px 12px;

    border-radius: 10px 10px 0 0;

}

.pi-data-label {

    font-weight: bold;

    color: #0a6cff;

}

.pi-data {

    font-size: 0.95rem;

    color: #222;

}

.pi-image img {

    border-radius: 10px;

    width: 100%;

    height: auto;

    object-fit: cover;

}

.portable-infobox {

    border-radius: 10px;

    box-shadow: 0 0 12px rgba(0,0,0,0.08);

    border: 1px solid #ddd;

    background: #fff;

}