Working on jobs.

master
Nick Sergeant 2012-10-15 23:21:36 -04:00
parent cbe81e8298
commit 33c722d38a
4 changed files with 144 additions and 5 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1968,18 +1968,62 @@ body.jobs {
section.jobs {
margin: 30px;
h4 {
border-bottom: 1px solid #C0C0C0;
color: #999999;
font-size: 14px;
margin-top: 30px;
padding-bottom: 5px;
padding-left: 10px;
}
ul {
margin: 0;
li {
list-style-type: none;
margin: 10px 0;
a {
background: #FBFBFB;
border: 1px solid #DDDDDD;
color: #333333;
display: block;
padding: 5px 10px;
padding: 10px;
@include border-radius;
@include box-shadow(0, 1px, 1px, rgba(0, 0, 0, .3));
&:hover {
background: rgba(#FBFBFB, .5);
}
span.left {
float: left;
span {
display: block;
&.job {
color: #3096B4;
font-size: 16px;
font-weight: bold;
margin-bottom: 4px;
}
}
}
span.right {
float: right;
span {
display: block;
text-align: right;
&.location {
color: #999999;
font-size: 16px;
font-weight: bold;
margin-bottom: 4px;
}
}
}
}
}
}

View File

@ -12,10 +12,105 @@
{% block content %}
<section class="jobs">
<h4>New (7)</h4>
<ul>
<li>
<a href="#">
Acto A/S is hiring a Visual Designer in Dallas, TX, USA.
<a href="#" class="group">
<span class="left">
<span class="job">Visual Designer</span>
<span class="company">Acto A/S</span>
</span>
<span class="right">
<span class="location">Dallas, TX, USA</span>
<span class="date">Oct 15, 2012</span>
</span>
</a>
</li>
<li>
<a href="#" class="group">
<span class="left">
<span class="job">Visual Designer</span>
<span class="company">Acto A/S</span>
</span>
<span class="right">
<span class="location">Dallas, TX, USA</span>
<span class="date">Oct 15, 2012</span>
</span>
</a>
</li>
<li>
<a href="#" class="group">
<span class="left">
<span class="job">Visual Designer</span>
<span class="company">Acto A/S</span>
</span>
<span class="right">
<span class="location">Dallas, TX, USA</span>
<span class="date">Oct 15, 2012</span>
</span>
</a>
</li>
</ul>
<h4>Past week (27)</h4>
<ul>
<li>
<a href="#" class="group">
<span class="left">
<span class="job">Visual Designer</span>
<span class="company">Acto A/S</span>
</span>
<span class="right">
<span class="location">Dallas, TX, USA</span>
<span class="date">Oct 15, 2012</span>
</span>
</a>
</li>
<li>
<a href="#" class="group">
<span class="left">
<span class="job">Visual Designer</span>
<span class="company">Acto A/S</span>
</span>
<span class="right">
<span class="location">Dallas, TX, USA</span>
<span class="date">Oct 15, 2012</span>
</span>
</a>
</li>
<li>
<a href="#" class="group">
<span class="left">
<span class="job">Visual Designer</span>
<span class="company">Acto A/S</span>
</span>
<span class="right">
<span class="location">Dallas, TX, USA</span>
<span class="date">Oct 15, 2012</span>
</span>
</a>
</li>
<li>
<a href="#" class="group">
<span class="left">
<span class="job">Visual Designer</span>
<span class="company">Acto A/S</span>
</span>
<span class="right">
<span class="location">Dallas, TX, USA</span>
<span class="date">Oct 15, 2012</span>
</span>
</a>
</li>
<li>
<a href="#" class="group">
<span class="left">
<span class="job">Visual Designer</span>
<span class="company">Acto A/S</span>
</span>
<span class="right">
<span class="location">Dallas, TX, USA</span>
<span class="date">Oct 15, 2012</span>
</span>
</a>
</li>
</ul>