MediaWiki:Common.css: Difference between revisions

From DIY•wiki: the consumer resistance
No edit summary
No edit summary
Line 1: Line 1:
/* Delete talk tab */
#ca-talk { display:none!important; } /* Delete talk tab */
#ca-talk { display:none!important; }
#ca-nstab-main { display:none!important; } /* Delete pages tab */
/* Delete pages tab */
#ca-view { display: none !important; } /* Delete read tab */
#ca-nstab-main { display:none!important; }
#ca-history { display: none !important;} /* Delete view history tab */
/* Delete read tab */
#ca-viewsource { display: none !important; } /* Delete view source tab */
#ca-view { display: none !important; }
/* Delete view history tab */
#ca-history { display: none !important;}
/* Delete view source tab */
#ca-viewsource { display: none !important; }


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


/* Display MediaWiki:Tagline text below main article header */
/* Sidebar */
#mw-panel .portal a, #mw-panel .portal a:visited {font-size: 1.2em !important; }
 
/* MediaWiki:Tagline */
#siteSub {
#siteSub {
display: inline;
display: inline;
Line 27: Line 24:
#toc { width: 390px; font-size: 1em; }
#toc { width: 390px; font-size: 1em; }


/* Sidebar */
/* Page Title */
#mw-panel .portal a, #mw-panel .portal a:visited {font-size: 1.2em !important; }
.mw-body h1, .mw-body-content h1 { font-size: 2.25em; }


p { font-size: 1.11em; line-height: 142%; }
p { font-size: 1.11em; }


/* Page Title */
.red { color: red; font-size: 18pt; }
.mw-body h1, .mw-body-content h1 { font-size: 2.25em; }
 
.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; }


/* Images should be responsive */
.margin-rt { margin-right: 5px; }
.image img { width:100%; height:auto; }
.margin-bm { margin-bottom: 2px; }


.infobox {
.top1 img { object-position: top; }
    font-size: 1em;
.top2 img { object-position: 0 20%; }
    border: solid 1px #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 235px; }


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


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


.home {
#welcome {
     font-size: 0.9em;
    background-image: url("https://dstall.com/MOD/images/1/1f/Background.jpg");
     border: 1px solid #aaa !important;
    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;   
     float: left;   
     display: block;
     display: block;
Line 66: Line 65:
     width: 100%; }
     width: 100%; }


#welcome {
.box { display: flex; width: 100%; padding: 0; margin-bottom: 5px; }
    background-image: url("https://");
    background-repeat: repeat-x repeat-y;
    background-position: center;
    padding: 0 !important;
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 1.2em; }
 
.box { display: flex; width: 100%; padding: 0 !important; margin-bottom: 5px; }


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


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


.left3 { font-size: 0.9em; line-height: 120%; width: 33%; background-color: #FFFFF0 !important; margin-right: 2.5px; border: 1px solid #FFE4C4 !important; line-height: 100%; } /* Ivory  */
.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: 120%; width: 33%; background-color: #FFFFE0 !important; margin-left: 2.5px; margin-right: 2.5px; border: 1px solid #EEE8AA !important; line-height: 100%; } /* LightYellow */
.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: 120%; width: 33%; background-color: #FFFAF0 !important; margin-left: 2.5px; border: 1px solid #FFDAB9 !important; line-height: 100%; } /* FloralWhite */
.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: 120%; width: 100%; background-color: #FFF5EE !important; line-height: 100%; } /* SeaShell */
.left6 { font-size: 0.9em; line-height: 130%; width: 100%; background-color: #FFF5EE; border: 1px solid #FFDAB9; } /* SeaShell */


.title {  
.title {  
   display: block;  
   display: block;  
  font-size: 14pt;
   box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box; }
   -moz-box-sizing: border-box; }


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


/* COLORS
.infobox p {
  LightSteelBlue #B0C4DE PowderBlue #B0E0E6 AliceBlue #F0F8FF
    font-size: 1.2em;
  MintCream #F5FFFA Azure #F0FFFF HoneyDew #F0FFF0
    font-family: serif;
  Bisque #FFE4C4 OldLace #FDF5E6 AntiqueWhite #FAEBD7 CornSilk #FFF8DC FloralWhite #FFFAF0
    padding: 0; margin: 0;
  Ivory #FFFFF0 LemonChiffon #FFFACD LightGoldenRod #FAFAD2 LightYellow #FFFFE0 PaleGoldenRod #EEE8AA
    border-bottom: 1px solid #aaa;
  PeachPuff #FFDAB9 MistyRose #FFE4E1 LavendarBlush #FFF0F5 Linen #FAF0E6 OldLace #FDF5E6 PapayaWhip #FFEFD5 SeaShell #FFF5EE
    width: 100%;
  WhiteSmoke #F5F5F5 Snow #FFFAFA White #FFFFFF
    display: block; }
  NavajoWhite #FFDEAD
*/




/* NAV_pageTree */
/* NAV_pageTree */


/* Remove default bullets */
#pageTree { margin: 0; padding: 0; }  /* Remove margins & padding from parent ul */
div#pageTree ul { list-style-type: none; padding-left: 5px; }
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 */  
/* Remove bullets */  
div#pageTree li { list-style-position: outside; overflow: hidden; margin-left: -16px; }}
 
/* Remove margins and padding from parent ul */
#pageTree { margin: 0; padding: 0; }
 
/* Style caret/arrow */
.caret { cursor: pointer; user-select: none; /* Prevent text selection */ }
 
/* Create caret/arrow with unicode, and style it */
.caret::before { content: "\25B6"; color: black; display: inline-block; margin-right: 7px; }


/* Rotate caret/arrow when clicked (using JavaScript) */
.caret { cursor: pointer; user-select: none; /* Prevent text selection */ }  /* Style caret/arrow */
.caret-down::before { transform: rotate(90deg); }
.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) */


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


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

Revision as of 08:56, 17 July 2022

#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/MOD/images/1/1f/Background.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) */