Difference between revisions of "MediaWiki:Common.css"
From Akvopedia
(39 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; | ||
} | } | ||
/* Malayalam fonts */ | /* Malayalam fonts */ | ||
@font-face { | @font-face { | ||
− | font-family: | + | font-family: Akvopedia; |
− | + | unicode-range: U+D00-D7F; | |
− | + | src: local('Meera'), url('/resources/fonts/Meera_04.woff') format('woff'), | |
− | unicode-range: U+ | + | url('/resources/fonts/Meera_04.ttf') format('truetype'); |
− | src: local('Meera'), url('/resources/fonts/Meera_04.woff') format('woff'), url('/resources/fonts/Meera_04.ttf') format('truetype'); | ||
} | } | ||
html body { | 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; | ||
} | } |
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; }