Template:Ambox: Difference between revisions

From Begonia Wiki

(Created page with ".ambox { margin: 0 10%; border: 1px solid #aaa; background-color: #f9f9f9; color: #000; padding: 2px 5px; } .ambox-style { border-left: 10px solid #1e90ff; →‎Blue left border for style issues: } .ambox-text { font-size: 0.875em; →‎Smaller text for message: } .ambox-image { width: 50px; →‎Width for the left side image: height: auto; →‎Auto height to maintain aspect ratio: vertical-align: middle; →‎Align image vertically in the middle: ...")
 
No edit summary
 
Line 1: Line 1:
.ambox {
<div class="ambox {{#switch:{{{type|}}}
  margin: 0 10%;
   | speedy = ambox-speedy
   border: 1px solid #aaa;
   | delete = ambox-delete
   background-color: #f9f9f9;
   | content = ambox-content
   color: #000;
   | style = ambox-style
   padding: 2px 5px;
   | notice = ambox-notice
}
  | move = ambox-move
 
  | protection = ambox-protection
.ambox-style {
   | #default = ambox-notice
   border-left: 10px solid #1e90ff; /* Blue left border for style issues */
}}" role="presentation">
}
  <!-- Image left -->
 
  <div class="ambox-image">
.ambox-text {
    {{#if: {{{image|}}} | [[File:{{{image}}}|40px]] | [[File:Ambox_important.svg|40px]] }}
   font-size: 0.875em; /* Smaller text for message */
   </div>
}
   <!-- Text -->
 
   <div class="ambox-text">
.ambox-image {
    {{{text|Some text here.}}}
   width: 50px; /* Width for the left side image */
  </div>
   height: auto; /* Auto height to maintain aspect ratio */
</div>
   vertical-align: middle; /* Align image vertically in the middle */
}
 
/* Add more specific styles as needed */

Latest revision as of 10:55, 7 November 2023