MediaWiki:Common.css

From Bravo Fleet
Revision as of 16:35, 25 April 2023 by CrimsonTacit (talk | contribs)

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.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/e/e8/Akiraclass.png) !important;
    background-size: 140% !important;
    background-position: -30px !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/9/92/Californiaclass.png) !important;
	background-size: 100% !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/f/f4/Defiantclass.png) !important;
	background-size: 105% !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/3/35/ExcelsiorIIclass.jpg) !important;
	background-size: 100% !important;
}
.spectiles #gagarin-class .card-image{
	background: url(https://wiki.bravofleet.com/images/2/24/Gagarin.jpg) !important;
	background-size: 100% !important;
}
.spectiles #galaxy-class .card-image{
	background: url(https://wiki.bravofleet.com/images/9/92/Galaxyclass.png) !important;
	background-size: 100% !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/1/10/Grissom.jpg) !important;
	background-size: 130% !important;
}
.spectiles #inquiry-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/bc/Inquiry_class.png) !important;
	background-size: 100% !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/8/82/Intrepidclass.png) !important;
	background-size: 100% !important;
}
.spectiles #luna-class .card-image{
	background: url(https://wiki.bravofleet.com/images/f/f9/Luna2.png) !important;
	background-size: 110% !important;
}
.spectiles #manticore-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/ea/Manticore.jpg) !important;
    background-size: 120% !important;
    background-position: center !important;
}
.spectiles #nebula-class .card-image{
	background: url(https://wiki.bravofleet.com/images/2/25/Nebulaclass.png) !important;
	background-size: 100% !important;
}
.spectiles #norway-class .card-image{
	background: url(https://wiki.bravofleet.com/images/c/c7/Norwayclass.jpg) !important;
	background-size: 100% !important;
}
.spectiles #nova-class .card-image{
	background: url(https://wiki.bravofleet.com/images/8/8e/Novaclass.png) !important;
	background-size: 100% !important;
}
.spectiles #odyssey-class .card-image{
	background: url(https://wiki.bravofleet.com/images/4/45/Odyssey.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #olympic-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/b6/Olympicclass.png) !important;
	background-size: 100% !important;
}
.spectiles #parliament-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/b2/Parliament3.jpg) !important;
	background-size: 110% !important;
}
.spectiles #prometheus-class .card-image{
	background: url(https://wiki.bravofleet.com/images/8/80/Prometheusclass.png) !important;
	background-size: 100% !important;
}
.spectiles #reliant-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/5a/Reliant1.jpg) !important;
	background-size: 130% !important;
}
.spectiles #resolute-class .card-image{
	background: url(https://wiki.bravofleet.com/images/9/90/Resoluteclass.jpg) !important;
	background-size: 100% !important;
}
.spectiles #rhode-island-class .card-image{
	background: url(https://wiki.bravofleet.com/images/a/ab/RhodeIslandBeauty.jpg) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #ross-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/b0/RossClass.jpg) !important;
	background-size: 100% !important;
}
.spectiles #saber-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d0/Saberclass.png) !important;
	background-size: 100% !important;
}
.spectiles #sovereign-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/ea/Sovereign1.png) !important;
    background-size: 135% !important;
    background-position: -50px !important;
}
.spectiles #sutherland-class .card-image{
	background: url(https://wiki.bravofleet.com/images/f/f4/Sutherland_class_aftb.png) !important;
	background-size: 110% !important;
}
.spectiles #steamrunner-class .card-image{
	background: url(https://wiki.bravofleet.com/images/6/65/Steamrunner.png) !important;
	background-size: 110% !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 #vesta-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/ea/Vestaclass.jpg) !important;
	background-size: 185% !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 #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/6/61/Ambassadorclass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #aquarius-class .card-image{
	background: url(https://wiki.bravofleet.com/images/7/7f/Aquarius1.jpg) !important;
	background-size: 120% !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 #challenger-class .card-image{
	    background: #000 url(https://wiki.bravofleet.com/images/3/39/Challengerclass.jpg) !important;
    background-size: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.spectiles #cheyenne-class .card-image{
    background: #000 url(https://wiki.bravofleet.com/images/b/b0/Cheyenneclass.jpg) !important;
    background-size: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !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/b/bc/Neworleansclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #springfield-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d5/Springfieldclass.jpg) !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 #kvort-class .card-image{
	background: url(https://wiki.bravofleet.com/images/3/36/Kvortclass.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 #d7-class .card-image{
	background: url(https://wiki.bravofleet.com/images/0/05/Klingond7.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/b/b3/Pathfinder_Rescue_01.jpeg) !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/e/e0/Edison.jpeg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #edison-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/e0/Edison.jpeg) !important;
	background-size: 115% !important;
    background-position: center !important;
}

.spectiles #phoenix-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/b2/PhoenixClass.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #sagan-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/bc/SaganClass1.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #constitution-III-class .card-image{
	background: url(https://wiki.bravofleet.com/images/a/a1/ConstitutionIIIClass.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #duderstadt-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/5e/DuderstadtClass1.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #echelon-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/e7/Echelon1.jpg) !important;
	background-size: 125% !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/8/86/Alita.png) !important;
	background-size: 125% !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: 125% !important;
    background-position: center !important;
}

.spectiles #breen-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/a/ab/BreenWarship.jpeg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #cardassian-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/b/b5/GalorClass.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #ferengi-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/9/9b/D%27Kora_Class.png) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #kzinti-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/2/23/KzintiShip.jpeg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #sheliak-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/2/26/Sheliak_Colony_Ship.jpeg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #talarian-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d5/TalarianWarships.jpeg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #tholian-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/7/76/TholianShip.jpg) !important;
	background-size: 125% !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;
}