Difference between revisions of "MediaWiki:Common.css"
From EVE University Wiki
(merged embedded css in ship article to common.css to reduce page load time) |
m |
||
Line 9: | Line 9: | ||
/* CSS placed below this line will be applied only for the UniWiki Ship Database articles */ | /* CSS placed below this line will be applied only for the UniWiki Ship Database articles */ | ||
− | # | + | #ship-article |
{ | { | ||
} | } | ||
− | # | + | #ship-article h2 |
{ | { | ||
border: medium none; | border: medium none; | ||
Line 25: | Line 25: | ||
text-align: left; | text-align: left; | ||
} | } | ||
− | # | + | #ship-article h2 .mw-headline |
{ | { | ||
color: #656565; | color: #656565; | ||
Line 32: | Line 32: | ||
padding: 0 5px; | padding: 0 5px; | ||
} | } | ||
− | # | + | #ship-article .header |
{ | { | ||
height: 50px; | height: 50px; | ||
Line 38: | Line 38: | ||
position: relative; | position: relative; | ||
} | } | ||
− | # | + | #ship-article .header .mask |
{ | { | ||
background-color: transparent; | background-color: transparent; | ||
Line 47: | Line 47: | ||
width: 605px; | width: 605px; | ||
} | } | ||
− | # | + | #ship-article .header .headerbg |
{ | { | ||
margin-left: -10px; | margin-left: -10px; | ||
Line 53: | Line 53: | ||
width: 605px; | width: 605px; | ||
} | } | ||
− | # | + | #ship-article .header .dbtitle |
{ | { | ||
color: #C1B193; | color: #C1B193; | ||
Line 65: | Line 65: | ||
top: 0; | top: 0; | ||
} | } | ||
− | # | + | #ship-article .header .shipname |
{ | { | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
Line 76: | Line 76: | ||
top: 17px; | top: 17px; | ||
} | } | ||
− | # | + | #ship-article .toc, #ship-article #toc |
{ | { | ||
border: 1px solid #272727; | border: 1px solid #272727; | ||
Line 83: | Line 83: | ||
width: 200px; | width: 200px; | ||
} | } | ||
− | # | + | #ship-article .toc ul |
{ | { | ||
} | } | ||
− | # | + | #ship-article .toc li |
{ | { | ||
line-height: 15px; | line-height: 15px; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
− | # | + | #ship-article .toc a |
{ | { | ||
color: #B89964; | color: #B89964; | ||
Line 98: | Line 98: | ||
line-height: 15px; | line-height: 15px; | ||
} | } | ||
− | # | + | #ship-article .breadcrumbs |
{ | { | ||
background-color: black; | background-color: black; | ||
Line 107: | Line 107: | ||
padding-left: 3px; | padding-left: 3px; | ||
} | } | ||
− | # | + | #ship-article .breadcrumbs .separator |
{ | { | ||
margin: 0 3px; | margin: 0 3px; | ||
} | } | ||
− | # | + | #ship-article .breadcrumbs a, #ship-article .breadcrumbs strong.selflink |
{ | { | ||
color: #B89964; | color: #B89964; | ||
Line 122: | Line 122: | ||
padding: 0 3px; | padding: 0 3px; | ||
} | } | ||
− | # | + | #ship-article .breadcrumbs a:hover, #ship-article .breadcrumbs a.hover |
{ | { | ||
background-color: #2D2413; | background-color: #2D2413; | ||
Line 128: | Line 128: | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
− | # | + | #ship-article .breadcrumbs strong.selflink |
{ | { | ||
color: #CCCCCC; | color: #CCCCCC; | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
− | # | + | #ship-article .main |
{ | { | ||
} | } | ||
− | # | + | #ship-article .main .left-col |
{ | { | ||
background-color: #222222; | background-color: #222222; | ||
Line 146: | Line 146: | ||
width: 256px; | width: 256px; | ||
} | } | ||
− | # | + | #ship-article .main .box-line |
{ | { | ||
padding: 0 10px; | padding: 0 10px; | ||
} | } | ||
− | # | + | #ship-article .main .box-attributes |
{ | { | ||
background-color: black; | background-color: black; | ||
Line 158: | Line 158: | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
− | # | + | #ship-article .main .box-line p |
{ | { | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .att-line |
{ | { | ||
border-bottom: 1px solid #2C2B2B; | border-bottom: 1px solid #2C2B2B; | ||
Line 168: | Line 168: | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo |
{ | { | ||
margin: 10px 0; | margin: 10px 0; | ||
width: 510px; | width: 510px; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo tr, |
− | # | + | #ship-article .main .box-line .midinfo td |
{ | { | ||
margin: 0; | margin: 0; | ||
Line 180: | Line 180: | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo small |
{ | { | ||
background-color: black; | background-color: black; | ||
Line 194: | Line 194: | ||
width: 60px; | width: 60px; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo .title |
{ | { | ||
color: #656565; | color: #656565; | ||
Line 201: | Line 201: | ||
font-variant: small-caps; | font-variant: small-caps; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo .left |
{ | { | ||
padding: 0 5px 5px 10px; | padding: 0 5px 5px 10px; | ||
width: 250px; | width: 250px; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo .left ul |
{ | { | ||
line-height: 120%; | line-height: 120%; | ||
margin: 5px 0 0 1.5em; | margin: 5px 0 0 1.5em; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo .left li |
{ | { | ||
color: #9E8F75; | color: #9E8F75; | ||
Line 219: | Line 219: | ||
position: relative; | position: relative; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo .left .skillstime |
{ | { | ||
border: 1px solid #272727; | border: 1px solid #272727; | ||
Line 227: | Line 227: | ||
position: relative; | position: relative; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo .left .skillstime .value |
{ | { | ||
color: white; | color: white; | ||
Line 238: | Line 238: | ||
width: 60px; | width: 60px; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo .left .skillstime .desc |
{ | { | ||
background-color: black; | background-color: black; | ||
Line 252: | Line 252: | ||
width: 200px; | width: 200px; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo .left .skillstime:hover .desc, |
− | # | + | #ship-article .main .box-line .midinfo .left .skillstime.hover .desc |
{ | { | ||
display: block; | display: block; | ||
z-index: 100; | z-index: 100; | ||
} | } | ||
− | # | + | #ship-article .main .box-line .midinfo .right |
{ | { | ||
padding: 0 5px; | padding: 0 5px; | ||
} | } | ||
− | # | + | #ship-article .main .box-bonuses |
{ | { | ||
border: 1px solid #272727; | border: 1px solid #272727; | ||
Line 271: | Line 271: | ||
width: 490px; | width: 490px; | ||
} | } | ||
− | # | + | #ship-article .main .box-bonuses .label |
{ | { | ||
background-color: #1A1A1A; | background-color: #1A1A1A; | ||
Line 279: | Line 279: | ||
padding: 0 5px; | padding: 0 5px; | ||
} | } | ||
− | # | + | #ship-article .main .box-info |
{ | { | ||
margin-top: 5px; | margin-top: 5px; | ||
Line 285: | Line 285: | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info |
{ | { | ||
background-color: transparent; | background-color: transparent; | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info tr,#ship-article .main .box-info .ecm-info td |
{ | { | ||
line-height: 110%; | line-height: 110%; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .faction-img |
{ | { | ||
width: 50px; | width: 50px; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .faction |
{ | { | ||
color: white; | color: white; | ||
Line 311: | Line 311: | ||
vertical-align: bottom; | vertical-align: bottom; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority |
{ | { | ||
background-color: #222222; | background-color: #222222; | ||
Line 319: | Line 319: | ||
width: 70px; | width: 70px; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority:hover .ecm-desc, |
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority.hover .ecm-desc |
{ | { | ||
display: block; z-index: 100; | display: block; z-index: 100; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc |
{ | { | ||
background-color: black; | background-color: black; | ||
Line 337: | Line 337: | ||
z-index: 100; | z-index: 100; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc p |
{ | { | ||
font-family: arial; | font-family: arial; | ||
Line 345: | Line 345: | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue |
{ | { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .label |
{ | { | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
Line 358: | Line 358: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .label2 |
{ | { | ||
background-color: black; | background-color: black; | ||
Line 368: | Line 368: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .value |
{ | { | ||
background-color: black; | background-color: black; | ||
Line 379: | Line 379: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .snip |
{ | { | ||
color: #656565; | color: #656565; | ||
Line 386: | Line 386: | ||
text-align: right; | text-align: right; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .none { color:gray; } |
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; } |
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .normal { color:#CCCCCC; } |
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .high { color:yellow; } |
− | # | + | #ship-article .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; } |
− | # | + | #ship-article .main .box-info .ecm-info .hull-type |
{ | { | ||
height: 20px; | height: 20px; | ||
Line 398: | Line 398: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .hull-type a |
{ | { | ||
color: orange; | color: orange; | ||
Line 405: | Line 405: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .hull-title |
{ | { | ||
font-family: trebuchet MS; | font-family: trebuchet MS; | ||
Line 412: | Line 412: | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
− | # | + | #ship-article .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; } |
− | # | + | #ship-article .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; } |
− | # | + | #ship-article .main .box-info .ecm-info .type-ladar { color: #CD5B56; } |
− | # | + | #ship-article .main .box-info .ecm-info .type-radar { color: #DCC69B; } |
− | # | + | #ship-article .main .box-awards |
{ | { | ||
margin-left: -6px; | margin-left: -6px; | ||
Line 424: | Line 424: | ||
position: relative; | position: relative; | ||
} | } | ||
− | # | + | #ship-article .main .box-awards .award |
{ | { | ||
background-color: #1A1A1A; | background-color: #1A1A1A; | ||
Line 434: | Line 434: | ||
position: relative; | position: relative; | ||
} | } | ||
− | # | + | #ship-article .main .box-awards .award .award-img |
{ | { | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
− | # | + | #ship-article .main .box-awards .award .award-img a |
{ | { | ||
display: block; | display: block; | ||
Line 444: | Line 444: | ||
line-height: 19px; | line-height: 19px; | ||
} | } | ||
− | # | + | #ship-article .main .box-awards .award .award-img img |
{ | { | ||
line-height: 19px; | line-height: 19px; | ||
margin-top: -2px; | margin-top: -2px; | ||
} | } | ||
− | # | + | #ship-article .main .box-awards .award .award-label |
{ | { | ||
color: #B89964; | color: #B89964; | ||
Line 463: | Line 463: | ||
z-index: 20; | z-index: 20; | ||
} | } | ||
− | # | + | #ship-article .main .box-awards .award .award-bgr |
{ | { | ||
color: #4C4C4C; | color: #4C4C4C; | ||
Line 475: | Line 475: | ||
} | } | ||
− | # | + | #ship-article .main .box-discussion |
{ | { | ||
background-color: #1A1A1A; | background-color: #1A1A1A; | ||
Line 486: | Line 486: | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
− | # | + | #ship-article .main .box-discussion .discussion-bgr |
{ | { | ||
color: #4C4C4C; | color: #4C4C4C; | ||
Line 492: | Line 492: | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
− | # | + | #ship-article .main .box-discussion .linkname |
{ | { | ||
font-size: 11px; | font-size: 11px; |
Revision as of 09:19, 8 October 2011
/* CSS placed here will be applied to all skins */ .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */ font-weight: normal; /* are styled here so they can be customised. */ text-align: right; width: auto; } /* CSS placed below this line will be applied only for the UniWiki Ship Database articles */ #ship-article { } #ship-article h2 { border: medium none; color: #555555; font-family: trebuchet MS; font-size: 14px; font-variant: small-caps; margin-bottom: 5px; padding: 0; text-align: left; } #ship-article h2 .mw-headline { color: #656565; display: inline-block; font-size: 16px; padding: 0 5px; } #ship-article .header { height: 50px; padding: 0 10px; position: relative; } #ship-article .header .mask { background-color: transparent; height: 50px; left: 0; position: absolute; top: 0; width: 605px; } #ship-article .header .headerbg { margin-left: -10px; text-align: left; width: 605px; } #ship-article .header .dbtitle { color: #C1B193; font-family: trebuchet MS; font-size: 11px; font-variant: small-caps; font-weight: normal; line-height: 15px; margin-left: -3px; position: absolute; top: 0; } #ship-article .header .shipname { font-family: trebuchet MS; font-size: 30px; font-variant: small-caps; font-weight: bold; line-height: 30px; margin-left: -5px; position: absolute; top: 17px; } #ship-article .toc, #ship-article #toc { border: 1px solid #272727; float: right; margin: 0 0 5px 10px; width: 200px; } #ship-article .toc ul { } #ship-article .toc li { line-height: 15px; margin-bottom: 0; } #ship-article .toc a { color: #B89964; font-size: 11px; line-height: 15px; } #ship-article .breadcrumbs { background-color: black; border-bottom: 1px solid #2D2413; border-top: 1px solid #2D2413; height: 20px; margin: 0 0 15px; padding-left: 3px; } #ship-article .breadcrumbs .separator { margin: 0 3px; } #ship-article .breadcrumbs a, #ship-article .breadcrumbs strong.selflink { color: #B89964; display: inline-block; font-family: trebuchet MS; font-size: 100%; font-variant: small-caps; height: 20px; line-height: 20px; padding: 0 3px; } #ship-article .breadcrumbs a:hover, #ship-article .breadcrumbs a.hover { background-color: #2D2413; color: white; text-decoration:none; } #ship-article .breadcrumbs strong.selflink { color: #CCCCCC; font-weight: normal; } #ship-article .main { } #ship-article .main .left-col { background-color: #222222; border-color: #272727 #151515 #151515 #272727; border-style: solid; border-width: 2px; padding: 5px; width: 256px; } #ship-article .main .box-line { padding: 0 10px; } #ship-article .main .box-attributes { background-color: black; border: 1px solid #272727; display: inline-block; margin-left: 10px; padding: 5px; } #ship-article .main .box-line p { text-align: justify; } #ship-article .main .box-line .att-line { border-bottom: 1px solid #2C2B2B; padding: 3px 3px 0; } #ship-article .main .box-line .midinfo { margin: 10px 0; width: 510px; } #ship-article .main .box-line .midinfo tr, #ship-article .main .box-line .midinfo td { margin: 0; padding: 0; vertical-align: top; } #ship-article .main .box-line .midinfo small { background-color: black; border: 1px solid #272727; color: #CCCCCC; height: 15px; line-height: 15px; overflow: hidden; padding: 0 2px; position: absolute; right: 0; text-align: right; width: 60px; } #ship-article .main .box-line .midinfo .title { color: #656565; font-family: trebuchet MS; font-size: 14px; font-variant: small-caps; } #ship-article .main .box-line .midinfo .left { padding: 0 5px 5px 10px; width: 250px; } #ship-article .main .box-line .midinfo .left ul { line-height: 120%; margin: 5px 0 0 1.5em; } #ship-article .main .box-line .midinfo .left li { color: #9E8F75; font-family: arial; font-size: 12px; margin-bottom: 5px; position: relative; } #ship-article .main .box-line .midinfo .left .skillstime { border: 1px solid #272727; color: #656565; font-family: trebuchet MS; padding-left: 20px; position: relative; } #ship-article .main .box-line .midinfo .left .skillstime .value { color: white; font-size: 11px; padding: 0 2px; position: absolute; right: 0; text-align: center; top: 0; width: 60px; } #ship-article .main .box-line .midinfo .left .skillstime .desc { background-color: black; border: 2px dashed #582806; color: #CCCCCC; display: none; font-size: 11px; left: 150px; line-height: 120%; padding: 5px; position: absolute; text-align: justify; width: 200px; } #ship-article .main .box-line .midinfo .left .skillstime:hover .desc, #ship-article .main .box-line .midinfo .left .skillstime.hover .desc { display: block; z-index: 100; } #ship-article .main .box-line .midinfo .right { padding: 0 5px; } #ship-article .main .box-bonuses { border: 1px solid #272727; color: white; font-size: 95%; margin: 0 10px; width: 490px; } #ship-article .main .box-bonuses .label { background-color: #1A1A1A; color: #656565; font-family: trebuchet MS; margin: 2px -8px; padding: 0 5px; } #ship-article .main .box-info { margin-top: 5px; padding: 0; } #ship-article .main .box-info .ecm-info { background-color: transparent; width: 100%; } #ship-article .main .box-info .ecm-info tr,#ship-article .main .box-info .ecm-info td { line-height: 110%; vertical-align: middle; } #ship-article .main .box-info .ecm-info .faction-img { width: 50px; } #ship-article .main .box-info .ecm-info .faction { color: white; font-family: helvetica; font-size: 100%; font-variant: small-caps; font-weight: bold; height: 25px; padding-bottom: 2px; text-align: center; vertical-align: bottom; } #ship-article .main .box-info .ecm-info .ecm-priority { background-color: #222222; border: 1px solid #323931; padding: 2px; position: relative; width: 70px; } #ship-article .main .box-info .ecm-info .ecm-priority:hover .ecm-desc, #ship-article .main .box-info .ecm-info .ecm-priority.hover .ecm-desc { display: block; z-index: 100; } #ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc { background-color: black; border: 2px dashed #582806; display: none; font-size: 11px; left: 75px; padding: 5px; position: absolute; top: -1px; width: 300px; z-index: 100; } #ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc p { font-family: arial; line-height: 120%; margin: 0; padding: 0; text-align: justify; } #ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue { font-weight: bold; } #ship-article .main .box-info .ecm-info .ecm-priority .label { font-family: trebuchet MS; font-size: 10px; font-variant: small-caps; line-height: 100%; padding: 3px; text-align: center; } #ship-article .main .box-info .ecm-info .ecm-priority .label2 { background-color: black; font-family: trebuchet MS; font-size: 10px; margin-bottom: 2px; padding-bottom: 3px; text-align: center; text-transform: uppercase; } #ship-article .main .box-info .ecm-info .ecm-priority .value { background-color: black; font-family: trebuchet MS; font-size: 16px; font-weight: bold; line-height: 15px; overflow: hidden; padding: 3px 0 0; text-align: center; } #ship-article .main .box-info .ecm-info .ecm-priority .snip { color: #656565; font-size: 70%; line-height: 100%; text-align: right; } #ship-article .main .box-info .ecm-info .ecm-priority .none { color:gray; } #ship-article .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; } #ship-article .main .box-info .ecm-info .ecm-priority .normal { color:#CCCCCC; } #ship-article .main .box-info .ecm-info .ecm-priority .high { color:yellow; } #ship-article .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; } #ship-article .main .box-info .ecm-info .hull-type { height: 20px; padding: 0 5px; text-align: center; } #ship-article .main .box-info .ecm-info .hull-type a { color: orange; font-family: trebuchet MS; font-size: 120%; text-transform: uppercase; } #ship-article .main .box-info .ecm-info .hull-title { font-family: trebuchet MS; text-align: center; text-transform: uppercase; vertical-align: top; } #ship-article .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; } #ship-article .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; } #ship-article .main .box-info .ecm-info .type-ladar { color: #CD5B56; } #ship-article .main .box-info .ecm-info .type-radar { color: #DCC69B; } #ship-article .main .box-awards { margin-left: -6px; margin-right: -6px; padding: 10px 0 5px; position: relative; } #ship-article .main .box-awards .award { background-color: #1A1A1A; border-color: #393734 black; border-style: solid; border-width: 1px; margin-bottom: 2px; padding: 2px 5px; position: relative; } #ship-article .main .box-awards .award .award-img { display: inline-block; } #ship-article .main .box-awards .award .award-img a { display: block; height: 19px; line-height: 19px; } #ship-article .main .box-awards .award .award-img img { line-height: 19px; margin-top: -2px; } #ship-article .main .box-awards .award .award-label { color: #B89964; display: inline-block; font-family: arial; font-size: 12px; font-variant: small-caps; height: 19px; left: 25px; line-height: 19px; position: absolute; top: 2px; z-index: 20; } #ship-article .main .box-awards .award .award-bgr { color: #4C4C4C; float: right; font-family: trebuchet MS; font-size: 80%; position: absolute; right: 2px; top: 2px; z-index: 10; } #ship-article .main .box-discussion { background-color: #1A1A1A; border-color: #393734 black; border-style: solid; border-width: 1px; margin-left: -6px; margin-right: -6px; margin-top: 5px; padding: 5px; } #ship-article .main .box-discussion .discussion-bgr { color: #4C4C4C; font-family: trebuchet MS; font-size: 90%; } #ship-article .main .box-discussion .linkname { font-size: 11px; line-height: 120%; padding: 0 5px; }