More actions
m Reverted edits by Bates Larsson (talk) to last revision by Arin Mara Tags: Rollback Reverted |
Undo revision 224421 by Bates Larsson (talk) Tag: Undo |
||
| Line 18: | Line 18: | ||
} | } | ||
li.gallerybox { border:1px solid #582806; | li.gallerybox { | ||
/*border:1px solid #582806; */ | |||
border:1px solid; | |||
/*background-color:#080808; */ | |||
} | } | ||
li.gallerybox div.thumb { background-color:#080808; | li.gallerybox div.thumb { | ||
/*background-color:#080808; */ | |||
border:none; | |||
} | } | ||
| Line 34: | Line 37: | ||
.uniwiki-tooltip-frame | .uniwiki-tooltip-frame | ||
{ | { | ||
background-color: | background-color: var(--background-color-base); | ||
border: 1px solid #111111; | /*border: 1px solid #111111;*/ | ||
/*border: 1px solid;*/ | |||
border: 1px solid var(--border-color-base) | |||
display: none; | display: none; | ||
min-width: 270px; | min-width: 270px; | ||
| Line 45: | Line 50: | ||
#ship-article | #ship-article | ||
{ | { | ||
background-color: #111111; | overflow: auto; | ||
color: #CCCCCC; | /*background-color: #111111;*/ | ||
/*color: #CCCCCC;*/ | |||
font-family: sans-serif; | font-family: sans-serif; | ||
font-size: 12.8px; | font-size: 12.8px; | ||
| Line 54: | Line 60: | ||
{ | { | ||
border: medium none; | border: medium none; | ||
color: #555555; | /*color: #555555;*/ | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
font-size: 14px; | font-size: 14px; | ||
| Line 64: | Line 70: | ||
#ship-article h2 .mw-headline | #ship-article h2 .mw-headline | ||
{ | { | ||
color: #656565; | /*color: #656565;*/ | ||
display: inline-block; | display: inline-block; | ||
font-size: 16px; | font-size: 16px; | ||
| Line 92: | Line 98: | ||
#ship-article .header .dbtitle | #ship-article .header .dbtitle | ||
{ | { | ||
color: #C1B193; | /*color: #C1B193;*/ | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
font-size: 11px; | font-size: 11px; | ||
| Line 115: | Line 121: | ||
#ship-article .toc, #ship-article #toc | #ship-article .toc, #ship-article #toc | ||
{ | { | ||
border: 1px solid #272727; | /*border: 1px solid #272727;*/ | ||
border: 1px solid; | |||
float: right; | float: right; | ||
margin: 0 0 5px 10px; | margin: 0 0 5px 10px; | ||
| Line 131: | Line 138: | ||
#ship-article .toc a | #ship-article .toc a | ||
{ | { | ||
color: #B89964; | /*color: #B89964;*/ | ||
font-size: 11px; | font-size: 11px; | ||
line-height: 15px; | line-height: 15px; | ||
| Line 138: | Line 145: | ||
{ | { | ||
background-color: black; | background-color: black; | ||
border-bottom: 1px solid #2D2413; | /*border-bottom: 1px solid #2D2413;*/ | ||
border-top: 1px solid #2D2413; | /*border-top: 1px solid #2D2413; */ | ||
border-bottom: 1px solid; | |||
border-top: 1px solid; | |||
height: 20px; | height: 20px; | ||
margin: 0 0 15px; | margin: 0 0 15px; | ||
| Line 150: | Line 159: | ||
#ship-article .breadcrumbs a, #ship-article .breadcrumbs strong.selflink | #ship-article .breadcrumbs a, #ship-article .breadcrumbs strong.selflink | ||
{ | { | ||
color: #B89964; | /*color: #B89964;*/ | ||
display: inline-block; | display: inline-block; | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
| Line 161: | Line 170: | ||
#ship-article .breadcrumbs a:hover, #ship-article .breadcrumbs a.hover | #ship-article .breadcrumbs a:hover, #ship-article .breadcrumbs a.hover | ||
{ | { | ||
background-color: #2D2413; | /*background-color: #2D2413;*/ | ||
color: white; | /*color: white;*/ | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
#ship-article .breadcrumbs strong.selflink | #ship-article .breadcrumbs strong.selflink | ||
{ | { | ||
color: #CCCCCC; | /*color: #CCCCCC;*/ | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
| Line 176: | Line 185: | ||
#ship-article .main .left-col | #ship-article .main .left-col | ||
{ | { | ||
background-color: #222222; | /*background-color: #222222;*/ | ||
border-color: #272727 #151515 #151515 #272727; | /*border-color: #272727 #151515 #151515 #272727;*/ | ||
border-style: solid; | border-style: solid; | ||
border-width: 2px; | border-width: 2px; | ||
| Line 189: | Line 198: | ||
#ship-article .main .box-attributes | #ship-article .main .box-attributes | ||
{ | { | ||
background-color: black; | /*background-color: black;*/ | ||
border: 1px solid #272727; | /*border: 1px solid #272727;*/ | ||
border: 1px solid; | |||
display: inline-block; | display: inline-block; | ||
margin-left: 10px; | margin-left: 10px; | ||
| Line 201: | Line 211: | ||
#ship-article .main .box-line .att-line | #ship-article .main .box-line .att-line | ||
{ | { | ||
border-bottom: 1px solid #2C2B2B; | /*border-bottom: 1px solid #2C2B2B;*/ | ||
border-bottom: 1px solid; | |||
padding: 3px 3px 0; | padding: 3px 3px 0; | ||
} | } | ||
| Line 219: | Line 230: | ||
#ship-article .main .box-line .midinfo small | #ship-article .main .box-line .midinfo small | ||
{ | { | ||
background-color: black; | /*background-color: black;*/ | ||
border: 1px solid #272727; | /*border: 1px solid #272727;*/ | ||
color: #CCCCCC; | border: 1px solid; | ||
/*color: #CCCCCC;*/ | |||
height: 15px; | height: 15px; | ||
line-height: 15px; | line-height: 15px; | ||
| Line 233: | Line 245: | ||
#ship-article .main .box-line .midinfo .title | #ship-article .main .box-line .midinfo .title | ||
{ | { | ||
color: #656565; | /*color: #656565;*/ | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
font-size: 14px; | font-size: 14px; | ||
| Line 250: | Line 262: | ||
#ship-article .main .box-line .midinfo .left li | #ship-article .main .box-line .midinfo .left li | ||
{ | { | ||
color: #9E8F75; | /*color: #9E8F75;*/ | ||
font-family: arial; | font-family: arial; | ||
font-size: 12px; | font-size: 12px; | ||
| Line 258: | Line 270: | ||
#ship-article .main .box-line .midinfo .left .skillstime | #ship-article .main .box-line .midinfo .left .skillstime | ||
{ | { | ||
border: 1px solid #272727; | /*border: 1px solid #272727;*/ | ||
color: #656565; | border: 1px solid; | ||
/*color: #656565;*/ | |||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
padding-left: 20px; | padding-left: 20px; | ||
| Line 266: | Line 279: | ||
#ship-article .main .box-line .midinfo .left .skillstime .value | #ship-article .main .box-line .midinfo .left .skillstime .value | ||
{ | { | ||
color: white; | /*color: white;*/ | ||
font-size: 11px; | font-size: 11px; | ||
padding: 0 3px 0 2px; | padding: 0 3px 0 2px; | ||
| Line 277: | Line 290: | ||
#ship-article .main .box-line .midinfo .left .skillstime .desc | #ship-article .main .box-line .midinfo .left .skillstime .desc | ||
{ | { | ||
background-color: black; | /*background-color: black;*/ | ||
border: 2px dashed #582806; | /*border: 2px dashed #582806;*/ | ||
color: #CCCCCC; | border: 2px dashed; | ||
/*color: #CCCCCC;*/ | |||
display: none; | display: none; | ||
font-size: 11px; | font-size: 11px; | ||
| Line 302: | Line 316: | ||
#ship-article .main .box-bonuses | #ship-article .main .box-bonuses | ||
{ | { | ||
border: 1px solid #272727; | /*border: 1px solid #272727;*/ | ||
color: white; | border: 1px solid; | ||
/*color: white;*/ | |||
font-size: 95%; | font-size: 95%; | ||
margin: 0 10px; | margin: 0 10px; | ||
| Line 310: | Line 325: | ||
#ship-article .main .box-bonuses .label | #ship-article .main .box-bonuses .label | ||
{ | { | ||
background-color: #1A1A1A; | /*background-color: #1A1A1A;*/ | ||
color: #656565; | /*color: #656565;*/ | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
margin: 2px -8px; | margin: 2px -8px; | ||
| Line 338: | Line 353: | ||
#ship-article .main .box-info .faction-info .faction | #ship-article .main .box-info .faction-info .faction | ||
{ | { | ||
color: white; | /*color: white;*/ | ||
font-family: helvetica; | font-family: helvetica; | ||
font-size: 100%; | font-size: 100%; | ||
| Line 357: | Line 372: | ||
#ship-article .main .box-info .faction-info .hull-type a | #ship-article .main .box-info .faction-info .hull-type a | ||
{ | { | ||
color: orange; | /*color: orange;*/ | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
font-size: 120%; | font-size: 120%; | ||
| Line 379: | Line 394: | ||
#ship-article .main .box-awards .award | #ship-article .main .box-awards .award | ||
{ | { | ||
background-color: #1A1A1A; | /*background-color: #1A1A1A;*/ | ||
border-color: #393734 black; | /*border-color: #393734 black;*/ | ||
border-style: solid; | border-style: solid; | ||
border-width: 1px; | border-width: 1px; | ||
| Line 404: | Line 419: | ||
#ship-article .main .box-awards .award .award-label | #ship-article .main .box-awards .award .award-label | ||
{ | { | ||
color: #B89964; | /*color: #B89964;*/ | ||
display: inline-block; | display: inline-block; | ||
font-family: arial; | font-family: arial; | ||
| Line 418: | Line 433: | ||
#ship-article .main .box-awards .award .award-bgr | #ship-article .main .box-awards .award .award-bgr | ||
{ | { | ||
color: #4C4C4C; | /*color: #4C4C4C;*/ | ||
float: right; | float: right; | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
| Line 430: | Line 445: | ||
#ship-article .main .box-discussion | #ship-article .main .box-discussion | ||
{ | { | ||
background-color: #1A1A1A; | /*background-color: #1A1A1A;*/ | ||
border-color: #393734 black; | /*border-color: #393734 black;*/ | ||
border-style: solid; | border-style: solid; | ||
border-width: 1px; | border-width: 1px; | ||
| Line 441: | Line 456: | ||
#ship-article .main .box-discussion .discussion-bgr | #ship-article .main .box-discussion .discussion-bgr | ||
{ | { | ||
color: #4C4C4C; | /*color: #4C4C4C;*/ | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
font-size: 90%; | font-size: 90%; | ||
| Line 634: | Line 649: | ||
width: 25%; | width: 25%; | ||
} | } | ||
} | |||
/* === Layout === */ | |||
.main-banner { | |||
text-align: center; | |||
padding: 1em; | |||
background-color: #333; | |||
color: red; | |||
} | |||
.banner-title { | |||
font-size: 2em; | |||
margin-top: 0.5em; | |||
} | |||
.search-area { | |||
text-align: center; | |||
background: #222; | |||
padding: 0.5em; | |||
margin-top: 1em; | |||
color: white; | |||
} | |||
.intro-text { | |||
max-width: 800px; | |||
margin: 1em auto; | |||
text-align: center; | |||
color: white; | |||
} | |||
/* Info Boxes Row */ | |||
.info-row { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
gap: 1em; | |||
margin: 2em auto; | |||
max-width: 1000px; | |||
} | |||
.info-box { | |||
flex: 1 1 300px; | |||
background: #444; | |||
color: white; | |||
padding: 1em; | |||
} | |||
/* Lower section */ | |||
.lower-row { | |||
display: flex; | |||
flex-wrap: wrap-reverse; | |||
justify-content: space-between; | |||
margin: 2em auto; | |||
max-width: 1000px; | |||
gap: 2em; | |||
} | |||
/* About box should appear first on small screens */ | |||
.about-box { | |||
flex: 1 1 250px; | |||
background: #333; | |||
color: white; | |||
padding: 1em; | |||
order: -1; /* Makes it appear first when wrapped */ | |||
} | |||
/* Grid of links */ | |||
.link-grid { | |||
flex: 3 1 600px; | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 1em; | |||
} | |||
.link-tile { | |||
flex: 1 1 120px; | |||
background: #222; | |||
color: white; | |||
padding: 1em; | |||
text-align: center; | |||
min-width: 100px; | |||
} | |||
/* === Responsive tweaks === */ | |||
@media (max-width: 768px) { | |||
.info-row { | |||
flex-direction: column; | |||
} | |||
.info-box { | |||
flex: 1 1 auto; | |||
} | |||
.lower-row { | |||
flex-direction: column; | |||
} | |||
} | } | ||