Difference between revisions of "MediaWiki:Common.css"
From grvitawiki
(21 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
html, body{ | html, body{ | ||
− | font-family: ' | + | font-family: 'Nunito Sans', sans-serif; |
+ | margin: 0; | ||
} | } | ||
.mw-body h1, .mw-body h2{ | .mw-body h1, .mw-body h2{ | ||
− | |||
} | } | ||
#p-logo a{background-size:120px;} | #p-logo a{background-size:120px;} | ||
Line 41: | Line 41: | ||
#ca-viewsource { display: none !important; } | #ca-viewsource { display: none !important; } | ||
#ca-nstab-user { display:none!important; } | #ca-nstab-user { display:none!important; } | ||
+ | #ca-talk { display:none!important; } | ||
+ | #ca-history { display:none!important; } | ||
+ | #ca-protect { display:none!important; } | ||
− | |||
− | |||
− | # | + | /*****STILIZZO*****/ |
− | # | + | #toc, .toc, .mw-warning, .toccolours{ |
− | # | + | position: absolute; |
− | # | + | left: 0; |
+ | bottom: 0; | ||
+ | top: 0; | ||
+ | height: auto; | ||
+ | width:250px; height:100%; | ||
+ | } | ||
+ | .mw-content-ltr{padding-left: 280px;} | ||
+ | /*.page-Main_Page .firstHeading{ | ||
+ | position: fixed; | ||
+ | padding-top: .85em; | ||
+ | } | ||
+ | .page-Main_Page #mw-navigation{ | ||
+ | padding-left: 23px; | ||
+ | margin-left: 256px; | ||
+ | }*/ | ||
+ | #mw-navigation{ | ||
+ | border-top: 1px solid #ededed; | ||
+ | border-bottom: 1px solid #ededed; | ||
+ | margin-top: 30px; | ||
+ | background: #f6f6f6; | ||
+ | padding-left: 24px; | ||
+ | display: grid; | ||
+ | grid-template: "a a" | ||
+ | "b c"; | ||
+ | padding: 0 1em 1em; | ||
+ | } | ||
+ | #mw-navigation h2{ | ||
+ | grid-area: a; | ||
+ | } | ||
+ | .mw-body h1 span, .mw-body h2 span{padding-top:44px;} | ||
+ | .mw-body #toc h1 span, .mw-body #toc h2 span{padding-top:0;} | ||
+ | |||
+ | .page-Main_Page #footer{padding-left:280px;} | ||
+ | ul#footer-places li{ | ||
+ | display: inline-flex; | ||
+ | padding: 0 .5em; | ||
+ | border-left: 1px solid #ddd; | ||
+ | height: 15px; | ||
+ | line-height: 12px; | ||
+ | } | ||
+ | #footer-places{ | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #footer-icons{ | ||
+ | display: inline-block; | ||
+ | float: right; | ||
+ | margin-right: 30px; | ||
+ | } | ||
+ | #siteSub{display: none;} | ||
+ | #jump-to-nav{display: inline-block;} | ||
+ | #firstHeading{ | ||
+ | margin:10px 0 5px; | ||
+ | } | ||
+ | #firstHeading:before{ | ||
+ | content: " "; | ||
+ | display: inline-block; | ||
+ | width: 240px; | ||
+ | height: 30px; | ||
+ | margin-top:10px; | ||
+ | background: url(https://www.grvitalia.net/wp-content/themes/bridge-child/images/logo-grvitalia.png) no-repeat center; | ||
+ | background-size: 160px auto; | ||
+ | margin-right: 38px; | ||
+ | } | ||
+ | |||
+ | #mw-navigation #mw-head, | ||
+ | #mw-navigation #mw-panel{ | ||
+ | display:flex; | ||
+ | } | ||
+ | #mw-navigation #mw-head > div, | ||
+ | #mw-navigation #mw-panel > div{ | ||
+ | width: 33%; | ||
+ | } | ||
+ | |||
+ | #jump-to-nav{ | ||
+ | float:right; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | #toctitle{margin-left: 20px;} | ||
+ | |||
+ | #mw-content-text{ | ||
+ | position: relative; | ||
+ | } |
Latest revision as of 09:13, 20 July 2021
/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css?family=Merriweather|Source+Sans+Pro:400,700'); html, body{ font-family: 'Nunito Sans', sans-serif; margin: 0; } .mw-body h1, .mw-body h2{ } #p-logo a{background-size:120px;} div#mw-head:before { content: " "; height: 6px; display: block; position: fixed; z-index: 9995; top: 0; left: 0; right: 0; background: #7f47dd; background: -moz-linear-gradient(left, #7f47dd 0%, #fbae17 50%); background: -webkit-linear-gradient(left, #7f47dd 0%, #fbae17 50%); background: linear-gradient(to right, #7f47dd 0%, #fbae17 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f47dd', endColorstr='#fbae17',GradientType=1 ); } a, div#mw-panel div.portal div.body ul li a{color:#484cd4;} a:visited, div#mw-panel div.portal div.body ul li a:visited{color:#202388;} div#mw-panel div.portal div.body ul li{font-size:0.8em;} div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorTabs li a{color:#484cd4;} #toc, .toc, .mw-warning, .toccolours{background-color:#ebecf7;border:0;} h1, h2, h3, h4, h5, h6{border-bottom:0;} #ca-viewsource { display: none !important; } #ca-nstab-user { display:none!important; } #ca-talk { display:none!important; } #ca-history { display:none!important; } #ca-protect { display:none!important; } /*****STILIZZO*****/ #toc, .toc, .mw-warning, .toccolours{ position: absolute; left: 0; bottom: 0; top: 0; height: auto; width:250px; height:100%; } .mw-content-ltr{padding-left: 280px;} /*.page-Main_Page .firstHeading{ position: fixed; padding-top: .85em; } .page-Main_Page #mw-navigation{ padding-left: 23px; margin-left: 256px; }*/ #mw-navigation{ border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-top: 30px; background: #f6f6f6; padding-left: 24px; display: grid; grid-template: "a a" "b c"; padding: 0 1em 1em; } #mw-navigation h2{ grid-area: a; } .mw-body h1 span, .mw-body h2 span{padding-top:44px;} .mw-body #toc h1 span, .mw-body #toc h2 span{padding-top:0;} .page-Main_Page #footer{padding-left:280px;} ul#footer-places li{ display: inline-flex; padding: 0 .5em; border-left: 1px solid #ddd; height: 15px; line-height: 12px; } #footer-places{ display: inline-block; } #footer-icons{ display: inline-block; float: right; margin-right: 30px; } #siteSub{display: none;} #jump-to-nav{display: inline-block;} #firstHeading{ margin:10px 0 5px; } #firstHeading:before{ content: " "; display: inline-block; width: 240px; height: 30px; margin-top:10px; background: url(https://www.grvitalia.net/wp-content/themes/bridge-child/images/logo-grvitalia.png) no-repeat center; background-size: 160px auto; margin-right: 38px; } #mw-navigation #mw-head, #mw-navigation #mw-panel{ display:flex; } #mw-navigation #mw-head > div, #mw-navigation #mw-panel > div{ width: 33%; } #jump-to-nav{ float:right; margin-right: 20px; } #toctitle{margin-left: 20px;} #mw-content-text{ position: relative; }