Difference between revisions of "MediaWiki:Common.css"

From Akvopedia
Jump to: navigation, search
 
(17 intermediate revisions by 2 users not shown)
Line 29: Line 29:
  
 
/* Reduce size of title. */
 
/* Reduce size of title. */
#firstHeading {
+
div#content #firstHeading {
 
   font-size: 130%;
 
   font-size: 130%;
 
   font-weight: bold;
 
   font-weight: bold;
Line 37: Line 37:
 
#mw-panel.collapsible-nav .portal > h3:first-of-type {
 
#mw-panel.collapsible-nav .portal > h3:first-of-type {
 
   font-weight: bold;
 
   font-weight: bold;
 +
}
 +
#p-Other_navigation h3 {
 +
  display: none;
 +
}
 +
 +
#mw-panel #n-Rainwater-Harvesting {
 +
  padding-left: 1em;
 
}
 
}
  
Line 49: Line 56:
 
html body {
 
html body {
 
  // font-family: Akvopedia, sans-serif;
 
  // 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;
 
}
 
}
  
Line 144: Line 171:
 
   table-layout: fixed;
 
   table-layout: fixed;
 
   border-spacing: 0;
 
   border-spacing: 0;
 +
  border-collapse: separate;
 +
  margin-bottom:0.7em;
 
}
 
}
  
Line 155: Line 184:
 
   border: 1px solid #BE499B;
 
   border: 1px solid #BE499B;
 
   background-color: #eee;
 
   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;
 
}
 
}

Latest revision as of 21:05, 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;
}

#mw-panel #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;
}