Template:Messagebox/styles.css and Accessibility/Extensions/notchecked: Difference between pages

(Difference between pages)
No edit summary
 
No edit summary
 
Line 1: Line 1:
/* Infoboxes */
{{Messagebox|boxtype=warning|icon=|Note text=This list is currently not working. Please do not use it as a reference.|bgcolor=}}
.hw-messagebox {
padding: 14px;
margin: 2em 0 1em 0;
display: block;
position:relative;
clear:both;
}
.hw-messagebox.icon {
padding-left: 35px;
}
.hw-messagebox.icon:before {
position: absolute;
font-size: 1.6em;
top: 8px;
font-family: "fontawesome";
left:8px;
}
.hw-messagebox p {
margin:0
}
.notification-note, .notification-Hinweis {
border-left: solid 4px #3498db;
background:#d9edf7;
}


.notification-bsversion {
==Not tested {{#ask: [[Reference:+]][[wcagCheck::0]][[Modification date::+]]|format=count}}==
border-left: solid 4px #f8c57f;
These extensions have not yet been tested.
background:#fdeed9
<div id="wcaginfo">
}
{{#ask: [[Reference:+]][[wcagCheck::0]][[Modification date::+]]
 
|?wcagSupport
.notification-bsversion.icon::before{
|?wcagWorkaround
content: "\f069";
|format=list
color: #f8c57f
|introtemplate=wcagListIntro
}
|template=wcagList
 
|outrotemplate=wcagListOutro
.boxlabel {
|limit=500
font-weight:bold;
}}
padding-right:0.5em;
</div>
}
.notification-note.icon::before, .notification-Hinweis.icon::before{
content: "\f05a ";
color: #3498db;
}
.notification-tip,.notification-Tipp {
border-left: solid 4px #f2c412;
background:#FFF5C9;
}
.notification-tip.icon::before, .notification-Tipp.icon::before{
content: "\f0eb";
color: #dbb213;
font-size: 1.7em;
margin-left: 5px;
}
.notification-warning, .notification-Warnung  {
border-left: solid 4px #c23c2b;
background: #f2dede
}
.notification-warning.icon::before, .notification-Warnung.icon::before{
content: "\f071";
color: #c23c2b;
}
.notification-important, .notification-Wichtig {
border-left: solid 4px #ffa406;
background: #fedb9c;
margin-left: 2px;
}
.notification-important.icon::before, .notification-Wichtig.icon::before{
content: "\f06a";
color: #ffa406;
}
.notification-example, .notification-Beispiel {
border-left: solid 4px #00b241;
background: #dff0d8;
}
.notification-example.icon::before, .notification-Beispiel.icon::before{
content: "\f0a4";
color: #00b241;
}
.notification-neutral, .notification-Neutral {
background:#eaeaea;
padding:14px;
}
.notification-neutral.icon, .notification-Neutral.icon {
text-indent:0;
}
.notification-neutral.icon::before, .notification-Neutral.icon::before{
content: "\f0a9 ";
color: #555;
left: 10px;
top: 8px;
}
.notification-neutral .boxlabel, .notification-Neutral .boxlabel {
display:none;
}

Revision as of 15:51, 5 August 2022

Warning!This list is currently not working. Please do not use it as a reference.


Not tested 0

These extensions have not yet been tested.

No categories assignedEdit

Discussions