MediaWiki:Common.css: Difference between revisions
(Changing footer style to display UNITA logo) |
No edit summary |
||
(18 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
#footer-unitaico{ | #footer-unitaico{ | ||
float: none; | float: none!important; | ||
} | } | ||
# | .in-front{ | ||
z-index:1000; | |||
} | |||
.to-back{ | |||
z-index: -1; | |||
} | |||
/* === Custom info box styling ===*/ | |||
table.customInfoTable { | |||
float: right; | |||
clear: right; | |||
background-color: #EEEEEE; | |||
border-collapse: collapse; | |||
border-width: 1px; | |||
border-color: lightgrey; | |||
border-style: solid; | |||
color: #000000; | |||
margin: 16px; | |||
max-width:420px; | |||
} | |||
table.customInfoTable pre { | |||
display: none; /* or */ | |||
all: unset; /* to remove all styles */ | |||
} | |||
table.customInfoTable tr:first-child { | |||
font-size: larger; | |||
} | |||
table.customInfoTable td:last-child { | |||
text-align: right; | |||
} | |||
table.customInfoTable td, table.customInfoTable th { | |||
border-width: 1px 0 1px 0; | |||
border-color: lightgrey; | |||
border-style: solid; | |||
padding: 5px; | |||
} | |||
table.centered-table th, | |||
table.centered-table td { | |||
vertical-align: middle; /* Vertically center the content */ | |||
text-align: left; /* Horizontally align the text to the left */ | |||
} | |||
.noticebox { | |||
background-color: rgba(231, 76, 60, 0.1); | |||
border-left: 4px solid #e74c3c; | |||
border-radius: 4px; | |||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); | |||
padding: 1em; | |||
margin: 1.5em 0; | |||
color: #333; | |||
display: flex; | |||
align-items: flex-start; | |||
/* inherit wiki font */ | |||
font-family: Arial; | |||
} | |||
/* Optional: add an icon before the text */ | |||
.noticebox::before { | |||
content: "⚠️"; | |||
font-size: 1em; | |||
margin-right: 0.5em; | |||
line-height: 1; | |||
} | |||
/* If you want a bold header within the box */ | |||
.noticebox strong { | |||
display: block; | |||
margin-bottom: 0.4em; | |||
font-size: 1.1em; | |||
} | |||
/* === Success/OK notice box === */ | |||
.noticebox-success { | |||
background-color: rgba(46, 204, 113, 0.1); | |||
border-left: 4px solid #2ecc71; | |||
border-radius: 4px; | |||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); | |||
padding: 1em; | |||
margin: 1.5em 0; | |||
color: #333; | |||
display: flex; | |||
align-items: flex-start; | |||
/* inherit wiki font */ | |||
font-family: Arial; | |||
} | |||
/* add a “check” icon before the text */ | |||
.noticebox-success::before { | |||
content: "✅"; | |||
font-size: 1em; | |||
margin-right: 0.5em; | |||
line-height: 1; | |||
} | |||
/* style any <strong> header inside */ | |||
.noticebox-success strong { | |||
display: block; | |||
margin-bottom: 0.4em; | |||
font-size: 1.1em; | |||
} | } |
Latest revision as of 09:02, 5 May 2025
/* CSS placed here will be applied to all skins */
#footer-unitaico{
float: none!important;
}
.in-front{
z-index:1000;
}
.to-back{
z-index: -1;
}
/* === Custom info box styling ===*/
table.customInfoTable {
float: right;
clear: right;
background-color: #EEEEEE;
border-collapse: collapse;
border-width: 1px;
border-color: lightgrey;
border-style: solid;
color: #000000;
margin: 16px;
max-width:420px;
}
table.customInfoTable pre {
display: none; /* or */
all: unset; /* to remove all styles */
}
table.customInfoTable tr:first-child {
font-size: larger;
}
table.customInfoTable td:last-child {
text-align: right;
}
table.customInfoTable td, table.customInfoTable th {
border-width: 1px 0 1px 0;
border-color: lightgrey;
border-style: solid;
padding: 5px;
}
table.centered-table th,
table.centered-table td {
vertical-align: middle; /* Vertically center the content */
text-align: left; /* Horizontally align the text to the left */
}
.noticebox {
background-color: rgba(231, 76, 60, 0.1);
border-left: 4px solid #e74c3c;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
padding: 1em;
margin: 1.5em 0;
color: #333;
display: flex;
align-items: flex-start;
/* inherit wiki font */
font-family: Arial;
}
/* Optional: add an icon before the text */
.noticebox::before {
content: "⚠️";
font-size: 1em;
margin-right: 0.5em;
line-height: 1;
}
/* If you want a bold header within the box */
.noticebox strong {
display: block;
margin-bottom: 0.4em;
font-size: 1.1em;
}
/* === Success/OK notice box === */
.noticebox-success {
background-color: rgba(46, 204, 113, 0.1);
border-left: 4px solid #2ecc71;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
padding: 1em;
margin: 1.5em 0;
color: #333;
display: flex;
align-items: flex-start;
/* inherit wiki font */
font-family: Arial;
}
/* add a “check” icon before the text */
.noticebox-success::before {
content: "✅";
font-size: 1em;
margin-right: 0.5em;
line-height: 1;
}
/* style any <strong> header inside */
.noticebox-success strong {
display: block;
margin-bottom: 0.4em;
font-size: 1.1em;
}