Mostly Harmless

Difference between revisions of "MediaWiki:Common.css"

From Unreal Wiki, The Unreal Engine Documentation Site
Jump to: navigation, search
m (transparent background for Template:Hidden)
m (testing more prominent legacy edit notice)
 
(36 intermediate revisions by 2 users not shown)
Line 37: Line 37:
 
   padding-right: 1px;
 
   padding-right: 1px;
 
   vertical-align: top;
 
   vertical-align: top;
 +
}
 +
 +
 +
/** Generic lists *************************************************************
 +
*
 +
* Description: top/left aligned table cells for list tables
 +
*/
 +
table.list th, table.list td {
 +
  text-align: left;
 +
  vertical-align: top;
 +
}
 +
 +
.list.defaults {
 +
  background-color: #fff;
 +
  border: solid 1px #c0c0c0;
 +
}
 +
.list.defaults td {
 +
  background-color: #e0f0f7;
 +
  border: solid 1px #c0c0c0;
 
}
 
}
  
Line 181: Line 200:
 
   padding-left: 16px !important;
 
   padding-left: 16px !important;
 
   background: url(/w/images/InterWiki-UAWiki.png) no-repeat left center !important;
 
   background: url(/w/images/InterWiki-UAWiki.png) no-repeat left center !important;
 +
}
 +
#bodyContent a.extiw[title^="udn2:"],
 +
#bodyContent a.extiw[title^="udn3:"] {
 +
  padding-left: 18px !important;
 +
  background: url(/w/images/InterWiki-UDN.png) no-repeat left center !important;
 +
}
 +
 +
/* links to legacy namespace */
 +
#bodyContent a[title^="Legacy:"],
 +
#bodyContent a[title^="Legacy talk:"],
 +
#bodyContent a.CategoryTreeLabel[href^="/Category:Legacy"],
 +
#bodyContent a[title^="Category:Legacy"],
 +
#bodyContent a[title^="Category talk:Legacy"] {
 +
  padding-left: 21px !important;
 +
  background: url(/w/images/OldWikiIcon.png) no-repeat left center !important;
 +
}
 +
 +
/* no icon in legacy and category namespaces */
 +
body[class*="page-Category_Legacy_"] #bodyContent a[title^="Legacy:"],
 +
body[class*="page-Category_Legacy_"] #bodyContent a[title^="Legacy talk:"],
 +
body[class*="page-Category_Legacy_"] #bodyContent a.CategoryTreeLabel[href^="/Category:Legacy"],
 +
body[class*="page-Category_Legacy_"] #bodyContent a[title^="Category:Legacy"],
 +
body[class*="page-Category_Legacy_"] #bodyContent a[title^="Category talk:Legacy"],
 +
body[class*="page-Category_talk_Legacy_"] #bodyContent a[title^="Legacy:"],
 +
body[class*="page-Category_talk_Legacy_"] #bodyContent a[title^="Legacy talk:"],
 +
body[class*="page-Category_talk_Legacy_"] #bodyContent a[title^="Category:Legacy"],
 +
body[class*="page-Category_talk_Legacy_"] #bodyContent a[title^="Category talk:Legacy"],
 +
.ns-100 #bodyContent a[title^="Legacy:"],
 +
.ns-100 #bodyContent a[title^="Legacy talk:"],
 +
.ns-100 #bodyContent a[title^="Category:Legacy"],
 +
.ns-100 #bodyContent a[title^="Category talk:Legacy"],
 +
.ns-101 #bodyContent a[title^="Legacy:"],
 +
.ns-101 #bodyContent a[title^="Legacy talk:"],
 +
.ns-101 #bodyContent a[title^="Category:Legacy"],
 +
.ns-101 #bodyContent a[title^="Category talk:Legacy"] {
 +
  padding-left: 0px !important;
 +
  background: transparent !important;
 
}
 
}
  
Line 201: Line 257:
 
}
 
}
  
/** Hidden block template *******************************************************
+
/** Legacy warning **************************************************************
 
  *
 
  *
  * Description: Style for Template:Hidden
+
  * Description: Display style for warning shown when editing legacy pages.
 
  */
 
  */
table.hidden {
+
#mw-legacypageedit {
   background: transparent;
+
   background-color: white;
}
+
   border: 1px solid #f80;
table.hidden th.collapse-header {
+
   border-left-width: 10px;
   position: relative;
+
  margin: 0.5em 10%;
   padding-right: 6em;
+
   padding: 0.2em 0.4em;
}
+
   font-size: 200%;
table.hidden th.collapse-header > span {
+
   line-height: 120%;
   position: absolute;
+
   right: 0;
+
   float: none !important;
+
 
}
 
}
 +
 +
 +
/** prevent ugly horizontal page expansion *************************************/
 +
pre { overflow: auto; }
 +
 +
 +
/** improved diff highlighting *************************************************/
 +
ins.diffchange { background-color: #CD8; }
 +
del.diffchange { background-color: #FDA; }
  
 
/* </source><!-- end of preview fix --> */
 
/* </source><!-- end of preview fix --> */

Latest revision as of 23:42, 10 November 2016

/* <!-- Fix for weird-looking preview and diff, doesn't affect CSS content --><source lang="css">
 
Styles for page content that will be applied to all skins.
*/
 
/** Infobox layout *************************************************************
 *
 * Description: General style for infobox-like content objects.
 */
table.infobox, div.infobox {
  background: #fed;
  border: 1px solid #88a;
  padding: 1em;
}
table.infobox {
  float: right;
  margin: 1em;
  margin-right: 0;
  width: 300px;
}
div.infobox {
  margin: 1em 0;
  padding: 0.5em;
}
 
table.infobox th {
  text-align: left;
  padding: 1px;
  padding-right: 10px;
  vertical-align: top;
}
table.infobox td {
  width: 100%;
}
table.infobox.infobox-pages th {
  text-align: center;
  padding-right: 1px;
  vertical-align: top;
}
 
 
/** Generic lists *************************************************************
 *
 * Description: top/left aligned table cells for list tables
 */
table.list th, table.list td {
  text-align: left;
  vertical-align: top;
}
 
.list.defaults {
  background-color: #fff;
  border: solid 1px #c0c0c0;
}
.list.defaults td {
  background-color: #e0f0f7;
  border: solid 1px #c0c0c0;
}
 
 
/** Navbox layout *************************************************************
 *
 * Description: General style for navigation boxes.
 */
table.navbox {
  background: white;
  border: 1px solid #88a;
  border-spacing: 2px;
  margin: 10px 0px 5px;
  padding: 0px;
  font-size: 88%;
  width: 100%;
}
table.navbox th,
table.navbox td {
  padding: 0.1em 0.5em;
}
table.navbox th.navbox-header {
  background: #bdb;
}
table.navbox th.navbox-group {
  background: #cfc;
  text-align: right;
  white-space: nowrap;
}
table.navbox td.navbox-body {
  text-align: center;
  width: 100%;
}
table.navbox tr.navbox-body.even {
  background: #f0f0f0;
}
 
/** non-wrapped links **********************************************************
 *
 * Description: Prevents contained links from being broken up at end of line.
 */
.nowraplinks a {
  white-space: nowrap;
}
 
/** Article message boxes ******************************************************
 *
 * Description: Various display styles for the ambox template.
 */
table.ambox {
  margin: 0px 10%;
  border-collapse: collapse; 
  background: white; 
  border: 1px solid #19f;    /* default notice color */
  border-left-width: 10px;
}
/* The message body cell(s) */
table.ambox th.ambox-text, table.ambox td.ambox-text {
  padding: 0.25em 0.5em;
  width: 100%;
}
/* The left image cell */
table.ambox td.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center; 
}
/* The right image cell */
table.ambox td.ambox-imageright {
  padding: 2px 0.5em 2px 0px;
  text-align: center; 
}
 
/* type 'notice' (default) */
table.ambox-notice {
  border-color: #19f;
}
/* type 'serious' */
table.ambox-serious {
  border-color: #b22;
  background: #fee;
}
/* type 'content' */
table.ambox-content {
  border-color: #f80;
}
/* type 'style' */
table.ambox-style {
  border-color: #fc0;
}
/* type 'info' */
table.ambox-info{
  border-width: 1px;
  border-color: #88a;
}
 
 
/** Template documentation *****************************************************
 *
 * Description: Display styles for template documentation.
 */
.template-documentation {
  clear: both;
  margin: 0px;
  margin-top: 1em;
  border: 1px solid #aaa; 
  background-color: #eee; 
  padding: 5px;
}
 
/** Disambiguation links *******************************************************
 *
 * Description: Display styles for disambiguation templates.
 */
.dablink {
  font-style: italic;
  padding-left: 2em;
}
 
.dablink i {
  font-style: normal;
}
 
/** Interwiki links *************************************************************
 *
 * Description: Icons and colors for interwiki links.
 */
#bodyContent a.extiw:link {
  color: #080;
}
#bodyContent a.extiw:visited {
  color: #060;
}
 
#bodyContent a.extiw[title^="wp:"],
#bodyContent a.extiw[title^="wikipedia:"] {
  padding-left: 10px !important;
  background: url(/w/images/InterWiki-Wikipedia.png) no-repeat left center !important;
}
#bodyContent a.extiw[title^="liandri:"] {
  padding-left: 10px !important;
  background: url(/w/images/InterWiki-Liandri.png) no-repeat left center !important;
}
#bodyContent a.extiw[title^="uadmin:"] {
  padding-left: 16px !important;
  background: url(/w/images/InterWiki-UAWiki.png) no-repeat left center !important;
}
#bodyContent a.extiw[title^="udn2:"],
#bodyContent a.extiw[title^="udn3:"] {
  padding-left: 18px !important;
  background: url(/w/images/InterWiki-UDN.png) no-repeat left center !important;
}
 
/* links to legacy namespace */
#bodyContent a[title^="Legacy:"],
#bodyContent a[title^="Legacy talk:"],
#bodyContent a.CategoryTreeLabel[href^="/Category:Legacy"],
#bodyContent a[title^="Category:Legacy"],
#bodyContent a[title^="Category talk:Legacy"] {
  padding-left: 21px !important;
  background: url(/w/images/OldWikiIcon.png) no-repeat left center !important;
}
 
/* no icon in legacy and category namespaces */
body[class*="page-Category_Legacy_"] #bodyContent a[title^="Legacy:"],
body[class*="page-Category_Legacy_"] #bodyContent a[title^="Legacy talk:"],
body[class*="page-Category_Legacy_"] #bodyContent a.CategoryTreeLabel[href^="/Category:Legacy"],
body[class*="page-Category_Legacy_"] #bodyContent a[title^="Category:Legacy"],
body[class*="page-Category_Legacy_"] #bodyContent a[title^="Category talk:Legacy"],
body[class*="page-Category_talk_Legacy_"] #bodyContent a[title^="Legacy:"],
body[class*="page-Category_talk_Legacy_"] #bodyContent a[title^="Legacy talk:"],
body[class*="page-Category_talk_Legacy_"] #bodyContent a[title^="Category:Legacy"],
body[class*="page-Category_talk_Legacy_"] #bodyContent a[title^="Category talk:Legacy"],
.ns-100 #bodyContent a[title^="Legacy:"],
.ns-100 #bodyContent a[title^="Legacy talk:"],
.ns-100 #bodyContent a[title^="Category:Legacy"],
.ns-100 #bodyContent a[title^="Category talk:Legacy"],
.ns-101 #bodyContent a[title^="Legacy:"],
.ns-101 #bodyContent a[title^="Legacy talk:"],
.ns-101 #bodyContent a[title^="Category:Legacy"],
.ns-101 #bodyContent a[title^="Category talk:Legacy"] {
  padding-left: 0px !important;
  background: transparent !important;
}
 
/** Quote style *****************************************************************
 *
 * Description: Display style for quote template.
 */
blockquote.quote-text {
  background: #def;
  border: 1px solid #aaa;
  margin: 1em 10%;
  padding: 0 0.5em;
}
 
blockquote.quote-text .quote-source {
  text-align: right;
  font-size: 88%;
  font-style: italic;
  margin-bottom: 0.5em;
}
 
/** Legacy warning **************************************************************
 *
 * Description: Display style for warning shown when editing legacy pages.
 */
#mw-legacypageedit {
  background-color: white;
  border: 1px solid #f80;
  border-left-width: 10px;
  margin: 0.5em 10%;
  padding: 0.2em 0.4em;
  font-size: 200%;
  line-height: 120%;
}
 
 
/** prevent ugly horizontal page expansion *************************************/
pre { overflow: auto; }
 
 
/** improved diff highlighting *************************************************/
ins.diffchange { background-color: #CD8; }
del.diffchange { background-color: #FDA; }
 
/* </source><!-- end of preview fix --> */