MediaWiki:Common.css: Difference between revisions

From Makerpedia

Chetitac (talk | contribs)
grey square bubble
Chetitac (talk | contribs)
Upgraded bubble square
Line 33: Line 33:




/* Style for the grey bubbles */
.grey-bubble {
.grey-bubble {
   background-color: grey;
   background-color: #d3d3d3;
   border-radius: 8px;
   border-radius: 8px;        
   padding: 10px;
   padding: 10px;             /* Padding inside the bubble */
   display: inline-block;
  width: 150px;              /* Fixed width for the bubbles */
   width: auto;
   display: inline-block;     /* Ensure bubbles are side by side */
   margin-right: 10px;        /* Space between the bubbles */
}
 
/* Optional: Ensure bubbles stay aligned in a row if needed */
.bubble-container {
  display: flex;              /* Flexbox to align items in a row */
  gap: 10px;                 /* Space between each bubble */
}
}

Revision as of 17:10, 24 January 2025

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

.minerva-header .branding-box a {
  height: 3em !important;
}


.cautionBox {
  border: 1px solid #ddcc55;
  background-color: #ffedaa;
  padding: 1em;
  border-radius: .5vmin;
}

.warningBox {
  border: 1px solid #dd5555;
  background-color: #ffaaaa;
  padding: 1em;
  border-radius: .5vmin;
}

.introBox {
  border: 2px solid #f505f5;
  background-color: #c2cbde;
  border-radius: .5vmin;
  padding: 1em;
  padding-top: .25em;
}

.ytplayer {
  max-width: 90vw;
}


/* Style for the grey bubbles */
.grey-bubble {
  background-color: #d3d3d3;  
  border-radius: 8px;         
  padding: 10px;              /* Padding inside the bubble */
  width: 150px;               /* Fixed width for the bubbles */
  display: inline-block;      /* Ensure bubbles are side by side */
  margin-right: 10px;         /* Space between the bubbles */
}

/* Optional: Ensure bubbles stay aligned in a row if needed */
.bubble-container {
  display: flex;              /* Flexbox to align items in a row */
  gap: 10px;                  /* Space between each bubble */
}