Jump to content

Template:InfoBox/styles.css: Difference between revisions

From UBWiki
No edit summary
No edit summary
Tag: Manual revert
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
.note-info {
/* Container */
   background-color: #eaf3ff;
.info-box {
   color: #333;
   background-color: #e6f2fa;
   background-image: url(https://upload.wikimedia.org/wikipedia/commons/e/ec/OOjs_UI_icon_information-progressive.svg);
   border: 1px solid #9ccbf7;
   background-size: 25px;
   border-radius: 4px;
   border-color: #a3caff;
   padding: 0.5em 1em;
   padding-left: 40px;
   margin: 1em 0;
   min-height: 25px;
   display: flex;
   align-items: center;
}
}
 
/* Icon */
.infobox-icon {
.info-box .infobox-icon {
  width: 24px;
   margin-right: 0.5em;
  height: 24px;
   flex: 0 0 auto;
   margin-right: 0.8em;
   flex-shrink: 0;
}
}
 
/* Content */
.infobox-text {
.info-box .content {
   flex-grow: 1;
   flex: 1 1 auto;
}
}

Latest revision as of 15:17, 9 July 2025

/* Container */
.info-box {
  background-color: #e6f2fa;
  border: 1px solid #9ccbf7;
  border-radius: 4px;
  padding: 0.5em 1em;
  margin: 1em 0;
  display: flex;
  align-items: center;
}
/* Icon */
.info-box .infobox-icon {
  margin-right: 0.5em;
  flex: 0 0 auto;
}
/* Content */
.info-box .content {
  flex: 1 1 auto;
}