Template:Hauptseite/styles.css

/* Overall style */ .mainpage { max-width: 1040px; margin: 0 auto; }

/* Heading */ .mainpage-heading { width: 100%; margin: 0 1em 0 0; border-collapse: collapse; border-spacing: 0; } .mainpage-welcome { padding: .5em 1.6em 1em; } .mainpage-welcome-sitename { font-size: 220%; color: #484848; } .mainpage-welcome-slogan { color: #666; } .mainpage-actions { white-space: nowrap; text-align: right; } .mainpage-actions ul { margin: 0; padding: 0; } .mainpage-actions li { display: inline-block; margin: 0; padding: .5em; font-weight: bold; } @media screen and (max-width: 999px) { .mainpage-heading, .mainpage-heading tbody, .mainpage-heading tr, .mainpage-heading td { display: block; } .mainpage-heading td { padding-left: 1.6em; padding-right: 1.6em; } .mainpage-actions { text-align: center; white-space: normal; } }

/* Main table */ .mainpage-maintable { width: 100%; margin: 1em 0; border: none; background: transparent; border-spacing: 0; } .mainpage-maintable td { padding: 0; vertical-align: top; } .mainpage-maintable td.mainpage-column-left { width: 25%; padding-right: 1em; } .mainpage-maintable td.mainpage-column-center { width: 25%; padding-right: 0em; } .mainpage-maintable td.mainpage-column-right { width: 25%; padding-left: 1em; } @media screen and (max-width: 999px) { .mainpage-maintable, .mainpage-maintable tbody, .mainpage-maintable tr, .mainpage-maintable td { display: block; } .mainpage-maintable td.mainpage-column-left { width: auto; padding: 0 0 0em; } .mainpage-maintable td.mainpage-column-center { width: auto; padding: 0em 0 0em; } .mainpage-maintable td.mainpage-column-right { width: auto; padding: 0em 0 0; } }

/* Boxes */ .mainpage-box { border: 1px solid; } .mainpage-box:not(:first-child) { margin-top: 1em; } .mainpage-box .mainpage-box-title { padding: .2em .5em; font-size: 125%; font-weight: bold; } .mainpage-box .mainpage-box-content { padding: .4em 1em .3em; } .mainpage-box .mainpage-box-seealso { clear: both; border-style: solid; border-width: 1px 0 0; padding-top: .4em; margin-top: .8em; text-align: end; font-size: 95%; font-weight: bold; } .mainpage-box-orange, .mainpage-box-orange .mainpage-box-seealso { border-color: #fad67d; } .mainpage-box-orange .mainpage-box-title { background-color: #fad67d; } .mainpage-box-green, .mainpage-box-green .mainpage-box-seealso { border-color: #bbfa7c; } .mainpage-box-green .mainpage-box-title { background-color: #bbfa7c; } .mainpage-box-blue, .mainpage-box-blue .mainpage-box-seealso { border-color: #abd5f5; } .mainpage-box-blue .mainpage-box-title { background-color: #abd5f5; }

/* Languages bar */ .mainpage-languages { padding: 2em; text-align: center; }

/* keep wikitext div not exceed room available, it doesn’t have any identifier yet :( */

1. mf-vid-vid > div,

/* keep Kaltura not exceed room available */

1. mf-vid-vid .mediaContainer,
2. mf-vid-vid .mwPlayerContainer,
3. mf-vid-vid .PopUpMediaTransform,

/* keep VideoJS not exceed room available */

1. mf-vid-vid .video-js,
2. mf-vid-vid img {

max-width: 100%; }