Utilisateur:Dr Brains/common.css

/* Mark's template version of the new main page */
 
.banner-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    height: auto;
}
 
.banner-image img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}
 
.banner-box {
    position: absolute;
    z-index: 2;
    margin-top: 2.5em;
    color: white;
    width: 50%;
    min-width: 20em;
    text-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em;
}
 
.banner-box-wide {
    width: 80%
}
 
.banner-box-left {
    left: 5%;
    text-align: left;
}
 
.banner-box-right {
    right: 5%;
    text-align: right;
}
 
.banner-box-welcome {
    left: 1em;
    text-align: center;
    width: 40%;
    white-space: nowrap;
}
 
.banner-box a {
    color: white !important;
    font-weight: bold;
}
 
.banner-box .name {
    font-size: 3em;
    white-space: nowrap;
    line-height: 1.2em;
}
 
.banner-box .type {
    font-size: 2em;
    line-height: 1.2em;
}
 
.banner-box .stats {
    font-size: 1em;
    margin-top: 1.7em;
}
 
.banner-box .quote {
    font-size: 1em;
    line-height: 1.2em;
}
 
.banner-box .welcome a {
    font-size: 1.5em;
}
 
.banner-box .welcome {
    font-size: 2.1em;
}
 
.banner-box .nav-tip {
    font-size: 1.5em;
}
 
.banner-box .welcome-map-nav {
    font-size: 1.25em;
}
 
.banner-box ul {
    font-size: 1.25em;
}
 
.banner-box ul li {
    display: inline;
}
 
.banner-box ul li:before {
    content: " • ";
}
 
.banner-box ul li:nth-of-type(1):before {
    content: " ";
}
 
.bottom-boxes {
    background-color: #b0c4de;
    overflow: auto;
    padding: 0;
    max-width: 1125px;
}
 
.bottom-box-right {
    margin-left: 52%;
    z-index: -15;
    padding: 1em;
}
 
.bottom-box-left {
    float: left;
    width: 46%;
    border-right: 10px solid white;
    z-index: 4;
    padding: 1em;
}
 
.banner-image .bottom-boxes {
    max-width: 1125px;
}
 
/* Corporate Design */
 
.containerTabs {
 border: 1px solid #6cc8f3;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 -khtml-border-radius-topleft: 5px;
 -khtml-border-radius-topright: 5px;
 
 margin: 0 0 0 0.75em;
 padding: 0.2em 1em;
 background: #f0f0f0;
 float: left;
 position: relative;
 top: 1px;
}
#content div.mainTab {
 border-bottom: 1px solid #f0f0f0;
}
#content > .boxTabsEnd { /* Verstecken vor IE 6 */
 display: none;
}
.tabbedContainers .containerTabs {
 font-weight: normal;
 text-decoration: none;
 color: #002bb8;
 cursor: pointer;
 display: none;
}
.tabbedContainers .mainTab {
 font-weight: bold;
 text-decoration: none;
 color: #000000;
 cursor: text;
 display: none;
}
.tabbedContainers .showIt {
 display: block;
}
@media print {
 .tabbedContainers .containerTabs, .tabbedContainers .mainTab,
 .tabbedContainers .showIt, .tabbedContainers .boxTabsEnd {
  display: none;
 }
}
 
.container {
 border: 1px solid #6cc8f3;
 padding: 0 0 3px;
 margin: 0.75em 0 0;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
}
 
#content .var2 {
 border-color: #80f000;
}
 
.container .header, .infobox .header {
 background: #f0f0f0;
 color: #004f80;
 margin-top: 0;
 margin-bottom: 0.4em;
 padding: 0.3em 0.35em;
 border-bottom: none;
 font-size: 1.3em;
}
 
.container .header:first-child, .container .editLink:first-child + .header, .infobox .header:first-child {
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 -khtml-border-radius-topleft: 5px;
 -khtml-border-radius-topright: 5px;
 margin-top: 0;
 border-top: none;
}
 
.container * ~ .header {
 margin-top: 0.75em;
 border-top: 1px solid #c0c0c0;
}
 
.container .centered {
 text-align: center;
}
 
.container .justified {
 text-align: justify;
}
 
.var2 .header, .var2 .header a {
 color: #00804f;
}
 
.container .editLink {
 float: right;
 font-size: 90%;
 background: transparent;
 margin: 0.5em 0.75em;
}
 
.container h2 {
 padding: 0.5em 0.35em;
}
 
.container h3 {
 padding: 0.3em 0.35em;
}
 
.container p, .container ul, .container .div {
 padding: 0 0.5em;
 margin-bottom: 0.3em;
}
 
.container .emph {
 font-size: 110%;
 font-weight: bold;
}
 
.container ul ul {
 padding: 0;
}
 
@media print {
 .container ul, .container ul ul {
  padding-left: 1em;
 }
}
 
.container ol {
 padding-right: 0.5em;
}
 
.container ol ol {
 padding-right: 0em;
}
 
.container h4, .container h5, .container h6, .container dl {
 padding-left: 0.5em;
 padding-right: 0.5em;
}
 
.container > .divBox, .container > .prettytable, .container > .multiline,
.container > .gallery, .container > div.center {
 margin-left: 0.5em;
 margin-right: 0.5em;
}
 
.container div.floatleft {
 margin-left: 0.5em;
}
 
.container div.floatright {
 margin-right: 0.5em;
}
 
.container .usr-code div.center {
 margin: 0;
}
 
.container hr {
 margin: 0 0.5em;
}
 
table.container {
 margin: 0;
 border-style: none;
 border-spacing: 0 0;
 border-collapse: collapse;
}
 
div.cFirst, table.cFirst, .containerTabs + .container, .boxTabsEnd + .container {
 margin: 0;
 clear: both;
}
 
div.cInner, table.cInner {
 margin: 0.75em;
}
 
table.container td {
 margin: 0;
 padding: 0 0 0 0.75em;
 vertical-align: top;
}
 
table.container td:first-child {
 padding: 0;
}
 
* html table.container td { /* Stern-HTML-Hack fuer IE6 */
 padding-left: expression((this.parentNode.firstChild == this)? "0" : "0.75em" );
}
 
@media print {
 .container { border: 0.25mm solid #6cc8f3; }
 .container .header, .infobox .header {
  font-size: 1em;
  border-top: 0.25mm solid #c0c0c0;
 }
}
 
table.ZdM {
 width: 100%;
}
 
table.ZdM td.left {
 width: 50%;
 vertical-align: top;
 padding-left: 0.5em;
 padding-bottom: 0.3em;
}
 
table.ZdM td.right {
 width: 50%;
 vertical-align: top;
}
 
.regionFlag {
 border: 1px solid #404040;
 width: 20px;
 height: 15px;
 margin: 0 0.5em 0 0;
 float: left;
}
 
#socialbm iframe {
 display: inline;
 height: 45px;
 margin: 0;
}
#socialbm a img {
 vertical-align: 23px;
}
 
.ImageGroup {
 text-align: center;
 border: 1px solid #6cc8f3;
 background-color: #ffffff;
}
* html .ImageGroup { // IE6-Hack;
 width: 220px;
}
.ImageGroup .header {
 font-size: 110%;
 font-weight: bold;
 padding: 0 3px;
 background: #f0f0f0; 
}
.ImageGroup .thumb {
 margin-bottom: 0;
}
.ImageGroup .thumbinner {
 margin: 0 auto;
}
.ImageGroup .ImageGrUnitHeader {
 background: #f0f0f0;
}
 
.topicsTable {
 width: 100%;
 border-collapse: collapse;
 empty-cells: show;
 background: transparent;
 border-spacing: 0 0;
}
.topicsTable td {
 width: 50%;
 vertical-align: top;
 padding: 1em 0;
}
.topicsTable td:first-child {
 padding-right: 1em;
}
.topicsTable td .floatright {
 border: solid 1px #cccccc;
 background: #eeeeee;
 padding: 3px;
 margin: 5px 0 0 1em;
}
 
@media print {
 .ImageGroup {
  border: none;
  padding: 0;
 }
 .ImageGroup .header, .ImageGroup .ImageGrUnitHeader {
  display: none;
 }
}
 
#altIsIn {
 line-height: 1.8em;
}
 
/**
 * TITRES
 */
 
/* Affichage des coordonnées géo à côté du titre, pour tous les skins. */
 
#coordinates-title {
  font-size: 12px !important;
  line-height:14px;
  float: right;
  margin-right: 1em;
  text-align:right;
  /* margin-top: 1em; */
}
 
#coordinates-title img {
  vertical-align: middle
}