Difference between revisions of "MediaWiki:Common.css"

From CCS Cataloging Manual
Jump to navigation Jump to search
(Undo revision 263 by JohnLavalie (Talk) didn't work)
m
 
(29 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


div#UnionList p
#p-logo a {
{  
background-image: url(http://www.ccslib.org/templates/ccs2/images/ccs.png) !important;
    white-space: pre;  
background-size: 175px;
    background-color: #cccccc;  
}
    font-family: monospace;  
 
    margin-bottom: 1em;  
li#ca-talk {
    margin-top: 0;  
display:none;
    padding-top: .5em;  
}
    padding-bottom: .5em;
 
div#UnionList p {
white-space : pre;
background-color : #cccccc;
font-family : monospace;
margin-bottom : 1em;
margin-top : 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
}
 
/* genre headings */
.Level1 { }
.Level2 { margin-left: 2em; }
.Level3 { margin-left: 4em; }
.Level4 { margin-left: 6em; }
.Level5 { margin-left: 8em; }
.Level6 { margin-left: 10em; }
.Level7 { margin-left: 12em; }
.Level8 { margin-left: 14em; }
.Level9 { margin-left: 16em; }
.LocalGenre { font-style: italic; }
.SubGenre { display: none; }
 
@media print
{
    .NoPrint
    {
        display: none;
    }
}
 
table.collapsed tr.collapsable {
display: none;
}
 
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised.   */
text-align: right;
width: auto;
}
 
.incorrect {
  color: red;
}
 
/* sortable tables and JS enhanced wikitables with thead, works with Safari. This is ideal. */
/* But borders are broken: https://bugs.webkit.org/show_bug.cgi?id=128486 */
.jquery-tablesorter > thead,
.mw-sticky-header > thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
 
/* This does not seem to work, possibly due to the absolute/relative hacking mess of timeless */
@media screen and (max-width: 1099px) and (min-width: 851px) {
.skin-timeless .jquery-tablesorter > thead,
.skin-timeless .mw-sticky-header > thead {
top: 3.125em;
}
}
 
@media screen and (min-width: 1100px) {
.skin-timeless .jquery-tablesorter > thead,
.skin-timeless .mw-sticky-header > thead {
top: 6em;
}
}
 
 
.jquery-tablesorter > tfoot,
.mw-sticky-header > tfoot {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}
/* On mobile, where we have tables in overflowable boxes to avoid viewport overflows,
* by using display:block, sticky never works though :( */
 
 
#bus body {
  counter-reset: row-num -2;
}
#bus tr:not(.fble_htr) {
  counter-increment: row-num;
}
#bus tr:not(.fble_htr) td:first-child::before {
    content: counter(row-num) ". ";
}
 
th { background: yellow;}
 
.vector-body a {
    font-size: inherit;
}
}

Latest revision as of 04:55, 9 November 2022

/* CSS placed here will be applied to all skins */

#p-logo a {
background-image: url(http://www.ccslib.org/templates/ccs2/images/ccs.png) !important;
background-size: 175px;
}

li#ca-talk {
display:none;
}

div#UnionList p {
white-space : pre;
background-color : #cccccc;
font-family : monospace;
margin-bottom : 1em;
margin-top : 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
}

/* genre headings */
.Level1 { }
.Level2 { margin-left: 2em; }
.Level3 { margin-left: 4em; }
.Level4 { margin-left: 6em; }
.Level5 { margin-left: 8em; }
.Level6 { margin-left: 10em; }
.Level7 { margin-left: 12em; }
.Level8 { margin-left: 14em; }
.Level9 { margin-left: 16em; }
.LocalGenre { font-style: italic; }
.SubGenre { display: none; }

@media print
{
    .NoPrint
    {
        display: none;
    }
}

table.collapsed tr.collapsable {
	display: none;
}

.collapseButton {		/* 'show'/'hide' buttons created dynamically by the		*/
	float: right;		/* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
	font-weight: normal;	/* are styled here so they can be customised.		  */
	text-align: right;
	width: auto;
}

.incorrect {
   color: red;
}

/* sortable tables and JS enhanced wikitables with thead, works with Safari. This is ideal. */
/* But borders are broken: https://bugs.webkit.org/show_bug.cgi?id=128486 */
.jquery-tablesorter > thead,
.mw-sticky-header > thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* This does not seem to work, possibly due to the absolute/relative hacking mess of timeless */
@media screen and (max-width: 1099px) and (min-width: 851px) {
	.skin-timeless .jquery-tablesorter > thead,
	.skin-timeless .mw-sticky-header > thead {
		top: 3.125em;
	}
}

@media screen and (min-width: 1100px) {
	.skin-timeless .jquery-tablesorter > thead,
	.skin-timeless .mw-sticky-header > thead {
		top: 6em;
	}
}


.jquery-tablesorter > tfoot,
.mw-sticky-header > tfoot {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}
/* On mobile, where we have tables in overflowable boxes to avoid viewport overflows,
 * by using display:block, sticky never works though :( */


#bus body {
  counter-reset: row-num -2;
}
#bus tr:not(.fble_htr) {
  counter-increment: row-num;
}
#bus tr:not(.fble_htr) td:first-child::before {
    content: counter(row-num) ". ";
}

th { background: yellow;}

.vector-body a {
    font-size: inherit;
}