diff --git a/apps/index.shtml b/apps/index.shtml
index d042bd41ebf4c86aec5bab3fcb9adbe300cfc5ca..562a1428c5d8de711e75340f5e9434d144bfd302 100644
--- a/apps/index.shtml
+++ b/apps/index.shtml
@@ -9,16 +9,16 @@
<!--#include virtual="/wdn/templates_4.0/includes/metanfavico.html" -->
<!--
Membership and regular participation in the UNL Web Developer Network
- is required to use the UNL templates. Visit the WDN site at
+ is required to use the UNL templates. Visit the WDN site at
http://wdn.unl.edu/. Click the WDN Registry link to log in and
register your unl.edu site.
All UNL template code is the property of the UNL Web Developer Network.
- The code seen in a source code view is not, and may not be used as, a
- template. You may not use this code, a reverse-engineered version of
+ The code seen in a source code view is not, and may not be used as, a
+ template. You may not use this code, a reverse-engineered version of
this code, or its associated visual presentation in whole or in part to
create a derivative work.
This message may not be removed from any pages based on the UNL site template.
-
+
$Id: fixed.dwt | 252c2891a48c70db689be6d897d4f34768b8258a | Thu Aug 1 15:08:19 2013 -0500 | Kevin Abel $
-->
<!--#include virtual="/wdn/templates_4.0/includes/scriptsandstyles.html" -->
@@ -45,12 +45,12 @@ h3.nebraskapp_header {
width: 100%;
}
#nebraskaapp_ios {
- text-indent: -9999px; width: 100%; height: 350px; display:block;
- background-image: url(ios.png); background-repeat: no-repeat; position:relative; z-index: 5;
+ text-indent: -9999px; width: 100%; height: 350px; display:block;
+ background-image: url(ios.png); background-repeat: no-repeat; position:relative; z-index: 5;
}
#nebraskaapp_android {
- text-indent: -9999px; width: 100%; height: 330px; display:block;
- background-image: url(nexus.png); background-repeat: no-repeat; background-position: right top;
+ text-indent: -9999px; width: 100%; height: 330px; display:block;
+ background-image: url(nexus.png); background-repeat: no-repeat; background-position: right top;
position:absolute; top:20px; right:0;
}
</style>
@@ -129,55 +129,55 @@ h3.nebraskapp_header {
<a href="https://play.google.com/store/apps/details?id=com.blackboard.android.central.unl"><img src="android_app_on_play_logo_small.png" alt="Android App on Google Play" /></a>
</div>
<div class="wdn-col" style="position:relative;">
- <div id="nebraskaapp_ios">iPhone 4 screenshot</div>
- <div id="nebraskaapp_android">Nexus phone screenshot</div>
- </div>
+ <div id="nebraskaapp_ios">iPhone 4 screenshot</div>
+ <div id="nebraskaapp_android">Nexus phone screenshot</div>
+ </div>
</div>
</div>
</section>
<section class="wdn-band wdn-light-neutral-band apps-features">
<div class="wdn-inner-wrapper wdn-inner-padding-lg">
- <h2 class="wdn-brand-caps clear-top">The Nebraska app brings the following features to mobile devices:</h2>
- <div class="bp1-wdn-grid-set-halves bp2-wdn-grid-set-thirds">
- <div class="wdn-col">
- <h5>Directory</h5>
- <img src="ios_directory.jpg" class="nebraskaapp_screen" />
- <p>Search the public directory for faculty, staff and administrators. Send an email or place a call, and save contact information to your phone’s address book.</p>
- </div>
- <div class="wdn-col">
- <h5>Courses</h5>
- <img src="ios_courses.jpg" class="nebraskaapp_screen" />
- <p>Plan your semester on the go. Browse and search the undergraduate course catalog.</p>
- </div>
- <div class="wdn-col">
- <h5>Events</h5>
- <img src="ios_events.jpg" class="nebraskaapp_screen" />
- <p>If it’s happening on or around campus, it’s here. Browse concerts, lectures, exhibits and more.</p>
- </div>
- <div class="wdn-col">
- <h5>Videos</h5>
- <img src="ios_videos.jpg" class="nebraskaapp_screen" />
- <p>Browse, search, and watch whenever—and wherever—you like.</p>
- </div>
- <div class="wdn-col">
- <h5>Maps</h5>
- <img src="ios_maps.jpg" class="nebraskaapp_screen" />
- <p>Find out exactly where you are and where you need to go on campus.</p>
- </div>
- <div class="wdn-col">
- <h5>Athletics</h5>
- <p>Check schedules, scores, and news about the Huskers, whether you’re home or away.</p>
- <h5>News</h5>
- <p>Get the latest headlines, and browse and search recent articles to stay on top of important campus news.</p>
- <h5>Libraries</h5>
- <p>Browse the complete library catalog and check item availability.</p>
+ <h2 class="wdn-brand-caps clear-top">The Nebraska app brings the following features to mobile devices:</h2>
+ <div class="bp1-wdn-grid-set-halves bp2-wdn-grid-set-thirds">
+ <div class="wdn-col">
+ <h5>Directory</h5>
+ <img src="ios_directory.jpg" class="nebraskaapp_screen" alt="Screenshot of Directory section in iOS app" />
+ <p>Search the public directory for faculty, staff and administrators. Send an email or place a call, and save contact information to your phone’s address book.</p>
+ </div>
+ <div class="wdn-col">
+ <h5>Courses</h5>
+ <img src="ios_courses.jpg" class="nebraskaapp_screen" alt="Screenshot of Courses section in iOS app" />
+ <p>Plan your semester on the go. Browse and search the undergraduate course catalog.</p>
+ </div>
+ <div class="wdn-col">
+ <h5>Events</h5>
+ <img src="ios_events.jpg" class="nebraskaapp_screen" alt="Screenshot of Events listing in iOS app" />
+ <p>If it’s happening on or around campus, it’s here. Browse concerts, lectures, exhibits and more.</p>
+ </div>
+ <div class="wdn-col">
+ <h5>Videos</h5>
+ <img src="ios_videos.jpg" class="nebraskaapp_screen" alt="Screenshot of Videos section in iOS app" />
+ <p>Browse, search, and watch whenever—and wherever—you like.</p>
+ </div>
+ <div class="wdn-col">
+ <h5>Maps</h5>
+ <img src="ios_maps.jpg" class="nebraskaapp_screen" alt="Screenshot of Maps in iOS app" />
+ <p>Find out exactly where you are and where you need to go on campus.</p>
+ </div>
+ <div class="wdn-col">
+ <h5>Athletics</h5>
+ <p>Check schedules, scores, and news about the Huskers, whether you’re home or away.</p>
+ <h5>News</h5>
+ <p>Get the latest headlines, and browse and search recent articles to stay on top of important campus news.</p>
+ <h5>Libraries</h5>
+ <p>Browse the complete library catalog and check item availability.</p>
+ </div>
</div>
- </div>
</div>
- </div>
</section>
- <!-- InstanceEndEditable -->
+
+ <!-- InstanceEndEditable -->
<!--THIS IS THE END OF THE MAIN CONTENT AREA.-->
</div>
</div>
diff --git a/sharedcode/css/4.0.css b/sharedcode/css/4.0.css
index 98769d2a36d2ac2fe4eae2fbe26592447fe2aa35..edeff706265d369cc265532400fa1dac379b7c58 100644
--- a/sharedcode/css/4.0.css
+++ b/sharedcode/css/4.0.css
@@ -2187,3 +2187,16 @@ a[class^="featured-link-"] {
background: transparent url('../../aboutunl/images/buildings-grid.jpg') 50% 100% repeat;
background-size: cover;
}
+@media (min-width: 480px) {
+ .apps-features .bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
+ clear: left;
+ }
+}
+@media (min-width: 768px) {
+ .apps-features .bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
+ clear: none;
+ }
+ .apps-features .bp2-wdn-grid-set-thirds .wdn-col:nth-child(3n+1) {
+ clear: left;
+ }
+}
diff --git a/sharedcode/less/4.0.less b/sharedcode/less/4.0.less
index b90c5188093e423a8a2bdad4fdd220be0a6e44a3..bf090765fc9d061a72e81675eeb2ca9e7a3766a4 100644
--- a/sharedcode/less/4.0.less
+++ b/sharedcode/less/4.0.less
@@ -2152,3 +2152,26 @@ a[class^="featured-link-"] {
background: transparent url('../../aboutunl/images/buildings-grid.jpg') 50% 100% repeat;
background-size: cover;
}
+
+// !Apps
+
+.apps-features {
+
+ @media (min-width: 480px) {
+
+ .bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
+ clear: left;
+ }
+ }
+
+ @media (min-width: 768px) {
+
+ .bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
+ clear: none;
+ }
+
+ .bp2-wdn-grid-set-thirds .wdn-col:nth-child(3n+1) {
+ clear: left;
+ }
+ }
+}