Difference between revisions of "MediaWiki:Common.css"

From Open Electrical by SMPex
(Created page with "→‎CSS placed here will be applied to all skins: →‎CSS placed here will be applied to all skins: →‎Headers Borders: h4 { font-size: 22px;} h5 { font-size: 18px;} h6 { font-size: 14px;} h3 {border-bottom: 2px solid #1995dc;} h4 {border-bottom: 1px solid #1995dc;} h5 {border-bottom: 1px dashed #1995dc;} .chapter-main h3, .chapter-main h4, .chapter-main h5 {border-bottom: none;} h3 {padding-top: 25px;} h4, h5 {padding-top: 15px;} h1,h2,h3,h4,h5,h6 {font-weight...")
 
m
 
(2 intermediate revisions by the same user not shown)
Line 97: Line 97:
/** Hide Tabs */
/** Hide Tabs */
#ca-viewsource { display:none!important; } /* View source tab; this tab is available for users who belong to user groups that don't have the permission to edit pages. With it the user can view the source text of the page without being able to modify it. */
#ca-viewsource { display:none!important; } /* View source tab; this tab is available for users who belong to user groups that don't have the permission to edit pages. With it the user can view the source text of the page without being able to modify it. */
/* Images */
.img-box {margin: 0.5em; padding: 0.5em; max-width:100%; height:auto;}

Latest revision as of 01:06, 25 December 2021

/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Headers 
Borders
*/
h4 { font-size: 22px;}
h5 { font-size: 18px;}
h6 { font-size: 14px;}

h3 {border-bottom: 2px solid #1995dc;}
h4 {border-bottom: 1px solid #1995dc;}
h5 {border-bottom: 1px dashed #1995dc;}

.chapter-main h3, .chapter-main h4, .chapter-main h5 {border-bottom: none;}


h3 {padding-top: 25px;}
h4, h5 {padding-top: 15px;}

h1,h2,h3,h4,h5,h6 {font-weight:500;}
h4,h5,h6 {margin-top: 2em;}
pre {color:red;font-weight:500;}
.bold {font-weight:600;}
sup {font-weight:700;}

/* Glyphsicon sizes*/
.glyph-note  {font-size:3em; color:red; float:right; padding: 10px;}
.glyph-note-icon  {content: "\e032";}
.glyph-note-sm {font-size:1em; float:right; padding: 5px;}
.glyph-note-md {font-size:2em; float:right; padding: 5px;}
.glyph-note-lg {font-size:3em; float:right; padding: 10px;}
/* Glyphsicon colors*/
.glyph-rd {color:red;}
.glyph-gy {color:grey;}
.glyph-gn {color:green;}
.glyph-or {color:orange;}
.glyph-yw {color:yellow;}
.glyph-bu {color:blue;}
/* bacground color */
.note-wh {background-color: #fff;border:1px solid #aaa;border-radius: 5px;padding:15px;margin-bottom:15px;}
.gr-note, .note-gy {background-color: #eee;border:1px solid #aaa;border-radius: 5px;padding:15px;margin-bottom:15px;}
.gn-note, .note-gn {background-color: #c2f9aa;border:1px solid #38c429;border-radius: 5px;padding:15px;margin-bottom:15px;}
.note-bu {background-color: #87caf1;border:1px solid #2f48e7;border-radius: 5px;padding:15px;margin-bottom:15px;}
.note-rd {background-color: #ffd8d8;border:1px solid #ff1414;border-radius: 5px;padding:15px;margin-bottom:15px;}
.note {background-color: transparent;border:0px solid #aaa;border-radius: 5px;padding:15px;margin-bottom:15px;font-weight:bold;text-align:center;}
.except {font-style: italic;background-color:rgba(255,0,0,0.1);font-weight:500;border-radius: 5px;padding:15px;margin-bottom:25px;color:#f00;border:1px dashed #f00;}
.fpn {font-style:italic;background-color: rgba(49,126,172,0.1);font-weight:500;border-radius: 5px;padding:15px;margin-bottom:25px;color:#317eac;border:1px solid #317eac;} 
#toc {background-color: transparent;border:1px solid #2f48e7;border-radius: 5px;padding:15px;margin:15px 0;}
#toc a .tocnumber { display: none; }

/*Table formatting*/
h1.firstHeading { display: none; }
table.wikitable {margin:auto;margin-bottom:25px;}
table.wikitable tr {text-align: center;}
.note-table {font-style:italic;font-size:small;padding:15px;text-align:left;}
.panel-body pre { font-size: 2em; }

/*subpageslist*/
.subpagelist  ul  li  {list-style: none;}
.subpagelist > ul > li > a {font-weight: 600;font-size:1.5em;}

/*Tables 50% width - centered*/
.table25 {margin: auto; width:25%;}
.table33 {margin: auto; width:33%;}
.table50 {margin: auto; width:50%;}
.table66 {margin: auto; width:66%;}
.table80 {margin: auto; width:80%;}
table.wikitable > caption { color: #333; }
table.wikitable tr th.thin-border-bottom {border-bottom: 1px solid #aaa;}
table.wikitable tr th { border-bottom: 2px solid #555;  vertical-align: bottom; color: #555; background-color: #fff;}
table.wikitable tr td { vertical-align: top;}
table.wikitable  tr:nth-child(even) td { background-color: #f4f4f4; }
table.wikitable  tr:nth-child(odd) td { background-color: #e6e6e6; }


/*text*/
.left {text-align: left;}
.center {text-align: center; margin: 0 auto;}
.right {text-align: right;}
.width08 {width:8%;}
.width10 {width:10%;}
.width12 {width:12%;}
.width15 {width:15%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width33 {width:33%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width66 {width:66%;}
.width75 {width:75%;}
.left-pad {text-align: left; padding-left: 20px;}
.left-pad::before {content: "\2003";}

.container {margin-top: 15px;}


/** Hide Tabs */
#ca-viewsource { display:none!important; } /* View source tab; this tab is available for users who belong to user groups that don't have the permission to edit pages. With it the user can view the source text of the page without being able to modify it. */


/* Images */
.img-box {margin: 0.5em; padding: 0.5em; max-width:100%; height:auto;}