232 lines
3.3 KiB
CSS
Vendored
232 lines
3.3 KiB
CSS
Vendored
/*
|
|
* Lichtblauw: #03A6E0
|
|
* Donkerblauw: #1F3977
|
|
*/
|
|
|
|
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
|
|
{
|
|
color: #1F3977;
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px) {
|
|
.row .column {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.tabs_navigation li a:hover,
|
|
.tabs_navigation li a.selected,
|
|
.tabs_navigation li.ui-tabs-active a {
|
|
background-color: #03A6E0;
|
|
}
|
|
|
|
.tabs_navigation li.ui-tabs-active span {
|
|
border-top-color: #03A6E0;
|
|
border-bottom-color: #03A6E0;
|
|
}
|
|
|
|
.box_header {
|
|
border-left-color: #1F3977;
|
|
}
|
|
|
|
.more.active,
|
|
.more:hover
|
|
{
|
|
transition: 500ms;
|
|
background-color: #1F3977;
|
|
border-color: #2F4A88;
|
|
}
|
|
|
|
button[disabled],
|
|
button[disabled]:hover
|
|
{
|
|
background-color: #F0F0F0;
|
|
border-color: #D0D0D0;
|
|
color: #333333;
|
|
cursor: default;
|
|
}
|
|
|
|
.blog_grid .post img {
|
|
height: 100%;
|
|
}
|
|
|
|
.post h2,
|
|
.post h5 {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.post.single .post_details a {
|
|
color: #1F3977;
|
|
}
|
|
|
|
.post_details li.category
|
|
{
|
|
font-weight: bold;
|
|
background-color: #03A6E0;
|
|
}
|
|
|
|
.post_details.simple li.category a {
|
|
color: #1F3977;
|
|
}
|
|
|
|
.post_details.simple li.category a.over_image {
|
|
color: white;
|
|
}
|
|
|
|
.post_details date.edited {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.read_more .arrow {
|
|
background-color: #03A6E0;
|
|
}
|
|
|
|
.row.grid .column {
|
|
margin: 0px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.grid .post {
|
|
clear: none;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.blog.podcasts .post {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.blog.podcasts .post p {
|
|
margin-top: 0px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.post.single {
|
|
width: 100%;
|
|
}
|
|
|
|
.action_button
|
|
{
|
|
position: relative;
|
|
display: inline-block;
|
|
height: 29px;
|
|
float: left;
|
|
color: #25282A;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
margin-right: 20px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.action_button span
|
|
{
|
|
display: block;
|
|
line-height: normal;
|
|
margin-top: 7px;
|
|
position: relative;
|
|
margin-left: 38px;
|
|
}
|
|
|
|
.action_button .fa
|
|
{
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 29px;
|
|
line-height: 29px;
|
|
vertical-align: middle;
|
|
background-color: #03A6E0;
|
|
color: white;
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.action_button:hover
|
|
{
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.action_button:not(.disabled):hover .fa,
|
|
.read_more:not(.disabled):hover span
|
|
{
|
|
transition: 200ms;
|
|
width: 100%;
|
|
}
|
|
|
|
.action_button.disabled {
|
|
color: #A1A1A1;
|
|
}
|
|
|
|
.action_button.disabled span.fa {
|
|
background-color: #E4E4E4;
|
|
}
|
|
|
|
/*
|
|
.action_button span {
|
|
display: inline-block;
|
|
line-height: 29px;
|
|
height: 29px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.action_button :not(.fa) {
|
|
padding: 0 10px 0 12px !important;
|
|
}
|
|
|
|
.action_button .fa {
|
|
width: 29px;
|
|
background-color: #1F3977;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
color: white;
|
|
}
|
|
|
|
.action_button:hover span, .action_button:hover .fa {
|
|
transition: 500ms;
|
|
background-color: transparent;
|
|
}
|
|
*/
|
|
|
|
/* Responsiveness */
|
|
@media (min-width: 576px) {
|
|
.d-sm-none {
|
|
display: none !important;
|
|
}
|
|
.d-md-only, .d-lg-only, .d-xl-only {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.d-md-none {
|
|
display: none !important;
|
|
}
|
|
.d-sm-only, .d-lg-only, .d-xl-only {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.d-lg-none {
|
|
display: none !important;
|
|
}
|
|
.d-sm-only, .d-md-only, .d-xl-only {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.d-xl-none {
|
|
display: none !important;
|
|
}
|
|
.d-sm-only, .d-md-only, .d-lg-only {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|