Last active
March 30, 2020 15:01
-
-
Save karks88/301e50d5e5fcad701e3aeb262a6a90b2 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
// Show the Emergency Message, if it is set to "Yes". | |
if( get_field('show_the_emergency_notice') == 'yes' ): ?> | |
<div class="emergency"> | |
<div class="emergency-inner"><?php if ( get_field('icon') ): ?><?php the_field( 'icon' ); ?><?php endif; ?> <?php the_field('emergency_notice'); ?></div> | |
</div> | |
<?php endif; // end of Emergency Message ?> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* For Emergency Messages with longer content. */ | |
.emergency { | |
width: 100%; | |
height: auto; | |
margin: 0 auto; | |
background-color: #eb0000; | |
} | |
.emergency-inner { | |
width: 90%; | |
text-align: left; | |
color: #FFF !important; | |
font-size: 20px; | |
line-height: 30px; | |
margin: auto; | |
padding: 30px 0; | |
} | |
.emergency-inner a:link, .emergency-inner a:visited { | |
color: #FFFFCC; | |
text-decoration: underline; | |
} | |
.emergency-inner a:hover { | |
color: #FFED77; | |
} | |
.emergency-inner p { | |
display: block; | |
margin: 0px 0px 14px; | |
} | |
.emergency-inner p:first-of-type { | |
display: inline; | |
} | |
.emergency-inner p:nth-of-type(2n) { | |
margin: 14px 0 14px; | |
} | |
.emergency-inner i.fas { | |
color: #FFED77; | |
margin-right: 6px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* For Single-line Emergency Messages */ | |
.emergency { | |
width: 100%; | |
height: auto; | |
margin: 0 auto; | |
background-color: #eb0000; | |
} | |
.emergency-inner { | |
width: 90%; | |
text-align: center; | |
color: #FFF !important; | |
font-size: 22px; | |
line-height: 30px; | |
margin: auto; | |
padding: 30px 0; | |
} | |
.emergency-inner a { | |
color: #FFFFCC; | |
text-decoration: underline; | |
} | |
.emergency-inner a:hover { | |
color: #FFED77; | |
} | |
.emergency-inner p { | |
display: inline; | |
} | |
.emergency-inner i.fas { | |
color: #FFED77; | |
margin-right: 6px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment