Difference between revisions of "MediaWiki:Common.css"

From Hitchwiki
Jump to navigation Jump to search
m
m
Line 14: Line 14:
 
}
 
}
  
.infobox-h1 {
+
.infobox-h1 { text-align:center; }
  text-align:center;
 
}
 
 
.infobox-h1 div {
 
.infobox-h1 div {
 
   font-size: large;
 
   font-size: large;
Line 35: Line 33:
 
   border-top: 1px solid #aaa;
 
   border-top: 1px solid #aaa;
 
   /*border-bottom: 1px solid #aaa;*/
 
   /*border-bottom: 1px solid #aaa;*/
  padding: 0;
 
 
  }
 
  }
  
.infobox th {
+
.infobox th { padding: 0.3em; }
  padding: 0.3em;
+
.infobox th.infobox-h2 { padding: 0; }
}
 
  
 
/* Flags, coat of arms etc. */
 
/* Flags, coat of arms etc. */
.infobox .floatright {
+
.infobox .floatright { margin: 0; }
  margin: 0;
+
 
}
+
.infobox-map div { margin: 0 5px 5px 5px !important; }
  
.infobox-map div {
 
  margin: 0 5px 5px 5px !important;
 
}
 
 
/* text "See full map" */
 
/* text "See full map" */
 
.infobox-map small {
 
.infobox-map small {

Revision as of 19:38, 30 October 2014

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

/** --------- Infobox location/country styling ---------
 * http://hitchwiki.org/en/Template:Infobox_Location
 * http://hitchwiki.org/en/Template:Infobox_Country */
.infobox {
  width: 25em;
  text-align: left;
  font-size: 85%;
  border: 1px solid #aaa;
  border-radius: 4px;
  border-collapse: separate; 
  clear: right;
}

.infobox-h1 { text-align:center; }
.infobox-h1 div {
  font-size: large;
  width: 80%;       /* for centering heading */
  margin: auto;    /* text-align: center; alone doesn't work because of the toggle in the same table row/cell */
}

/* Hide/show switch */
.infobox .mw-collapsible-toggle, .infobox .mw-collapsible-toggle a {
  font-weight:normal;
  color:black;
}

/* 2nd heading (Information) */
.infobox-h2 {
  text-align:center;
  background:#D8E2EF;
  border-top: 1px solid #aaa;
  /*border-bottom: 1px solid #aaa;*/
 }

.infobox th { padding: 0.3em; }
.infobox th.infobox-h2 { padding: 0; }

/* Flags, coat of arms etc. */
.infobox .floatright { margin: 0; }

.infobox-map div { margin: 0 5px 5px 5px !important; }

/* text "See full map" */
.infobox-map small {
  position: relative;
  bottom: 7px;
}
/* --------------------------------------------------------- */