Difference between revisions of "MediaWiki:Common.css"

From WikiRaider
Jump to: navigation, search
m
 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
/*mainpage*/
+
/*FRAMEWORK*/
.mainwr {
+
/*Framework oben*/
   border:1px solid;
+
 
   padding:5px;
+
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;
 
}
 
}
.mainleft, .mainright {
+
 
  border:1px solid;
+
div#p-cactions {
   padding:7px;
+
   padding-top: 16px;
  height:100%;
 
 
}
 
}
.mainleft div.headline, .mainright div.headline, .mainwr div.headline {
+
 
  border:1px solid;
+
#p-search form, #p-search input {
  padding:5px;
+
   margin-top: 1em;
   margin-bottom:7px;
 
  font-weight:bold;
 
 
}
 
}
  
Line 21: Line 76:
  
  
 +
 +
 +
#left-navigation {
 +
  margin-left: 200px;
 +
}
 +
 +
.mw-body {
 +
  margin-right: .25em;
 +
}
  
  
  
  
.multiple_rows {
+
/* Framework links Menükisten*/
   flex-wrap: wrap;
+
 
   display: flex;
+
div#mw-panel div.portal {
 +
   margin-bottom: 20px;
 +
}
 +
 
 +
div.portal div.body ul li {
 +
   /* margin-left: -.25em; */
 +
  margin-left: 0px;
 
}
 
}
.multiple_rows div {
+
 
   width: 250px;
+
div#mw-panel div.portal div.body {
   padding: 0 3ex;
+
   margin: 0;
 +
   margin-left: 10px;
 
}
 
}
  
 +
div#mw-panel div.portal div.body ul {
 +
  padding: 0.25em 0 0 0;
 +
}
  
.multiple_rows_wide {
+
div#mw-panel #p-logo + div.portal div.body {
   flex-wrap: wrap;
+
   margin-left: 10px;
  display: flex;
 
 
}
 
}
.multiple_rows_wide div {
+
 
   width: 450px;
+
div#mw-panel #p-logo + div.portal h3,
   padding: 0 3ex;
+
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;*/
 +
}
  
.verticalaligntop td, .verticalaligntop th {
+
div#mw-panel div.portal {
   vertical-align: top;
+
   padding: 0;
 
}
 
}
  
.horizontalalignleft td, horizontalalignleft th {
+
 
   text-align: left;
+
 
 +
 
 +
 
 +
/* Content */
 +
 
 +
.perfectname, .disambig {
 +
   position: absolute;
 +
  height: auto;
 +
  right: 9px;
 +
  top: -21px;
 
}
 
}
  
 +
.excellent {
 +
  position: absolute;
 +
  height: auto;
 +
  right: 18px;
 +
  top: -20px;
 +
}
  
+
/* Trophies */
 
@font-face {
 
@font-face {
 
   font-family: 'NotoEmojiRegular';
 
   font-family: 'NotoEmojiRegular';
Line 83: Line 178:
 
.trophyP {
 
.trophyP {
 
   color:black;
 
   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 {
 +
  align:center;
 +
  margin:0 100px 0 100px;
 +
  padding:5px;
 +
  border:1px;
 +
  font-style:italic;
 +
  min-height: 57px;
 +
}
 +
 +
.Quote img {
 +
  float: left;
 +
  margin: 2px 15px 2px 2px;
 +
}
 +
 +
/*.Quote div:nth-child(2) {*/
 +
.Quote div:last-child {
 +
  text-align:right;
 +
  font-style:normal;
 +
}
 +
 +
 +
.Infoboxmargin {
 +
  margin-right:300px;
 +
}
 +
 +
 +
 +
/*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;
 +
}
 +
 +
 +
 +
.tc {
 +
  text-align: center;
 +
}
 +
 +
 +
 +
 +
/* 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;
 
}
 
}

Latest revision as of 02:09, 3 August 2017

/* 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 {
  align:center; 
  margin:0 100px 0 100px; 
  padding:5px; 
  border:1px; 
  font-style:italic;
  min-height: 57px;
}

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

/*.Quote div:nth-child(2) {*/
.Quote div:last-child {
  text-align:right;
  font-style:normal;
}


.Infoboxmargin {
  margin-right:300px;
}



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



.tc {
  text-align: center;
}




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