MediaWiki:Common.css

From DelDOT Project Development Manual
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
body h1.firstHeading { display: none; }
/* Hide the default image arrows */
.wikitable.sortable th .mw-sorticon {
    background-image: none !important;
}

/* Add Unicode arrows for sorting */
.wikitable.sortable th::after {
    content: " ↕"; /* Neutral arrow */
    color: white; /* Match arrow color */
}

.wikitable.sortable th[data-sort-type="number"]::after {
    content: " ↑"; /* Ascending arrow */
}

.wikitable.sortable th[data-sort-type="number"].headerSortDown::after {
    content: " ↓"; /* Descending arrow */
}


/*START - DELETE  DCK testing 3/22/24*/
.tab {
	margin-left: 25px;
}
.h2dck{
   font-family: "Open Sans", sans-serif;
   font-size: 1.8em;
   margin-top: 1.8em;
}
.cFloat:not(:hover) {
	opacity: 0.65;
}

.cFloat:hover {
	opacity: 1.0;
}
.noautonum .tocnumber { 
	display: none;
}

.cFloat {
	position: fixed;
	right: 2em;
	top: 6em;
	background-color: #fff;
	z-index: 1; /*This keeps it above the Circles.*/
	max-width: 700px;
}

.cFloat:not(:hover) {
	opacity: 0.65;
}

.cFloat:hover {
	opacity: 1.0;
}

@media (min-width:1200px) {
	.cFloat .toc:not(:hover) {
		opacity: 0.65;
	}
	.cFloat .toc:hover {
		opacity: 1.0;
	}
}

/*Adding in for underlining links*/

#content a {
  text-decoration: underline;
}

#toc a {
  text-decoration: none;
}


/*This will add scroll bars to the TOC based on the visible height of the window. ----------------*/
/*Figuring out how to get it to only do this when not collapsed was a bear -----------------------*/
@media only screen and (max-height: 2000px) {
 .toctogglecheckbox:not(:checked) ~ ul {
	display: block;
	height:60vh;
	overflow: scroll;
 }
}
/*END - DELETE DCK Testing*/



/* Don't number the table of contents. Currently numbering is applied manually to the heading title */
.tocnumber {
    display:none
}

/* Styling for the Main Page */

body.page-Main_Page h1 {
    display: none;  /* Don't show the title ("Main Page") of the main page */
}
/* Apply flex-box to screens (not print) */
@media screen {
  .main-flexcontainer {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
  }

  .main-flexbox {
    border: 1px solid #CCC;
    padding: 0 1em 1em;
    margin: 0 10px 20px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  }

  .main-flexbox ul {
    list-style: none;
    line-height: 2;
    margin-left: 0.5em;
  }


/* End styling for the Main Page */

/* Site wide edits here */

body #p-coll-print_export {display:none}
#footer { display: none; }
body { font-size: larger; }


/* Float Table of Contents to the right */
#toc {
    float: right;
    margin:0 0 1em 1em;
    position:fixed;
    top:100px;
    right:10px;
    max-width:50%;
    max-height: 1%; /* Adjust the maximum height as needed */
    overflow-y: scroll;
}