|
|
| Line 47: |
Line 47: |
| } | | } |
|
| |
|
| .portable-infobox { | | /* Portable Infobox CSS here */ |
| color: #fdfdee;
| | .portable-infobox.pi-background { |
| background-color: #2C2828;
| | border-color: #a62e10; |
| border: 1px solid #a62e10;
| | } |
| box-shadow: 0 1px 2px rgba(0,0,0,0.15);
| | .portable-infobox .pi-secondary-background { |
| margin: 10px;
| | background-color: #a62e10; |
| padding: 10px;
| |
| width: 280px;
| |
| } | | } |
| | | .portable-infobox .pi-header{ |
| .portable-infobox .pi-item-spacing { | | font-weight: bold; |
| border-bottom: 4px solid #2C2828;
| | text-align: center;t |
| } | | } |
|
| |
| .portable-infobox .pi-title { | | .portable-infobox .pi-title { |
| color: #fdfdee;
| | background-color: #a62e10; |
| background-color: #a62e10;
| | font-size: 125%; |
| font-size: 15px;
| | color: #FFFFFF; |
| font-weight: bold;
| | font-family: Rubik; |
| margin-bottom: 10px;
| | text-align: center; |
| padding: 0px 10px;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: center;
| |
| align-items: center;
| |
| height: auto;
| |
| line-height: normal;
| |
| font-style: italic;
| |
| } | | } |
| | | .portable-infobox .pi-border-color{ |
| .portable-infobox .pi-header { | | border-color: #453d3c; |
| color: #fdfdee;
| |
| background-color: #a62e10;
| |
| font-size: 14px;
| |
| font-weight: bold;
| |
| margin-bottom: 5px;
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| height: 25px;
| |
| line-height: 25px;
| |
| } | | } |
| | | .portable-infobox { |
| /* Infobox label */
| | width:270px; |
| .portable-infobox .pi-data-label {
| | border: 1px solid #a62e10; |
| background-color: #5a5554;
| | border-radius: 4px 4px 2px 2px; |
| padding-left: 5px;
| |
| padding-right: 5px;
| |
| flex: 0 0 30%;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| font-weight: bold;
| |
| color: #fdfdee;
| |
| }
| |
| | |
| .portable-infobox .pi-data { | |
| font-weight: bold;
| |
| color: #fdfdee;
| |
| padding: 5px 10px;
| |
| padding-left: 5px;
| |
| padding-right: 5px;
| |
| background-color: #4d4543;
| |
| }
| |
| | |
| /* Infobox label and data colors */
| |
| .portable-infobox .pi-data:nth-child(odd) .pi-data-label,
| |
| .portable-infobox .pi-data:nth-child(odd) .pi-data-value {
| |
| background-color: #5a5554;
| |
| }
| |
| | |
| /* Second label and data */
| |
| .portable-infobox .pi-data:nth-child(even) .pi-data-label,
| |
| .portable-infobox .pi-data:nth-child(even) .pi-data-value {
| |
| background-color: #4d4543;
| |
| }
| |
| | |
| .portable-infobox .pi-image {
| |
| display: block;
| |
| margin: 0 auto;
| |
| max-width: 100%;
| |
| height: auto;
| |
| margin-bottom: 5px;
| |
| }
| |
| | |
| .portable-infobox .pi-data-value a {
| |
| color: #0645ad;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .portable-infobox .pi-data-value a:hover {
| |
| text-decoration: underline;
| |
| } | | } |
|
| |
|
