Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // HTML
- <div id="site_alert">
- <div class="flex_row">
- <p id="alert_header"><i id="alert_icon" class="fas fa-exclamation-circle"></i>Achtung:</p>
- <p id="alert_txt">Veränderungen, Updates, Informationen u.v.m. <a href="#">hier</a> nachlesen</p>
- </div>
- </div>
- // CSS
- #site_alert {
- background: linear-gradient(to bottom, #d80000 0%,#d80000 50%,#b80000 100%);
- width: 560px;
- display: flex;
- margin: 10px auto 5px auto;
- /*margin: 0px auto 20px auto;*/
- min-height: 30px;
- height: auto;
- border-radius: 3px;
- text-align: center;
- border: 1px solid #ccc;
- border-bottom-width: 2px;
- }
- #alert_icon {
- color: #fff;
- font-size: 14px;
- margin: 0px 4px 0px 6px;
- text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
- }
- #alert_header {
- font-weight: bold;
- color: #fff;
- font-size: 13px;
- display: flex;
- align-items: center;
- text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
- }
- #alert_txt {
- color: #fff;
- margin: 0 6px 0 0;
- padding: 5px;
- margin: auto;
- font-size: 13px;
- text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
- }
- #alert_txt > a {
- cursor: pointer;
- color: #fff;
- }
- @media screen and (max-width:980px) {
- #box {
- margin-left: 1px;
- }
- #box_done {
- margin-left: 1px;
- }
- #site_alert {
- margin-left: 1px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement