Skip to main content
added 685 characters in body
Source Link
Tanner
  • 22.7k
  • 8
  • 57
  • 88

How about just using the existing message-warning class instead of message-error.

An example of what it look like in it's current usage:

enter image description here

Live inspect-able demo referencing Stack Overflow's all.css:

<link href="http://cdn.sstatic.net/stackoverflow/all.css" rel="stylesheet" />

<div class="message message-warning message-dismissable" style="max-width: 270px; min-width: 270px; position: absolute; top: 26.5px; left: 10px; display: block;">
  <div class="message-inner message-tip message-tip-left-top">
    <div title="close this message (or hit Esc)" class="message-close">×</div>
    <div class="message-text" style="padding-right: 35px;">This is a meta demo</div>
  </div>
</div>

Live inspect-able demo using message-info class for a blue dialog as an alternative:

<link href="http://cdn.sstatic.net/stackoverflow/all.css" rel="stylesheet" />

<div class="message message-info message-dismissable" style="max-width: 270px; min-width: 270px; position: absolute; top: 26.5px; left: 10px; display: block;">
  <div class="message-inner message-tip message-tip-left-top">
    <div title="close this message (or hit Esc)" class="message-close">×</div>
    <div class="message-text" style="padding-right: 35px;">This is a meta demo</div>
  </div>
</div>

How about just using the existing message-warning class instead of message-error.

An example of what it look like in it's current usage:

enter image description here

Live inspect-able demo referencing Stack Overflow's all.css:

<link href="http://cdn.sstatic.net/stackoverflow/all.css" rel="stylesheet" />

<div class="message message-warning message-dismissable" style="max-width: 270px; min-width: 270px; position: absolute; top: 26.5px; left: 10px; display: block;">
  <div class="message-inner message-tip message-tip-left-top">
    <div title="close this message (or hit Esc)" class="message-close">×</div>
    <div class="message-text" style="padding-right: 35px;">This is a meta demo</div>
  </div>
</div>

How about just using the existing message-warning class instead of message-error.

An example of what it look like in it's current usage:

enter image description here

Live inspect-able demo referencing Stack Overflow's all.css:

<link href="http://cdn.sstatic.net/stackoverflow/all.css" rel="stylesheet" />

<div class="message message-warning message-dismissable" style="max-width: 270px; min-width: 270px; position: absolute; top: 26.5px; left: 10px; display: block;">
  <div class="message-inner message-tip message-tip-left-top">
    <div title="close this message (or hit Esc)" class="message-close">×</div>
    <div class="message-text" style="padding-right: 35px;">This is a meta demo</div>
  </div>
</div>

Live inspect-able demo using message-info class for a blue dialog as an alternative:

<link href="http://cdn.sstatic.net/stackoverflow/all.css" rel="stylesheet" />

<div class="message message-info message-dismissable" style="max-width: 270px; min-width: 270px; position: absolute; top: 26.5px; left: 10px; display: block;">
  <div class="message-inner message-tip message-tip-left-top">
    <div title="close this message (or hit Esc)" class="message-close">×</div>
    <div class="message-text" style="padding-right: 35px;">This is a meta demo</div>
  </div>
</div>

Source Link
Tanner
  • 22.7k
  • 8
  • 57
  • 88

How about just using the existing message-warning class instead of message-error.

An example of what it look like in it's current usage:

enter image description here

Live inspect-able demo referencing Stack Overflow's all.css:

<link href="http://cdn.sstatic.net/stackoverflow/all.css" rel="stylesheet" />

<div class="message message-warning message-dismissable" style="max-width: 270px; min-width: 270px; position: absolute; top: 26.5px; left: 10px; display: block;">
  <div class="message-inner message-tip message-tip-left-top">
    <div title="close this message (or hit Esc)" class="message-close">×</div>
    <div class="message-text" style="padding-right: 35px;">This is a meta demo</div>
  </div>
</div>