v50 Steam/Premium information for editors
  • v50 information can now be added to pages in the main namespace. v0.47 information can still be found in the DF2014 namespace. See here for more details on the new versioning policy.
  • Use this page to report any issues related to the migration.
This notice may be cached—the current version can be found here.

Difference between revisions of "MediaWiki:Common.css"

From Dwarf Fortress Wiki
Jump to navigation Jump to search
(style infobox sprites)
 
(13 intermediate revisions by the same user not shown)
Line 29: Line 29:
 
}
 
}
  
div#content {
+
table.pre-table pre {  
  color: #333;
+
padding: 0;
 +
margin: 0;
 +
border: 0;
 +
background: inherit;
 
}
 
}
h1, h2, h3, h4, h5, h6 {
+
table.prettytable td, table.prettytable th {
  color: #333;
+
position: relative; /* for {{text anchor}} */
}
 
 
 
table {
 
color: #333;
 
 
}
 
}
  
Line 73: Line 72:
  
 
body.page-Main_Page h1.firstHeading { display: none !important; }
 
body.page-Main_Page h1.firstHeading { display: none !important; }
 +
 +
pre, .mw-code {
 +
    overflow-x: auto;
 +
}
  
 
/* Pad Google AdSense box in portlet in sidebar */
 
/* Pad Google AdSense box in portlet in sidebar */
#p-googleadsense .body {
+
#mw-panel.collapsible-nav .portal.persistent#p-googleadsense .body {
 
     padding-top: 5px;
 
     padding-top: 5px;
 
     margin-left: -3px;
 
     margin-left: -3px;
 
}
 
}
  
 +
#mw-panel.collapsible-nav .portal.persistent#p-googleadsense {
 +
    margin-left: 2px;
 +
}
  
 
#f-poweredbyico { display: none; }
 
#f-poweredbyico { display: none; }
Line 90: Line 96:
 
}
 
}
  
div#bodyContent { position: relative; }
+
.text-anchor > a, .text-anchor > a:visited {
div#email-entry { display: none; }
+
  color: #339;
 +
}
  
pre { font-family: "Andale Mono", monospace; }
+
/* Cell sizes for *mbox message boxes */
div#content {margin-left:12em;} div#mw-panel {width:12em;}
+
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
#left-navigation {
+
    border: none;
left: 12em;
+
    /* @noflip */
 +
    padding: 0.25em 0.9em;    /* 0.9em left/right */
 +
    width: 100%;              /* Make all mboxes the same width regardless of text length */
 +
}
 +
td.mbox-image {                /* The left image cell */
 +
    border: none;
 +
    /* @noflip */
 +
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 +
    text-align: center;
 +
}
 +
td.mbox-imageright {           /* The right image cell */
 +
    border: none;
 +
    /* @noflip */
 +
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
 +
    text-align: center;
 +
}
 +
td.mbox-empty-cell {          /* An empty narrow cell */
 +
    border: none;
 +
    padding: 0px;
 +
    width: 1px;
 +
}
 +
 +
/* Article message box styles */
 +
table.ambox {
 +
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
 +
    border: 1px solid #aaa;
 +
    /* @noflip */
 +
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 +
    background: #fbfbfb;
 +
}
 +
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 +
    margin-top: -1px;
 +
}
 +
.ambox th.mbox-text,
 +
.ambox td.mbox-text {            /* The message body cell(s) */
 +
    padding: 0.25em 0.5em;      /* 0.5em left/right */
 +
}
 +
.ambox td.mbox-image {          /* The left image cell */
 +
    /* @noflip */
 +
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 +
}
 +
.ambox td.mbox-imageright {      /* The right image cell */
 +
    /* @noflip */
 +
    padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
 +
}
 +
 +
table.ambox-notice {
 +
    /* @noflip */
 +
    border-left: 10px solid #1e90ff;    /* Blue */
 +
}
 +
table.ambox-speedy {
 +
    /* @noflip */
 +
    border-left: 10px solid #b22222;   /* Red */
 +
    background: #fee;                  /* Pink */
 +
}
 +
table.ambox-delete {
 +
    /* @noflip */
 +
    border-left: 10px solid #b22222;    /* Red */
 +
}
 +
table.ambox-content {
 +
    /* @noflip */
 +
    border-left: 10px solid #f28500;   /* Orange */
 +
}
 +
table.ambox-style {
 +
    /* @noflip */
 +
    border-left: 10px solid #f4c430;    /* Yellow */
 +
}
 +
table.ambox-move {
 +
    /* @noflip */
 +
    border-left: 10px solid #9932cc;    /* Purple */
 +
}
 +
table.ambox-protection {
 +
    /* @noflip */
 +
    border-left: 10px solid #bba;       /* Gray-gold */
 
}
 
}
#mw-head-base {
 
margin-left: 12em; }
 
  
div#footer {
+
 
margin-left: 12em;}
+
img.df-sprite-infobox {
 +
    max-width: 100%;
 +
    object-fit: contain;
 +
}

Latest revision as of 01:53, 10 January 2023

/** CSS placed here will be applied to all skins */
div#norate{
display:none;
}

#bottom{
width:730px;
margin: 0 auto;
margin-top: 10px;
}

#ca-rater{
margin-left:1.7em !important;
}

.rater_red{
color:#A00;
}

.rater_green{
color:#0A0;
}

.rater_box{
border: 1px #AAA solid;
padding: 5px;
padding-top:0px;
margin-bottom:7px;
}

table.pre-table pre { 
	padding: 0; 
	margin: 0; 
	border: 0; 
	background: inherit;
}
table.prettytable td, table.prettytable th {
	position: relative; /* for {{text anchor}} */
}

a.new, #p-personal a.new {
	color: #9D1212;
}
a.new, #quickbar a.new { color: #9D1212; }

a.new:visited, #p-personal a.new:visited {
	color: #9D1212;
}
#p-cactions .new a {
	color: #9D1212;
}

a {
	text-decoration: none;
	color: #36b;
	background: none;
}
a:visited {
	color: #322588;
}
a:active {
	color: #CA7A02;
}
a:hover {
	text-decoration: underline;
}
a.stub {
	color: #772233;
}



body.page-Main_Page h1.firstHeading { display: none !important; }

pre, .mw-code {
    overflow-x: auto;
}

/* Pad Google AdSense box in portlet in sidebar */
#mw-panel.collapsible-nav .portal.persistent#p-googleadsense .body {
    padding-top: 5px;
    margin-left: -3px;
}

#mw-panel.collapsible-nav .portal.persistent#p-googleadsense {
    margin-left: 2px;
}

#f-poweredbyico { display: none; }

div.topicon {
    top: -3.2em;
    position: absolute; 
    z-index: 10; 
    display: block !important;
}

.text-anchor > a, .text-anchor > a:visited {
  color: #339;
}

/* Cell sizes for *mbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none;
    /* @noflip */
    padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none;
    /* @noflip */
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center;
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center;
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}
 
/* Article message box styles */
table.ambox {
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;
    /* @noflip */
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
    background: #fbfbfb;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    /* @noflip */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    /* @noflip */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    /* @noflip */
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    /* @noflip */
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    /* @noflip */
    border-left: 10px solid #bba;       /* Gray-gold */
}


img.df-sprite-infobox {
    max-width: 100%;
    object-fit: contain;
}