Difference between revisions of "MediaWiki:Common.css"

Revision as of 21:03, 15 September 2015

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

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

/* 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#bodyContent a {
  color: #BE499B;
  font-weight: bold;
}

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

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

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

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

/* Sidebar panel headings. */
#mw-panel.collapsible-nav .portal > h3:first-of-type {
  font-weight: bold;
}
#p-Other_navigation h3 {
  display: none;
}

#n-Rainwater-Harvesting {
  padding-left: 1em;
}

/* Malayalam fonts */
@font-face {
  font-family: Akvopedia;
  unicode-range: U+D00-D7F;
  src: local('Meera'), url('/resources/fonts/Meera_04.woff') format('woff'),
                       url('/resources/fonts/Meera_04.ttf') format('truetype');
}

html body {
 // font-family: Akvopedia, sans-serif;
}

/* Quotation marks */
blockquote:before {
   float:left;
   content:url(http://akvopedia.org/s_wiki/images/f/f2/Quote-left-cs.png);
   position: relative;
   right: 3em;
   width: 0;
   overflow: visible;
}
blockquote:after {
   float:right;
   content:url(http://akvopedia.org/s_wiki/images/a/a2/Quote-right-cs.png);
   width: 0;
   overflow: visible;
}
blockquote {
   margin-left: 3em;
   margin-right: 3em;
}

/* Akvopedia menu pages */

.akvo-menu {
  width:100%;
  display:table;
  text-align:center;
  margin-top:3em;
  margin-bottom:3em;
}

.akvo-menu-title {
  font-size:larger;
  border: 1px solid rgb(216, 216, 216);
  display:table-caption;
  padding:0.2em;
}

.akvo-menu-body {
  width:100%;
  background-color: rgb(239, 239, 239);
  display:table-row;
}

.akvo-menu-entry-caption-text {
  width:160px;
  display:inline-block;
}

.akvo-menu-entry {
  display:table-cell;
  border-top: 1px solid rgb(222, 222, 222);
  border-bottom: 2px solid rgb(222, 222, 222);
}

.akvo-menu-entry:first-child {
  border-left: 2px solid rgb(222, 222, 222);
}

.akvo-menu-entry:nth-last-child(2) {
  border-right: 2px solid rgb(222, 222, 222);
}
/* Akvopedia portal pages */

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

.akvo-portal-group-title {
  font-size: 1.3em;
  font-weight: bold;
  min-height: 3.5em;
}

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

.akvo-portal-group {
  width:20%;
}

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

.akvo-portal-group {
  display: table-cell;
}

.akvo-portal-entry {
}

.akvo-portal-entry-caption {
  min-height: 4.5em;
  word-break: break-all;
}

div#bodyContent .susana-page a {
  color: #657a21;
}

div#bodyContent .susana-page a:visited {
  color: #7b9228;
}

/* Language box styling */

.akvopedia-language-box {
  float: right;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
  margin-bottom:0.7em;
}

.akvopedia-language-box td {
  padding: 0.2em;
  border: 1px solid #fff;
}

.akvopedia-language-box td.current {
  padding: 0.2em;
  border: 1px solid #BE499B;
  background-color: #eee;
}

/* Cookie policy bar */

#cookie-policy-bar {
  background-color:#2C2A74;
  color:#fff;
  position:fixed;
  bottom:0;
  width:100%;
  z-index:1000;
  text-align:center;
  font-size:13px;
}

#cookie-policy-bar #cookie-policy-accept-button {
  background-color:#DB87C9;
}

#cookie-policy-bar #cookie-policy-accept-button:hover {
  background-color:#d269bb;
}

#cookie-policy-bar #cookie-policy-read-button {
  background-color:#999999;
}

#cookie-policy-bar #cookie-policy-read-button:hover {
  background-color:#858585;
}

#cookie-policy-bar #cookie-policy-message-p a {
  color:#fff;
  font-weight:bold;
  line-height:1;
  padding:5px 10px 6px;
  display:inline-block;
  text-shadow:0px -1px 1px rgba(0, 0, 0, 0.25);
  transition:color 0.2s linear 0s;
  outline:medium none;
  text-decoration:none;
  border-bottom:1px solid rgba(0, 0, 0, 0.25);
  cursor:pointer;
  position:relative;
  margin:auto 10px;
}