|
|
Line 1,551: |
Line 1,551: |
| /* Portable Infobox CSS here */ | | /* Portable Infobox CSS here */ |
| /* Portable Infobox CSS here */ | | /* Portable Infobox CSS here */ |
| .portable-infobox { | | .portable-infobox.pi-background { |
| background-color: #2e2e2e;
| | background-color: #312B2A; |
| box-shadow: 0 2px 2px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1);
| | border-color: #a62e10; |
| font-size: 13px;
| |
| line-height: 1.5;
| |
| margin-bottom: 15px;
| |
| overflow: hidden;
| |
| padding: 0;
| |
| width: 280px;
| |
| } | | } |
| .pi-header { | | .portable-infobox .pi-secondary-background { |
| background-color: #3B3B3B;
| | background-color: #a62e10; |
| box-shadow: 0 2px 2px rgba(0,0,0,0.2);
| |
| color: #333;
| |
| display: flex;
| |
| align-items: center;
| |
| font-size: 14px;
| |
| font-weight: bold;
| |
| height: 30px;
| |
| line-height: 30px;
| |
| padding: 0 10px;
| |
| text-transform: uppercase;
| |
| } | | } |
| .pi-image-thumbnail { | | .portable-infobox .pi-header{ |
| background-color: #f9f9f9;
| | font-weight: bold; |
| border: 1px solid #ddd;
| | text-align: center; |
| display: block;
| |
| margin: 0 auto 5px;
| |
| max-width: 100%;
| |
| padding: 3px;
| |
| text-align: center;
| |
| } | | } |
| | | .portable-infobox .pi-title { |
| .pi-title { | | background-color: #a62e10; |
| background-color: #E85636;
| | font-size: 125%; |
| border-top-left-radius: 3px;
| | color: #FFFFFF; |
| border-top-right-radius: 3px;
| | font-family: Rubik; |
| color: #fff;
| | text-align: center; |
| font-size: 18px;
| |
| font-weight: bold;
| |
| padding: 7px 10px;
| |
| } | | } |
| | | .portable-infobox .pi-border-color{ |
| .pi-group { | | border-color: #453d3c; |
| margin-top: 5px; | |
| padding: 0 10px;
| |
| } | | } |
| | | .portable-infobox { |
| .pi-group-header { | | width:270px; |
| background-color: #3B3B3B;
| | border: 1px solid #a62e10; |
| border-top-left-radius: 3px;
| | border-radius: 4px 4px 2px 2px; |
| border-top-right-radius: 3px;
| |
| color: #2e2e2e;
| |
| font-size: 16px;
| |
| font-weight: bold;
| |
| padding: 5px 10px;
| |
| margin-bottom: 10px;
| |
| padding: 5px 10px;
| |
| text-align: center;
| |
| }
| |
| | |
| .pi-data {
| |
| border-bottom: 1px solid #f1f1f1;
| |
| display: table;
| |
| width: 100%;
| |
| }
| |
| | |
| .pi-data-label,
| |
| .pi-data-value {
| |
| display: table-cell;
| |
| padding: 5px 0;
| |
| } | | } |
| | | .portable-infobox .pi-horizontal-group-item.pi-data-label{ |
| .pi-data-label { | | background-color: #312B2A; |
| color: #888;
| |
| font-weight: bold;
| |
| min-width: 30%;
| |
| padding-right: 10px;
| |
| text-align: right;
| |
| vertical-align: top;
| |
| } | | } |
| | | .portable-infobox .pi-horizontal-group-item.pi-data-value{ |
| .pi-data-value { | | background-color: #312B2A; |
| color: #000;
| |
| padding-left: 10px;
| |
| font-size: 14px;
| |
| margin-bottom: 5px;
| |
| | |
| } | | } |
|
| |
|