MediaWiki:Pivot.css

/* Code by Notjusttired */ /* Custom colors - top bar MEActionRed */ .tab-bar { background: #E7453A; color: #FFF; font-family: "Helvetica Neue", sans-serif; font-weight:bold; } /* style the sidebar navigation labels */ ul.side-nav label { background: #E7453A; color: #fff; padding: .25em .5em; }

/* sidebar background color */ body { background-color: #f2f2f2; }

/* controls the main body area styling */ padding-top: 1.5em; padding-bottom: .5em; margin-left: 0; margin-right:0; background-color: #f6f6f6; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
 * 1) p-cactions {

/* pull out side bar icons MEAction grey */ ul.off-canvas-list li label { background-color: #E7453A; color: #FFF; } ul.off-canvas-list li a { background-color: transparent; color: #333333; } /* very light grey pull out side bar */ .right-off-canvas-menu, .left-off-canvas-menu { background-color: #F6F6F6; } ul.off-canvas-list li a:hover { background-color: #F6F6F6; } .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background-color: #0BA7CD; } /* category button color dark grey */ h4.namespace.label { background-color: #767c7e; }

/* new code */ padding-left:5px; padding-right:5px; } .center, text-center { text-align: center; } /* paragraphs inside tables must not overwrite alignment */ th p, td p, th > p, td > p { text-align: inherit; } /* gallery margins are zero on vector */ ul.gallery { margin-left: 0; margin-right: 0; } /* gallery image border */ div.thumb div { margin: 0.5rem auto; }
 * 1) p-cactions {

.gallerybox { text-align: center; }

/* Fit images to containers */ img, .thumb, .image { max-width: 100%; height: auto; }

/* unless image is clicked on set max width */ .gallery > img, table > img, img { max-width: 75%; height: auto; } h1.mw-body-content { font-size: 1.8rem; } h2.mw-body-content, td.h2, th.h2 { font-size: 1.375rem; } h3.mw-body-content { font-size: 1.25rem; } h4.mw-body-content { font-size: 1.1rem; font-weight: bold; }

h5.mw-body-content, h6.mw-body-content, h7.mw-body-content { font-size: 1rem; }

/* all visual editor classes not too wide */ div[class*=ve-ce] { max-width: 100%; draggable: true; }

@media (min-width: 48em) { div[class*=oo-ui-floatableElement] { width: auto; height: auto; max-width: 100%; max-height: 100%; zoom: 1; left: 2em; } } /* end of tested code */