|
|
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;
| |
| }
| |