MediaWiki:Common.css

Z thewoodcraft.org

Poznámka: Po zveřejnění musíte vyprázdnit cache vašeho prohlížeče, jinak změny neuvidíte.

  • Firefox / Safari: Při kliknutí na Aktualizovat držte Shift nebo stiskněte Ctrl-F5 nebo Ctrl-R (na Macu ⌘-R)
  • Google Chrome: Stiskněte Ctrl-Shift-R (na Macu ⌘-Shift-R)
  • Internet Explorer / Edge: Při kliknutí na Aktualizovat držte Ctrl nebo stiskněte Ctrl-F5
  • Opera: Stiskněte Ctrl-F5.
/* Zde uvedené CSS bude ovlivňovat všechny styly */

/**
 * Skin Vector Max Width, see skinVectorWidthWrapper::onAfterFinalPageOutput
 * https://www.mediawiki.org/wiki/Topic:Rqxj1jgjhnr5ezt5
**/
#skin-vector-maxwidth-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1460px;
}

html,
body {
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 100% 5em;
    background-image: url(/skins/Vector/images/page-fade.png);
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
    background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
    background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
    background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
}

@media print {
	#skin-vector-maxwidth-wrapper {
	    position: relative;
	    margin-left: 0;
	    margin-right: 0;
	    max-width: 100%;
	}

	html,
	body {
	    background:none;
	}
}

/**
 * Skin Vector Max Width: fix the position of:
 *    personal user menu
 *    search bar
 *    add right blue border
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
.mw-body { border-right: 1px solid #A7D7F9; }

div.mw-body {
	padding: 0.2em 0.4em;
}

.mw-body-content {
  font-size: 100%/1rem;
}

/* Bring the text to 14px */
.mw-editfont-monospace,
.mw-editfont-sans-serif,
.mw-editfont-serif {
  font-size: 100%/1rem;
}

div#mw-panel div.portal h3,
div#mw-panel div.portal div.body ul li {
   font-size: 100%/1rem; /* default is 0.75em */
}

.mw-border {
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;
        -moz-box-shadow: 0.1em 0.1em 0.5em 0.5em;
        -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75);
        box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75);
        padding: 0.5em 1em;
}

.mw-boxtitle {
	padding-top: -1em;
	left: 0.2em;
	max-width: 60%;
	position: relative;
	font-weight: bolder;
	font-size: 100%;
}

.mw-speedmenu {
        width: 100%;
#        padding-top: 1.33em;
#        position: absolute;
        float: none;
        text-align: center;
        font-size: large;
        font-weight: bold;
}

.mw-logo {
        width: 94%;
        margin-bottom: 1rem;
        float: none;
}

div.mw-archivebox {
#        background: #f6f6f6;
#        border: 1px solid #a7f7d9;
        max-width: 16%;
        padding-left: 1rem;
        padding-right: 1rem;
        float:left;
        min-width: 160px;
}

p.mw-archivebox {
        background: #f6f6f6;
}

.mw-newsbox {
        background-color: #f0f0f0;
        width: 94%;
        height:10%;
        float:left;
}

.mw-mainbox {
        background-color: #ffffff;
        width: 94%;
        height:10%;
        float:left;
        position:relative;
        margin-top: 1em;
}

div.mw-lastbox {
	background-color: #cccccc;
	width: 94%;
	margin-top: 0.5em;
	float:left;
        position:relative;
	margin-bottom:1em;
}

div.mw-newsbox span, div.mw-mainbox font, div.mw-archivebox p {
        color: black;
	font-weight: bolder;
	font-size: 100%;
}

p.mw-archivebox span {
	font-weight: normal;
	font-size: 400;
}

div.mw-mainbox hr {
	width: 30%;
	margin-left: 30%;
}

.main-navigation {
#	margin-left: 30%;
	position: relative;
	z-index: 1;
	padding-top: 2em;
	font-weight: bold;
	resize: yes;
	text-align: center;
	width: 94%;
}

#left-navigation {
	margin-top: 0px;
}

/* Responsive box size on main page */
@media screen and (max-width:982px) {
.obsah {
#    display:flex;
#    flex-direction: column-reverse;
}

.archive {
#	background: yellow;
	width: 94%;
	margin-top: 0.5em;
	margin-bottom:1em;
}

.news {
#	background: blue;
	width: 94%;
	margin-top: 0.5em;
	margin-bottom:1em;
}

.content {
#	background: red;
	width: 94%;
	margin-top: 0.5em;
	margin-bottom:1em;
} }

# Skrytí titulku hlavní stránky
body.page-No_page_title h1.firstHeading, body.page-Main_Page h1.firstHeading
  { display:none; }
body.page-Hlavní_strana h1.firstHeading { display:none; }
/*
#
div.mw-pt-languages-label {
	background: #bbbbbb;
}
#
.mainpage_boxcontents,
.mainpage_boxcontents_small {
	background: #ffffff;
	padding: 0.2em 0.4em;
}
.mainpage_boxcontents_small {
	font-size: 95%;
}
.mainpage_boxcontents_title {
	display: block;
	border-bottom: 1px solid #AAA;
	margin-bottom: 0.5em;
	text-align: center;
	font-weight: bold;
	font-size: larger;
}
*/

/* hiddenStructure from Monobook - allows selective hiding of markup in templates */
.hiddenStructure {
   display: none;
   speak: none;
}

span.date {
        display:inline-block;
}

span.date::first-letter {
	text-transform: uppercase;
}