/*
 * Egyeni CSS a wiki cikkekhez
 *
 * Ez a stlyesheet a <web>/SitePreferences oldalon beallithato mint USERSTYLESHEET!
 *
 * Manualisan igy includolhatod:
 *  %ADDTOZONE{"head" text="<style>@import url('%PUBURLPATH%/Main/novinstyle.css');</style>"}%
 */  

/*--------------------------------------------------------------------*/
/*        FOOLDAL                                                     */
/*--------------------------------------------------------------------*/

/* navigacios doboz */
nav.box {
	width: 100%;
	text-align: center;
	
}
nav .boxTitle {
	background: #afa;
}
nav ul:first-child > li {
	font-size: 2em;
	font-variant: small-caps;
	list-style: none;
	display: inline-block;
	margin-left: .5em;
	margin-right: .5em;
}
nav ul:first-child > li::before {
	content: "[";
}
nav ul:first-child > li::after {
	content: "]";
}

/* oldalt alkoto dobozok */
.box {
	width: 100%;
	border: solid 1px;
	margin: .25em;
}
.boxTitle {
	background: #fc3;
	border-bottom: solid 1px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	padding: .25em;
}
.boxContents {
	padding: .5em;
}

/*--------------------------------------------------------------------*/
/*        TOPICOK                                                     */
/*--------------------------------------------------------------------*/

/* 2022-08-02 nem kell */
/*
.foswikiTopic {
    margin-left: auto;
    margin-right: auto;
    max-width: 80ch;
}
*/

/*--------------------------------------------------------------------*/
/*        BARATSAGOS SZINES DOBOZOK                                   */
/*--------------------------------------------------------------------*/

/* komment jellegu informacio, pl. hogy valaki hianyzik a cikkbol */
.commentbox {
    border: 1px dashed;
    background-color: #ddd;
    padding: .25em;
    width: 50%; 
}

/* extra, nem annyira fontos informacio (TIPP) */
.infobox {
	border: 1px dotted;
	background-color: #efd;
	padding: .25em;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.infobox::before {
	content: "TIPP: ";
	font-weight: bold;
}

/* fontosabb megjegyzes (MEGJEGYZES) */
.notebox {
	border: 2px solid;
	background-color: #ffb;
	padding: .25em;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.notebox::before {
	content: "MEGJEGYZÉS: ";
	font-weight: bold;
}

/* igen fontos figyelmeztetes (FIGYELEM) */
.warningbox {
	border: 2px solid red;
	background-color: #faa;
	padding: .25em;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.warningbox::before {
	content: "FIGYELEM: ";
	font-weight: bold;
}


/*--------------------------------------------------------------------*/
/*        NAVIGACIOS DOBOZ PORTALOKRA                                 */
/*--------------------------------------------------------------------*/

.navbox {
	background-color: #dedede;
	border:0em solid;
	width: 100%;
	font-weight: bold;
    text-align: center;
    padding-top: .2em;
    padding-bottom: .2em;
    position: sticky;
    top: 0em;
}
.navbox .title {
    display: block;
	font-size: 1.25em;
}
.navbox ul {
    margin-top: 0;
    margin-bottom: 0;
}
.navbox li {
    display: inline-block;
    margin-left: .2em;
    margin-right: .2em;
}
.navbox li::after {
    content: "•";
}
.navbox li:last-child::after {
    content: "";
}


/*--------------------------------------------------------------------*/
/*        SZINEK                                                      */
/*--------------------------------------------------------------------*/

.blue-bg { background-color: turquoise; }
.cyan-bg { background-color: paleturquoise; }
.green-bg { background-color: darkseagreen; }
.magenta-bg { background-color: plum; }
.red-bg { background-color: salmon; }
.yellow-bg { background-color: khaki; }
.orange-bg { background-color: orange; }
.gray-bg, .grey-bg { background-color: darkgray; }