Difference between revisions of "MediaWiki:Common.css"

From BroaDWcast
Jump to navigationJump to search
 
(61 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
 +
/*
 
#n-facebook {
 
#n-facebook {
 
   background-image: url('http://gallifreybase.com/w/images/b/b1/Facebook-logo.jpg');
 
   background-image: url('http://gallifreybase.com/w/images/b/b1/Facebook-logo.jpg');
Line 10: Line 11:
 
#n-facebook a {
 
#n-facebook a {
 
   vertical-align: middle;
 
   vertical-align: middle;
   font-size:250%;
+
   font-size: 200%;
 
   color: #0e4c97;
 
   color: #0e4c97;
 +
  z-index: -1
 
}
 
}
  
#p-external_sites {  
+
#n-facebook img {
   text-align: left;
+
   position: absolute;
  height: 120px;
+
  left: 0px;
 
+
  top: 0px;
  }
+
  z-index: 1;
 +
}
 +
*/
 +
 
 +
@media print
 +
{
 +
    .NoPrint { display: none; }
 +
    .toc, #toc, .mw-jump-link, #Media, .YouTubeTable { display: none; }
 +
    #contentSub, .sortarrow { display: none; }
 +
}
 +
 
 +
.reference { font-size: 105%; }
 +
 
 +
.thumbcaption { text-align:center; }
 +
/*
 +
.gallery { background-color: #ccff00; }
 +
.gallerybox { background-color: #ffffcc; }
 +
.gallerytext { text-align:center; }
 +
*/
 +
.catlinks { background-color: #ffcc00; font-weight: bold; }
 +
 
 +
div#p-tb { visibility: hidden; }
 +
 
 +
/* cancel italics for cat from redirect */
 +
.redirect-in-category { font-style: normal; }
 +
 
 +
/* 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) ". ";
 +
}
 +
 
 +
#mw-indicator-mw-helplink { display: none; }
 +
 
 +
/* hide 'Heading' dropdown from edit window 'cause it's annoying */
 +
.group-heading { display: none; }

Latest revision as of 22:42, 7 June 2023

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

/*
#n-facebook {
   background-image: url('http://gallifreybase.com/w/images/b/b1/Facebook-logo.jpg');
   padding-left: 20px;
   padding-bottom: 20 px;
   height: 40px;
}

#n-facebook a {
   vertical-align: middle;
   font-size: 200%;
   color: #0e4c97;
   z-index: -1
}

#n-facebook img {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
}
*/

@media print
{
    .NoPrint { display: none; }
    .toc, #toc, .mw-jump-link, #Media, .YouTubeTable { display: none; }
    #contentSub, .sortarrow { display: none; }
}

.reference { font-size: 105%; }

.thumbcaption { text-align:center; }
/*
.gallery { background-color: #ccff00; }
.gallerybox { background-color: #ffffcc; }
.gallerytext { text-align:center; }
*/
.catlinks { background-color: #ffcc00; font-weight: bold; }

div#p-tb { visibility: hidden; }

/* cancel italics for cat from redirect */
.redirect-in-category { font-style: normal; }

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

#mw-indicator-mw-helplink { display: none; }

/* hide 'Heading' dropdown from edit window 'cause it's annoying */
.group-heading { display: none; }