Difference between revisions of "MediaWiki:Common.css"

From Open Pattern Repository for Online Learning Systems
Jump to navigation Jump to search
(Add styles for the infobox)
 
(Increase height of topiclist items)
 
(13 intermediate revisions by the same user not shown)
Line 14: Line 14:
   line-height: 1.5em;
   line-height: 1.5em;
}
}
table.infobox .header, table.infobox .header .subheader{
table.infobox .header, table.infobox .subheader{
   text-align:center;  
   text-align:center;  
   background-color: #fe9364;
   background-color: #fe9364;
Line 20: Line 20:
   font-size: 125%;
   font-size: 125%;
}
}
table.infobox .header .subheader{
table.infobox .subheader{
   font-size: 100%;
   font-size: 100%;
}
}
table.infobox td {
table.infobox td, table.infobox th {
   vertical-align:top;
   vertical-align:top;
}
}
/** End of infobox **/
/* Thumbnail image border */
html .thumbimage {
  border:none
}
/* Mbox classes */
.mbox {
  border: 1px solid #fe9364;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff1eb;
  margin-bottom: 20px;
}
.mbox .icon {
  padding: 5px;
}
/* End of mbox classes */
/* Front page CSS */
.topiclist > ul > li {
  float: left;
  width: 20%;
  padding: 0px;
  list-style: none;
  margin: 20px;
  min-height: 300px;
}
.topiclist >ul > li>ul {
  margin: 0px;
}
.topiclist > ul > li > ul :first-child {
  font-weight: bold;
  text-align: center;
  font-size: 120%;
}
.topiclist > ul > li > ul > li {
  list-style: none;
}
.topiclist ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* End of front page CSS*/
/* Patternlinks */
.pl-main {
  display:none;
}
/ *End of Patternlinks */

Latest revision as of 16:07, 3 July 2017

/* Infobox CSS */
table.infobox {
  float:right; 
  border: 1px solid #aaa; 
  width: 22em; 
  border-spacing: 3px;  
  background-color: #f9f9f9;
  color: black;
  margin: 0.5em 0 0.5em 1em;
  font-size:88%; 
  padding: 0.2em; 
  clear: right;
  text-align: left;
  line-height: 1.5em;
}
table.infobox .header, table.infobox .subheader{
  text-align:center; 
  background-color: #fe9364;
  font-weight:bold; 
  font-size: 125%;
}
table.infobox .subheader{
  font-size: 100%;
}
table.infobox td, table.infobox th {
  vertical-align:top;
}
/** End of infobox **/

/* Thumbnail image border */
html .thumbimage {
  border:none
}

/* Mbox classes */
.mbox {
  border: 1px solid #fe9364;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff1eb;
  margin-bottom: 20px;
}

.mbox .icon {
  padding: 5px;
}

/* End of mbox classes */
/* Front page CSS */
.topiclist > ul > li {
  float: left;
  width: 20%;
  padding: 0px;
  list-style: none;
  margin: 20px;
  min-height: 300px;
}

.topiclist >ul > li>ul {
  margin: 0px;
}

.topiclist > ul > li > ul :first-child {
  font-weight: bold;
  text-align: center;
  font-size: 120%;
}

.topiclist > ul > li > ul > li {
  list-style: none;
}

.topiclist ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* End of front page CSS*/

/* Patternlinks */
.pl-main {
  display:none;
}
/ *End of Patternlinks */