|
|
| (Eine dazwischenliegende Version von einem anderen Benutzer wird nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /* Background groups */
| |
|
| |
|
| .portable-infobox > div, .portable-infobox .pi-title {
| |
| background-color: #013658;
| |
| background-image: url(https://vignette.wikia.nocookie.net/fallout/images/9/9d/Background-striped.png/revision/latest?path-prefix=de);
| |
| color: #15c4f7;
| |
| border: 1px solid #15c4f7;
| |
| border-top: none;
| |
| }
| |
|
| |
| .portable-infobox, .portable-infobox .pi-group .pi-data {
| |
| background-color: #000;
| |
| }
| |
|
| |
| .portable-infobox .pi-group .pi-data .pi-data-label, .pi-smart-group .pi-smart-data-label,
| |
| .portable-infobox .pi-secondary-background, .portable-infobox .pi-group .pi-header {
| |
| background-color: #013658;
| |
| }
| |
|
| |
| .portable-infobox .pi-group .pi-data .pi-data-value,
| |
| .portable-infobox .pi-horizontal-group-item, .pi-image, .pi-smart-data-value {
| |
| background: #044886;
| |
| }
| |
|
| |
| /* Common border handler */
| |
|
| |
| .portable-infobox, .portable-infobox .pi-group .pi-header, .portable-infobox .pi-group .pi-data .pi-data-label, .portable-infobox .pi-group .pi-data .pi-data-value,
| |
| .portable-infobox .pi-horizontal-group-item, .pi-smart-group .pi-smart-data-label, .pi-smart-data-value {
| |
| border: 1px solid #15c4f7 !important;
| |
| }
| |
|
| |
| /* Common font groups */
| |
| .portable-infobox, .portable-infobox .pi-group .pi-data .pi-data-label, .portable-infobox .pi-group .pi-data .pi-data-value,
| |
| .portable-infobox .pi-horizontal-group-item, .pi-smart-group .pi-smart-data-label, .pi-smart-data-value {
| |
| font-size: 11px;
| |
| }
| |
|
| |
| .portable-infobox > div, .portable-infobox > div div {
| |
| font-size: 10px;
| |
| }
| |
|
| |
| /* Line height */
| |
|
| |
| .portable-infobox, .portable-infobox > div, .portable-infobox > div div, .portable-infobox .pi-group .pi-data .pi-data-label, .portable-infobox .pi-group .pi-data .pi-data-value,
| |
| .portable-infobox .pi-horizontal-group-item, .pi-smart-data-value {
| |
| line-height: 14px;
| |
| }
| |
|
| |
| .portable-infobox > div {
| |
| font-style: italic;
| |
| margin-bottom: -6px;
| |
| border: 1px solid #15c4f7;
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .portable-infobox > div div {
| |
| color: #b4efff;
| |
| font-style: italic;
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
|
| |
| .portable-infobox > div div a {
| |
| color: #F7F32D !important;
| |
| }
| |
|
| |
| /* "Unique" handlers */
| |
| .portable-infobox {
| |
| width:246px!important;
| |
| -moz-box-shadow:2px 2px 2px #555;
| |
| -webkit-box-shadow:2px 2px 2px #555;
| |
| -o-box-shadow:2px 2px 2px #555;
| |
| -ms-box-shadow:2px 2px 2px #555;
| |
| box-shadow:2px 2px 2px #555;
| |
| padding: 1px;
| |
| }
| |
|
| |
| .portable-infobox .pi-title {
| |
| font-weight: bold;
| |
| padding-bottom: 5px !important;
| |
| padding-top: 5px !important;
| |
| text-align: center;
| |
| }
| |
|
| |
| .portable-infobox .pi-group {
| |
| border: none !important;
| |
| }
| |
|
| |
| .portable-infobox .pi-header {
| |
| padding:0;
| |
| margin:0;
| |
| font-weight:bold;
| |
| text-align:center;
| |
| color:#b4efff;
| |
| }
| |
|
| |
| .portable-infobox .pi-group .pi-header {
| |
| font-weight: bold;
| |
| margin-bottom: 1px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .portable-infobox .pi-group .pi-data {
| |
| border-bottom: none;
| |
| margin-left: -1px;
| |
| padding: 0px;
| |
| padding-top: 0px;
| |
| width: 100.8%;
| |
| }
| |
|
| |
| .portable-infobox .pi-group .pi-data .pi-data-label {
| |
| margin: 0px 0.0px 1px 1px !important;
| |
| padding-right: 0px;
| |
| text-align: right;
| |
| }
| |
|
| |
| .portable-infobox .pi-group .pi-data .pi-data-label h3 {
| |
| overflow: hidden !important;
| |
| }
| |
|
| |
| .portable-infobox .pi-group .pi-data .pi-data-value {
| |
| width: 100%;
| |
| padding-left: 2px !important;
| |
| margin: 0px 0.5px 1px 1px !important;
| |
| }
| |
|
| |
| .portable-infobox section:last-of-type {
| |
| margin-bottom: -1px !important;
| |
| }
| |
|
| |
| .portable-infobox .pi-title {
| |
| font-size:15px;
| |
| font-weight:900!important;
| |
| text-align:center;
| |
| }
| |
|
| |
| .portable-infobox .pi-title a,
| |
| .portable-infobox .pi-title a:link,
| |
| .portable-infobox .pi-title a:visited {
| |
| color:#F7F32D!important
| |
| }
| |
|
| |
| .pi-border-color {
| |
| border-color:transparent;
| |
| }
| |
|
| |
| .pi-data .pi-data-label {
| |
| font-weight:normal;
| |
| text-align:right;
| |
| -ms-flex-preferred-size: auto;
| |
| -webkit-flex-basis:auto;
| |
| -moz-flex-basis:auto;
| |
| /*flex-basis:auto;
| |
| display:-webkit-flex;
| |
| display:flex;
| |
| -webkit-align-items:center;
| |
| align-items:center;
| |
| -webkit-justify-content:center;
| |
| justify-content:center;*/
| |
| line-height:140%;
| |
| color:#b4efff;
| |
| width:40%;
| |
| padding-right:2px!important;
| |
| }
| |
|
| |
| .pi-data .pi-data-value {
| |
| text-align:left;
| |
| -ms-flex-preferred-size: auto;
| |
| -webkit-flex-basis:auto;
| |
| -moz-flex-basis:auto;
| |
| flex-basis:auto;
| |
| line-height:140%;
| |
| width:auto;
| |
| }
| |
| .pi-data-value:first-child {
| |
| text-align:center
| |
| }
| |
|
| |
| /* Image handling */
| |
| .pi-image {
| |
| border:1px solid #15c4f7;
| |
| margin:0;
| |
| padding:1px;
| |
| line-height:130%;
| |
| }
| |
|
| |
| img.pi-image-thumbnail {
| |
| max-width:100%!important;
| |
| height:auto;
| |
| }
| |
|
| |
| .portable-infobox .pi-image figcaption {
| |
| border:none!important
| |
| border-left: 1px solid #15c4f7;
| |
| border-right: 1px solid #15c4f7;
| |
| color: #b4efff;
| |
| text-align: center;
| |
| }
| |
|
| |
| .portable-infobox .pi-image {
| |
| border-bottom: 1px solid #15c4f7;
| |
| margin-bottom: 1px;
| |
| }
| |
|
| |
| div.pi-data-value.pi-font img {
| |
| display:inline!important;
| |
| }
| |
|
| |
|
| |
| /* Horizontal groups */
| |
|
| |
| .pi-horizontal-group .pi-horizontal-group-item {
| |
| vertical-align:middle;
| |
| }
| |
| .pi-horizontal-group .pi-data-label {
| |
| background-color:#013660;
| |
| width:50%;
| |
| }
| |
|
| |
| /*#####################################*/
| |
| /*### Smart group fix for infoboxes ###*/
| |
| /*#####################################*/
| |
|
| |
| .pi-smart-group .pi-smart-data-label {
| |
| font-weight: bold;
| |
| margin-bottom: 1px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .portable-infobox section:last-of-type .pi-smart-group-body {
| |
| margin-bottom:1px!important;
| |
| }
| |
|
| |
| /* ====================
| |
| Themes
| |
| ==================== */
| |
|
| |
| .portable-infobox.pi-theme-event {
| |
| max-width:300px;
| |
| min-width:300px;
| |
| width:100%
| |
| }
| |
| .portable-infobox.pi-theme-event img.pi-image-thumbnail {
| |
| max-width:100%;
| |
| min-width:100%;
| |
| height:auto
| |
| }
| |
|
| |
| .portable-infobox.pi-theme-gamebryoammo .pi-horizontal-group {
| |
| table-layout:inherit!important
| |
| }
| |
| /*
| |
| .portable-infobox.pi-theme-armor .pi-image {
| |
| float:left!important;
| |
| margin-bottom:-10px;
| |
| padding: 30px 16px 30px 16px;
| |
| border:none;
| |
| }
| |
|
| |
| /* This does the "resistances" line
| |
| .portable-infobox.pi-theme-armor .pi-secondary-background {
| |
| padding:0;
| |
| }
| |
| */
| |
|
| |
| .pi-theme-armor-fobos .pi-horizontal-group .pi-data-label:first-child {
| |
| width:148%!important;
| |
| }
| |
|
| |
| .pi-theme-armor-fobos .pi-horizontal-group .pi-data-value:first-child {
| |
| width:60%!important;
| |
| background-color:#013660!important
| |
