MediaWiki:Common.css: Difference between revisions

From Tech Tangents
Jump to navigation Jump to search
No edit summary
No edit summary
 
(40 intermediate revisions by the same user not shown)
Line 13: Line 13:
     width: 400px;
     width: 400px;
}
}
.infobox table{
border-collapse: collapse
}
.infobox-title {
.infobox-title {
     font-size: 2em;
     font-size: 1.75em;
     text-align: center;
     text-align: center;
     border-bottom: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
    margin-top: -0.25em;
}
}
div.infobox-image {
div.infobox-image {
     margin-bottom: -1em;
     margin-bottom: -1em;
}
/* Remove random <p>'s Mediawiki templates add */
.infobox > p
{
    display: none;
}
}
.infobox-image {
.infobox-image {
Line 34: Line 44:
     font-size:125%;
     font-size:125%;
     padding-top: 1.5em;
     padding-top: 1.5em;
    background: #eee;
}
}
.infobox th {
.infobox th {
Line 42: Line 53:
}
}
.infobox td {
.infobox td {
     vertical-align: top;
     vertical-align: center;
}
.infobox tr:nth-child(odd)
{
    background: #e2e2e2;
}
}


Line 48: Line 63:
     background: #eee;
     background: #eee;
     border: 1px solid #aaa;
     border: 1px solid #aaa;
     float: left;
     display: inline-block;
     margin: 0 0 1em 1em;
     margin: 0 0 1em 1em;
     padding: 0.5em;
     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 {
div.examplebox-image {
    margin-bottom: -1em;
     display: inline-block;
     display: inline-block;
    vertical-align: top;
}
}


.examplebox-horizontal > table {
.examplebox-horizontal > table {
     display: inline-block;
     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 20:53, 9 September 2024

/* 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 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;
}