/*
Theme Name: Standard-Theme Mojo-Mag
Theme URI: http://www.rene-schulze.info/
Description: Standard-Theme des Mojo-Mag
Version: 1.0
Author: René Schulze
Author URI: http://www.rene-schulze.info/
Tags: blue, black, white, static
Text Domain: kubrick */
/*-----------------------------------------------------*/
/*----------------------- Haupt -----------------------*/
/*-----------------------------------------------------*/
* {
margin: 0;
padding: 0;
border: 0 none;
}
body {
background: #fdfdfd;
text-align: center;
}
#wrapper {
width: 930px;
text-align: left;
margin: 0 auto;
}
#header {
min-height: 214px;
background: #fdfdfd url('./images/header-background.png') no-repeat scroll 0 40px;
}
#header h1 {
height: 105px;
padding: 24px 0 0 41px;
}
#header h1 a {
width: 198px;
height: 105px;
text-indent: -5000px;
background: #fdfdfd url('./images/mojo-mag-logo.gif') no-repeat;
display: block;
overflow: hidden;
}
#content {
min-height: 250px;
}
#content #left {
width: 600px;
float: left;
}
#content #right {
width: 282px;
margin-top: 10px;
padding-bottom: 120px;
float: right;
}
#footer {
width: 574px;
min-height: 174px;
background: transparent url('./images/footer-background.png') no-repeat scroll right top;
float: right;
}
/*-----------------------------------------------------*/
/*--------------------- Schrift -----------------------*/
/*-----------------------------------------------------*/
body {
color: #000;
font-size: 100%;
}
body, input, textarea, select {
font-family: Verdana, Tahoma, Sans-Serif;
}
a {
color: #bd0926;
text-decoration: none;
}
a:hover, a:focus {
color: #ef771f;
}
.skip, .skip:hover {
color: #fdfdfd;
text-align: center;
}
.skip:focus {
color: #bd0926;
}
#menu li,
#header form {
color: #fff;
}
#header form #s {
font-size: .75em;
font-style: italic;
}
#breadcrumb li {
font-size: .75em;
}
#breadcrumb li a {
color: #000;
}
#breadcrumb li a:hover,
#breadcrumb li a:focus {
color: #ef771f;
}
#content h2 {
font-size: 1.375em;
font-weight: bold;
line-height: 1em;
margin-bottom: 15px;
}
#content h2.inline {
font-size: .75em;
line-height: 1.5em;
display: inline;
}
#content h3 {
font-size: 1.375em;
font-weight: bold;
line-height: 1em;
}
#content #right h3 {
margin-bottom: 15px;
}
#content #left h2 a,
#content #left h3 a {
color: #000;
}
#content #left h2 a:hover, #content #left h2 a:focus,
#content #left h3 a:hover, #content #left h3 a:focus {
color: #ef771f;
}
#content h4 {
font-size: .75em;
font-weight: bold;
line-height: 1.5em;
margin-bottom: .5em;
}
#content #left h4 {
font-size: .8125em;
}
#content #left .commentlist .comment-content h4 {
font-size: 1em;
}
#content p, #content #left ul li, #content #left ol li, #content address, #content img,
#content #right .blogroll li, #content .search li, #content #right .search-404 ul li, #content #right .widget_twitter li, #content #right .child-categories li, #content #right .editions ul li,
#footer p {
font-size: .75em;
line-height: 1.5em;
}
#content #left .pings li p,
#content #left .commentlist .comment-content p {
font-size: 1em;
}
#content #left .pings li p {
margin-bottom: .3em;
}
#content #left .pings .ping-content p {
font-style: italic;
}
#left ul li, #content #left ol li {
margin-bottom: .3em;
}
#content #right .article-archive li,
#content #right .child-categories li {
font-weight: bold;
}
#content #right .article-archive li ul li,
#content #right .child-categories li ul li {
font-size: 1em;
font-weight: normal;
}
#content #right .article-archive ul li ul li ul {
color: #bd0926;
}
#content p, #content #left ul, #content #left ol, #content #right address {
margin-bottom: .7em;
}
#content address {
font-style: normal;
}
#content .search li {
margin-bottom: 1em;
}
#content .meta,
#content #right .widget_twitter span {
margin-bottom: .1em;
}
#content #right .sponsors h4 {
font-size: .75em;
font-weight: normal;
line-height: 1em;
margin-bottom: .2em;
}
#content .wp-pagenavi {
font-size: .75em;
}
#content blockquote {
font-style: italic;
margin: 0 80px 0 30px;
}
#content .wp-caption-text,
#content .gallery-caption {
color: #fff;
font-size: .6875em;
line-height: 1.5em;
font-style: italic;
}
#content #commentform input,
#content #commentform textarea {
color: #000;
font-family: Verdana, Tahoma, Sans-Serif;
font-style: italic;
font-size: 1em;
}
#content #commentform #submit {
color: #fff;
font-style: normal;
}
#content #commentform #fb-msg,
#content #commentform #tw-user {
font-size: .75em;
line-height: 1.5em;
}
#content #commentform #fb-msg a {
color: #bd0926;
}
#content #commentform #fb-msg a:hover,
#content #commentform #fb-msg a:focus {
color: #ef771f;
text-decoration: none;
}
/*-----------------------------------------------------*/
/*----------------------- Teil ------------------------*/
/*-----------------------------------------------------*/
#menu {
width: 538px;
padding: 49px 0 0 54px;
float: left;
list-style-type: none;
}
#menu li {
height: 10px;
margin-right: 30px;
float: left;
}
#menu li.hilfe {
margin-right: 0;
}
#menu li a {
height: 10px;
background: #000 url('./images/menu.png') no-repeat;
text-indent: -5000px;
display: block;
overflow: hidden;
}
#header form {
width: 236px;
margin: 40px 0 0 87px;
float: left;
}
#header form label {
width: 45px;
height: 10px;
background: #000 url('./images/suche.gif') no-repeat;
text-indent: -5000px;
margin: 9px 10px 0 0;
display: block;
float: left;
overflow: hidden;
}
#header form #s {
width: 144px;
height: 22px;
background: #f8f8f8;
margin-right: 4px;
padding: 5px 2px 0 2px;
display: block;
float: left;
}
#header form .submit {
width: 29px;
height: 26px;
background: #000 url('./images/header-arrow.gif') no-repeat;
text-indent: -5000px;
margin-top: 1px;
display: block;
float: left;
overflow: hidden;
}
#header form .submit:hover {
cursor: pointer;
}
#breadcrumb {
padding: 20px 0 0 48px;
list-style-type: none;
clear: both;
}
#breadcrumb li {
background: transparent url('./images/bullet.gif') no-repeat scroll 0 50%;
margin-left: 6px;
padding-left: 13px;
float: left;
}
#breadcrumb li:first-child,
#breadcrumb li.first {
background: none;
padding-left: 0;
}
#content {
margin-top: 50px;
}
#content h2 {
height: 58px;
background: transparent url('./images/headline-underline.jpg') no-repeat scroll left bottom;
margin-left: 30px;
padding: 0 0 0 22px;
}
#content h2.inline {
height: auto;
background: none;
}
#content h2.underline-2 {
background-image: url('./images/headline-underline-2.jpg');
}
#content h2.underline-3 {
background-image: url('./images/headline-underline-3.jpg');
}
#content h3 {
height: 28px;
margin: 35px 0 0 52px;
}
#content #left h4,
#content #left p, #content #left ul, #content #left ol, #content #left address,
#content .meta, #content .wp-caption, #content .gallery, #content .ngg-galleryoverview {
padding-left: 52px;
}
#content #left ul, #content #left ol {
margin-left: 1em;
}
#content #left ol {
margin-left: 1.3em;
}
#content .post {
margin-bottom: 25px;
}
#content .meta {
padding-left: 52px;
}
#content .post .teaser-picture {
width: 71px;
height: 71px;
background: transparent url('./images/thumbnail-border.png') no-repeat;
margin: 0 0 0 47px;
padding: 24px 11px 11px 10px;
display: block;
float: left;
}
#content .post .teaser-text {
width: 452px;
margin: .7em 0 0 0;
float: right;
}
#content #left .post .teaser-text p, #content #left .post .teaser-text h3, #content #left .post .teaser-text h4,
#content #left .post .teaser-text address, #content #left .post .teaser-text ul, #content #left .post .teaser-text ol,
#content #left .wp-caption p.wp-caption-text {
padding-left: 0;
}
#content #left .article-addendum {
margin: 30px 0 0 0;
list-style-type: none;
}
#content #left .article-addendum li {
width: 247px;
height: 23px;
background: transparent url('./images/comment-arrows.png') no-repeat;
}
#content #left .article-addendum .toggle-social {
padding: 0 0 0 27px;
float: left;
}
#content #left .article-addendum .toggle-comments {
padding: 0 27px 0 0;
text-align: right;
float: right;
}
#content #left .article-addendum li a {
font-weight: bold;
display: block;
}
#content #left .article-addendum .toggle-social {
height: 23px;
display: block;
}
#content #left .article-addendum .toggle-comments {
height: 23px;
background: transparent url('./images/comment-arrows.png') no-repeat scroll right top;
padding: 0 27px 0 0;
display: block;
}
#content #left .article-addendum .toggle-social.upside-down {
background-position: 0 -23px;
}
#content #left .article-addendum .toggle-comments.upside-down {
background-position: right -23px;
}
#content #social {
margin-top: 25px;
margin-bottom: 2.5em;
padding-left: 52px;
}
#content #left .wpfblike {
width: 110px;
float: left;
}
#content #left .flattr {
width: 122px;
margin-top: 1px;
float: left;
}
#content #left .sociable {
width: auto;
margin: 0;
float: left;
}
#content #left .social-question {
width: 12px;
height: 16px;
background: transparent url('./images/question-mark.gif') no-repeat;
text-indent: -5000px;
margin-left: 23px;
display: block;
float: left;
overflow: hidden;
opacity: 0.4;
-moz-opacity: 0.4;
filter:alpha(opacity=40);
}
#content #left .social-question:hover, #content #left .social-question:focus {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#content #comments {
margin-top: 30px;
}
#content #left #social h3,
#content #left h3.comment {
height: 42px;
background: transparent url('./images/subheadline-underline.jpg') no-repeat scroll left bottom;
margin: 20px 0 15px 52px;
}
#content #left #social h3 {
margin-top: 1.6em;
}
#content #left .pings {
margin-bottom: 2.5em;
}
#content #left .pings li {
margin-bottom: 1.5em;
}
#content #left .pings .ping-content {
margin-top: .5em;
}
#content #left .pings p {
padding-left: 0;
}
#content #left .pings .ping-content p {
margin-right: 100px;
margin-left: 30px;
}
#content #left .commentlist {
margin-left: 52px;
padding: 0;
list-style-type: none;
}
#content #left .commentlist .comment {
margin-bottom: 1.5em;
}
#content #left .commentlist .meta {
padding-left: 0;
}
#content #left .commentlist .comment-avatar {
width: 92px;
padding-left: 0;
float: left;
}
#content #left .commentlist .comment-content {
width: 441px;
margin-top: .7em;
margin-left: 10px;
float: left;
}
#content #left .commentlist .comment-content h4,
#content #left .commentlist .comment-content p {
padding-left: 0;
}
#content .comment .avatar,
#content #commentform #fb-user .FB_profile_pic img,
#content #commentform #tw-user img {
width: 71px;
height: 71px;
background: transparent url('./images/thumbnail-border.png') no-repeat;
padding: 24px 11px 11px 10px;
display: block;
float: left;
}
#content .commentlist .FB_profile_pic img {
background: none;
padding: 0;
float: none;
}
#content #commentform #fb-user .FB_profile_pic {
margin-top: .5em;
}
#content #commentform #alt-login-methods {
margin: 10px 0 25px 0;
}
#content #commentform #fb-user {
height: 110px;
border: 0 none;
margin-bottom: 15px;
padding-left: 52px;
}
#commentform #tw-user {
height: 110px;
margin: .5em 0 15px 52px;
display: block;
}
#content #commentform #fb-user #fb-msg,
#content #commentform #ftw-msg {
display: block;
}
#tw-msg {
margin: 10px 0 0 10px;
float: left;
}
#content #commentform #sfc_comm_send {
margin-top: 15px;
}
#content #commentform input,
#content #commentform textarea {
background: #fff;
border: 1px solid #000;
border-radius: 5px;
/* proprietär Start */
/* Safari, Konqueror Start */
-khtml-border-radius: 5px;
/* Safari, Konqueror Ende */
/* Firefox Start */
-moz-border-radius: 5px;
/* Firefox Ende */
/* Safari Start */
-webkit-border-radius: 5px;
/* Safari Ende */
/* proprietär Ende */
padding: 3px 5px;
}
#content #commentform input:focus,
#content #commentform textarea:focus {
border-color: #bd0926;
}
#content #commentform textarea {
width: 538px;
}
#content #commentform #submit {
background: #000;
margin-top: 10px;
}
#content #commentform #submit:hover {
cursor: pointer;
}
#content #commentform #submit:hover,
#content #commentform #submit:focus {
border-color: #bd0926;
background: #bd0926;
}
#content #right h3 {
height: 38px;
background: transparent url('./images/subheadline-underline.jpg') no-repeat scroll left bottom;
margin: 20px 0 10px 0;
}
#content .sidebar-widgets, #content .sidebar-widgets ul,
#content #right .home {
list-style-type: none;
}
#content #right .widget_twitter {
min-height: 191px;
background: transparent url('./images/twitter-head-background.png') no-repeat;
padding: 102px 18px 0 0;
overflow: hidden;
}
#content #right .widget_twitter h3 {
display: none;
}
#content #right .widget_twitter ul {
width: 250px;
background: transparent url('./images/twitter-background.png') repeat-y;
margin-left: 32px;
list-style-type: none;
}
#content #right .widget_twitter ul li {
background: transparent url('./images/twitter-separator.gif') no-repeat scroll center bottom;
margin-bottom: 10px;
padding: 0 12px 22px 15px;
}
#content #right .widget_twitter ul li:last-child,
#content #right .widget_twitter ul li.last {
background: transparent url('./images/twitter-footer-background.png') no-repeat scroll center bottom;
margin-bottom: 16px;
padding: 0 12px 28px 15px;
}
#content #right .widget_twitter ul li.last {
background: transparent url('./images/twitter-footer-background.png') no-repeat scroll center bottom;
margin-bottom: 16px;
padding: 0 12px 28px 15px;
}
#content #right .widget_twitter ul li.last {
background: transparent url('./images/twitter-footer-background.png') no-repeat scroll center bottom;
margin-bottom: 16px;
padding: 0 12px 28px 10px;
}
#content #right .widget_twitter ul li .entry-content,
#content #right .widget_twitter ul li .entry-meta {
width: 223px;
display: block;
overflow: hidden;
}
#content #right .widget_twitter .entry-meta {
padding-left: 0;
}
#content #right .textwidget blockquote {
margin-left: 90px;
}
#content #right .sponsors ul {
list-style-type: none;
}
#content #right .sponsors li,
#content #right .blogroll li {
margin-bottom: 15px;
}
#content #right .sponsors img {
padding: .2em 0 0 0;
float: left;
display: block;
}
#content #right .blogroll li img {
width: 56px;
}
#content #right .sponsors h4,
#content #right .sponsors p,
#content #right .blogroll li {
margin-left: 67px;
}
#content #right .blogroll li a {
margin-left: -67px;
display: block;
}
#content #right .blogroll li img {
width: 56px;
padding: .5em 11px 0 0;
display: block;
float: left;
position: relative;
}
#content .search {
margin: 1.4em 0 0 66px;
}
#content .search-404 {
list-style-type: none;
}
#content .search-404 ul {
list-style-type: disc;
}
#content .editions .widget_recent_entries,
#content .search-404 .widget_recent_entries,
#content .search-404 .widget_rrm_popular_posts {
margin-bottom: 1.4em;
}
#content .search-404 li ul,
#content .widget_recent_entries ul {
margin-left: 1.1em;
}
#content .ctc {
margin-top: 1.4em;
}
#content .ctc .ctc {
margin-top: 0;
}
#content .ctc-tag-cloud {
margin-left: .9em;
list-style-type: disc;
}
#content .help,
#content .post-office,
#content #right .article-archive ul,
#content .post-office .child-categories ul,
#content .editions,
#content .shop {
list-style-type: none;
}
#content .post-office .child-categories ul {
margin-bottom: 10px;
}
#content #right .article-archive ul li ul,
#content .post-office .child-categories ul li ul {
margin-left: 1.2em;
list-style-type: disc;
}
#content #right .article-archive ul li ul li ul {
list-style-type: square;
}
#content .widget_recent_entries ul {
list-style-type: disc;
}
#content .wp-pagenavi {
background: transparent url('./images/page-browser-separator.jpg') no-repeat;
margin: 25px 0 0 52px;
padding-top: 20px;
}
#content .wp-pagenavi .pages {
display: none;
}
#content .wp-pagenavi span,
#content .wp-pagenavi a {
margin: 0 .25em;
float: left;
display: block;
}
#content .wp-pagenavi span:before,
#content .wp-pagenavi a:before {
color: #000;
content: ' | ';
margin-right: .5em;
}
#content .wp-pagenavi .pages + *:before,
#content .wp-pagenavi .prev + *:before {
content: '';
padding-right: 0;
}
#content .wp-pagenavi .prev,
#content .wp-pagenavi .next {
width: 23px;
height: 21px;
background: transparent url('./images/page-browser-arrows.gif') no-repeat;
text-indent: -5000px;
overflow: hidden;
}
#content .wp-pagenavi .next {
width: 23px;
height: 21px;
background-position: 0 -21px;
}
#content .gallery .gallery-item,
#content .ngg-galleryoverview .ngg-gallery-thumbnail-box {
width: 155px;
height: 155px;
text-align: left;
background: #000;
border-radius: 5px;
/* proprietär */
-khtml-border-radius: 5px; /* Safari, Konqueror */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari */
/* proprietär */
margin: 0 7px 7px 0;
padding: 10px;
float: left;
overflow: hidden;
}
#content .gallery .gallery-item a,
#content .ngg-galleryoverview .ngg-gallery-thumbnail-box a {
width: 155px;
height: 155px;
text-align: center;
vertical-align: middle;
display: table-cell;
}
#content .gallery .gallery-item a img,
#content .ngg-galleryoverview .ngg-gallery-thumbnail-box a img,
#content .wp-caption a img {
border: 1px solid #fff;
}
#content .gallery .gallery-caption {
display: none;
}
#content .wp-caption {
background: #000;
border-radius: 5px;
/* proprietär */
-khtml-border-radius: 5px; /* Safari, Konqueror */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari */
/* proprietär */
margin: .3em 14px 7px 52px;
padding: 10px 0 10px 10px;
}
#content .teaser-text .wp-caption {
margin-left: 0;
}
#content .wp-caption .wp-caption-text {
padding-right: 10px;
}
#content .alignleft {
float: left;
}
#content .alignright,
#content .teaser-text .alignright {
margin-left: 14px;
float: right;
}
#content .teaser {
padding: 0 0 20px 0;
display: block;
}
#content #left .meta {
margin-bottom: .5em;
}
#content #left .meta h2,
#content #left .meta p {
margin: 0;
padding: 0;
display: inline;
}
#content #right ins {
width: 100% !important;
}
#content #right ins {
margin-bottom: 10px !important;
}
#content #right iframe {
margin: 10px 0 20px 0 !important;
position: static !important;
display: block;
}
#startseite #content #right iframe {
margin: 10px auto 20px auto !important;
padding-left: 32px;
}
#footer p {
padding-top: 140px;
padding-left: 475px;
position: absolute;
}
/*-----------------------------------------------------*/
/*---------------------- Detail -----------------------*/
/*-----------------------------------------------------*/
.skip {
width: 930px;
display: block;
position: absolute;
top: 0;
}
#menu .startseite a {
width: 77px;
background-position: 0 0;
}
#menu .startseite a:hover,
#menu .startseite a:focus,
#menu .startseite.current_page_item a {
background-position: 0 -10px;
}
#menu .mojomission a {
width: 103px;
background-position: -78px 0;
}
#menu .mojomission a:hover,
#menu .mojomission a:focus,
#menu .mojomission.current_page_item a {
background-position: -78px -10px;
}
#menu .ausgaben a {
width: 72px;
background-position: -182px 0;
}
#menu .ausgaben a:hover,
#menu .ausgaben a:focus,
#menu .ausgaben.current_page_item a {
background-position: -182px -10px;
}
#menu .postamt a {
width: 62px;
background-position: -255px 0;
}
#menu .postamt a:hover,
#menu .postamt a:focus,
#menu .postamt.current_page_item a {
background-position: -255px -10px;
}
#menu .shop a {
width: 37px;
background-position: -318px 0;
}
#menu .shop a:hover,
#menu .shop a:focus,
#menu .shop.current_page_item a {
background-position: -318px -10px;
}
#menu .hilfe a {
width: 36px;
background-position: -356px 0;
}
#menu .hilfe a:hover,
#menu .hilfe a:focus,
#menu .hilfe.current_page_item a {
background-position: -356px -10px;
}
#content .full-article,
#content .external,
#content .internal {
width: 50%;
background: transparent url('./images/go-to-arrow.gif') no-repeat scroll 0 .5em;
padding-left: 20px;
display: block;
}
#content .fold {
width: 50%;
background: transparent url('./images/fold-out-arrow.gif') no-repeat scroll 0 .2em;
padding-left: 18px;
display: block;
}
#content .fold.in {
background-image: url('./images/fold-in-arrow.gif');
}
#content blockquote > *:first-child {
text-indent: 20px;
}
#content blockquote > *:first-child:before,
#content blockquote p:last-child:after {
content: '„';
color: #5c5c5c;
font-size: 3em;
font-family: Georgia, Garamond, Serif;
font-weight: bold;
font-style: normal;
margin: -8px 0 0 -41px;
position: absolute;
}
#content blockquote span.before,
#content blockquote span.after {
content: '„';
color: #5c5c5c;
font-size: 3em;
font-family: Georgia, Garamond, Serif;
font-weight: bold;
font-style: normal;
margin: -8px 0 0 -40px;
position: absolute;
}
#content blockquote p:last-child:after {
content: '“';
margin: 5px 0 0 2px;
}
#content blockquote *:first-child:last-child:after {
margin-left: -18px;
}
#content blockquote span.after {
content: '“';
margin: 5px 0 0 2px;
}
.reader-name {
color: #5c5c5c;
}
.in-reply-to-meta {
padding-left: .3em;
}
.margin-top {
margin-top: 40px !important;
}
.margin-bottom {
margin-bottom: 40px !important;
}
#wpstats {
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
/*-----------------------------------------------------*/
/*--------------------- CSS-Hacks ---------------------*/
/*-----------------------------------------------------*/
.clearfix:after,
#menu:after,
#breadcrumb:after,
#content:after,
#content .post:after,
#content .wp-pagenavi:after,
#content .gallery:after,
#content .ngg-galleryoverview:after,
#content #left div.meta:after,
#content #left .comment:after,
#content #left .article-addendum:after,
#content #left #social:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Selektor im JS */
#content blockquote .opera-fix:before {
margin-left: -20px;
}
/*-----------------------------------------------------*/
/*--------------------- Lightbox ----------------------*/
/*-----------------------------------------------------*/
div#fancy_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 30;
}
div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100;
}
div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url('./images/lightbox/fancy_progress.png') no-repeat;
}
div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 20px 20px 40px 20px;
margin: 0;
background: transparent;
display: none;
}
div#fancy_inner {
position: relative;
width:100%;
height:100%;
background: #FFF;
}
div#fancy_content {
margin: 0;
z-index: 100;
position: absolute;
}
div#fancy_div {
background: #000;
color: #FFF;
height: 100%;
width: 100%;
z-index: 100;
}
img#fancy_img {
position: absolute;
top: 0;
left: 0;
border:0;
padding: 0;
margin: 0;
z-index: 100;
width: 100%;
height: 100%;
}
div#fancy_close {
position: absolute;
top: -12px;
right: -15px;
height: 30px;
width: 30px;
background: url('./images/lightbox/fancy_closebox.png') top left no-repeat;
cursor: pointer;
z-index: 181;
display: none;
}
#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none;
}
#fancy_ajax {
width: 100%;
height: 100%;
overflow: auto;
}
a#fancy_left, a#fancy_right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
z-index: 111;
display: none;
background-image: url("data:image/gif;base64,AAAA");
outline: none;
overflow: hidden;
}
a#fancy_left {
left: 0px;
}
a#fancy_right {
right: 0px;
}
span.fancy_ico {
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
z-index: 112;
cursor: pointer;
display: block;
}
span#fancy_left_ico {
left: -9999px;
background: transparent url('./images/lightbox/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
right: -9999px;
background: transparent url('./images/lightbox/fancy_right.png') no-repeat;
}
a#fancy_left:hover, a#fancy_right:hover {
visibility: visible;
background-color: transparent;
}
a#fancy_left:hover span {
left: 20px;
}
a#fancy_right:hover span {
right: 20px;
}
#fancy_bigIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
div#fancy_bg {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg {
position: absolute;
display: block;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div#fancy_bg_n {
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('./images/lightbox/fancy_shadow_n.png') repeat-x;
}
div#fancy_bg_ne {
top: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('./images/lightbox/fancy_shadow_ne.png') no-repeat;
}
div#fancy_bg_e {
right: -20px;
height: 100%;
width: 20px;
background: transparent url('./images/lightbox/fancy_shadow_e.png') repeat-y;
}
div#fancy_bg_se {
bottom: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('./images/lightbox/fancy_shadow_se.png') no-repeat;
}
div#fancy_bg_s {
bottom: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('./images/lightbox/fancy_shadow_s.png') repeat-x;
}
div#fancy_bg_sw {
bottom: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('./images/lightbox/fancy_shadow_sw.png') no-repeat;
}
div#fancy_bg_w {
left: -20px;
height: 100%;
width: 20px;
background: transparent url('./images/lightbox/fancy_shadow_w.png') repeat-y;
}
div#fancy_bg_nw {
top: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('./images/lightbox/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
position: absolute;
z-index: 100;
display: none;
}
div#fancy_title div {
color: #FFF;
font: bold 12px Arial;
padding-bottom: 3px;
white-space: nowrap;
}
div#fancy_title table {
margin: 0 auto;
}
div#fancy_title table td {
padding: 0;
vertical-align: middle;
}
td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url('./images/lightbox/fancy_title_left.png') repeat-x;
}
td#fancy_title_main {
height: 32px;
background: transparent url('./images/lightbox/fancy_title_main.png') repeat-x;
}
td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url('./images/lightbox/fancy_title_right.png') repeat-x;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
.sIFR-active #content h2 object {
margin-top: 10px;
}
.sIFR-active #content #left h3.sIFR-replaced {
margin-left: 50px;
}