Commit 1050d0a4 authored by Daniel W Bond's avatar Daniel W Bond

made image border much thicker, added links, removed shadow

parent 5a5a5681
......@@ -96,8 +96,11 @@ outline-offset: none;
.breadcrumb {background: rgba(245, 245, 245, 1); border: 2px solid rgba(245, 245, 245, 1); border-radius: 4px; display: block;}
.breadcrumb li {font-size: 20px;}
.example-picture {
.polaroid {
max-height: 200px;
box-shadow: 2px 2px 5px #d3d3d3;
box-shadow: 0px 0px 0px 6px #fff, 0px 0px 0px 10px #DDDDDD; /* 10px 10px 10px 5px #bfbfbf; */
}
.img-right {
float: right;
}
......@@ -42,9 +42,11 @@
Only people with a current, valid Mason username and password may join.
</h5>
</div>
<div class="col-md-6 text-right">
<img src="/static/img/login.png" class="img-responsive img-thumbnail example-picture"
alt="Mason CAS auth screen">
<div class="col-md-6">
<a href="{% url 'login' %}">
<img src="/static/img/login.png" class="img-responsive polaroid img-right"
alt="Mason CAS auth screen">
</a>
</div>
</div>
......@@ -52,8 +54,10 @@
<div class="row">
<div class="col-md-6 col-md-offset-1">
<img src="/static/img/floormates.png" class="img-responsive img-thumbnail example-picture"
alt="students on a floor">
<a href="{% url 'login' %}">
<img src="/static/img/floormates.png" class="img-responsive polaroid"
alt="students on a floor">
</a>
</div>
<div class="col-md-4 text-right">
<h5><strong>
......@@ -80,9 +84,11 @@
within your major.
</h5>
</div>
<div class="col-md-6 text-right">
<img src="/static/img/majors.png" class="img-responsive img-thumbnail example-picture"
alt="list of majors">
<div class="col-md-6">
<a href="{% url 'login' %}">
<img src="/static/img/majors.png" class="img-responsive polaroid img-right"
alt="list of majors">
</a>
</div>
</div>
......@@ -90,8 +96,10 @@
<div class="row">
<div class="col-md-6 col-md-offset-1">
<img src="/static/img/privacy.png" class="img-responsive img-thumbnail example-picture"
alt="privacy settings options">
<a href="{% url 'login' %}">
<img src="/static/img/privacy.png" class="img-responsive polaroid"
alt="privacy settings options">
</a>
</div>
<div class="col-md-4 text-right">
<h5><strong>
......@@ -118,9 +126,11 @@
or Google pages.
</h5>
</div>
<div class="col-md-6 text-right">
<img src="/static/img/social.png" class="img-responsive img-thumbnail example-picture"
alt="user's social media account links">
<div class="col-md-6">
<a href="{% url 'login' %}">
<img src="/static/img/social.png" class="img-responsive polaroid img-right"
alt="user's social media account links">
</a>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment