Mostly Harmless

Difference between revisions of "MediaWiki:Common.css"

From Unreal Wiki, The Unreal Engine Documentation Site
Jump to: navigation, search
m (testing more prominent legacy edit notice)
 
(82 intermediate revisions by 2 users not shown)
Line 11: Line 11:
 
   background: #fed;
 
   background: #fed;
 
   border: 1px solid #88a;
 
   border: 1px solid #88a;
 +
  padding: 1em;
 +
}
 +
table.infobox {
 
   float: right;
 
   float: right;
 
   margin: 1em;
 
   margin: 1em;
   margin-right: 0px;
+
   margin-right: 0;
   padding: 1em;
+
   width: 300px;
 +
}
 +
div.infobox {
 +
  margin: 1em 0;
 +
  padding: 0.5em;
 
}
 
}
  
Line 21: Line 28:
 
   padding: 1px;
 
   padding: 1px;
 
   padding-right: 10px;
 
   padding-right: 10px;
 +
  vertical-align: top;
 +
}
 +
table.infobox td {
 +
  width: 100%;
 
}
 
}
 
table.infobox.infobox-pages th {
 
table.infobox.infobox-pages th {
 
   text-align: center;
 
   text-align: center;
 
   padding-right: 1px;
 
   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;
 
}
 
}
  
Line 33: Line 64:
 
  */
 
  */
 
table.navbox {
 
table.navbox {
   background: #cef;
+
   background: white;
 
   border: 1px solid #88a;
 
   border: 1px solid #88a;
   border-spacing: 0px;
+
   border-spacing: 2px;
   margin: 1em 0px;
+
   margin: 10px 0px 5px;
 
   padding: 0px;
 
   padding: 0px;
 
   font-size: 88%;
 
   font-size: 88%;
 
   width: 100%;
 
   width: 100%;
 
}
 
}
 
+
table.navbox th,
 +
table.navbox td {
 +
  padding: 0.1em 0.5em;
 +
}
 
table.navbox th.navbox-header {
 
table.navbox th.navbox-header {
   background: #eef;
+
   background: #bdb;
  border-bottom: 1px solid #88a;
+
 
}
 
}
 
table.navbox th.navbox-group {
 
table.navbox th.navbox-group {
   background: #eef;
+
   background: #cfc;
   text-align: left;
+
   text-align: right;
 +
  white-space: nowrap;
 
}
 
}
 
table.navbox td.navbox-body {
 
table.navbox td.navbox-body {
 
   text-align: center;
 
   text-align: center;
 +
  width: 100%;
 
}
 
}
table.navbox tr.navbox-body > tr.navbox-body th.navbox-group {
+
table.navbox tr.navbox-body.even {
   border-top: 1px solid #cef;
+
   background: #f0f0f0;
 
}
 
}
table.navbox tr.navbox-body > tr.navbox-body td.navbox-body {
+
 
   border-top: 1px solid #eef;
+
/** non-wrapped links **********************************************************
 +
*
 +
* Description: Prevents contained links from being broken up at end of line.
 +
*/
 +
.nowraplinks a {
 +
   white-space: nowrap;
 
}
 
}
  
Line 113: Line 153:
 
/** Template documentation *****************************************************
 
/** Template documentation *****************************************************
 
  *
 
  *
  * Description: Various display styles template documentation.
+
  * Description: Display styles for template documentation.
 
  */
 
  */
 
.template-documentation {
 
.template-documentation {
Line 124: Line 164:
 
}
 
}
  
 +
/** Disambiguation links *******************************************************
 +
*
 +
* Description: Display styles for disambiguation templates.
 +
*/
 
.dablink {
 
.dablink {
 
   font-style: italic;
 
   font-style: italic;
Line 132: Line 176:
 
   font-style: normal;
 
   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 --> */
 
/* </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 --> */