Working on jobs.
parent
cbe81e8298
commit
33c722d38a
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1968,18 +1968,62 @@ body.jobs {
|
||||||
section.jobs {
|
section.jobs {
|
||||||
margin: 30px;
|
margin: 30px;
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
border-bottom: 1px solid #C0C0C0;
|
||||||
|
color: #999999;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-top: 30px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
ul {
|
ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
margin: 10px 0;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
background: #FBFBFB;
|
background: #FBFBFB;
|
||||||
border: 1px solid #DDDDDD;
|
border: 1px solid #DDDDDD;
|
||||||
|
color: #333333;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px 10px;
|
padding: 10px;
|
||||||
@include border-radius;
|
@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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -12,10 +12,105 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="jobs">
|
<section class="jobs">
|
||||||
|
<h4>New (7)</h4>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#" class="group">
|
||||||
Acto A/S is hiring a Visual Designer in Dallas, TX, USA.
|
<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>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
Loading…
Reference in New Issue