Difference between revisions of "MediaWiki:Common.css"

From Akvopedia
Jump to: navigation, search
 
(62 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 */
  
body {
+
.RSSReader-head h3 {
   background: #fff;
+
  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;
 
}
 
}
  
#p-logo a {
+
/* Language box styling */
  height: 56px !important;
+
 
 +
.akvopedia-language-box {
 +
  float: right;
 +
  table-layout: fixed;
 +
  border-spacing: 0;
 +
  border-collapse: separate;
 +
  margin-bottom:0.7em;
 
}
 
}
  
/* change padding to move left column up */
+
.akvopedia-language-box td {
#column-one {
+
  padding: 0.2em;
  padding-top: 60px;
+
  border: 1px solid #fff;
 
}
 
}
  
#content {
+
.akvopedia-language-box td.current {
  border: 1px solid #aaaaaa;
+
  padding: 0.2em;
 +
  border: 1px solid #BE499B;
 +
  background-color: #eee;
 
}
 
}
  
.RSSReader-head h3 {
+
/* Cookie policy bar */
   font-size: 100%;
+
 
 +
#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;
}