- Last edited on January 18, 2024
Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | Previous revision | ||
teaching:mental-status-exam-mse [on May 21, 2020] |
teaching:mental-status-exam-mse [on May 30, 2020] |
||
---|---|---|---|
Line 22: | Line 22: | ||
<WRAP half column> | <WRAP half column> | ||
<HTML> | <HTML> | ||
- | <style> | ||
- | #amazon { | ||
- | background-color: #eee; | ||
- | background: linear-gradient(to bottom right,#fff,#eee); | ||
- | color: #999; | ||
- | padding: 1.25em; | ||
- | border: 1px solid #eee; | ||
- | text-align: center; | ||
- | border: 1px solid #ccc; | ||
- | border-left-width: 7px; | ||
- | box-shadow: inset 0 0 0 1px #fff; | ||
- | border-radius: 5px; | ||
- | padding: 20px; | ||
- | margin: 20px 0; | ||
- | } | ||
- | |||
- | .ribbon { | ||
- | position: relative; | ||
- | width: 100%; | ||
- | padding: 0.5em; | ||
- | text-align: left; | ||
- | font-size: 1.1em; | ||
- | font-weight: bold; | ||
- | margin: -0.5em 0 0 -1.85em; | ||
- | margin-bottom: 1em; | ||
- | line-height: 1.875em; | ||
- | color: #ffffff; | ||
- | border-radius: 0 0.156em 0.156em 0; | ||
- | background: #397bc3; | ||
- | box-shadow: -1px 2px 3px rgba(0,0,0,0.5); | ||
- | } | ||
- | |||
- | .ribbon:before, .ribbon:after{ | ||
- | position:absolute; | ||
- | content: ''; | ||
- | display: block; | ||
- | } | ||
- | |||
- | .ribbon:before { | ||
- | width: 0.62em; | ||
- | height: 3.5em; | ||
- | padding: 0 0 0.438em; | ||
- | top: 0; | ||
- | left: -0.45em; | ||
- | background: inherit; | ||
- | border-radius: 0.313em 0 0 0.313em; | ||
- | } | ||
- | |||
- | .ribbon:after { | ||
- | width: 0.44em; | ||
- | height: 0.313em; | ||
- | background: rgba(0,0,0,0.35); | ||
- | bottom: -0.313em; | ||
- | left: -0.3em; | ||
- | border-radius: 0.313em 0 0 0.313em; | ||
- | box-shadow: inset -1px 2px 2px rgba(0,0,0,0.3); | ||
- | } | ||
- | |||
- | </style> | ||
<div id="amazon"> | <div id="amazon"> | ||
<div class="ribbon"><i class="fa fa-star"></i> Recommended Reading</div> | <div class="ribbon"><i class="fa fa-star"></i> Recommended Reading</div> |