MediaWiki:Common.css
From EVE University Wiki
Revision as of 09:13, 8 October 2011 by Sarah schneider (talk | contribs) (merged embedded css in ship article to common.css to reduce page load time)
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
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.
/* 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 */ #shiparticle { } #shiparticle 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; } #shiparticle h2 .mw-headline { color: #656565; display: inline-block; font-size: 16px; padding: 0 5px; } #shiparticle .header { height: 50px; padding: 0 10px; position: relative; } #shiparticle .header .mask { background-color: transparent; height: 50px; left: 0; position: absolute; top: 0; width: 605px; } #shiparticle .header .headerbg { margin-left: -10px; text-align: left; width: 605px; } #shiparticle .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; } #shiparticle .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; } #shiparticle .toc, #shiparticle #toc { border: 1px solid #272727; float: right; margin: 0 0 5px 10px; width: 200px; } #shiparticle .toc ul { } #shiparticle .toc li { line-height: 15px; margin-bottom: 0; } #shiparticle .toc a { color: #B89964; font-size: 11px; line-height: 15px; } #shiparticle .breadcrumbs { background-color: black; border-bottom: 1px solid #2D2413; border-top: 1px solid #2D2413; height: 20px; margin: 0 0 15px; padding-left: 3px; } #shiparticle .breadcrumbs .separator { margin: 0 3px; } #shiparticle .breadcrumbs a, #shiparticle .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; } #shiparticle .breadcrumbs a:hover, #shiparticle .breadcrumbs a.hover { background-color: #2D2413; color: white; text-decoration:none; } #shiparticle .breadcrumbs strong.selflink { color: #CCCCCC; font-weight: normal; } #shiparticle .main { } #shiparticle .main .left-col { background-color: #222222; border-color: #272727 #151515 #151515 #272727; border-style: solid; border-width: 2px; padding: 5px; width: 256px; } #shiparticle .main .box-line { padding: 0 10px; } #shiparticle .main .box-attributes { background-color: black; border: 1px solid #272727; display: inline-block; margin-left: 10px; padding: 5px; } #shiparticle .main .box-line p { text-align: justify; } #shiparticle .main .box-line .att-line { border-bottom: 1px solid #2C2B2B; padding: 3px 3px 0; } #shiparticle .main .box-line .midinfo { margin: 10px 0; width: 510px; } #shiparticle .main .box-line .midinfo tr, #shiparticle .main .box-line .midinfo td { margin: 0; padding: 0; vertical-align: top; } #shiparticle .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; } #shiparticle .main .box-line .midinfo .title { color: #656565; font-family: trebuchet MS; font-size: 14px; font-variant: small-caps; } #shiparticle .main .box-line .midinfo .left { padding: 0 5px 5px 10px; width: 250px; } #shiparticle .main .box-line .midinfo .left ul { line-height: 120%; margin: 5px 0 0 1.5em; } #shiparticle .main .box-line .midinfo .left li { color: #9E8F75; font-family: arial; font-size: 12px; margin-bottom: 5px; position: relative; } #shiparticle .main .box-line .midinfo .left .skillstime { border: 1px solid #272727; color: #656565; font-family: trebuchet MS; padding-left: 20px; position: relative; } #shiparticle .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; } #shiparticle .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; } #shiparticle .main .box-line .midinfo .left .skillstime:hover .desc, #shiparticle .main .box-line .midinfo .left .skillstime.hover .desc { display: block; z-index: 100; } #shiparticle .main .box-line .midinfo .right { padding: 0 5px; } #shiparticle .main .box-bonuses { border: 1px solid #272727; color: white; font-size: 95%; margin: 0 10px; width: 490px; } #shiparticle .main .box-bonuses .label { background-color: #1A1A1A; color: #656565; font-family: trebuchet MS; margin: 2px -8px; padding: 0 5px; } #shiparticle .main .box-info { margin-top: 5px; padding: 0; } #shiparticle .main .box-info .ecm-info { background-color: transparent; width: 100%; } #shiparticle .main .box-info .ecm-info tr,#shiparticle .main .box-info .ecm-info td { line-height: 110%; vertical-align: middle; } #shiparticle .main .box-info .ecm-info .faction-img { width: 50px; } #shiparticle .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; } #shiparticle .main .box-info .ecm-info .ecm-priority { background-color: #222222; border: 1px solid #323931; padding: 2px; position: relative; width: 70px; } #shiparticle .main .box-info .ecm-info .ecm-priority:hover .ecm-desc, #shiparticle .main .box-info .ecm-info .ecm-priority.hover .ecm-desc { display: block; z-index: 100; } #shiparticle .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; } #shiparticle .main .box-info .ecm-info .ecm-priority .ecm-desc p { font-family: arial; line-height: 120%; margin: 0; padding: 0; text-align: justify; } #shiparticle .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue { font-weight: bold; } #shiparticle .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; } #shiparticle .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; } #shiparticle .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; } #shiparticle .main .box-info .ecm-info .ecm-priority .snip { color: #656565; font-size: 70%; line-height: 100%; text-align: right; } #shiparticle .main .box-info .ecm-info .ecm-priority .none { color:gray; } #shiparticle .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; } #shiparticle .main .box-info .ecm-info .ecm-priority .normal { color:#CCCCCC; } #shiparticle .main .box-info .ecm-info .ecm-priority .high { color:yellow; } #shiparticle .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; } #shiparticle .main .box-info .ecm-info .hull-type { height: 20px; padding: 0 5px; text-align: center; } #shiparticle .main .box-info .ecm-info .hull-type a { color: orange; font-family: trebuchet MS; font-size: 120%; text-transform: uppercase; } #shiparticle .main .box-info .ecm-info .hull-title { font-family: trebuchet MS; text-align: center; text-transform: uppercase; vertical-align: top; } #shiparticle .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; } #shiparticle .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; } #shiparticle .main .box-info .ecm-info .type-ladar { color: #CD5B56; } #shiparticle .main .box-info .ecm-info .type-radar { color: #DCC69B; } #shiparticle .main .box-awards { margin-left: -6px; margin-right: -6px; padding: 10px 0 5px; position: relative; } #shiparticle .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; } #shiparticle .main .box-awards .award .award-img { display: inline-block; } #shiparticle .main .box-awards .award .award-img a { display: block; height: 19px; line-height: 19px; } #shiparticle .main .box-awards .award .award-img img { line-height: 19px; margin-top: -2px; } #shiparticle .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; } #shiparticle .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; } #shiparticle .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; } #shiparticle .main .box-discussion .discussion-bgr { color: #4C4C4C; font-family: trebuchet MS; font-size: 90%; } #shiparticle .main .box-discussion .linkname { font-size: 11px; line-height: 120%; padding: 0 5px; }