MediaWiki:Common.css

From Filipino Engineer Wiki
Revision as of 03:11, 19 September 2023 by Admin (talk | contribs)

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Headers 
Borders
*/
h4 { font-size: 22px;}
h5 { font-size: 18px;}
h6 { font-size: 16px;}

h3 {border-bottom: 2px solid #1995dc;}
h4 {border-bottom: 1px solid #1995dc;}
h5, h6 {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 {font-weight:800;}
h5 {font-weight:600;}
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; }

/* Insertion / Deletion */
.ins {text-decoration: underline;font-weight:500;}
.del {text-decoration: line-through;font-weight:300;}

/*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. */

/** skin Chameleon **/
div#contentSub.small.contentSub > span.subpages {
    font-weight: bold;
    margin-bottom: 1em;
}

caption {
  padding: 10px;
  caption-side: top;
  text-align: center;
}

blockquote { font-size: 0.8em; }