MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: .inline-thing { display: inline-block; }") |
No edit summary |
||
(47 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
.inline-thing { | .inline-thing { | ||
display: inline-block; | display: inline-block; | ||
padding: 0em 1em; | |||
} | |||
.infobox { | |||
background: #eee; | |||
border: 1px solid #aaa; | |||
float: right; | |||
margin: 0 0 1em 1em; | |||
padding: 0.5em; | |||
width: 400px; | |||
} | |||
.infobox #QRCode { | |||
width: 380px; | |||
} | |||
.infobox table{ | |||
border-collapse: collapse | |||
} | |||
.infobox-title { | |||
font-size: 1.75em; | |||
text-align: center; | |||
border-bottom: 1px solid #ccc; | |||
margin-top: -0.25em; | |||
} | |||
div.infobox-image { | |||
margin-bottom: -1em; | |||
} | |||
/* Remove random <p>'s Mediawiki templates add */ | |||
.infobox > p | |||
{ | |||
display: none; | |||
} | |||
.infobox-image { | |||
text-align: center; | |||
padding-top: 1em; | |||
} | |||
.infobox th.info-section-sub { | |||
text-align: left; | |||
font-size:112.5%; | |||
} | |||
.infobox th.info-section { | |||
text-align: left; | |||
border-bottom: 1px solid #ccc; | |||
font-size:125%; | |||
padding-top: 1.5em; | |||
background: #eee; | |||
} | |||
.infobox th { | |||
text-align: right; | |||
vertical-align: top; | |||
width: 120px; | |||
padding-right:0.5em; | |||
} | |||
.infobox td { | |||
vertical-align: center; | |||
} | |||
.infobox tr:nth-child(odd) | |||
{ | |||
background: #e2e2e2; | |||
} | |||
.examplebox-horizontal { | |||
background: #eee; | |||
border: 1px solid #aaa; | |||
display: inline-block; | |||
margin: 0 0 1em 1em; | |||
padding: 0.5em; | |||
} | |||
.examplebox-horizontal th.info-section { | |||
text-align: left; | |||
border-bottom: 1px solid #ccc; | |||
font-size:125%; | |||
} | |||
th.data-label { | |||
text-align: right; | |||
} | |||
div.examplebox-image { | |||
display: inline-block; | |||
vertical-align: top; | |||
} | |||
.examplebox-horizontal > table { | |||
display: inline-block; | |||
} | |||
/* SMW Ask List for Software */ | |||
.ask-list-software li.smw-row | |||
{ | |||
display: inline-block; | |||
margin: 1em 1em; | |||
color: transparent; | |||
padding: 0.5em; | |||
text-align: left; | |||
vertical-align: top; | |||
min-width: 300px; | |||
max-width: 400px; | |||
background: #eee; | |||
border: 1px solid #aaa; | |||
} | |||
.ask-list-software li>span.smw-field:nth-child(1) | |||
{ | |||
/* This would be the header*/ | |||
display: block; | |||
font-size: 1.75em; | |||
border-bottom: 1px solid #ccc; | |||
padding-bottom: 0px; | |||
margin-bottom: 0.25em; | |||
font-family: 'Linux Libertine','Georgia','Times',serif; | |||
} | |||
.ask-list-software li span.smw-field:nth-child(2) | |||
{ | |||
/* This would be the image*/ | |||
display: block; | |||
float: left; | |||
margin-right: 2em; | |||
} | |||
.ask-list-software li span.smw-field:nth-child(n+3) | |||
{ | |||
display: block; | |||
color: black; | |||
padding-left: 1em; | |||
} | |||
.ask-list-software li span.smw-field:nth-child(n+3) span.smw-value | |||
{ | |||
display: list-item; | |||
list-style-type: disc; | |||
} | |||
:target { | |||
border: 4px solid black; | |||
} | } |
Latest revision as of 14:57, 26 February 2025
/* CSS placed here will be applied to all skins */
.inline-thing {
display: inline-block;
padding: 0em 1em;
}
.infobox {
background: #eee;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 0.5em;
width: 400px;
}
.infobox #QRCode {
width: 380px;
}
.infobox table{
border-collapse: collapse
}
.infobox-title {
font-size: 1.75em;
text-align: center;
border-bottom: 1px solid #ccc;
margin-top: -0.25em;
}
div.infobox-image {
margin-bottom: -1em;
}
/* Remove random <p>'s Mediawiki templates add */
.infobox > p
{
display: none;
}
.infobox-image {
text-align: center;
padding-top: 1em;
}
.infobox th.info-section-sub {
text-align: left;
font-size:112.5%;
}
.infobox th.info-section {
text-align: left;
border-bottom: 1px solid #ccc;
font-size:125%;
padding-top: 1.5em;
background: #eee;
}
.infobox th {
text-align: right;
vertical-align: top;
width: 120px;
padding-right:0.5em;
}
.infobox td {
vertical-align: center;
}
.infobox tr:nth-child(odd)
{
background: #e2e2e2;
}
.examplebox-horizontal {
background: #eee;
border: 1px solid #aaa;
display: inline-block;
margin: 0 0 1em 1em;
padding: 0.5em;
}
.examplebox-horizontal th.info-section {
text-align: left;
border-bottom: 1px solid #ccc;
font-size:125%;
}
th.data-label {
text-align: right;
}
div.examplebox-image {
display: inline-block;
vertical-align: top;
}
.examplebox-horizontal > table {
display: inline-block;
}
/* SMW Ask List for Software */
.ask-list-software li.smw-row
{
display: inline-block;
margin: 1em 1em;
color: transparent;
padding: 0.5em;
text-align: left;
vertical-align: top;
min-width: 300px;
max-width: 400px;
background: #eee;
border: 1px solid #aaa;
}
.ask-list-software li>span.smw-field:nth-child(1)
{
/* This would be the header*/
display: block;
font-size: 1.75em;
border-bottom: 1px solid #ccc;
padding-bottom: 0px;
margin-bottom: 0.25em;
font-family: 'Linux Libertine','Georgia','Times',serif;
}
.ask-list-software li span.smw-field:nth-child(2)
{
/* This would be the image*/
display: block;
float: left;
margin-right: 2em;
}
.ask-list-software li span.smw-field:nth-child(n+3)
{
display: block;
color: black;
padding-left: 1em;
}
.ask-list-software li span.smw-field:nth-child(n+3) span.smw-value
{
display: list-item;
list-style-type: disc;
}
:target {
border: 4px solid black;
}