/******************************************************************
Theme Name: apologeet
Theme URI: https://www.apologeet.nl/theme/apologeet/
Description:
Author: apologeet.nl
Author URI: https://www.apologeet.nl
Version: 3.04
License: GPL
License URI: http://www.gnu.org/copyleft/gpl.html
******************************************************************/
/* voor CSS van oude apologeet.nl ga naar regel 1034*/
/*om de vlaggen van translate goed te alignen:
.qtranxs_flag_and_text {background-repeat: no-repeat; background-position:left center; padding-left: 25px !important; }*/
body {
font-size: 15px;
line-height: 1.6em;
background-color: #E7DFA0;
color: #082733 !important;
font-family: 'Ubuntu',Arial,sans-serif;
}
body #blankpage {
background-color:#706933 !important;
color:white !important;
}
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap');
@font-face {
font-family: 'optimusprinceps';
src: url('font/optimusprinceps.eot');
src: url('font/optimusprinceps.eot#iefix') format('embedded-opentype'),
url('font/optimusprinceps.woff2') format('woff2'),
url('font/optimusprinceps.woff') format('woff'),
url('font/optimusprinceps.ttf') format('truetype'),
url('font/optimusprinceps.svg#optimusprinceps') format('svg');
font-weight: normal;
font-style: normal;
}
/*** Open & Close dialog through html5 css3 details **/
details[open] summary ~ * {
animation: sweep .5s ease-in-out;
}
@keyframes sweep {
0% {opacity: 0; margin-left: -200px}
100% {opacity: 1; margin-left: 0px}
}
summary {
color: #951509 !important;
font-weight: bold;
outline:none;
}
summary:hover {
text-decoration: underline !important;
cursor: pointer;
outline:none;
}
/*** end Open & Close dialog through html5 css3 details **/
.iframe-container {
padding-top: 56.25%;
position: relative;
}
.iframe-container iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
a, a:hover, a:focus, a:visited {
color: #000;
outline: none;
text-decoration: none;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.wrapper {
width: 90%;
margin: 0 5%;
}
.sidebar {margin-top: 35px;}
.widget_footer ul,
.widget_sidebar ul {
padding-left: 20px;
}
/* ONLY PRINT*/
.print-only {display: none; visibility: hidden;}
.header-container {
background: url();
height: 220px !important;
}
.subheader-container {
}
header {
height: 70px;
position: relative;
z-index: 5;
background: #2B0D0A;
}
article header {
background: none;
height: auto;
padding: 8px 0;
border: #CECEBF solid;
border-width: 1px 0;
margin-bottom: 3%;
}
.top {
position: relative;
}
.page-title {
background: #E7DFA0 url('img/content-bg.gif') 0 0 repeat-x !important;
}
.page-title .wrapper h2 {
font: normal 30px "optimusprinceps", Fallback, Arial, Helvetica, sans-serif;
color: #082733;
text-align: center;
background: url('img/horz-dot.gif') 0 100% repeat-x;
background-color: inherit;
width: 62%;
display: inline-block;
margin-top: 20px !important;
}
.footer-container,
.main .column-two {
}
.footer-container,
.main .column-two {
}
.title {
color: white;
}
#sidebar ul {
list-style: none;
}
/* ==============
MOBILE: Main
============== */
.main {
padding: 0 !important ;
}
.main .column-two {
}
.footer-container {
padding: 30px 0;
clear: both;
font-size: 15px;
margin-top: 20px;
background: #121212 url('img/footer-bg.gif') 0 0 repeat-x;
color: #B3AC8B;
}
.footer-container footer {
padding: 30px 0;
clear: both;
font-size: 90%;
margin-top: 20px;
border-top:1px solid #eee;
}
.footer-container a, .sidebar-footer .widget-title a, .sidebar-footer a,
.footer-container footer a, .footer-container footer a:hover,
.sidebar-footer .widget-title a:hover, .sidebar-footer a:hover {
color: #B3AC8B !important;
}
.footer-container footer {
background: url('img/footer-logo.png') 100% 13px no-repeat;
}
/* ===============
ALL: IE Fixes
=============== */
.ie7 .title {
padding-top: 20px;
}
/* * { transition: all 0.3s ease-out; } */
.site-title {
width: 170px;
height: 170px;
background: rgba(255, 255, 255, 0) !important;
float: left;
position: relative;
text-align: center;
margin: 0;
}
.site-title a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: auto;
display: inline-block;
line-height: 170px;
color: #fff;
text-decoration: none;
}
.site-title a img {
display: block;
}
/* ==========================================================================
top menu
========================================================================== */
@media screen and (min-width: 767px) {.gm-wrapper,.gm-padding{display:none !important;visibility:none;}} /* == Groovy menu == */
.social-objects-menu {
float:left !important;
margin-top: 0px;
padding-top: 15px;
text-align: left;
list-style: none;
position: relative;
color: rgba(206, 206, 206, 1);
font-weight: bolder;
text-transform: uppercase;
font-size:15px;
} /* == Groovy menu == */
.social-objects-menu:hover{rgba(204, 204, 204, 1);} /* == Groovy menu == */
.top-menu-container, nav, .sf-menu {
float: left;
}
nav {
width: 100%;
}
.top-menu-container {
margin-top: 154px;
z-index: 10;
position: absolute;
}
.sf-sub-indicator, a > .sf-sub-indicator {
display: none !important; /* this takes the 00BB (») away */
}
#top-menu{
height: 33px; /* set to the height you want your menu to be */
}
#top-menu li.first {
float: left;
margin:0;
padding: 0;
width: 81px;
background: url('img/navigation-divider.gif') 100% 0 no-repeat;
}
#top-menu li.first a {
margin:0;
padding: 0;
height: 33px; /* this should be the same as your #top-menu height */
line-height: 33px; /* this should be the same as your #top-menu height */
font-weight: bold;
color: #FAF0C2 !important;
font-size: 12px;
text-transform: capitalize !important;
text-decoration: none !important;
text-align: center !important;
}
#top-menu .first.current-page-ancestor,
#top-menu .first.current-menu-ancestor,
#top-menu .first.current-menu-parent,
#top-menu .first.current-page-parent,
#top-menu .first.current_page_parent,
#top-menu .first.current_page_ancestor,
#top-menu .first.current_page_item,
#top-menu .first.current-menu-item,
#top-menu .first.current_page_item{
color: #FAF0C2;
background: url('img/navigation-bg-selected.gif') 0 0 no-repeat;
}
#top-menu .first:hover {
color: #FAF0C2;
background: url('img/navigation-bg-selected.gif') 0 0 no-repeat;
text-decoration: underline !important;
}
#top-menu ul ul.sub-menu { /* this targets all sub menus */
display: none; /* hide all sub menus from view */
position: absolute;
top: 33px; /* this should be the same height as the top level menu -- height + padding + borders */
left:1px !important;
}
#top-menu ul ul.sub-menu li { /* this targets all submenu items */
width: 170px !important; /* set to the width you want your sub menus to be. This needs to match the value we set below */
border-bottom: 1px solid gray;
border-right: 1px solid gray;
padding: 0 0 2px 4px;
height: 30px !important;
background: #0d0d0b url('img/sub-bg.gif') left bottom repeat-x;
-moz-box-shadow: 8px 10px 25px #000; /* Firefox/Mozilla */
-webkit-box-shadow: 8px 10px 25px #000; /*Safari/Chrome */
box-shadow: 8px 10px 25px #000; /* Opera & how it should be */
}
#top-menu ul ul.sub-menu li:hover{
background: #212121 url('img/sub-bg-selected.gif') left bottom repeat-x;
}
#top-menu ul ul.sub-menu li a { /* target all sub menu item links */
text-align: left !important;
font-weight: normal;
}
#top-menu ul ul.sub-menu li a:hover { /* target all sub menu item links */
color: #fff !important;
font-weight: bold;
}
#top-menu ul ul.sub-menu li.menu-item-has-children {
background-image: url(img/right.gif), url(img/sub-bg.gif);
background-repeat: no-repeat, repeat-x;
background-position:162px center, left bottom;
background-color: #0d0d0b, #0d0d0b;
}
#top-menu ul ul.sub-menu li.menu-item-has-children:hover,
#top-menu ul ul.sub-menu li.menu-item-has-children:active {
background-image: url(img/right_over.gif), url(img/sub-bg-selected.gif);
background-repeat: no-repeat, repeat-x;
background-position:162px center, left bottom;
background-color: #212121;
}
#top-menu ul li:hover > ul {
display: block; /* show sub menus when hovering over a parent */
}
#top-menu ul ul.sub-menu li ul {/* target all second, third, and deeper level sub menus */
left: 175px !important; /* this needs to match the sub menu width set above -- width + padding + borders */
top: 0 !important; /* this ensures the sub menu starts in line with its parent item */
}
/*Sharethis and Followbuttons in headsector*/
.social-objects {
float:right !important;
margin-top: 25px;
padding-top: 15px;
text-align: right;
list-style: none;
position: relative;
}
.social-objects li {
float: left;
}
.st_sharethis_custom {
background: url('img/share_this.png') no-repeat;
}
.st_googleplus_custom {
background: url('img/google_plus.png') no-repeat;
}
.st_facebook_custom {
background: url('img/face_book.png') no-repeat;
}
.st_rss_custom {
background: url('img/rss.png') no-repeat;
}
.st_email_custom {
background: url('img/email.png') no-repeat;
}
.youtube {
background: url('img/youtube.png') no-repeat;
}
.blogger {
background: url('img/blogger.png') no-repeat;
}
.facebook {
background: url('img/face_book.png') no-repeat;
}
.googleplus {
background: url('img/google_plus.png') no-repeat;
}
.linkedin {
background: url('img/linkedin.png') no-repeat;
}
.LBRY {
background: url('https://www.apologeet.nl/wp-content/uploads/images/LBRY.png') no-repeat;
}
.odysee {
background: url('https://www.apologeet.nl/wp-content/uploads/images/odysee.png') no-repeat;
}
.gab {
background: url('https://www.apologeet.nl/wp-content/uploads/images/gab.png') no-repeat;
}
.all-sm {
margin: 0 4px 0;
cursor: pointer;
padding: 15px 0 0 32px; /*transition*/
-webkit-transition: padding 0.5s ease-out;
-moz-transition: padding 0.5s ease-out;
-o-transition: padding 0.5s ease-out;
-ms-transition: padding 0.5s ease-out;
transition: padding 0.5s ease-out;
}
.all-sm:hover {
padding-top: 24px;
opacity: 0.8;
}
.divider {
background: url('img/navigation-divider.gif') no-repeat;
-webkit-background-size: auto 24px;
-moz-background-size: auto 24px;
background-size: auto 24px;
padding: 15px 0 0 10px;
}
#searchform {
width: 225px;
padding: 8px;
background: #fff;
border: 1px #CCCCCC solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: right;
margin: 21px 7px 0 0;
}
#searchform input {
height: 24px;
line-height: 24px;
font-size: 12px;
font-weight: bold;
border: 0;
text-transform: uppercase;
}
#searchform input {
float: left;
background: #fff;
width: 190px;
}
#searchform input#searchsubmit {
float: right;
width: 24px;
background: url(img/searchsubmit.png) no-repeat;
}
.Nederlands {
background-image: url(https://www.apologeet.nl/wp-content/uploads/images/nederlands.png);
background-repeat: no-repeat;
background-position: left center;
padding-left:20px;
}
.English {
background-image: url(https://www.apologeet.nl/wp-content/uploads/images/english.png);
background-repeat: no-repeat;
background-position: left center;
padding-left:20px;
}
article header.clearfix{
z-index: 0 !important;
border-top:0.8px #45646f solid;
border-bottom:0.8px #45646f solid;
}
header .meta {
color: #082733;
list-style: none;
margin: 0;
padding: 0;
font-weight: bold;
}
header .meta li {
float: left;
padding: 0 3%;
border-right: 1px #082733 solid;
}
header .meta li:last-child {
border-right:0;
}
header .meta li .comments {
float: left;
padding-left: 20px;
background: url(img/comments.png) no-repeat 0 7px;
}
header .meta li .comments a {
text-decoration: none;
}
header .meta li .tags {
padding-left: 20px;
background: url(img/tags.png) no-repeat 0 4px;
}
.blog-thumb {
float: left;
margin-right: 3%;
}
.blog-entry {
float: left;
width: 60%;
}
.categories {
font-size: 90%;
color: #79796A;
font-weight: bold;
text-transform: uppercase;
}
.categories a {
color: #79796A;
text-decoration: none;
}
h2.post-title {
display:none;
visibility: hidden;
}
.post-title {
color: #00BFFF;
font-size: 200%;
font-weight: lighter;
margin: 3.5% 0;
line-height: 120%;
}
.post-title a {
color: #00BFFF;
text-decoration: none;
}
#print-logo-title,
#print-article-name{
display:none;
visibility: hidden;
}
article {
margin-bottom: 5%;
text-align: justify;
}
.more-link {
color: #000000;
padding-right: 25px;
background: url(img/continue.png) no-repeat right 3px;
text-decoration: none;
font-weight: bold;
}
.sidebar-footer .widget-title {
color: #B3AC8B !important;
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
margin: 2em 0;
}
.column-two .widget-title {
height: 20px;
color: #951509;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url(img/info-icon.gif) 3px center no-repeat;
text-transform: uppercase;
margin: 0 0 1em -30px;
position: relative;
}
.column-two ul, .sidebar-footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.column-two ul {
margin-bottom: 0;
}
.column-two ul li, .sidebar-footer ul li {
margin: 4px 0;
}
.column-two ul li a, .sidebar-footer ul li a {
/*color: #575746;*/
text-decoration: none;
}
#comment-nav {
display: none;
}
.avatar {
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}
.commentlist {
list-style: none;
padding: 0;
}
.commentlist article header {
border: 0;
}
.commentlist article header img {
float: left;
margin-right: 30px;
}
.commentlist article header a {
font-style: normal;
text-decoration: none;
/*font-size: 85%;*/
}
.commentlist article header cite a {
font-weight: bold;
}
.commentlist article header cite {
height: 30px;
line-height: 30px;
border-right: 1px #79796A solid;
margin-right: 25px;
padding-right: 25px;
}
.commentlist article section {
color: #575746;
float: left;
padding-left: 95px;
margin-top:-30px;
}
.commentlist article section p {
margin: 0.3em 0;
}
.comment-reply-link {
clear: both;
font-style: normal;
text-decoration: none;
font-weight: bold;
font-size: 80%;
text-transform: uppercase;
}
#comments {
clear: both;
margin-top:7%;
}
.respond-form {
clear: both;
margin-top:3%;
float: left;
}
#comment-form-title h3, #comments h3 {
color: #082733;
font-size: 140%;
font-weight: lighter;
text-transform: uppercase;
}
#comment-form-elements {
list-style: none;
color: #212121;
padding: 0;
}
#comment-form-elements li {
margin: 10px 0;
float: left;
clear: both;
}
#comment-form-elements label, #contactForm label {
width: 170px;
text-transform: uppercase;
float: left;
height: 40px;
line-height: 40px;
}
#comment-form-elements input, #comment-form-elements textarea, #contactForm input, #contactForm textarea {
float: left;
width: 328px;
border: 1px #CCCCCC solid;
padding: 0 10px;
height: 40px;
line-height: 40px;
}
#comment-form-elements textarea, #contactForm textarea {
height: 130px;
line-height: 24px;
}
#comment-form-elements input.submitbutton, #contactForm button.submitbutton {
width: 125px;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
font-weight: bold;
text-transform: uppercase;
background: #00BFFF;
border: 0;
cursor: pointer;
}
.call_to_action {
width: 100%;
height: 140px;
background-image: url(img/bk_header.png);
line-height: 140px;
text-align: center;
color: #00BFFF;
font-size: 200%;
font-weight: lighter;
}
.call_to_action .wrapper {
height: 100%;
}
.call_to_action a {
color: #fff;
background: #00BFFF;
padding: 10px 25px;
text-decoration: none;
margin: -15px 0 0 30px;
border-radius: 3px;
}
.radial_gradient {
width: 100%;
height: 100%;
background: #2B0D0A url('img/navigation-bg.gif') 0 100% repeat-x;
}
.site-description {
margin: 0;
position: absolute;
top: 35px;
left: 190px;
font: normal 18px "optimusprinceps", Fallback, Ubuntu, Arial, Helvetica, sans-serif;
color:#fff !important;
text-shadow: 2px 2px 4px #000;
}
/* Contact Page */
#contact-map {
float: left;
width: 100%;
height: 350px;
margin: 0 0 15px 0;
}
#contact-map iframe {
border: 0;
}
#contact-form {
width: 60%;
float: left;
margin: 0 30px 0 0;
}
#contact-form .error, #contact-form .thanks {
display: none;
}
#contact-data {
float: left;
width: 35%;
margin: 28px 0 0 0;
}
#contact-data p {
display:block;
overflow:hidden;
margin:0 0 15px 0;
}
#contact-data .contact-data-field {
float: left;
width: 35%;
font-weight: bold;
}
#contact-data .contact-data-info {
float: left;
width: 65%;
}
/* contact */
#contactForm div {
float: left;
width: 100%;
margin-bottom: 10px;
}
.thanks {
background: #F2F3F6;
background: url('img/ok.png') no-repeat left 1px;
padding-left:20px;
clear: both;
margin-top: 30px;
}
.error {
color: #333;
background: #FCE2D4 url('img/error.png') no-repeat 5px 50%;
margin-top: 5px;
display:block;
clear: both;
padding:7px;
padding-left:30px;
border-radius:6px;
font-size:11px;
border: 1px solid #fbc2c4;
width:270px;
}
.filterable {
float: right;
list-style: none;
text-transform: uppercase;
margin: 0 0 5% 0;
clear: both;
}
.filterable li {
float: left;
margin: 0 20px 0 0;
}
.filterable li a {
color: #878787;
padding: 5px 10px;
text-decoration: none;
}
.filterable li a:hover {
color: #fff;
background: #00BFFF;
}
.filterable li.active a {
background: #00BFFF;
color: #fff;
}
.portfolio-items {
list-style: none;
float: left;
width: 100%;
padding: 0;
}
.portfolio-items li {
width: 355px;
margin: 0 5px;
text-align: center;
float: left;
height: 360px;
}
.portfolio-items li div, .portfolio-items li img {
width: 100%
}
.portfolio-items li img {
max-width: 300px !important;
}
.portfolio-items .portfolio-item-holder {
height: 250px;
}
.portfolio-items li .description p {
margin: 1em 0 0;
}
.portfolio-items li .description p a {
text-decoration: none;
color: #00BFFF;
font-size: 120%;
}
.portfolio-items li .description span {
text-transform: uppercase;
font-size: 90%;
font-weight: bold;
}
/* Pagination */
.emm-title {
display: none;
}
.emm-paginate {
padding: 45px 0 20px;
}
.emm-paginate a, .emm-paginate span {
border: 1px solid #CCCCCC;
background: none;
border-radius: 4px 4px 4px 4px;
margin: 0 4px;
padding: 5px 11px;
text-align: center;
text-decoration: none;
text-shadow: none;
color: #CCCCCC;
transition: color 0.1s ease-in 0s;
}
.emm-paginate .emm-title {
border: medium none;
padding-left: 0;
background: none;
}
.emm-paginate .emm-current {
color: #000;
font-weight: bold;
}
.emm-paginate a:hover {
border-color: #00BFFF;
background: #00BFFF;
color: #fff;
}
/* Widgets */
.widget_sidebar {
clear: both;
margin-bottom: 60px;
}
.widget_search label {
display: none;
}
.widget_search #searchform {
/*float: none;*/
margin: 0 7px 0 0;
}
#searchsubmit {text-indent:-9999px;}
* html #searchsubmit {font-size:0;display:block;line-height:0} /* ie6 */
*+html #searchsubmit {font-size:0;display:block;line-height:0} /* ie7 */
/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: center; color: #333; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 90%; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 90%; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 90%; text-transform: uppercase; padding-top: 10px; }
.tagcloud a {
font-size: 14px !important;
background: #00BFFF;
color:#fff;
display: inline-block;
padding:2px 5px;
margin-bottom: 5px;
}
/* ==========================================================================
Helper classes
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clear {
clear: both;
}
/* ==========================================================================
CSS van oude apologeet.nl
========================================================================== */
.no-flipbook {
visibility: visible;
}
.message-flipbook{
visibility: hidden !important;
}
.get-url {
display: none;
visibility: hidden;
}
.page-break {
display: none;
}
img {
border: none;
}
a img {
text-decoration: none;
border: none;
}
a img:hover {
text-decoration: none;
border: none;
}
br.a {
margin-bottom: 0.75em;
}
br.b {
line-height: 0.15em;
}
h1 {
font: normal 30px/32px "Ubuntu Condensed", Arial, Helvetica, sans-serif;
color: #082733;
width: 62%;
height: auto;
letter-spacing: -1px;
}
.essay h1 {
font: normal 30px/32px "Ubuntu Condensed", Arial, Helvetica, sans-serif;
color: #082733;
width: 100%;
height: auto;
letter-spacing: -1px;
}
.essay {
border: 2px solid;
padding: 10px;
margin-left:auto;
margin-right: auto;
margin-top: 20px;
text-align: center;
max-width: 550px;
}
h1.title {
font: normal 24px/26px "Ubuntu Condensed", Arial, Helvetica, sans-serif;
color: #082733;
width: 100%;
letter-spacing: -1px;
}
a {
outline: none;
text-decoration: none;
color: #5e0900 !important;
cursor: pointer;
}
a.a {
color: #B46F07 !important;
font-size: 15px;
font-weight: bold;
text-decoration: none; /*links on extra content part home page*/
}
a.close {
color: #082733;
padding: 0px 0 0px 21px;
background: url('img/close.png') no-repeat;
}
a.c {
color: #082733;
padding: 0 0 0 21px;
background: url('img/search-icon.gif') 3px 2px no-repeat;
}
a:hover {
color: #951509 !important;
text-decoration: underline !important;
}
ul {
list-style-type: none;
}
ul.a {
margin-left: 2%;
list-style-type: square;
line-height: 200%;
}
ul.b {
margin-left: 3%;
list-style-type: square;
line-height: 200%;
}
ul.c {
margin-left: 1%;
list-style-type: square;
line-height: 200%;
}
ul.d {
margin-left: 2%;
}
ul.e {
margin-left: 1%;
list-style-type: square;
}
ol.a {
margin-left: 2%;
line-height: 200%;
}
ol.b {
margin-left: 1%;
line-height: 200%;
}
.spacer {
line-height: 0;
font-size: 0;
clear: both;
}
.shadow{
-moz-box-shadow: 0 0 7px black; /* Firefox/Mozilla */
-webkit-box-shadow: 0 0 7px black; /*Safari/Chrome */
box-shadow: 0 0 7px black; /* Opera & how it should be */
}
/* START HORIZONTAL LINES */
hr {
border: 0;
height: 1px;
opacity: 0.75;
background: #082733;
background-image: -webkit-linear-gradient(left, #E7DFA0, #082733, #E7DFA0);
background-image: -moz-linear-gradient(left, #E7DFA0, #082733, #E7DFA0);
background-image: -ms-linear-gradient(left, #E7DFA0, #082733, #E7DFA0);
background-image: -o-linear-gradient(left, #E7DFA0, #082733, #E7DFA0);
}
hr.b {
border: 0;
height: 1px;
width: 150px;
float: left;
opacity: 0.75;
background: #082733;
background-image: -webkit-linear-gradient(left, #E7DFA0, #082733, #E7DFA0);
background-image: -moz-linear-gradient(left, #E7DFA0, #082733, #E7DFA0);
background-image: -ms-linear-gradient(left, #E7DFA0, #082733, #E7DFA0);
background-image: -o-linear-gradient(left, #E7DFA0, #082733, #E7DFA0);
}
hr.a {
border: 0;
height: 1px;
opacity: 0.75;
background: #837C44;
background-image: -webkit-linear-gradient(left, #2B0D0A, #837C44, #2B0D0A);
background-image: -moz-linear-gradient(left, #2B0D0A, #837C44, #2B0D0A);
background-image: -ms-linear-gradient(left, #2B0D0A, #837C44, #2B0D0A);
background-image: -o-linear-gradient(left, #2B0D0A, #837C44, #2B0D0A);
}
/*-- START BLOCKQUOTES --*/
blockquote#left {
float: left;
margin: 5px 10px 5px 4px;
}
blockquote#right {
float: right;
margin: 5px 4px 5px 10px;
}
blockquote.short{
font-style: oblique;
font-variant: small-caps;
font-size: 14px;
min-height: 50px;
width: 28%;
text-align: justify;
padding: 20px 4% 20px 4%;
background: url(img/quote-left.png) left top no-repeat, url(img/quote-right.png) right bottom no-repeat;
}
blockquote.short span.left {
display: block;
float: left;
width: 35px;
height: 25px;
}
blockquote.short span.right {
display: block;
float: right;
width: 35px;
height: 25px;
}
/*-- long quotes --*/
.textq {
width: 100%;
margin-left: 3%;
font-size: 15px;
font-variant: small-caps;
text-align: justify;
}
.leftq {
padding-left: 25px;
padding-top: 5px;
background: url('img/quote-lsm.png') top left no-repeat;
}
.rightq {
padding-right:25px;
padding-bottom: 5px;
background: url('img/quote-rsm.png') bottom right no-repeat;
}
.left-quote {
max-width:380px;
min-width:50px;
width:48%;
float:left;
}
.right-quote {
max-width:380px;
min-width:50px;
width:48%;
border-left:1px solid rgba(8,39,51,0.75);
float:right;
padding-left:4px;
}
/*---START TOOLTIP CSS---*/
#screenshot,#tooltip {
position:absolute;
border:2px solid #082733;
padding: 5px;
display:inline-block;
text-align: justify;
font-size: 14px;
color: white;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0 0 7px black;
-webkit-box-shadow: 0 0 7px black;
box-shadow: 0 0 7px black;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(89,89,89,0.85) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(89,89,89,0.85))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(89,89,89,0.85) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(89,89,89,0.85) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(89,89,89,0.85) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(89,89,89,0.85) 100%); /* W3C */
text-shadow: 1px 1px 2px #000;
word-wrap: break-word;
width: auto;
max-width: 300px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 9999 !important;
}
#screenshot span,#tooltip span {
font-variant: small-caps;
font-size: 13px;
font-weight: bolder;
margin-bottom: 4px;
display: block;
z-index: 9999 !important;
}
#screenshot:hover,#tooltip:hover {
text-decoration: none;
}
/*------------START SCROLL BUTTON ON THE SIDE OF THE PAGE-----*/
.scrollup {
width: 50px;
height: 50px;
display:none;
position: fixed;
bottom: 12%;
right: 10%;
text-indent: -9999px;
background: url('img/icon_top.png') no-repeat;
z-index: 1500 !important;
}
.grey-ease-out {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
max-width: 90%;
}
.grey-ease-out:hover{
cursor: pointer;
filter: gray; /* IE5+ */
-webkit-filter: grayscale(100%); /* Webkit Nightlies & Chrome Canary */
-moz-filter: grayscale(100%);
filter: grayscale(100%);
filter: url('data:image/svg+xml;utf8,#greyscale');
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
-transform: scale(1.05,1.05);
}
/* ZOOM THUMBNAILS AS USED IN eg. 3VMBO */
.thumb-zoom-bottom {
float: left;
text-align: center;
width: 105px;
height: 115px;
margin: 0px;
background: url('img/zoom.png') right top no-repeat;
}
.thumb-zoom-top {
margin-top: 18px; /* to clean up, just in case IE later supports valign! */
margin-right: 5px;
/*-moz-box-shadow: 0 0 7px black; /* Firefox/Mozilla */
/*-webkit-box-shadow: 0 0 7px black; /*Safari/Chrome */
/*box-shadow: 0 0 7px black; /* Opera & how it should be */
}
.thumb-zoom-top:hover {
-webkit-transform: scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
cursor: pointer;
}
/* END ZOOM THUMBNAILS */
/*print-e-mail-pdf-top-more-info-read-video-mp3-emailright icons*/
.read {
padding: 8px 18px 8px 0;
margin-right: 4px;
background: url('img/search.png') right center no-repeat;
}
.info {
padding: 8px 18px 8px 0;
margin-right: 4px;
background: url('img/info.png') right center no-repeat;
}
.more {
padding-right:35px;
margin-right: 4px;
background: url('img/meer1.png') right center no-repeat;
opacity: 0.7;
}
.pdf-left {
background: url('img/pdf-file-icon-1.png') left center no-repeat;
margin-left: 4px;
display: inline-block;
padding: 12px 0 13px 32px;
opacity: 0.7;
}
.pdf-right {
background: url('img/pdf-file-icon-1.png') right center no-repeat;
padding: 12px 32px 13px 0;
display: inline-block;
margin-right: 4px;
opacity: 0.7;
}
.video-left {
background: url('img/video1.png') left center no-repeat;
padding: 10px 0 11px 36px;
display: inline-block;
margin-left: 4px;
opacity: 0.7;
}
.video-right {
background: url('img/video1.png') right center no-repeat;
padding: 10px 36px 11px 0;
display: inline-block;
margin-right: 4px;
opacity: 0.7;
}
.watch-video {
background: url('img/video1.png') right bottom no-repeat;
background-size: 32px 25px;
margin: 0 4px 0 4px;
padding: 0 32px 12px 0;
opacity: 0.7;
}
.print-friendly {
background: url('img/print-icon-1.png') no-repeat;
}
.pdf {
background: url('img/pdf-file-icon-1.png') no-repeat;
margin: 0 4px 0 4px;
padding: 0 25px 32px 0;
opacity: 0.7;
}
.e-mail {
background: url('img/email-icon1.png') no-repeat;
}
.e-mail-right {
background: url('img/email-icon1.png') right center no-repeat;
padding: 13px 36px 16px 0;
margin-right: 4px;
display: inline-block;
opacity: 0.7;
}
.e-mail-footer {
background: url('img/email.png') left center no-repeat;
padding-left: 32px;
display: block;
}
.to-top {
background: url('img/up.png') no-repeat;
}
.back {
background: url('img/back.png') no-repeat;
}
.forward {
background: url('img/forward.png') no-repeat;
}
.mp3 {
background: url('img/MP3-1.png') no-repeat;
}
.presentation {
background: url('img/presentation1.png') no-repeat;
margin: 0 4px 0 4px;
padding: 0px 28px 16px 0 !important;
opacity: 0.7;
}
.to-top, .print-friendly, .pdf, .e-mail, .back, .forward, .mp3 {
margin: 0 4px 0 4px;
padding: 0px 16px 32px 16px;
opacity: 0.7;
}
.to-top:hover,
.print-friendly:hover,
.pdf:hover, .e-mail:hover,
.back:hover, .forward:hover, .mp3:hover,
.presentation:hover, .watch-video:hover,
.more:hover, .pdf-left:hover, .pdf-right:hover,
.video-left:hover, .video-right:hover, .e-mail-right:hover{
opacity: 1; cursor: pointer;
}
/*Sharethis and Followbuttons in content*/
.follow-text {
float: right;
margin-right: 20px;
padding-bottom: 26px;
font: normal 16px/18px "optimusprinceps", Fallback, Arial, Helvetica, sans-serif; color:#fff !important; text-shadow: 2px 2px 4px #000;
}
.share-text{
float: left;
margin-left:20px;
padding-bottom: 26px;
font: normal 16px/18px "optimusprinceps", Fallback, Arial, Helvetica, sans-serif; color:#fff !important; text-shadow: 2px 2px 4px #000;
}
.st_sharethis_custom_14 {
background: url('img/share_this_14.png') no-repeat; padding: 0 64px 0 16px; opacity: 0.8;
}
.sharethis_custom_32 {
background: url('img/share_this_32.png') no-repeat; margin: 0 4px 0 4px; padding: 0px 32px 32px 0px; opacity: 0.8;
}
.st_sharethis_custom_14:hover,.st_sharethis_custom_32:hover,.sharethis_custom_32:hover {
opacity: 1; cursor: pointer;
}
/*-------------------MAIL-FEEDBACK-COMMENTS---------------------*/
#feedback {
max-width: 250px;
background: #E7DFA0 url('img/content-bg.gif') 0 0 repeat-x;
}
h2.bar {
width: 65%;
height: 20px;
color: #951509 !important;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/info-icon.gif') 3px 4px no-repeat;
}
h4.male {
margin-left: 1%;
width: 100%;
padding: 8px 8px 0 28px;
background: url('img/user-male.png') 3px 4px no-repeat;
height: 23px;
}
h4.female {
margin-left: 1%;
width: 100%;
padding: 8px 8px 0 28px;
background: url('img/user-female.png') 3px 4px no-repeat;
height: 23px;
}
h4.apologeet {
margin-left: 1%;
width: 100%;
padding: 8px 8px 0 28px;
background: url('img/user-jurgen.png') 3px 4px no-repeat;
height: 23px;
}
/*-------------------END MAIL-FEEDBACK-COMMENTS--------------*/
/*--------------------------THREE ROWS LISTING CONTENT IN MAIN CONTENT--------------------------*/
#listing-left {
width: 32%;
border-right: 2px solid #CBC387;
margin: 12px 0 0 0;
float: left;
padding-right: 4px;
text-align: left;
}
#listing-center {
width: 32%;
border-right: 2px solid #CBC387;
margin: 12px 0 0 17px;
float: left;
padding-right: 4px;
text-align: left;
}
#listing-right {
width: 32%;
margin: 12px 0 0 0;
float: right;
text-align: left;
}
h2.listing-play {
width: 86%;
height: 20px;
color: #951509 !important;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/play.gif') 3px 4px no-repeat;
}
h2.listing-info {
width: 86%;
height: 20px;
color: #951509 !important;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/info-icon.gif') 3px 4px no-repeat;
}
/*--------------------------THREE ROWS LISTING CONTENT IN MAIN CONTENT END--------------------------*/
/*--------------------------SPLIT CONTENT MULTIMEDIA IN MAIN CONTENT--------------------------*/
#content-splitPart-left {
width: 26%;
border-right: 2px solid #CBC387;
margin: 12px 0 0 0;
float: left;
/*padding-right: 8px;*/
text-align: left;
}
.zoom-effect, #content-splitPart-left img {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
max-width: 90%;
}
.zoom-effect:hover, #content-splitPart-left img:hover{
cursor: pointer;
filter: gray; /* IE5+ */
-webkit-filter: grayscale(100%); /* Webkit Nightlies & Chrome Canary */
-moz-filter: grayscale(100%);
filter: grayscale(100%);
filter: url('data:image/svg+xml;utf8,#greyscale');
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
-transform: scale(1.05,1.05);
}
#content-splitPart-right {
width: 65%;
margin: 12px 0 0 0;
float: left;
padding: 0 0 0 15px;
text-align: justify;
}
h2.splitPart-left {
width: 85%;
height: 20px;
color: #951509 !important;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/play.gif') 3px center no-repeat;
}
h2.splitPart-left img{
margin: 2px 4px auto auto !important;
width: 15px !important;
}
h2.splitPart-right {
width: 100%;
height: 20px;
color: #951509 !important;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/idea.gif') 3px center no-repeat;
}
#content-splitPart-right a {
color: #082733;
font-size: 15px;
font-weight: normal;
background-color: inherit;
padding: 0 0 0 21px;
background: url('img/search-icon.gif') 3px center no-repeat;
}
#content-splitPart-right a:hover {
color: #951509 !important;
text-decoration: underline !important;
}
#content-splitPart-right a.normal{
background: transparent;
padding: 0;
color: #5e0900 !important;
}
#content-splitPart-right a.close {
color: #082733;
padding: 0px 0 0px 21px;
background: url('img/close.png') no-repeat;
}
/*--------------------------SPLIT CONTENT MULTIMEDIA IN MAIN CONTENT ENDS --------------------------*/
/*--------------------------CONTENT-INTRO WITH LOGO AND LEFT AND RIGHT BLOCKS IN MAIN CONTENT --------------------------*/
#content-part {
margin: 0 auto;
background: url('img/apologeet_logo_big.png') right 25px no-repeat;
max-width: 1120px;
margin: 0 auto;
}
#content-part h2.content-hdr {
font: normal 25px "Ubuntu", Fallback, Arial, Helvetica, sans-serif;
text-align: left;
color: #082733;
margin-bottom: 10px;
}
#content-part #content-intro {
font: normal "Ubuntu Condensed", Arial, Helvetica, sans-serif;
font-size: 15px;
color: #082733;
width: 64%;
height: 100%;
min-height: 240px !important;
text-align: justify;
background-color: inherit;
}
#content-part #content-leftPart {
width: 31%;
border-right: 2px solid #CBC387;
margin: 12px 0 0 0;
float: left;
text-align: left;
}
h2.Part1-Hdr {
width: 90%;
height: 20px;
color: #951509;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/faq-icon.gif') 3px center no-repeat;
}
h2.Part2-Hdr {
width: 90%;
height: 20px;
color: #951509;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/idea.gif') 3px center no-repeat;
}
h2.Part4-Hdr {
width: 90%;
height: 20px;
color: #951509;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/play.gif') 3px center no-repeat;
}
ul.content-list {
padding: 11px 0 10px 0;
}
ul.content-list li {
background: url('img/bullet1.gif') 0 10px no-repeat;
display: block;
margin: 0 0 8px 0;
padding: 0 0 0 15px;
color: #082733;
font-size: 15px;
background-color: inherit;
}
ul.content-list li a {
text-decoration: none;
color: #082733;
cursor: pointer;
}
ul.content-list li a:hover {
text-decoration: underline;
color: #951509;
cursor: pointer;
}
ul.content-list img{
margin: auto 4px auto auto !important;
}
#content-part #content-rightPart {
width: 27%;
margin: 12px 0 0 0;
float: left;
padding: 0 0 0 25px;
text-align: left;
}
h2.Part3-Hdr {
width: 90%;
height: 20px;
color: #951509;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/info-icon.gif') 3px center no-repeat;
}
p.Part4-url-Text {
padding: 0 0 20px 23px;
font-size: 10px;
line-height: 14px;
color: #082733;
background-color: inherit;
}
h2.Url-Hdr {
width: 90%;
height: 20px;
color: #951509;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/search-icon.gif') 3px center no-repeat;
}
h2.Part5-Hdr {
width: 90%;
height: 20px;
color: #951509;
line-height: 19px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 21px;
background: #FAF3BB url('img/play.gif') 3px center no-repeat;
}
#content-part #content-rightextra {
width: 27%;
margin: 12px 0 0 0;
float: left;
padding: 0 0 0 25px;
text-align: left;
}
/*--------------------------CONTENT-INTRO WITH LOGO AND LEFT AND RIGHT BLOCKS IN MAIN CONTENT ENDS --------------------------*/
/*--------------------------EXTRA BELOW THE MAIN CONTENT --------------------------*/
#extracontent-bg{
background: #2B0D0A url('img/extra-content-bg.gif') 0 0 repeat-x !important;
color: #837C44;
margin-bottom: -100px;
}
#Content {
margin: 0 auto;
text-align: justify;
max-width:1120px;
}
#extracontent-left {
width: 51%;
float: left;
padding: 10px 10px 0 0;
border-right: 1px solid rgba(131, 124, 68, 0.8);
font-size: 15px;
line-height: 16px;
color: #837C44;
}
#extracontent-left h2.extra-hdr {
height: 40px;
font: normal 35px/35px "optimusprinceps", Fallback, Arial, Helvetica, sans-serif;
background: url('img/horz-dot.gif') 0 100% repeat-x;
background-color: inherit;
color: #E7DFA0;
}
#extracontent-left h3.extra-subHdr {
color: #B46F07;
font-size: 17px;
line-height: 17px;
width: 90%;
padding: 20px 0 0 0;
font-weight: bold;
background-color: inherit;
}
#extracontent-right {
width: 46%;
float: left;
padding: 10px 0 0 10px;
font-size: 15px;
line-height: 16px;
color: #837C44;
}
#extracontent-right h2.extra-hdr {
height: 40px;
font: normal 35px/35px "optimusprinceps", Fallback, Arial, Helvetica, sans-serif;
background: url('img/horz-dot.gif') 0 100% repeat-x;
background-color: inherit;
color: #E7DFA0;
}
#extracontent-right h3.extra-subHdr {
color: #B46F07;
font-size: 17px;
line-height: 17px;
padding: 20px 0 0 0;
font-weight: bold;
background-color: inherit;
}
/*--------------------------EXTRA BELOW THE MAIN CONTENT ENDS--------------------------*/
/*--------------BUMMER! WE NEED SOME HACKING TO MAKE IE OBEY AND WORK LIKE REAL BROWSERS :(--------------*/
/*-------general---------*/
.ie7-8 .read {
padding: 4px 18px 0 0 ;
margin-right: 4px;
background: url('img/win/search-win.png') right center no-repeat;
}
.ie7-8 .info {
padding: 4px 18px 0 0 ;
margin-right: 4px;
background: url('img/win/info-win.png') right center no-repeat;
}
/*----------print-e-mail-pdf-top icons-----------*/
.ie7-8 .pdf-inline {
background: url('img/win/pdf-win.png-1') no-repeat;
margin: 0 3px 0 3px;
padding: 10px 32px 32px 0px;
}
.ie7-8 .pdf-inline:hover {
background: url('img/win/pdf-win.png') no-repeat;
}
.ie7-8 .print-friendly {
background: url('img/win/print-win.png') no-repeat;
}
.ie7-8 .pdf {
background: url('img/win/pdf-win.png') no-repeat;
}
.ie7-8 .e-mail {
background: url('img/win/mail-win.png') no-repeat;
}
.ie7-8 .to-top {
background: url('img/win/up-win.png') no-repeat;
}
.ie7-8 .back {
background: url('img/win/back-win.png') no-repeat;
}
.ie7-8 .forward {
background: url('img/win/forward-win.png') no-repeat;
}
.ie7-8 .mp3 {
background: url('img/win/mp3-win.png') no-repeat;
}
.ie7-8 .presentation {
background: url('img/win/presentation-win.png') no-repeat;
}
.ie7-8 .print-friendly, .ie7-8 .pdf, .ie7-8 .e-mail, .ie7-8 .to-top, .ie7-8 .back, .ie7-8 .forward, .ie7-8 .mp3, .ie7-8 .presentation {
display: inline-block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
}
.ie7-8 .print-friendly:hover, .ie7-8 .pdf:hover, .ie7-8 .e-mail:hover, .ie7-8 .to-top:hover, .ie7-8 .back:hover, .ie7-8 .forward:hover, .ie7-8 .mp3:hover, .ie7-8 .presentation:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
cursor: pointer;
}
/*Sharethis buttons in maina content*/
.ie7-8 .st_sharethis_custom_14 {
display: inline-block;
background: url('img/win/share_this_32-win.png') no-repeat;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.ie7-8 .st_sharethis_custom_32 {
display: inline-block;
background: url('img/win/share_this_32-win.png') no-repeat;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
}
.ie7-8 .st_sharethis_custom_32:hover, .ie7-8 .st_sharethis_custom_14:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
cursor: pointer;
}
/*Tooltip*/
.ie7-8 #screenshot, .ie7-8 #tooltip {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/gradient-dark.png', sizingMethod="scale');
width: expression(document.body.clientWidth < 102? "100px" : document.body.clientWidth > 302? "300px" : 'auto');
}
.ie9 #screenshot, .ie9 #tooltip {
background: black;
filter: alpha(opacity=85);
}
/*End tooltip*/
/*Shadows*/
.ie7-8 .shadow{
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=0,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=90,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=225,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=270,strength=3),
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=315,strength=2);
}
/*End shadows*/
/* BLOCKQUOTES */
.ie7-8 blockquote.short{
background-image: url('img/win/quote-right.png');
background-position: bottom right;
background-repeat: no-repeat;
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/win/quote-left.png', sizingMethod='crop')";
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/win/quote-left.png,sizingMethod='crop');
}
/*-- long quotes --*/
.ie7-8 .leftq {
background: url('img/win/quote-lsm.png') top left no-repeat;
}
.ie7-8 .rightq {
background: url('img/win/quote-rsm.png') bottom right no-repeat;
}