@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
body {
background: #fff;
color: #333;
font-family: 'Source Sans Pro', sans-serif;
margin: 0;
}
section {
border: 1px solid #e7e7e7;
border-top: 3px solid #00afe1;
padding: 8px;
}
h4 {
font: normal 16px/20px 'Source Sans Pro', sans-serif;
margin: 0;
text-transform: uppercase;
}
button {
background: none;
border: none;
border-radius: 4px;
color: #00afe1;
cursor: pointer;
display: block;
font: 13px/25px 'Glyphicons Halflings';
margin: 0 auto;
outline: none;
padding: 0;
transition: .3s;
-webkit-transition: .3s;
width: 100%;
}
button:hover {
background: #f5f5f5;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
button.up:before {
content: "\e114";
}
button.down:before {
content: "\e113";
}
ul {
font: 14px/18px 'Source Sans Pro', sans-serif;
list-style: none;
padding: 0 2px;
position: relative !important;
}
li {
border-bottom: 1px dotted #ddd;
padding: 5px 0;
}
li:first-child {
padding-top: 0;
}
a {
color: #333;
display: block;
text-decoration: none;
}
.title, .company {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.title {
font-weight: bold;
}
img {
display: block;
margin: 5px auto 0;
height: 22px;
width: 80px;
}