MediaWiki:Common.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 155: Line 155:


/* ========================================================== */
/* ========================================================== */
/* WARNING BOX – EXACT MATCH                                  */
/* WARNING BOX – KNOWLEPEDIA STYLE (FINAL VERSION)            */
/* ========================================================== */
/* ========================================================== */


.warning-box {
.warning-box {
     border-left: 6px solid #f4aa2a !important;
     border-left: 6px solid #f4aa2a;
     background: #fafafa !important;
     background: #fff;
     padding: 18px !important;
     padding: 18px 20px;
     margin: 18px 0 25px 0 !important;
     margin: 20px 0 30px 0;
     border-radius: 6px !important;
     border-radius: 10px;
     display: flex !important;
     display: flex;
     gap: 15px !important;
     gap: 15px;
     align-items: flex-start !important;
     align-items: flex-start;
     box-shadow: 0 0 0 1px #eee !important;
     box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
}


/* Icon */
.warning-icon {
.warning-icon {
     font-size: 34px !important;
     width: 42px;
     opacity: 0.85 !important;
    height: 42px;
     margin-top: 4px !important;
     flex-shrink: 0;
     margin-top: 4px;
}
}


/* Content wrapper */
.warning-content {
    flex: 1;
}
/* Title text */
.warning-title {
.warning-title {
     font-size: 17px !important;
     font-size: 18px;
     font-weight: bold !important;
     font-weight: 600;
     margin-bottom: 6px !important;
     margin-bottom: 10px;
}
}


/* Body text — smaller and tighter */
.warning-text {
.warning-text {
     font-size: 14px !important;
     font-size: 14px;
     color: #444 !important;
     line-height: 1.6;
    margin-bottom: 10px;
}
}


/* Date formatting */
.warning-date {
.warning-date {
    margin-top: 6px !important;
     font-size: 12px;
     font-size: 12px !important;
     color: #777;
     color: #777 !important;
    margin-top: 4px;
}
}


/* ========================================================== */
/* ========================================================== */