MediaWiki:Common.css: Difference between revisions

From NeuroWiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(22 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 {
background-position: left 7px top 50%;
    position: relative;
padding: 0.5em 0.5em 0.5em 40px;
padding: 0.45rem 1.0rem;
margin: 0.5em 0;
 
overflow: hidden;
    margin-bottom: 10px;
background-color: #f8f9fa;
    margin-top: 10px;
background-repeat: no-repeat;
 
border: 1px solid #ddd;
    border: 1px solid;
     border-radius: 0.25rem;
     border-radius: 0.25rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
 
}
 
.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 {
.note-info {
     background-color: #F6EFE5; /* light brown */
    color: #0c5460;
     border-color: #ac6600; /* darker brown */
     background-color: #d1ecf1;
 
     border-color: #bee5eb;


     /* other styles remain the same */
     /* other styles remain the same */
Line 23: Line 53:


.note-reminder {
.note-reminder {
     background-color: #FFF9EA; /* light yellow */
    color: #155724;
     border-color: #fc3; /* darker yellow */
     background-color: #d4edda;
    /* other styles remain the same */
     border-color: #c3e6cb;
}
}


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


.note-error {
.note-error {
     background-color: #F8D7DA; /* light red */
    color: #721c24;
     border-color: #f44336; /* darker red */
     background-color: #f8d7da;
     /* other styles remain the same */
     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;
}