Skip to content
Snippets Groups Projects
Commit be589cfc authored by Michael Fairchild's avatar Michael Fairchild
Browse files

Move html and css into separate files that can be included on UNLToday

parent b52230bc
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
sharedcode/css/4.0.css
+ 0
− 170
View file @ be589cfc
...@@ -478,176 +478,6 @@ a[class^="quick-link-"] { ...@@ -478,176 +478,6 @@ a[class^="quick-link-"] {
.splash-intro.playing #intro_video video { .splash-intro.playing #intro_video video {
display: block; display: block;
} }
.splash-tips-notice img {
margin: 0 -1.777em 0 1.777em;
}
.splash-tips-notice a {
border-bottom-width: 1px;
border-bottom-style: dotted;
}
.tips-acknowledgement img {
position: absolute;
bottom: 7.994em;
margin-left: 128px;
-webkit-animation: TIPSarrow1 2s ease-in infinite;
/* Safari 4+ */
-moz-animation: TIPSarrow1 2s ease-in infinite;
/* Fx 5+ */
-o-animation: TIPSarrow1 2s ease-in infinite;
/* Opera 12+ */
animation: TIPSarrow1 2s ease-in infinite;
/* IE 10+ */
}
@media (min-width: 768px) {
.tips-acknowledgement img {
bottom: 5.997em;
}
}
@media (min-width: 960px) {
.tips-acknowledgement img {
bottom: 7.994em;
left: 50%;
-webkit-animation: TIPSarrow2 1.5s ease-in infinite;
/* Safari 4+ */
-moz-animation: TIPSarrow2 1.5s ease-in infinite;
/* Fx 5+ */
-o-animation: TIPSarrow2 1.5s ease-in infinite;
/* Opera 12+ */
animation: TIPSarrow2 1.5s ease-in infinite;
/* IE 10+ */
}
}
/* < @bp2 */
@-webkit-keyframes TIPSarrow1 {
0% {
margin-left: 128px;
}
50% {
margin-left: 140px;
}
100% {
margin-left: 128px;
}
}
@-moz-keyframes TIPSarrow1 {
0% {
margin-left: 128px;
}
50% {
margin-left: 140px;
}
100% {
margin-left: 128px;
}
}
@-o-keyframes TIPSarrow1 {
0% {
margin-left: 128px;
}
50% {
margin-left: 140px;
}
100% {
margin-left: 128px;
}
}
@keyframes TIPSarrow1 {
0% {
margin-left: 128px;
}
50% {
margin-left: 140px;
}
100% {
margin-left: 128px;
}
}
/* > @bp2 */
@-webkit-keyframes TIPSarrow2 {
0% {
margin-left: 241px;
}
50% {
margin-left: 253px;
}
100% {
margin-left: 241px;
}
}
@-moz-keyframes TIPSarrow2 {
0% {
margin-left: 241px;
}
50% {
margin-left: 253px;
}
100% {
margin-left: 241px;
}
}
@-o-keyframes TIPSarrow2 {
0% {
margin-left: 241px;
}
50% {
margin-left: 253px;
}
100% {
margin-left: 241px;
}
}
@keyframes TIPSarrow2 {
0% {
margin-left: 241px;
}
50% {
margin-left: 253px;
}
100% {
margin-left: 241px;
}
}
.tips-acknowledgement a {
position: absolute;
bottom: 4.209em;
width: 125px;
height: 81px;
margin-left: -0.75em;
padding: 7.994em 0 0 0;
border: 0;
font-size: 12px;
font-size: 0.923rem;
text-align: right;
background: transparent url('../../splash/images/drawn-circle.png') 50% 50% no-repeat;
background: transparent url('../../splash/images/drawn-circle.svg') 50% 50% no-repeat;
}
.tips-acknowledgement a:after {
font-family: "wdn-icon";
content: '\e80b';
padding-left: 0.339em;
}
@media (min-width: 768px) {
.tips-acknowledgement a {
bottom: 3.175em;
font-size: 13px;
font-size: 0.802rem;
}
}
@media (min-width: 960px) {
.tips-acknowledgement a {
bottom: 4.209em;
left: 50%;
margin-left: 113px;
}
}
.splash-news { .splash-news {
background-color: #f8f5ec; background-color: #f8f5ec;
} }
......
splash/index.shtml
+ 1
− 10
View file @ be589cfc
...@@ -136,16 +136,7 @@ ...@@ -136,16 +136,7 @@
<!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' --> <!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
<!-- InstanceBeginEditable name="maincontentarea" --> <!-- InstanceBeginEditable name="maincontentarea" -->
<!--#include virtual="/sharedcode/alert.shtml" --> <!--#include virtual="/sharedcode/alert.shtml" -->
<div id="wdn_tips_notice" class="wdn_notice overlay-header splash-tips-notice"> <!--#include virtual="tips_notice.shtml" -->
<div class="close">
<a href="#" title="Close this notice">Close this notice</a>
</div>
<div class="message">
<h4>An important message from your University</h4>
<a href="#footer"><img src="/ucomm/splash/images/tips-example.svg" onerror="this.src=images/tips-example.png" class="wdn-pull-right" alt="Example of TIPS logo in site footer" /></a>
<p>In our ongoing commitment to campus safety, today we’re introducing TIPS Incident Reporting. This service allows students, parents, faculty and staff to confidentially and anonymously report campus incidents or positive experiences. The link is located in the site’s footer, available on all UNL web pages. <a href="#footer">Please have a look</a>.</p>
</div>
</div>
<section class="wdn-band wdn-light-neutral-band wdn-promo-band wdn-video-band splash-intro" id="splash_intro"> <section class="wdn-band wdn-light-neutral-band wdn-promo-band wdn-video-band splash-intro" id="splash_intro">
<img class="wdn-stretch" src="/ucomm/splash/images/splash-video-poster.jpg" alt="A student sits and reads at the entrance of a building on campus." /> <img class="wdn-stretch" src="/ucomm/splash/images/splash-video-poster.jpg" alt="A student sits and reads at the entrance of a building on campus." />
<video class="wdn-stretch" autoplay loop poster="/ucomm/splash/images/splash-video-poster.jpg"> <video class="wdn-stretch" autoplay loop poster="/ucomm/splash/images/splash-video-poster.jpg">
......
splash/tips_notice.css
+ 170
− 0
View file @ be589cfc
.unlalert-shown #wdn_tips_notice , .unlalert-shown .tips-acknowledgement { .unlalert-shown #wdn_tips_notice , .unlalert-shown .tips-acknowledgement {
display: none; display: none;
} }
.splash-tips-notice img {
margin: 0 -1.777em 0 1.777em;
}
.splash-tips-notice a {
border-bottom-width: 1px;
border-bottom-style: dotted;
}
.tips-acknowledgement img {
position: absolute;
bottom: 7.994em;
margin-left: 128px;
-webkit-animation: TIPSarrow1 2s ease-in infinite;
/* Safari 4+ */
-moz-animation: TIPSarrow1 2s ease-in infinite;
/* Fx 5+ */
-o-animation: TIPSarrow1 2s ease-in infinite;
/* Opera 12+ */
animation: TIPSarrow1 2s ease-in infinite;
/* IE 10+ */
}
@media (min-width: 768px) {
.tips-acknowledgement img {
bottom: 5.997em;
}
}
@media (min-width: 960px) {
.tips-acknowledgement img {
bottom: 7.994em;
left: 50%;
-webkit-animation: TIPSarrow2 1.5s ease-in infinite;
/* Safari 4+ */
-moz-animation: TIPSarrow2 1.5s ease-in infinite;
/* Fx 5+ */
-o-animation: TIPSarrow2 1.5s ease-in infinite;
/* Opera 12+ */
animation: TIPSarrow2 1.5s ease-in infinite;
/* IE 10+ */
}
}
/* < @bp2 */
@-webkit-keyframes TIPSarrow1 {
0% {
margin-left: 128px;
}
50% {
margin-left: 140px;
}
100% {
margin-left: 128px;
}
}
@-moz-keyframes TIPSarrow1 {
0% {
margin-left: 128px;
}
50% {
margin-left: 140px;
}
100% {
margin-left: 128px;
}
}
@-o-keyframes TIPSarrow1 {
0% {
margin-left: 128px;
}
50% {
margin-left: 140px;
}
100% {
margin-left: 128px;
}
}
@keyframes TIPSarrow1 {
0% {
margin-left: 128px;
}
50% {
margin-left: 140px;
}
100% {
margin-left: 128px;
}
}
/* > @bp2 */
@-webkit-keyframes TIPSarrow2 {
0% {
margin-left: 241px;
}
50% {
margin-left: 253px;
}
100% {
margin-left: 241px;
}
}
@-moz-keyframes TIPSarrow2 {
0% {
margin-left: 241px;
}
50% {
margin-left: 253px;
}
100% {
margin-left: 241px;
}
}
@-o-keyframes TIPSarrow2 {
0% {
margin-left: 241px;
}
50% {
margin-left: 253px;
}
100% {
margin-left: 241px;
}
}
@keyframes TIPSarrow2 {
0% {
margin-left: 241px;
}
50% {
margin-left: 253px;
}
100% {
margin-left: 241px;
}
}
.tips-acknowledgement a {
position: absolute;
bottom: 4.209em;
width: 125px;
height: 81px;
margin-left: -0.75em;
padding: 7.994em 0 0 0;
border: 0;
font-size: 12px;
font-size: 0.923rem;
text-align: right;
background: transparent url('../../splash/images/drawn-circle.png') 50% 50% no-repeat;
background: transparent url('../../splash/images/drawn-circle.svg') 50% 50% no-repeat;
}
.tips-acknowledgement a:after {
font-family: "wdn-icon";
content: '\e80b';
padding-left: 0.339em;
}
@media (min-width: 768px) {
.tips-acknowledgement a {
bottom: 3.175em;
font-size: 13px;
font-size: 0.802rem;
}
}
@media (min-width: 960px) {
.tips-acknowledgement a {
bottom: 4.209em;
left: 50%;
margin-left: 113px;
}
}
\ No newline at end of file
splash/tips_notice.shtml 0 → 100644
+ 10
− 0
View file @ be589cfc
<div id="wdn_tips_notice" class="wdn_notice overlay-header splash-tips-notice">
<div class="close">
<a href="#" title="Close this notice">Close this notice</a>
</div>
<div class="message">
<h4>An important message from your University</h4>
<a href="#footer"><img src="/ucomm/splash/images/tips-example.svg" onerror="this.src=images/tips-example.png" class="wdn-pull-right" alt="Example of TIPS logo in site footer" /></a>
<p>In our ongoing commitment to campus safety, today we’re introducing TIPS Incident Reporting. This service allows students, parents, faculty and staff to confidentially and anonymously report campus incidents or positive experiences. The link is located in the site’s footer, available on all UNL web pages. <a href="#footer">Please have a look</a>.</p>
</div>
</div>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment