Skip to content
Snippets Groups Projects
Commit 72c4429a authored by skoolbus39's avatar skoolbus39
Browse files

Remove figures from college images on splash page

parent 7466cdfa
No related branches found
No related tags found
1 merge request!50Figures
Show whitespace changes
Inline Side-by-side
sharedcode/css/4.0.css
+ 45
− 63
View file @ 72c4429a
......@@ -526,13 +526,12 @@ a[class^="quick-link-"] {
min-height: 14.204em;
}
}
.splash-academic-colleges figure {
.splash-academic-colleges img {
position: absolute;
z-index: 1;
}
.splash-academic-colleges figure img {
display: block;
bottom: 0;
right: 0;
z-index: 1;
}
.splash-academic-colleges h3 {
padding: 0.75em 7.5% 0;
......@@ -624,47 +623,41 @@ a[class^="quick-link-"] {
text-align: left;
}
}
.splash-college-architecture figure {
bottom: 0;
.splash-college-architecture img {
left: 0;
width: 60%;
}
@media (min-width: 480px) {
.splash-college-architecture figure {
bottom: 0;
.splash-college-architecture img {
left: auto;
right: 0;
width: 75%;
}
}
.splash-college-arts-sciences figure {
bottom: 0;
right: 0;
.splash-college-arts-sciences img {
width: 55%;
margin-right: -0.75em;
right: -0.75em;
}
@media (min-width: 480px) {
.splash-college-arts-sciences figure {
.splash-college-arts-sciences img {
width: 60%;
}
}
.splash-college-casnr figure {
bottom: 0;
right: 0;
.splash-college-casnr img {
width: 50%;
}
@media (min-width: 380px) {
.splash-college-casnr figure {
.splash-college-casnr img {
width: 45%;
}
}
@media (min-width: 480px) {
.splash-college-casnr figure {
.splash-college-casnr img {
width: 55%;
}
}
@media (min-width: 768px) {
.splash-college-casnr figure {
.splash-college-casnr img {
width: 55%;
}
}
......@@ -681,23 +674,21 @@ a[class^="quick-link-"] {
width: 100%;
}
}
.splash-college-business-admin figure {
bottom: 0;
.splash-college-business-admin img {
left: 0;
width: 40%;
margin-left: -0.75em;
left: -0.75em;
}
@media (min-width: 480px) {
.splash-college-business-admin figure {
bottom: 0;
.splash-college-business-admin img {
left: auto;
right: 5%;
width: 45%;
}
}
@media (min-width: 768px) {
.splash-college-business-admin figure {
margin-right: -1em;
.splash-college-business-admin img {
right: -1em;
}
}
.splash-college-business-admin h3 {
......@@ -708,23 +699,21 @@ a[class^="quick-link-"] {
width: 70%;
}
}
.splash-college-cehs figure {
bottom: 0;
right: 0;
.splash-college-cehs img {
width: 50%;
}
@media (min-width: 480px) {
.splash-college-cehs figure {
.splash-college-cehs img {
width: 60%;
}
}
@media (min-width: 768px) {
.splash-college-cehs figure {
.splash-college-cehs img {
width: 55%;
}
}
@media (min-width: 960px) {
.splash-college-cehs figure {
.splash-college-cehs img {
width: 60%;
}
}
......@@ -741,57 +730,54 @@ a[class^="quick-link-"] {
width: 75%;
}
}
.splash-college-engineering figure {
bottom: 0;
.splash-college-engineering img {
left: 7%;
width: 45%;
}
@media (min-width: 480px) {
.splash-college-engineering figure {
bottom: 0;
.splash-college-engineering img {
left: auto;
right: 0;
width: 55%;
}
}
.splash-college-fpa figure {
right: 0;
margin-top: -12%;
margin-right: -0.75em;
width: 40%;
.splash-college-fpa img {
top: -12%;
right: -0.75em;
width: 35%;
}
@media (min-width: 480px) {
.splash-college-fpa figure {
.splash-college-fpa img {
width: 60%;
margin-top: 2%;
top: 2%;
}
}
@media (min-width: 540px) {
.splash-college-fpa figure {
.splash-college-fpa img {
width: 60%;
margin-top: -5%;
top: -5%;
}
}
@media (min-width: 620px) {
.splash-college-fpa figure {
.splash-college-fpa img {
width: 55%;
margin-top: -5%;
top: -5%;
}
}
@media (min-width: 660px) {
.splash-college-fpa figure {
.splash-college-fpa img {
width: 45%;
margin-top: 3%;
top: 3%;
}
}
@media (min-width: 844px) {
.splash-college-fpa figure {
.splash-college-fpa img {
width: 55%;
margin-top: 15%;
top: 15%;
}
}
@media (min-width: 960px) {
.splash-college-fpa figure {
.splash-college-fpa img {
width: 47%;
}
}
......@@ -815,26 +801,24 @@ a[class^="quick-link-"] {
width: 100%;
}
}
.splash-college-jmc figure {
bottom: 0;
.splash-college-jmc img {
left: 0;
width: 55%;
}
@media (min-width: 480px) {
.splash-college-jmc figure {
bottom: 0;
.splash-college-jmc img {
left: auto;
right: 0;
width: 70%;
}
}
@media (min-width: 768px) {
.splash-college-jmc figure {
.splash-college-jmc img {
width: 66%;
}
}
@media (min-width: 768px) {
.splash-college-jmc figure {
.splash-college-jmc img {
width: 60%;
}
}
......@@ -846,18 +830,16 @@ a[class^="quick-link-"] {
width: 100%;
}
}
.splash-college-law figure {
bottom: 0;
right: 0;
.splash-college-law img {
width: 75%;
}
@media (min-width: 480px) {
.splash-college-law figure {
.splash-college-law img {
width: 90%;
}
}
@media (min-width: 768px) {
.splash-college-law figure {
.splash-college-law img {
width: 85%;
}
}
......
sharedcode/less/4.0.less
+ 24
− 43
View file @ 72c4429a
......@@ -625,14 +625,12 @@ a[class^="quick-link-"] {
}
}
figure {
position: absolute;
z-index: 1;
img {
position: absolute;
display: block;
bottom: 0;
}
right: 0;
z-index: 1;
}
h3 {
......@@ -717,13 +715,11 @@ a[class^="quick-link-"] {
.splash-college-architecture {
figure {
bottom: 0;
img {
left: 0;
width: 60%;
@media (min-width: 480px) {
bottom: 0;
left: auto;
right: 0;
width: 75%;
......@@ -733,11 +729,9 @@ a[class^="quick-link-"] {
.splash-college-arts-sciences {
figure {
bottom: 0;
right: 0;
img {
width: 55%;
margin-right: -0.75em;
right: -0.75em;
@media (min-width: 480px) {
width: 60%;
......@@ -747,9 +741,7 @@ a[class^="quick-link-"] {
.splash-college-casnr {
figure {
bottom: 0;
right: 0;
img {
width: 50%;
@media (min-width: 380px) { width: 45%; }
......@@ -767,21 +759,19 @@ a[class^="quick-link-"] {
.splash-college-business-admin {
figure {
bottom: 0;
img {
left: 0;
width: 40%;
margin-left: -0.75em;
left: -0.75em;
@media (min-width: 480px) {
bottom: 0;
left: auto;
right: 5%;
width: 45%;
}
@media (min-width: 768px) {
margin-right: -1em;
right: -1em;
}
}
......@@ -794,9 +784,7 @@ a[class^="quick-link-"] {
.splash-college-cehs {
figure {
bottom: 0;
right: 0;
img {
width: 50%;
@media (min-width: 480px) { width: 60%; }
......@@ -814,13 +802,11 @@ a[class^="quick-link-"] {
.splash-college-engineering {
figure {
bottom: 0;
img {
left: 7%;
width: 45%;
@media (min-width: 480px) {
bottom: 0;
left: auto;
right: 0;
width: 55%;
......@@ -830,35 +816,34 @@ a[class^="quick-link-"] {
.splash-college-fpa {
figure {
right: 0;
margin-top: -12%;
margin-right: -0.75em;
width: 40%;
img {
top: -12%;
right: -0.75em;
width: 35%;
@media (min-width: 480px) {
width: 60%;
margin-top: 2%;
top: 2%;
}
@media (min-width: 540px) {
width: 60%;
margin-top: -5%;
top: -5%;
}
@media (min-width: 620px) {
width: 55%;
margin-top: -5%;
top: -5%;
}
@media (min-width: 660px) {
width: 45%;
margin-top: 3%;
top: 3%;
}
@media (min-width: 844px) {
width: 55%;
margin-top: 15%;
top: 15%;
}
@media (min-width: 960px) {
......@@ -876,13 +861,11 @@ a[class^="quick-link-"] {
.splash-college-jmc {
figure {
bottom: 0;
img {
left: 0;
width: 55%;
@media (min-width: 480px) {
bottom: 0;
left: auto;
right: 0;
width: 70%;
......@@ -902,9 +885,7 @@ a[class^="quick-link-"] {
.splash-college-law {
figure {
bottom: 0;
right: 0;
img {
width: 75%;
@media (min-width: 480px) { width: 90%; }
......
splash/index.shtml
+ 9
− 9
View file @ 72c4429a
......@@ -164,7 +164,7 @@
<h2 class="hidden">Academic Colleges</h2>
<div class="wdn-col">
<div class="wdn-card splash-college-casnr">
<figure><img src="/ucomm/splash/images/college-casnr.png" alt="Students learning about plants." /></figure>
<img src="/ucomm/splash/images/college-casnr.png" alt="Students learning about plants." />
<h3 class="wdn-brand-caps clear-top"><a href="http://casnr.unl.edu/">Agricultural Sciences &amp; Natural Resources</a></h3>
<ul class="wdn-list-reset">
<li><a href="http://admissions.unl.edu/why-unl.aspx#majors"><span class="hidden">Agricultural Sciences &amp; Natural Resources</span> Undergrad Majors</a></li>
......@@ -175,7 +175,7 @@
</div>
<div class="wdn-col">
<div class="wdn-card splash-college-architecture">
<figure><img src="/ucomm/splash/images/college-architecture.png" alt="A woman constructing a modal building." /></figure>
<img src="/ucomm/splash/images/college-architecture.png" alt="A woman constructing a modal building." />
<h3 class="wdn-brand-caps clear-top"><a href="http://archweb.unl.edu/">Architecture</a></h3>
<ul class="wdn-list-reset">
<li><a href="http://admissions.unl.edu/why-unl.aspx#majors"><span class="hidden">Architecture</span> Undergrad Majors</a></li>
......@@ -186,7 +186,7 @@
</div>
<div class="wdn-col">
<div class="wdn-card splash-college-arts-sciences">
<figure><img src="/ucomm/splash/images/college-arts-sciences.png" alt="A student working in a laboratory." /></figure>
<img src="/ucomm/splash/images/college-arts-sciences.png" alt="A student working in a laboratory." />
<h3 class="wdn-brand-caps clear-top"><a href="http://cas.unl.edu/">Arts &amp; Sciences</a></h3>
<ul class="wdn-list-reset">
<li><a href="http://admissions.unl.edu/why-unl.aspx#majors"><span class="hidden">Arts &amp; Sciences</span> Undergrad Majors</a></li>
......@@ -197,7 +197,7 @@
</div>
<div class="wdn-col">
<div class="wdn-card splash-college-business-admin">
<figure><img src="/ucomm/splash/images/college-cba.png" alt="A student holding a microeconomics text book." /></figure>
<img src="/ucomm/splash/images/college-cba.png" alt="A student holding a microeconomics text book." />
<h3 class="wdn-brand-caps clear-top"><a href="http://cba.unl.edu/">Business Administration</a></h3>
<ul class="wdn-list-reset">
<li><a href="http://admissions.unl.edu/why-unl.aspx#majors"><span class="hidden">Business Administration</span> Undergrad Majors</a></li>
......@@ -208,7 +208,7 @@
</div>
<div class="wdn-col">
<div class="wdn-card splash-college-cehs">
<figure><img src="/ucomm/splash/images/college-cehs.png" alt="A student teaching a child to read." /></figure>
<img src="/ucomm/splash/images/college-cehs.png" alt="A student teaching a child to read." />
<h3 class="wdn-brand-caps clear-top"><a href="http://cehs.unl.edu/">Education &amp; Human Sciences</a></h3>
<ul class="wdn-list-reset">
<li><a href="http://admissions.unl.edu/why-unl.aspx#majors"><span class="hidden">Education &amp; Human Sciences</span> Undergrad Majors</a></li>
......@@ -219,7 +219,7 @@
</div>
<div class="wdn-col">
<div class="wdn-card splash-college-engineering">
<figure><img src="/ucomm/splash/images/college-engineering.png" alt="A student using a survey tool." /></figure>
<img src="/ucomm/splash/images/college-engineering.png" alt="A student using a survey tool." />
<h3 class="wdn-brand-caps clear-top"><a href="http://engineering.unl.edu/">Engineering</a></h3>
<ul class="wdn-list-reset">
<li><a href="http://admissions.unl.edu/why-unl.aspx#majors"><span class="hidden">Engineering</span> Undergrad Majors</a></li>
......@@ -230,7 +230,7 @@
</div>
<div class="wdn-col">
<div class="wdn-card splash-college-fpa">
<figure><img src="/ucomm/splash/images/college-fpa.png" alt="A student dancing." /></figure>
<img src="/ucomm/splash/images/college-fpa.png" alt="A student dancing." />
<h3 class="wdn-brand-caps clear-top"><a href="http://arts.unl.edu/"><span class="wdn-sans-caps college-name">Hixson-Lied College&nbsp;of</span> Fine &amp; Performing Arts</a></h3>
<ul class="wdn-list-reset">
<li><a href="http://admissions.unl.edu/why-unl.aspx#majors"><span class="hidden">Fine &amp; Performing Arts</span> Undergrad Majors</a></li>
......@@ -241,7 +241,7 @@
</div>
<div class="wdn-col">
<div class="wdn-card splash-college-jmc">
<figure><img src="/ucomm/splash/images/college-jmc.png" alt="Two students working in a newsroom." /></figure>
<img src="/ucomm/splash/images/college-jmc.png" alt="Two students working in a newsroom." />
<h3 class="wdn-brand-caps clear-top"><a href="http://journalism.unl.edu/">Journalism &amp; Mass Communications</a></h3>
<ul class="wdn-list-reset">
<li><a href="http://admissions.unl.edu/why-unl.aspx#majors"><span class="hidden">Journalism</span> Undergrad Majors</a></li>
......@@ -252,7 +252,7 @@
</div>
<div class="wdn-col">
<div class="wdn-card splash-college-law">
<figure><img src="/ucomm/splash/images/college-law.png" alt="A student practicing consulting with a client." /></figure>
<img src="/ucomm/splash/images/college-law.png" alt="A student practicing consulting with a client." />
<h3 class="wdn-brand-caps clear-top"><a href="http://law.unl.edu/"><span class="hidden">College of</span> Law</a></h3>
<ul class="wdn-list-reset">
<li><a href="http://law.unl.edu/academics/degree_programs.shtml"><span class="hidden">Law</span> Degree Programs</a></li>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment