Difference between revisions of "MediaWiki:Mobile.css"

Latest revision as of 08:21, 16 December 2014

/* CSS placed here will affect users of the mobile site */

.RSSReader-head h3 {
  font-size: 100%;
}

/* Link colors */

div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited {
  color: #434343;
}

div#content a {
  color: #BE499B;
  font-weight: bold;
}

div#content a:visited {
  color: #995e8c;
}

div#bodyContent a {
  color: #BE499B;
  font-weight: bold;
}

div#bodyContent a.new, div#bodyContent a.new:visited {
  color: #ba0000;
}

/* Hide table of contents */
.toc, #toc { display: none; }

/* Reduce size of title. */
div#content #firstHeading {
  font-size: 130%;
  font-weight: bold;
}

/* Akvopedia menu pages */

.akvo-menu {
  width:100%;
  display:block;
  text-align:center;
}

.akvo-menu-title {
  border: 1px solid rgb(216, 216, 216);
  text-align: left;
  padding-top:0.8em;
  padding-left:1em;
  padding-right:1em;
}

.akvo-menu-body {
  border-top: 1px solid rgb(222, 222, 222);
  border-right: 2px solid rgb(222, 222, 222);
  border-left: 2px solid rgb(222, 222, 222);
  border-bottom: 2px solid rgb(222, 222, 222);
  background-color: rgb(239, 239, 239);
}

.akvo-menu-entry {
  float:left;
  margin-left:1em;
  margin-right:1em;
}


.akvo-menu-entry-caption {
  width: 160px;
  height: 4em;
}

.akvo-menu-footer {
  clear:both;
}

/* Akvopedia portal pages */

.akvo-portal {
  display: table;
  text-align: center;
  width: 100%;
  table-layout:fixed;
}

.akvo-portal-group-title {
  width:100%;
  font-size: 0.8em;
  font-weight: bold;
  min-height: 3.5em;
  word-wrap: break-word;
}

.akvo-portal-body {
  display: table-row;
}

.akvo-portal-group {
  width:20%;
  overflow:hidden;
  display:table-cell;
}

.akvo-portal-group:nth-child(2n+1) {
  background-color:#efefef;
}

.akvo-portal-entry-icon img {
  width: 60px;
  height: 60px;
}

.akvo-portal-entry {
  width: 100%;
}

.akvo-portal-entry-caption {
  width: 100%;
  font-size: 0.7em;
}

.akvo-portal-entry-caption-text {
  width:100%;
  min-height: 4.5em;
  word-wrap:break-word;
}