MediaWiki:Common.css: Difference between revisions

Revision as of 10:14, 1 March 2023

#ca-talk { display:none!important; }  /* Delete talk tab */
#ca-nstab-main { display:none!important; }  /* Delete pages tab */
#ca-view { display: none !important; }  /* Delete read tab */
#ca-history { display: none !important;}  /* Delete view history tab */
#ca-viewsource { display: none !important; }  /* Delete view source tab */

#p-tb { display: none; }  /* Remove Tools menu */

/* Sidebar */
#mw-panel .portal a, #mw-panel .portal a:visited {font-size: 1.2em !important; }

/* MediaWiki:Tagline */
#siteSub {
	display: inline;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic; }

/* Hide Tagline on Main Page */
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-submit #siteSub {display: none;}

/* Table of Contents */
#toc { width: 390px; font-size: 1em; }

/* Page Title */
.mw-body h1, .mw-body-content h1 { font-size: 2.25em; }

p { font-size: 1.11em; }

.red { color: red; font-size: 18pt; }

.pix { font-size: 0.9em; line-height: 120% !important; padding: 5px; border: 1px solid #aaa; }
.image img { width: 100%; height: auto; object-fit: cover; aspect-ratio: 1 / 1; }

.margin-rt { margin-right: 5px; }
.margin-bm { margin-bottom: 2px; }

.top1 img { object-position: top; }
.top2 img { object-position: 0 20%; }

.one { width: 100%; }
.three { width: 33%; }
.four { width: 25%; }
.five { width: 20%; }

.bottom { vertical-align: bottom; }

#welcome {
    background-image: url("https://dstall.com/DIY/M/P/DIY.jpg"); 
    background-repeat: repeat-x repeat-y;
    background-position: center;
    padding: 0; 
    margin: 0 0 5px 0; 
    text-align: center;
    font-size: 1.2em; 
    border: 1px solid #aaa; }
    
.full {
    float: left;  
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%; }

.box { display: flex; width: 100%; padding: 0; margin-bottom: 5px; }

.col { text-align: left; padding: 10px; }

.left1 { width: 76%; background-color: #f5fafe; margin-right: 5px; border: 1px solid #cedff1; line-height: 150%; } /* Wikiblue1 */
.right2 { width: 24%; background-color: #f4fff9; border: 1px solid #cdf2e0; line-height: 150%; position: relative; } /* Wikigreen1 */

.left3 { font-size: 0.9em; line-height: 130%; width: 33%; background-color: #FFFFF0; margin-right: 5px; border: 1px solid #FFE4C4; } /* Ivory  */
.center4 { font-size: 0.9em; line-height: 130%; width: 33%; background-color: #FFFFE0; margin-right: 5px; border: 1px solid #EEE8AA; } /* LightYellow */
.right5 { font-size: 0.9em; line-height: 130%; width: 33%; background-color: #FFFAF0; margin: 0; border: 1px solid #FFDAB9; } /* FloralWhite */

.left6 { font-size: 0.9em; line-height: 130%; width: 100%; background-color: #FFF5EE; border: 1px solid #FFDAB9; } /* SeaShell */

.title { 
   display: block; 
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box; }

.title1 { line-height: 100%; font-size: 14pt; background-color: #cedff1; border: none; padding: 3px 0; } /* Wikiblue2 */
.title2 { line-height: 100%; font-size: 14pt; background-color: #cdf2e0; border: none; padding: 3px 0; } /* Wikigreen2 */
.title3 { line-height: 100%; font-size: 14pt; background-color: #ffe4c4; border: none; padding: 3px 0; } /* Bisque */
.title4 { line-height: 100%; font-size: 14pt; background-color: #eee8aa; border: none; padding: 3px 0; } /* PaleGoldenRod */
.title5 { line-height: 100%; font-size: 14pt; background-color: #ffdab9; border: none; padding: 3px 0; } /* PeachPuff */
.title6 { line-height: 100%; font-size: 14pt; background-color: #eee8aa; border: none; padding: 3px 0; } /* LavendarBlush */

.infobox {
    font-size: 1em;
    border: solid 1px #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 235px; }

.infobox p {
    font-size: 1.2em; 
    font-family: serif; 
    padding: 0; margin: 0; 
    border-bottom: 1px solid #aaa; 
    width: 100%; 
    display: block; }


/* NAV_pageTree */

#pageTree { margin: 0; padding: 0; }  /* Remove margins & padding from parent ul */
div#pageTree ul { list-style-type: none; padding-left: 5px; }  /* Remove default bullets */
div#pageTree li { list-style-position: outside; overflow: hidden; margin-left: -16px; }  /* Remove bullets */ 

.caret { cursor: pointer; user-select: none; /* Prevent text selection */ }  /* Style caret/arrow */
.caret::before { content: "\25B6"; color: black; display: inline-block; margin-right: 7px; }  /* Create caret/arrow w/ unicode, & style */
.caret-down::before { transform: rotate(90deg); }  /* Rotate caret/arrow on click (JavaScript) */

.nested { display: none; }  /* Hide nested list */

.active { display: block; } /* Show nested list when caret/arrow clicked (JavaScript) */