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
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
.infobox {
/********** Portable Infobox – Custom Skin **********/
  background: #ffffff;
 
  border: 1px solid #e2e8f0;
.pi-title {
  border-radius: 16px;
 
  padding: 18px;
    background: #0a6cff;
  width: 100%;
 
  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    color: #fff;
  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;

}