MediaWiki:Common.css: Difference between revisions

From NeuroWiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */




.note {
.note {
     position: relative;
     position: relative;
    padding: 0.75rem 1.25rem;
padding: 0.45rem 1.0rem;
     margin-bottom: 1rem;
 
     margin-bottom: 10px;
    margin-top: 10px;
 
     border: 1px solid;
     border: 1px solid;
     border-radius: 0.25rem;
     border-radius: 0.25rem;
Line 65: Line 69:
     background-color: #f8d7da;
     background-color: #f8d7da;
     border-color: #f5c6cb;
     border-color: #f5c6cb;
}
.container {
    min-width: 16rem;
    max-width: 25rem;
    margin-right: auto;
    margin-left: auto;
}
}

Latest revision as of 07:32, 20 July 2024

/* CSS placed here will be applied to all skins */



.note {
    position: relative;
padding: 0.45rem 1.0rem;

    margin-bottom: 10px;
    margin-top: 10px;

    border: 1px solid;
    border-radius: 0.25rem;

}

.note-inline {
	display: inline-block!important;;
	vertical-align: middle;
}

.w-25 {
    width: 25%!important;
}

.w-50 {
    width: 50%!important;
}

.w-75 {
    width: 75%!important;
}

.note-primary {
color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.note-secondary {
color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.note-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;

    /* other styles remain the same */
}

.note-reminder {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.note-warn {
color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    /* other styles remain the same */
}

.note-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}



.container {
    min-width: 16rem;
    max-width: 25rem;
    margin-right: auto;
    margin-left: auto;
}