Difference between revisions of "MediaWiki:Common.css"

From WikiRaider
Jump to: navigation, search
m
m
Line 215: Line 215:
 
   border:1px;  
 
   border:1px;  
 
   font-style:italic;
 
   font-style:italic;
 +
  min-height: 57px;
 
}
 
}
  
 +
.Quote img {
 +
  float: left;
 +
  margin: 2px 15px 2px 2px;
 +
}
  
 
/*Infobox */
 
/*Infobox */

Revision as of 22:37, 11 November 2016

/* CSS placed here will be applied to all skins */

/*FRAMEWORK*/
/*Framework oben*/

div.vectorTabs, div.legendTabs, div.egyptTabs, div.underworldTabs, div.riseTabs, div.rebootTabs {
  height: 22px;
  padding: 0;
  background: none;
  padding-top: 16px;
}

div.vectorTabs span a, div.legendTabs span a, div.egyptTabs span a, div.underworldTabs span a, div.riseTabs span a, div.rebootTabs span a   {
  padding-top: .25em;
}

div#mw-head div.vectorMenu h3, div#mw-head div.legendMenu h3, div#mw-head div.egyptMenu h3, div#mw-head div.underworldMenu h3, div#mw-head div.riseMenu h3, div#mw-head div.rebootMenu h3 {
  height: 20px;
  padding-top: 2px;
  font-size: 16px;
}

div.vectorMenu h3 a, div.legendMenu h3 a, div.egyptMenu h3 a, div.underworldMenu h3 a, div.rebootMenu h3 a, div.riseMenu h3 a  {
  height: 2.75em;
}

div.vectorMenu h3 span, div.legendMenu h3 span, div.egyptMenu h3 span, div.underworldMenu h3 span, div.riseMenu h3 span, div.rebootMenu h3 span  {
  padding-top: 0;
}

#searchInput {
  margin-bottom: 1px;
  border: 1px solid #738d8a; 
}

#ca-unwatch.icon a,
#ca-watch.icon a {
  background-position: 5px 3px;
}



/* NEU 11.11.2016 */

div.legendTabs ul li {
  line-height: unset;
  border: 1px 0 1px 0 solid #738d8a;
}

div.legendTabs li a {
  height: 22px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}

/* Ende NEU */



#mw-page-base {
  background-color:transparent;
  background:none;
  background-image:none;
}

div#p-cactions {
  padding-top: 16px;
}

#p-search form, #p-search input {
  margin-top: 1em;
}






#left-navigation {
  margin-left: 200px;
}

.mw-body {
  margin-right: .25em;
}




/* Framework links Menükisten*/

div#mw-panel div.portal {
  margin-bottom: 20px;
}

div.portal div.body ul li {
  /* margin-left: -.25em; */
  margin-left: 0px;
}

div#mw-panel div.portal div.body {
  margin: 0;
  margin-left: 10px;
}

div#mw-panel div.portal div.body ul {
  padding: 0.25em 0 0 0;
}

div#mw-panel #p-logo + div.portal div.body {
  margin-left: 10px;
}

div#mw-panel #p-logo + div.portal h3,
div#mw-panel div.portal h3 {
  display: block;
  /* margin: -5px 0 1px 0; */
  margin: 0;
  padding: 5px;
}

div#mw-panel div#p-tb div.body ul li {
  margin-left: 0; /*-1.25em;*/
}

div#mw-panel div.portal {
  padding: 0;
}





/* Content */

.perfectname, .disambig {
  position: absolute;
  height: auto;
  right: 9px;
  top: -21px;
}

.excellent {
  position: absolute;
  height: auto;
  right: 18px;
  top: -20px;
}

/* Trophies */
@font-face {
  font-family: 'NotoEmojiRegular';
  src: url('/fonts/NotoEmoji-Regular.eot');
  src: url('/fonts/NotoEmoji-Regular.woff') format('woff'),
       url('/fonts/NotoEmoji-Regular.ttf') format('truetype'),
       url('/fonts/NotoEmoji-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.trophyB, .trophyS, .trophyG, .trophyP {
  font-family:'NotoEmojiRegular';
}

.trophyB {
  color:#cd7f32;
}

.trophyS {
  color:silver;
}

.trophyG {
  color:gold;
}

.trophyP {
  color:black;
}

.Edit {
  border:2px solid; 
  padding:5px;
}

.Disambig {
  border:1px solid; 
  padding:5px;
  height:54px;
}

.Image {
  height:65px;
}

.Image div {
  padding:10px;
}

.gallery li {
  margin: 2px;
  padding: 2px;
}

.gallerytext {
  min-height:60px;
}

.Quote {
  width:75%; 
  align:center; 
  margin:auto; 
  padding:5px; 
  border:1px; 
  font-style:italic;
  min-height: 57px;
}

.Quote img {
  float: left;
  margin: 2px 15px 2px 2px;
}

/*Infobox */
.Infobox {
  width:250px;
  float:right; 
  margin-left:15px;
  border:2px solid; 
  border-collapse:collapse;
  text-align:center;
  font-size:.95em;
}

.Infobox img {
  margin:-5px;
}

.Infobox tr:first-child th {
  font-size:1.2em;
  height:25px;
}

.Infobox th {
  font-weight:bold;
  font-size:1em;
}

.Infobox td {
  border:1px solid; 
  border-collapse:collapse;
  padding:5px;
}

.Infobox td:first-child {
  font-weight:bold;
  text-align:left;
  vertical-align:top;
}

.Infobox a {
  font-weight:normal;
}

.Infobox th a {
  font-weight:bold;
}
.Infobox span {
  white-space: nowrap;
}

.Infobox ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-image:none;
  font-size:.85em;
}

/* contenttable*/

.contenttable {
  width:100%;
  text-align:center;
  spacing:0;
}

.contenttable, .contenttable tr, .contenttable th, .contenttable td {
  padding:5px;
  border:1px solid  #000;
  border-collapse:collapse;
}








/* Mainpage */

.mainwr {
  border:1px solid;
  padding:5px;
}
.mainleft, .mainright {
  border:1px solid;
  padding:7px;
  height:100%;
}
.mainleft div.headline, .mainright div.headline, .mainwr div.headline {
  border:1px solid;
  padding:5px;
  margin-bottom:7px;
  font-weight:bold;
}


/* Help  */

.wrhelp {
  width:100%;
  border:2px solid;
  text-align:center;
  padding:0;
  spacing:0;
}

.wrhelp th, .contenttable th {
  text-align:center;
}

.wrhelp th h2 {
  text-align:center;
  margin:.5em;
  margin-top:.1em;
  margin-bottom:.1em;
  border-bottom:0;
  font-weight:bold;
}

.wrhelp td {
  width:50%;
  padding:0.5em;
  text-align:center;
  vertical-align:top;
}

.wrhelp td + td {
  border-left:1px solid;
}

.lastline {
  border-top:1px solid;
}








/* Mediawiki (What does this do?) */

.multiple_rows {
  flex-wrap: wrap;
  display: flex;
}
.multiple_rows div {
  width: 250px;
  padding: 0 3ex;
}

.listofitems {
  border:1px solid #AAA;
  padding:3px;
}

.multiple_rows_wide {
  flex-wrap: wrap;
  display: flex;
}
.multiple_rows_wide div {
  width: 450px;
  padding: 0 3ex;
}

.listofitems th {
  padding:1px;
  text-align:center;
  font-weight:bold;
  font-style:italic;
  font-size:9pt;
}

.listofitems td {
  vertical-align:middle;
  font-size:9pt;
}




/* Special table formatting */
.verticalaligntop td, .verticalaligntop th {
  vertical-align: top;
}

.horizontalalignleft td, horizontalalignleft th {
  text-align: left;
}