MediaWiki:Common.css: Difference between revisions

From Filipino Engineer Wiki
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 115: Line 115:
}
}


blockquote { background-color: #ddf5eb; border-style: dotted; }
blockquote { font-size: 1em; }
 
ol {
list-style-type: decimal;
}
ol li > ol {
list-style-type: lower-alpha;
}
ol li > ol li > ol {
list-style-type: lower-roman;
}
/** SVG Support **/
svg > rect {
    border: none;
    font-weight: normal;
}

Latest revision as of 00:18, 1 December 2023

/* 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: 1em; }

ol { 
	list-style-type: decimal; 
}
ol li > ol { 
	list-style-type: lower-alpha; 
}
ol li > ol li > ol { 
	list-style-type: lower-roman; 
}
/** SVG Support **/
svg > rect {
     border: none;
     font-weight: normal;
}