MediaWiki:Common.css
MediaWiki interface page
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.mw-logo-icon {
width: initial;
}
.icons a, .icons p{
display: inline;
margin-left: 5px;
background: none !important;
}
.icons a:hover{
border-bottom: 2px solid #999;
padding-bottom: 15px;
transition: 0.2s !important;
background: none !important;
}
#mw-drawer {
position: fixed;
z-index: 4;
top: 0;
width: 300px;
max-width: 100vw;
height: 100%;
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 6px 6px rgb(0 0 0 / 6%);
border-radius: 0;
display: flex;
background: #fff;
flex-direction: column;
transform-origin: 0% 0%;
transform: translate(-110%,0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1);
will-change: transform;
}
.skin-citizen-dark #mw-drawer{
background: rgba(19,26,33);
}
#n-Fleet-Policy > *:after {
background-image: url(/load.php?modules=skins.citizen.icons.n&image=mainpage-description&format=rasterized&skin=citizen&version=virxe);
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22%23000%22%3E %3Cpath d=%22M5 1a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z%22/%3E %3C/g%3E%3C/svg%3E);
right: -1.2px;
}
.mainpage-body {
width: 100%;
margin: 1.2rem -0.2rem 0 -0.2rem;
display: flex;
flex-direction: column;
}
.mainpage-row {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.chart a{
color: #54595d;
background: none !important;
}
#mw-content-text > .mw-parser-output .chart a[href^='/']:not(.image):not(.external):hover{
background: none !important;
color: #000 !important;
transition: color 0.3s;
}
.chart td{
line-height: 1.5;
}
.card {
margin: 0 0.2rem 0.4rem 0.2rem;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
border: 1px solid #eaecf0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 3px rgb(0 0 0 / 3%), 0 1px 2px rgb(0 0 0 / 6%);
transition: box-shadow 0.2s ease;
}
.card-text {
padding: 1.2rem;
}
.card h3 {
margin-top: 0;
line-height: 1.2;
font-weight: 600;
}
.card p {
font-size: 0.875rem;
}
.card-button {
background: #72777d;
transition: background 0.2s ease,opacity 0.2s ease;
}
.card-button a {
padding: 0.6rem;
display: block;
background: none !important;
color: white !important;
text-align: center;
font-size: 0.875rem;
font-weight: 600;
}
.card-image a img {
transition: transform 0.2s cubic-bezier(0.77,0.2,0.05,1.0);
}
.card-image a,
.card-image a:hover{
background-image: none !important;
}
.card-image img{
vertical-align: middle;
}
.card .byline {
margin: 0 0 0.2rem 0;
color: #72777d;
font-size: 0.825rem;
}
.card .numdata {
margin-top: 0.8rem;
}
.card-caption {
font-size: 0.875rem;
font-weight: 600;
}
.card-link ul {
margin: 0;
padding: 1.2rem 1.2rem 1.2rem 2.8rem;
font-size: 0.875rem;
}
.mainpage-navigation .card {
width: calc(100%/4 - 0.4rem);
min-width: calc(860px/4 - 0.4rem);
border: 0;
}
.mainpage-navigation .card-image {
height: 180px;
background-color: #f8f9fa;
overflow: hidden;
}
.mainpage-navigation .card-caption {
padding: 0.4rem;
background: #304665;
color: #bfcee7;
text-align: center;
transition: color 0.2s ease;
}
.mainpage-navigation .card-caption.gold {
background: #d3aa2f;
color: #544108;
}
#wiki_stats .numdata:first-child {
margin-top: 0;
}
#featured_article.card {
width: calc(100%/6*5 - 0.4rem);
min-width: calc(860px/6*5 - 0.4rem);
flex-direction: row;
}
#featured_article .card-image-featured a,
#featured_article .card-image-featured a:hover {
background-image: none !important;
}
#featured_article .card-image {
width: 800px;
overflow: hidden;
background-color: #0000001a;
}
#featured_article .card-image img {
height: 90%;
width: auto;
position: relative;
margin: auto;
}
#wiki_stats.card {
width: calc(100%/6 - 0.4rem);
min-width: calc(860px/6 - 0.4rem);
text-align: right;
}
#contribute.card {
width: calc(100% / 3 - 0.4rem);
min-width: calc(860px/4 - 0.4rem);
background-color: #00af89;
border-color: #00af89;
}
#policy.card {
width: calc(100%/3 - 0.4rem);
min-width: calc(860px/4 - 0.4rem);
background-color: #36c;
border-color: #36c;
}
#discord.card {
width: calc(100%/3 - 0.4rem);
min-width: calc(860px/4 - 0.4rem);
background-color: #7289da;
border-color: #7289da;
}
#resources.card {
width: calc(100%/2 - 0.4rem);
min-width: calc(860px/2 - 0.4rem);
background-color: #304665;
border-color: #304665;
}
#social.card,
#bfms.card{
width: calc(100%/4 - 0.4rem);
min-width: calc(860px/4 - 0.4rem);
background: #71777d;
color: #eaecf0;
border: transparent;
}
#contribute.card h3,
#policy.card h3,
#discord.card h3,
#resources.card h3{
color: #fff;
}
#contribute.card p,
#policy.card p,
#discord.card p,
#resources.card p{
color: #eaecf0;
}
#contribute .card-button {
background: #14866d;
}
#policy .card-button {
background: #2a4b8d;
}
#discord .card-button {
background: #697ec4;
}
#resources .card-link {
color: #bfcee7;
background: #162131;
}
#resources a {
color: #ccd3db;
background-image: none !important;
}
#resources a:hover {
color: #fff !important;
background-image: none !important;
}
#social .profile {
margin-right: 1.6rem;
}
#social a{
color: #fff !important;
}
#social .byline{
color: #eaecf0;
}
#social .card-button,
#bfms .card-button{
background: #505861;
}
.spectiles a.external{
padding: 0 !important;
background-image: none !important;
}
.spectiles .card-image{
height: 130px;
}
.spectiles #akira-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/2/24/AkiraClass.png/320px-AkiraClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #argonaut-class .card-image{
background: url(https://wiki.bravofleet.com/images/b/ba/Argonautclass.png) !important;
background-size: 100% !important;
}
.spectiles #atlantia-class .card-image{
background: url(https://wiki.bravofleet.com/images/2/21/Atlantiaclass.png) !important;
background-size: 145% !important;
background-position: -55px -7px!important;
}
.spectiles #california-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/f/f5/CaliforniaClass.png/320px-CaliforniaClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #century-class .card-image{
background: url(https://wiki.bravofleet.com/images/5/5c/Centuryclass.png) !important;
background-size: 130% !important;
}
.spectiles #defiant-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/d/d8/DefiantClass.png/320px-DefiantClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #diligent-class .card-image{
background: url(https://wiki.bravofleet.com/images/4/4d/Diligentclass.png) !important;
background-size: 100% !important;
}
.spectiles #elysion-class .card-image{
background: url(https://wiki.bravofleet.com/images/3/32/Elysionclass.jpg) !important;
background-size: 100% !important;
}
.spectiles #excelsiorII-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/4/4c/ExcelsiorII.png/320px-ExcelsiorII.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #gagarin-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/f/f7/GagarinClass.png/320px-GagarinClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #galaxy-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/2/2e/GalaxyClass.png/320px-GalaxyClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #galaxy-class-refit .card-image{
background: url(https://wiki.bravofleet.com/images/6/6f/GalaxyClassrefit.jpg) !important;
background-size: 100% !important;
}
.spectiles #grissom-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/9/97/GrissomClass.png/320px-GrissomClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #inquiry-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/6/65/InquiryClass.png/320px-InquiryClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #insignia-class .card-image{
background: url(https://wiki.bravofleet.com/images/7/74/Insignia_underside.jpg) !important;
background-size: 100% !important;
}
.spectiles #intrepid-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/3/3e/IntrepidClass.png/320px-IntrepidClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #luna-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/3/39/LunaClass.png/320px-LunaClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #manticore-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/3/3a/ManticoreClass.png/320px-ManticoreClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #nebula-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/8/81/NebulaClass.png/320px-NebulaClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #norway-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/d/db/NorwayClass.png/320px-NorwayClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #nova-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/0/08/NovaClass.png/320px-NovaClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #odyssey-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/b/b6/OdysseyClass.png/320px-OdysseyClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #olympic-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/7/7e/OlympicClass.png/320px-OlympicClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #parliament-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/1/17/ParliamentClass.png/320px-ParliamentClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #prometheus-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/3/3d/PrometheusClass.png/320px-PrometheusClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #reliant-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/4/46/ReliantClass.png/320px-ReliantClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #osler-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/9/97/OslerLarge.jpg/800px-OslerLarge.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #rhode-island-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/3/3e/RhodeIslandClass.png/320px-RhodeIslandClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #ross-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/e/e9/RossClass.png/320px-RossClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #saber-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/4/48/SaberClass.png/320px-SaberClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #sovereign-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/d/da/SovereignClass.png/320px-SovereignClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #sutherland-class .card-image{
background: url(https://wiki.bravofleet.com/images/1/16/SutherlandClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #steamrunner-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/1/15/SteamrunnerClass.png/320px-SteamrunnerClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #typhon-class .card-image{
background: url(https://bravofleet.com/wp-content/uploads/2017/02/Typhoon2.jpg) !important;
background-size: 110% !important;
background-position: center !important;
}
.spectiles #lamarr-class .card-image{
background: url(https://sandbox.wiki.bravofleet.com/images/thumb/3/30/LamarrClass.jpg/800px-LamarrClass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #vesta-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/0/04/VestaClass.png/320px-VestaClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #aurora-class .card-image{
background: url(https://wiki.bravofleet.com/images/8/86/Aurora_class.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #guardian-class .card-image{
background: url(https://wiki.bravofleet.com/images/4/4e/Guardianclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #watchtower-class .card-image{
background: url(https://wiki.bravofleet.com/images/c/c2/Watchtower.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #immense-class .card-image{
background: url(https://wiki.bravofleet.com/images/3/35/Immenseclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #vision-class .card-image{
background: url(https://wiki.bravofleet.com/images/5/51/Starbase_42.jpg) !important;
background-size: 110% !important;
background-position: center !important;
}
.spectiles #jupiter-class .card-image{
background: url(https://wiki.bravofleet.com/images/9/9e/Jupiterstation.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #k-class .card-image{
background: url(https://wiki.bravofleet.com/images/b/b7/Ktypestation.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #norfed-class .card-image{
background: url(https://wiki.bravofleet.com/images/a/a3/Norclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #presidium-class .card-image{
background: url(https://wiki.bravofleet.com/images/1/16/Presidioclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #canopus-class .card-image{
background: url(https://wiki.bravofleet.com/images/8/85/CanopusClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #regula-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/db/Regulaclass.jpg) !important;
background-size: 135% !important;
background-position: center !important;
}
.spectiles #copernicus-class .card-image{
background: url(https://wiki.bravofleet.com/images/c/c2/Copernicus2.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #eclipse-station-class .card-image{
background: url(https://wiki.bravofleet.com/images/c/c3/EclipseStation.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #regulus-class .card-image{
background: url(https://wiki.bravofleet.com/images/0/04/Regulusclass.png) !important;
background-size: 150% !important;
background-position: center !important;
}
.spectiles #spacedock-class .card-image{
background: url(https://wiki.bravofleet.com/images/b/b6/Spacedockclass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #spacedock-II-class .card-image{
background: url(https://wiki.bravofleet.com/images/2/2f/Douglas_Station.jpeg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #probert-class .card-image{
background: url(https://wiki.bravofleet.com/images/9/90/ProbertStationCropped.jpeg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #unity-class .card-image{
background: url(https://wiki.bravofleet.com/images/2/2c/Unityclass.jpg) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #narendra-class .card-image{
background: url(https://wiki.bravofleet.com/images/7/70/Narendra.png) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #ambassador-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/4/47/AmbassadorClass.png/320px-AmbassadorClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #aquarius-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/3/34/AquariusClass.png/320px-AquariusClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #centaur-class .card-image{
background: url(https://wiki.bravofleet.com/images/a/ad/Centaurclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #centaur-II-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/b/ba/CentaurIIClass.png/320px-CentaurIIClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #challenger-class .card-image{
background: #000 url(https://wiki.bravofleet.com/images/thumb/9/9d/ChallengerClass.png/320px-ChallengerClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #cheyenne-class .card-image{
background: #000 url(https://wiki.bravofleet.com/images/thumb/d/d0/CheyenneClass.png/320px-CheyenneClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #constellation-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/df/Constellation3.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #excelsior-class .card-image{
background: url(https://wiki.bravofleet.com/images/5/5c/Excelsiorclass.png) !important;
background-size: 150% !important;
background-position: -80px !important;
}
.spectiles #excelsior-class-refit .card-image{
background: url(https://wiki.bravofleet.com/images/f/fe/Excelrefit.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #freedom-class .card-image{
background: #000 url(https://wiki.bravofleet.com/images/2/25/Freedomclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.spectiles #raven-class .card-image{
background: #000 url(https://wiki.bravofleet.com/images/3/32/AerieClass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.spectiles #neworleans-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/e/ee/NewOrleansClass.png/320px-NewOrleansClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #springfield-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/9/95/SpringfieldClass.png/320px-SpringfieldClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #niagara-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/db/Niagara1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #akula-class .card-image{
background: url(https://wiki.bravofleet.com/images/0/00/Akula.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #cardenas-class .card-image{
background: url(https://wiki.bravofleet.com/images/9/9b/Cardenas.jpg) !important;
background-size: 115% !important;
background-position: center !important;
}
.spectiles #constitution-class .card-image{
background: url(https://wiki.bravofleet.com/images/6/61/Discoprise.jpg) !important;
background-size: 115% !important;
background-position: center !important;
}
.spectiles #constitution-class-refit .card-image{
background: url(https://wiki.bravofleet.com/images/3/39/Constitutionclass.png) !important;
background-size: 110% !important;
background-position: center !important;
}
.spectiles #crossfield-class .card-image{
background: url(https://wiki.bravofleet.com/images/9/91/Crossfield.jpg) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #hernandez-class .card-image{
background: url(https://wiki.bravofleet.com/images/9/9d/Hernandezclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #miranda-class .card-image{
background: url(https://wiki.bravofleet.com/images/1/1d/Miranda.png) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #nimitz-class .card-image{
background: url(https://wiki.bravofleet.com/images/8/8f/Nimitzclass.jpg) !important;
background-size: 115% !important;
background-position: center !important;
}
.spectiles #walker-class .card-image{
background: url(https://wiki.bravofleet.com/images/4/43/Walker_Light_Exploration_Cruiser.png) !important;
background-size: 135% !important;
background-position: center !important;
}
.spectiles #columbia-class .card-image{
background: url(https://wiki.bravofleet.com/images/f/ff/Nxrefit.png) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #daedalus-class .card-image{
background: url(https://wiki.bravofleet.com/images/0/03/Daedalus.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #freedom22-class .card-image{
background: url(https://wiki.bravofleet.com/images/1/18/Freedom22class.jpg) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #intrepid22-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/d2/Intrepidtype.jpeg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #neptune-class .card-image{
background: url(https://wiki.bravofleet.com/images/c/c8/Neptuneclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #nx-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/da/Nx2.png) !important;
background-size: 135% !important;
background-position: center !important;
}
.spectiles #yorktown-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/dc/Yorktown.jpg) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #dderidex-class .card-image{
background: url(https://wiki.bravofleet.com/images/f/fc/Dderidexclass.jpg) !important;
background-size: 115% !important;
background-position: center !important;
}
.spectiles #scimitar-class .card-image{
background: url(https://wiki.bravofleet.com/images/e/e5/Scimitar.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #valdore-class .card-image{
background: url(https://wiki.bravofleet.com/images/6/62/Valdoreclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #malem-class .card-image{
background: url(https://wiki.bravofleet.com/images/1/16/Malemclass.png) !important;
background-size: 110% !important;
background-position: center !important;
}
.spectiles #ranodaire-class .card-image{
background: url(https://wiki.bravofleet.com/images/9/9d/Rom_Ship_Ra%27nodaire.png) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #dhailkhina-class .card-image{
background: url(https://wiki.bravofleet.com/images/5/56/Dhailkhina_class.jpg) !important;
background-size: 130% !important;
background-position: center !important;
}
.spectiles #d7rom-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/d5/Romuland7.jpg) !important;
background-size: 135% !important;
background-position: center !important;
}
.spectiles #stormbird-class .card-image{
background: url(https://wiki.bravofleet.com/images/5/55/Romulanstormbird.png) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #tliss-class .card-image{
background: url(https://wiki.bravofleet.com/images/9/94/Tliss2399.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #tvaro-class .card-image{
background: url(https://wiki.bravofleet.com/images/0/03/Tvaro.jpg) !important;
background-size: 110% !important;
background-position: center !important;
}
.spectiles #brel-class .card-image{
background: url(https://wiki.bravofleet.com/images/5/59/Brelclass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #ktinga-class .card-image{
background: url(https://wiki.bravofleet.com/images/6/62/Ktingaclass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #matha-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/dc/Klg_Ship_MatHa.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #neghvar-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/d4/Klingon_Negh%27Var_STO.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #vorcha-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/d2/Vorchaclass.png) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #bortasqu-class .card-image{
background: url(https://wiki.bravofleet.com/images/e/ec/Bortasqu.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #chalhegh-class .card-image{
background: url(https://wiki.bravofleet.com/images/6/64/Chalheng.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #saladin-class .card-image{
background: url(https://wiki.bravofleet.com/images/6/68/SaladinClass.jpg) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #hermes-class .card-image{
background: url(https://wiki.bravofleet.com/images/f/f6/HermesClass.jpg) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #tosmiranda-class .card-image{
background: url(https://wiki.bravofleet.com/images/f/f5/TOSMiranda.jpg) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #ptolmey-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/d5/PtolemyClass.jpg) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #federation-class .card-image{
background: url(https://wiki.bravofleet.com/images/5/52/FederationClass.png) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #antares-class .card-image{
background: url(https://wiki.bravofleet.com/images/7/7d/AntaresClass.jpg) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #oberth-class .card-image{
background: url(https://wiki.bravofleet.com/images/b/b1/OberthClass.jpg) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #malachowski-class .card-image{
background: url(https://wiki.bravofleet.com/images/c/cb/Malachowski.png) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #hoover-class .card-image{
background: url(https://wiki.bravofleet.com/images/5/54/Hoover.png) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #engle-class .card-image{
background: url(https://wiki.bravofleet.com/images/5/52/Engle.png) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #shepard-class .card-image{
background: url(https://wiki.bravofleet.com/images/c/c3/Shepard.png) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #magee-class .card-image{
background: url(https://wiki.bravofleet.com/images/4/4f/MaGee.jpg) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #helios-class .card-image{
background: url(https://wiki.bravofleet.com/images/8/8f/Helios.jpeg) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #keldon-class .card-image{
background: url(https://wiki.bravofleet.com/images/e/eb/KeldonTile.jpg) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #galor-class .card-image{
background: url(https://wiki.bravofleet.com/images/c/c9/Galor_class.jpg) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #hideki-class .card-image{
background: url(https://wiki.bravofleet.com/images/3/3a/HidekiClass.jpg) !important;
background-size: 110% !important;
background-position: center !important;
}
.spectiles #tonga-class .card-image{
background: url(https://wiki.bravofleet.com/images/8/85/TongaClass.PNG) !important;
background-size: 110% !important;
background-position: center !important;
}
.spectiles #hutet-class .card-image{
background: url(https://wiki.bravofleet.com/images/e/ea/HutetClass.jpg) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #groumall-class .card-image{
background: url(https://wiki.bravofleet.com/images/2/24/GroumallClass.jpg) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #nor-class .card-image{
background: url(https://wiki.bravofleet.com/images/0/03/Empok_Nor.jpg) !important;
background-size: 140% !important;
background-position: center !important;
}
.spectiles #alpha-quadrant .card-image{
background: url(https://wiki.bravofleet.com/images/1/12/Alphaquadrant1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #beta-quadrant .card-image{
background: url(https://wiki.bravofleet.com/images/c/ce/Betaquadrant1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #gamma-quadrant .card-image{
background: url(https://wiki.bravofleet.com/images/f/fe/Gammaquadrant1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #delta-quadrant .card-image{
background: url(https://wiki.bravofleet.com/images/2/25/Deltaquadrant1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #tf17 .card-image{
background: url(https://wiki.bravofleet.com/images/1/1c/Tf17wiki1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #tf72 .card-image{
background: url(https://wiki.bravofleet.com/images/7/79/Tf72wiki1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #tf86 .card-image{
background: url(https://wiki.bravofleet.com/images/c/c1/Tf86wiki1.png) !important;
background-size:100% !important;
background-position: center !important;
}
.spectiles #tf93 .card-image{
background: url(https://wiki.bravofleet.com/images/f/fc/Tf92wiki1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #rse .card-image{
background: url(https://wiki.bravofleet.com/images/3/39/Romulanstarempiretile1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #tholianassembly .card-image{
background: url(https://wiki.bravofleet.com/images/e/e8/Tholianassemblytile1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #romrepub .card-image{
background: url(https://wiki.bravofleet.com/images/9/9d/Romrepublictile1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #romfreestate .card-image{
background: url(https://wiki.bravofleet.com/images/d/d2/Romfreestatetile1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #klingonempire .card-image{
background: url(https://wiki.bravofleet.com/images/7/7e/Klingonempiretile1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #ferengialliance .card-image{
background: url(https://wiki.bravofleet.com/images/0/0b/Ferengialliancetile1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #ufp .card-image{
background: url(https://wiki.bravofleet.com/images/9/9e/Fedtile1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #cardunion .card-image{
background: url(https://wiki.bravofleet.com/images/4/4c/Cardtile1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #breenconfed .card-image{
background: url(https://wiki.bravofleet.com/images/e/e6/Breenconfederacytile1.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #obena-class .card-image{
background: url(https://wiki.bravofleet.com/images/8/8c/Obena3.png) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #tf47 .card-image{
background: url(https://wiki.bravofleet.com/images/f/ff/Tf47wiki.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #pathfinder-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/1/19/PathfinderClass.png/320px-PathfinderClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #rahhae-class .card-image{
background: url(https://wiki.bravofleet.com/images/1/12/Rom_Ship_Rahhae.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #dhelan-class .card-image{
background: url(https://wiki.bravofleet.com/images/2/2c/Dhelan2.png) !important;
background-size: 115% !important;
background-position: center !important;
}
.spectiles #dinaes-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/dd/Dinaes.png) !important;
background-size: 120% !important;
background-position: center !important;
}
.spectiles #haakona-class .card-image{
background: url(https://wiki.bravofleet.com/images/d/de/Haakona.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #diavectau-class .card-image{
background: url(https://wiki.bravofleet.com/images/e/e2/Diavectauclass.png) !important;
background-size: 200% !important;
background-position: center !important;
}
.spectiles #snakehead-class .card-image{
background: url(https://wiki.bravofleet.com/images/e/e9/Snakehead.png) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #edison-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/0/04/EdisonClass.png/320px-EdisonClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #phoenix-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/a/a8/PhoenixClass.png/320px-PhoenixClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #sagan-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/5/54/SaganClass.png/320px-SaganClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #constitution-III-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/f/f2/ConstitutionIIIClass.png/320px-ConstitutionIIIClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #duderstadt-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/b/b7/Duderstadt.png/320px-Duderstadt.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #echelon-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/1/14/Echelon.png/320px-Echelon.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #curry-class .card-image{
background: url(https://wiki.bravofleet.com/images/2/24/CURRY1.jpg) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #yeager-class .card-image{
background: url(https://wiki.bravofleet.com/images/3/33/YEAGER4.jpg) !important;
background-size: 125% !important;
background-position: center !important;
}
.spectiles #alita-class .card-image{
background: url(https://wiki.bravofleet.com/images/thumb/f/f4/AlitaClass.png/320px-AlitaClass.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #fed-ships-playable .card-image{
background: url(https://wiki.bravofleet.com/images/9/9c/ActiveFederationTile.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #fed-stations-playable .card-image{
background: url(https://wiki.bravofleet.com/images/c/cb/StarfleetStationsTile.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #fed-small-craft .card-image{
background: url(https://wiki.bravofleet.com/images/0/0c/FederationSmallCraftTile.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #fed-retired .card-image{
background: url(https://wiki.bravofleet.com/images/0/0d/FederationShipsOld.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #breen-specs .card-image{
background: url(https://wiki.bravofleet.com/images/b/b6/BreenSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #cardassian-specs .card-image{
background: url(https://wiki.bravofleet.com/images/7/79/CardassianSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #ferengi-specs .card-image{
background: url(https://wiki.bravofleet.com/images/d/de/FerengiSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #kzinti-specs .card-image{
background: url(https://wiki.bravofleet.com/images/d/d1/KzintiSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #tzenkethi-specs .card-image{
background: url(https://wiki.bravofleet.com/images/9/91/TzenkethiSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #talarian-specs .card-image{
background: url(https://wiki.bravofleet.com/images/b/be/TalarianSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #tholian-specs .card-image{
background: url(https://wiki.bravofleet.com/images/3/3e/TholianSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #gorn-specs .card-image{
background: url(https://wiki.bravofleet.com/images/e/e0/GornSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #klingon-specs .card-image{
background: url(https://wiki.bravofleet.com/images/c/cc/KlingonSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #romulan-republic-specs .card-image{
background: url(https://wiki.bravofleet.com/images/d/d0/RomulanRepublicSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #romulan-freestate-specs .card-image{
background: url(https://wiki.bravofleet.com/images/0/06/RomulanFreeStateSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #romulan-other-specs .card-image{
background: url(https://wiki.bravofleet.com/images/1/10/OtherRomulanShips.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #orion-specs .card-image{
background: url(https://wiki.bravofleet.com/images/0/03/OrionSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #nausicaan-specs .card-image{
background: url(https://wiki.bravofleet.com/images/e/ef/NausicaanSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #tamarian-specs .card-image{
background: url(https://wiki.bravofleet.com/images/b/bf/TamarianSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #dominion-specs .card-image{
background: url(https://wiki.bravofleet.com/images/f/f2/DominionSpecifications.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #karemma-specs .card-image{
background: url(https://wiki.bravofleet.com/images/5/57/KaremmaSpecifications.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #vaadwuar-specs .card-image{
background: url(https://wiki.bravofleet.com/images/a/a5/VaadwuarSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #devore-specs .card-image{
background: url(https://wiki.bravofleet.com/images/6/6a/DevoreSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #hirogen-specs .card-image{
background: url(https://wiki.bravofleet.com/images/7/75/HirogenSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #hierarchy-specs .card-image{
background: url(https://wiki.bravofleet.com/images/d/df/HierarchySpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #malon-specs .card-image{
background: url(https://wiki.bravofleet.com/images/0/0c/MalonSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #vidiian-specs .card-image{
background: url(https://wiki.bravofleet.com/images/0/0d/VidiianSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #kazon-specs .card-image{
background: url(https://wiki.bravofleet.com/images/f/f6/KazonSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.spectiles #borg-specs .card-image{
background: url(https://wiki.bravofleet.com/images/e/eb/BorgSpecs.png) !important;
background-size: 100% !important;
background-position: center !important;
}
.hatnote {
margin-top: 0.6rem;
margin-bottom: 0.8rem;
border-radius: 8px;
padding: 10px 15px;
color: var(--color-base--subtle);
background: var(--background-color-framed);
font-size: 0.875rem;
line-height: 1.4;
display: flex;
align-items: center;
}
.hatnote-icon img {
opacity: var(--opacity-icon-base);
margin-right: 10px;
width: 14px;
height: auto;
}
/* Dark theme */
html.skin-citizen-dark .hatnote-icon img {
filter: invert(1);
}
.ibtable {
border-radius: 13px;
margin-bottom: 0px;
padding-left: 10px;
width:315px;
}
.ibimage {
text-align: center;
padding: 10px;
font-size: smaller;
background: #f3f3f3;
}
.ibname {
text-align: center;
color: #e5e5ed;
font-size: larger;
background: #304665;
padding: .3rem 1.2rem;
}
.ibheader {
text-align: center;
color: #e5e5ed;
background: #566c86;
font-size: 8pt;
padding: 6px;
}
.ibleft {
background: #e0e0e0;
padding: 8px 10px;
color: #696969;
font-size: smaller;
width: 40%;
vertical-align: top;
}
.ibright {
background: #ececec;
padding: 8px 10px;
color: #696969;
font-size: smaller;
width: 60%;
vertical-align: top;
}
.card-text.home-featured {
max-width: calc(100% - 400px)
}
.portable-infobox.pi-theme-bravo {
background: #304665;
color: #696969;
width: 350px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
font-size: 1em;
.pi-media {
width: 100%;
text-align: center;
padding: 0;
font-size: smaller;
}
.pi-image-thumbnail {
width: 100%;
}
.pi-title {
background: #304665;
text-align: center;
color: #e5e5ed;
font-size: x-large;
line-height: 1.25;
}
.pi-data {
background: #ececec;
color: #696969;
font-size: smaller;
padding: 0px;
border: 0px;
position: relative;
}
.pi-data[data-item-name=full] {
display: inline-grid;
justify-content: center;
}
.pi-data-label {
background: #e0e0e0;
color: #696969;
flex-basis: 40%;
padding: 0.8em;
font-weight: normal;
align-items: flex-start;
}
.pi-data-value {
display: unset;
margin-top: 0.8em;
margin-bottom: 0.8em;
align-items: normal;
}
.pi-title {
text-align: center;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
}
.pi-header {
background: #566c86;
color: #e5e5ed;
text-align: center;
font-size: smaller;
}
.pi-header[data-item-name=footer] {
background: #304665;
color: #696969;
font-size: smaller;
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
}
.pi-section-navigation {
background: #304665;
color: #e5e5ed;
margin: 0;
padding: 0;
}
.pi-section-tab {
border-width: 0px;
background: #304665;
color: #e5e5ed;
}
}
.portable-infobox.pi-theme-bravopadded {
background: #304665;
color: #696969;
width: 350px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
font-size: 1em;
.pi-media {
width: 100%;
text-align: center;
padding: 0;
font-size: smaller;
}
.pi-image-thumbnail {
width: 90%;
padding: 10px;
}
.pi-title {
background: #304665;
text-align: center;
color: #e5e5ed;
font-size: larger;
line-height: 1.25;
}
.pi-data {
background: #ececec;
color: #696969;
font-size: smaller;
padding: 0px;
border: 0px;
position: relative;
}
.pi-data[data-item-name=full] {
display: inline-grid;
justify-content: center;
}
.pi-data-label {
background: #e0e0e0;
color: #696969;
flex-basis: 40%;
padding: 0.8em;
font-weight: normal;
align-items: flex-start;
}
.pi-data-value {
display: unset;
margin-top: 0.8em;
margin-bottom: 0.8em;
align-items: normal;
}
.pi-title {
text-align: center;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
}
.pi-header {
background: #566c86;
color: #e5e5ed;
text-align: center;
font-size: smaller;
}
.pi-header[data-item-name=footer] {
background: #304665;
color: #696969;
font-size: smaller;
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
}
.pi-section-navigation {
background: #304665;
color: #e5e5ed;
margin: 0;
padding: 0;
}
.pi-section-tab {
border-width: 0px;
background: #304665;
color: #e5e5ed;
}
}
.portable-infobox.pi-theme-bravoconflict {
background: #304665;
color: #696969;
width: 350px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
font-size: 1em;
.pi-media {
width: 100%;
text-align: center;
padding: 0;
font-size: smaller;
}
.pi-image-thumbnail {
width: 100%;
}
.pi-title {
background: #304665;
text-align: center;
color: #e5e5ed;
font-size: larger;
line-height: 1.25;
}
.pi-data {
background: #ececec;
color: #696969;
font-size: smaller;
padding: 0px;
border: 0px;
position: relative;
}
.pi-data[data-item-name=full] {
display: inline-grid;
justify-content: center;
}
.pi-data ul {
margin: 0 0 0 1rem;
}
.pi-data-label {
background: #e0e0e0;
color: #696969;
flex-basis: 50%;
padding: 0.8em;
font-weight: normal;
align-items: flex-start;
}
.pi-data-value {
margin-top: 0.8em;
margin-bottom: 0.8em;
align-items: normal;
}
.pi-title {
text-align: center;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
}
.pi-header {
background: #566c86;
color: #e5e5ed;
text-align: center;
font-size: smaller;
}
.pi-header[data-item-name=footer] {
background: #304665;
color: #696969;
font-size: smaller;
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
}
.pi-section-navigation {
background: #304665;
color: #e5e5ed;
margin: 0;
padding: 0;
}
.pi-section-tab {
border-width: 0px;
background: #304665;
color: #e5e5ed;
}
}