User:Yair rand/MPSandbox/styles.css

/* TemplateStyles CSS page for the Main Page. See TemplateStyles for more information. */	clear: both; position: relative; box-sizing: border-box; width: 100%; margin: 1.2em 0 6px; min-width: 47em; border: 1px solid #ddd; background-color: #f9f9f9; color: #000; white-space: nowrap; }
 * 1) mp-topbanner {

margin: 0.4em; width: 22em; text-align: center; }
 * 1) mp-topbanner > div {

position: absolute; right: -1em; top: 50%; margin-top: -2.4em; width: 38%; min-width: 25em; font-size: 95%; }
 * 1) mp-topbanner ul {

position: absolute; left: 0; top: 0; }
 * 1) mp-topbanner ul li {

/* second row */ top: 1.6em; }
 * 1) mp-topbanner ul .mp-portal-row2 {

/* bottom row */ top: 3.2em; }
 * 1) mp-topbanner ul .mp-portal-row3 {

/* middle column */ left: 33%; }
 * 1) mp-topbanner ul .mp-portal-col2 {

/* right column */ left: 66%; }
 * 1) mp-topbanner ul .mp-portal-col3 {

border-spacing: 0px; width: 100%; margin-top: 4px; }
 * 1) mp-upper {

padding: 0; vertical-align: top; }
 * 1) mp-left, #mp-right {

margin: 0.5em; padding: 0.2em 0.4em; border-width: 1px; border-style: solid; font-weight: bold; font-family: inherit; font-size: 120%; }
 * 1) mp-upper h2, #mp-middle h2, #mp-lower h2, #mp-other-lower h2 {

padding: 0.1em 0.6em; }
 * 1) mp-left > div, #mp-right > div, #mp-other-lower > div {

padding-bottom: 0.5em; }
 * 1) mp-left > #mp-dyk, #mp-right > #mp-otd {

width: 55%; border: 1px solid #cef2e0; background: #f5fffa; }
 * 1) mp-left {

background: #cef2e0; border-color: #a3bfb1; }
 * 1) mp-left h2 {

border: 1px solid transparent; }
 * 1) mp-divider {

width: 45%; border: 1px solid #cedff2; background: #f5faff; }
 * 1) mp-right {

background: #cedff2; border-color: #a3b0bf; }
 * 1) mp-right h2 {

clear: both; }
 * 1) mp-dyk-h2, #mp-otd-h2 {

overflow: auto; margin-top: 4px; }
 * 1) mp-middle, #mp-lower, #mp-other-lower {

background: #fff5fa; border: 1px solid #f2cedd; }
 * 1) mp-middle {

border-color: #bfa3af; background: #f2cedd; }
 * 1) mp-tfl-h2 {

padding: 0.3em 0.7em; }
 * 1) mp-tfl {

.mp-featuredpicture { border: 1px solid #ddcef2; background: #faf5ff; }

background: #ddcef2; border-color: #afa3bf; }
 * 1) mp-tfp-h2 {

margin: 0.1em 0.4em 0.6em; }
 * 1) mp-tfp {

padding-bottom: 2px; padding-top: 4px; border: 1px solid #e2e2e2; }
 * 1) mp-other-lower {

border-color: #ddd; color: #222; }
 * 1) mp-other-lower h2 {

background: #eeeeee; }
 * 1) mp-other, #mp-sister {

background: #efefef; }
 * 1) mp-lang {

@media (max-width: 865px) { #mp-topbanner { min-width: auto; white-space: normal; }	#mp-topbanner > div { width: auto; }	#mp-topbanner ul { position: static; margin: 0 20px; text-align: center; width: auto; min-width: inherit; }	#mp-topbanner ul li { position: static; display: inline-block; padding: 0 5px; }	#mp-upper > tbody > tr { display: block; }	#mp-left, #mp-right { display: block; width: 100%; }	#mp-tfp td { display: block; }	#mp-tfp td:first-child { text-align: center; } }