MediaWiki:Common.css

/*
 * FILE : Common.css
 * LAST EDIT DATE : 29/10/2024
 * LAST EDITED BY : Fierodelveneto
*/

/*******************************************************
SCUMÌSIO Stiłe infobox2 (imported from ca.wiki 29/10/2024
********************************************************/
/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    border-radius: 15px
}
.infobox td,
.infobox th {
    vertical-align: top;
    border-radius: 15px
}
.infobox caption {
    font-size: larger;
    border-radius: 15px
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}
/*******************************************************
FINE INFOBOX
********************************************************/

/*******************************************************
SCUMÌSIO STIŁE PAR ARTICULI (2021)
********************************************************/
.mw-parser-output h3 {
	border-bottom: dotted 1px #aaa;
}
.mw-parser-output h4,
.mw-parser-output h5,
.mw-parser-output h6 {
	border-bottom: dotted 1px #ddd;
}
/*******************************************************
FIN STIŁE PAR ARTICULI (2021)
********************************************************/


/*******************************************************
SCUMÌSIO STIŁE PAR PORTAŁE (2021)
********************************************************/
#strica-portale {
	border: none;
    border-width: 1px 1px 0.2em;
	background-color: #f9f9f9;
	text-align: left;
	margin-top: 1em;
	border-radius: 18px
}
#strica-portale,
#liste-portale {
	padding: 4px;
	margin-left: 0;
	clear: both;
}
#liste-portale li,
#strica-portale li{
	display: inline;
}
.strica-portale-elementi {
	white-space: nowrap;
	margin: 0 1.5em;
}
.strica-portale-icone {
	margin-right: 0.5em;
}
.strica-portale-testi {
	font-weight: bold;
}

html.skin-theme-clientpref-night #strica-portale { background-color: #101418;}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os #strica-portale { background-color: #101418;}
/*******************************************************
FIN STIŁE PAR PORTAŁE (2021)
********************************************************/


/*******************************************************
SCUMÌSIO STIŁE PAR CITASION E CORELAI (2021)
********************************************************/
/* colora de azuro al schiciar le notasion */
ol.references > li:target,
sup.reference:target,
span.citation:target,
cite:target {
    background-color: #DEF;
}
/* Negreto o itàlego */
sup.reference {
    font-weight: normal;
    font-style: normal;
}
/* Stile par citasion */
.citation {
    word-wrap: break-word;
}
/* Tamaño fuente de referencias es.w*/
ol.references,
div.listaref,
.refcomienza {
    font-size: 90%;            /* Default font-size */
    margin-bottom: 0.5em;
}
div.listaref ol.references {
    font-size: 100%;           /* Reset font-size when nested in div.listaref */
    list-style-type: inherit;  /* Enable custom list style types */
}
/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version */
@media screen, handheld {
    .citation .printonly {
        display: none;
    }
}
/*******************************************************
FINE STIŁE PAR CITASION E CORELAI (2021)
********************************************************/


/*******************************************************
SCUMÌSIO STIŁE PAR NAVBAR COL ZE INTE UN INFOBOX E CORELAI (2021) (atualizà 30.10.2024)
********************************************************/
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid #aaa;
	width: 100%;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
	margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
	margin-top: 0;            /* No top margin for nested navboxes */
}
.navbox + .navbox {
	margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}
.navbox-inner,
.navbox-subgroup {
	width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;      /* Title, group and above/below styles */
	line-height: 1.5em;
	text-align: center;
}
th.navbox-group {             /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right

;
}
.navbox,
.navbox-subgroup {
	background: #fdfdfd;      /* Background color */
}
.navbox-list {
	line-height: 1.5em;
	border-color: #fdfdfd;    /* Must match background color */
}
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
	background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
	background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
	background: transparent;  /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}

/* Default styling for Navbar template */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline;
	white-space: nowrap;
}
.mw-body-content .navbar ul {
	line-height: inherit;
}
.navbar li {
	word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
	font-variant: small-caps;
	border-bottom: none;
	text-decoration: none;
	cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
	font-size: 100%;
}
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle {
	font-weight: normal;
	/* @noflip */
	text-align: right;
	padding-right: 0.2em;
	padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
}

@media print {
    .navbox {
        display: none;
    }
}

/*******************************************************
FINE STIŁE PAR NAVBAR COL ZE INTE UN INFOBOX E CORELAI (2021)
********************************************************/


/*******************************************************
SCUMÌSIO STIŁE PAR MODEŁO MAN (2021)
********************************************************/
.template-documentation {
   clear: both;
   margin: 1em 0 0 0;
   border: 1px dotted #8BCBFF;
   background-color: #EEF9FA;
   padding: 0.9em;
   border-radius: 18px
}
/* Stile dark mode par el man */
html.skin-theme-clientpref-night .mw-parser-output .template-documentation {
    background-color: #0b1e1c !important;
}

@media (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .mw-parser-output .template-documentation {
        background-color: #0b1e1c !important;
    }	
}
/************************************************
FINE STIŁE PAR MODEŁO MAN
*************************************************/


/******************************************************
COORDENAE
*******************************************************/
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; top: 1em; font-size: 12px; }
/******************************************************
COORDENAE
*******************************************************/


/******************************************************
SCUMÌSIO STIŁI TOŁE DE AVIZO (2021) (copià da es.wiki) (atualizà 29.10.2024)
*******************************************************/
/* Tołe de avizo cołor bianco co strica cołorada insima */
table.ambox {
    margin: 0 7% .8em; /* https://es.wikipedia.org/?diff=80119206 */
    background-color: var(--background-color-neutral-subtle, #f8f9fa);
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    font-size: 95%;
    border-radius: 18px
}
table.ambox th.ambox-text, table.ambox td.ambox-text {
    padding: 0.25em 0.5em; /* 0.5em left/right */
    width: 100%; /* Tuti i modełi de ła istesa larghesa mia dipendendo da ła grandesa testo */
}
table.ambox .ambox-image {
    padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
    text-align: center;
}
table.ambox .ambox-imageright {
    padding: 2px 0.5em 2px 0;  /* 0px left, 0.5em right */
    text-align: center;
}
/* Stiłi cołuri modełi de avizo */
.ambox-notice {border-top: 5px solid #608EC2}  /* azuro */
.ambox-protection {border-top: 5px solid #bba} /* grizo */
.ambox-delete,
.ambox-serious {border-top: 5px solid #b22222} /* roso */
.ambox-content {border-top: 5px solid #f28500} /* naranson */
.ambox-style {border-top: 5px solid #f4c430}   /* zalo */
.ambox-merge {border-top: 5px solid #8c08a4}   /* pòrpora */
.ambox-growth {border-top: 5px solid #47a30d}  /* verdo */

.ambox.ambox-mini { /* Version picenina flotante */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
/* piega cueli che i ga la clase flextable so dispozitivi pì cei */
@media screen and (max-width: 720px) { 
	table.flextable tr > td { 
		display: table-row; 
	}
}
/* alguni box par discusion no i ze ambox (no i ga la strica colorada) */
.messagebox {
    border: 1px solid #aaa;
    width: 90%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    background-color: var(--background-color-progressive-subtle, #efefff); 
    color: var(--color-base, #202122); 
    border: 1px solid var(--border-color-progressive, #9f9fff);
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    margin: 4px auto;
}
/******************************************************
FINE STIŁI TOŁE DE AVIZO  (2021)
*******************************************************/



/*****************************************************************************************************************
SCONDAR TITULO, CAT.,  DATA ULT. CANBIAMINTI E ERORI DA WIKIPEDIA:PRINSIPIO (2021)
******************************************************************************************************************/
body.page-Wikipedia_Prinsipio .firstHeading,
body.page-Wikipedia_Prinsipio .contentSub,
body.page-Wikipedia_Prinsipio .pagetitle,
body.page-Wikipedia_Prinsipio .subtitle,
body.page-Wikipedia_Prinsipio #ca-unprotect,
body.page-Wikipedia_Prinsipio #ca-move,
body.page-Wikipedia_Prinsipio #ca-delete,
body.page-Wikipedia_Prinsipio #mytabs,
body.page-Wikipedia_Prinsipio #tw-BR,
body.page-Wikipedia_Prinsipio #tw-xfd,
body.page-Wikipedia_Prinsipio #catlinks,
body.page-Wikipedia_Prinsipio #footer-info-lastmod,
body.page-Wikipedia_Prinsipio .error {
    display:none;
}
/*************************************************************************************************************
FINE SCONDAR TITULO, CAT, DATA ULT. CANB. E ERORI DA VOZE DE PRINSIPIO (2021)
**************************************************************************************************************/


/**********************************************
BEGIN NUMARI PICENINI INTE I TITULI DE SESION
***********************************************/
.reference {font-weight: normal; font-size: 0.7rem; font-family: sans-serif;}
/**********************************************
END NUMARI PICENINI INTE I TITULI DE SESION
***********************************************/


/*****************************************************************
BEGIN REVIEW-NOTICE (it's disturbs the pages) (2020) 
******************************************************************/
span.mw-fr-reviewlink,
div#mw-fr-revisiontag,
ul#pagehistory small,
div.fr-diff-to-stable,
table.fr-diff-ratings,
#mw-fr-reviewnotice,
#mw-fr-revisiontag-edit
 {display:none}
.flaggedrevs-pending,
.flaggedrevs-unreviewed,
.flaggedrevs-color-1 
 {background-color:transparent}
li.fr-hist-stable-margin  
 {margin-top:0}
/*****************************************************************
END REVIEW-NOTICE (it's disturbs the pages) (2020) 
*****************************************************************/


/*****************************************************
BEGIN UNPATROLLED ! by @sakretsu (2020
******************************************************/
.mw-changeslist-line .flaggedrevs-pending { display: none; }
.mw-changeslist-line .flaggedrevs-pending + .mw-changeslist-separator--semicolon { margin-left: -3px; }
/***************************************************
END UNPATROLLED ! by @sakretsu (2020
****************************************************/


/******************************************************
BEGIN DEXANBIGUASION COLORAE (2020)
******************************************************/
a.mw-disambig { color: #008a81; }
/******************************************************
END DEXANBIGUASION COLORAE (2020)
*******************************************************/


/*******************************
BEGIN ÌNDAZE
********************************/
ul#filetoc, #toc, .toc, .mw-warning {
    display: inline-block;
    background: #fcfcfc;
    border: solid #eeeeee;
    border-width: 1px 1px 0.2em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    padding: 1.25em 1.77em;
    min-width: 15em;
    width: 25em;
}
div#toc.toc {
	margin-top:20px;
}
.catlinks, #catlinks.catlinks, #mw-data-after-content {
    margin-top: 0.2em;
    text-align: center;
}
/********************************
 END ÌNDAZE
********************************/


/************************************************************
BEGIN LAST CHANGES IMPROVEMENTS (2020) (atualizà 29/10/2024)
************************************************************/
 /* Cołore nùmaro de byte in tei Canbiamenti in ùltima */
.mw-plusminus-pos {
  color: #00B000;
}
.mw-plusminus-neg {
  color: #FF2050;
}
/* Avixo inte le pàjine de laoro dei utenti (no atualizà al 2024) */
body.ns-2 #contentSub > span.subpages:before,
.ns-3 #contentSub > span.subpages:before {
   content: " Òcio! Sta pàzena no ła ze mia ensiclopèdega. Sta pàzena ła ze solché un spàsio de łaoro personałe. ";
   background: #fff2ea;
   border: 1px solid #f0c91f;
   display: block;
   text-align: center;
   color: maroon;
   margin-bottom: 2mm;
   line-height: 120%;
   padding:10px;
   margin-right:10px;
}
/* Stile par targhete (etichete) 2021 (atualizà 29/10/2024) */
.mw-tag-marker {
 font-family:sans-serif;
 font-style:italic;
 font-size:90%;
 background-color:#edff00;
 border-radius: 8px
}
/* Stile par targhete in modo scuro 2021 (atualizà 29/10/2024)*/
@media screen {
	.skin-theme-clientpref-night .mw-tag-marker {
		background-color: #42340f;
	}
}
@media screen and (prefers-color-scheme: dark) {
	.skin-theme-clientpref-os .mw-tag-marker {
		background-color: #42340f;
	}
}

/* Stile par avizi de filtri antiabuzi */
.aviso_filtro {
   border: 1px solid #848484;
   margin: 19px 14px 19px 14px;
   padding: 0.8em 1.2em 0.8em 1.2em;
}
/* Stile par el posible vandalismo. El ga da èsar vixibile */
.mw-tag-marker-pusibile_vandalismo, .mw-tag-marker-botspam {
    background-color:#FEC29C;
}
/************************************
END LAST CHANGES IMPROVEMENTS (2020)
************************************/


/******************************************************
LINEAMENTO SENTRA' CO class="wikitable centre" e align=center (2024)
******************************************************/
table.centre,
table.center {
	margin:1em auto;
}
table.wikitable[align=center] {
	margin:1em auto;
}
/**************************
FINE LINEAMENTO SENTRA' (2024) 
***************************/

/**************************************************************
CARATARI PAR MODELI LENGUISTEGHI IPA, UNICODE, POLYTONIC:
 **************************************************************/
/* "Inherit" el rezeta i fonts par tuti i navegadori a parte che MSIE6. El comento vodo el ga da èsarghe */
.IPA {
        font-family: Chrysanthi Unicode, Doulos SIL, Gentium, GentiumAlt, Code2000, TITUS Cyberbit Basic, DejaVu Sans, Bitstream Vera Sans, Bitstream Cyberbit, Arial Unicode MS, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, Matrix Unicode;
        font-family /**/:inherit;
}
.Unicode {
        font-family: TITUS Cyberbit Basic, Code2000, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Bitstream Vera, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode;
        font-family /**/:inherit;
}
.polytonic {
        font-family: Athena, Gentium, Palatino Linotype, Arial Unicode MS, Lucida Sans Unicode, Lucida Grande, Code2000; 
        font-family /**/:inherit;
}
/**************************************************************
FINE CARATARI PAR MODELI LENGUISTEGHI IPA, UNICODE, POLYTONIC:
 **************************************************************/


/**************************************************
CLASI PAR RODONDAR I BORDI DEI DIV E DE LE TABELE 
**************************************************/
.radius {
    border-radius: 1em;
    -moz-border-radius: 1em;
}
.radius_top {
    border-top-right-radius: 1em;
    border-top-left-radius: 1em;
    -moz-border-radius-topright: 1em;
    -moz-border-radius-topleft: 1em;
}
.radius_bottom {
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
    -moz-border-radius-bottomright: 1em;
    -moz-border-radius-bottomleft: 1em;
}
.rad {
    border-radius: .5em;
    -moz-border-radius: .5em;
}
/********************************************************
FINE CLASI PAR RODONDAR I BORDI DEI DIV E DE LE TABELE
********************************************************/


/************************
INTERWIKI
************************/
#interwiki-completelist {
	font-weight: bold;
}
/*************************
INTERWIKI
**************************/

/* NAVBOX*/
/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0; /* don't trust the note that says margin doesn't work with inline
				* removing margin: 0 makes dds have margins again */
	display: inline;
}

/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
	display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}

/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}

/**
 * Note hlist style usage differs in Minerva and is defined in core as well!
 * Please check Minerva desktop (and Minerva.css) when changing
 * See https://phabricator.wikimedia.org/T213239
 */
.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold;
}

.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}

.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}

.hlist ol > li {
	counter-increment: listitem;
}

.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}

.plainlist ol li,
.plainlist ul li {
	margin-bottom: 0;
}

/* Sfondo grizo par le pàzene protezeste da modìfega (importà da fr.wiki 29/10/2024) */
#wpTextbox1[readonly],
#wpTextbox1[readonly] + div > .ace_editor > .ace_content {
	background-color: #eee;
}
html.skin-theme-clientpref-night #wpTextbox1[readonly],
html.skin-theme-clientpref-night #wpTextbox1[readonly] + div > .ace_editor > .ace_content {
	background-color: #000;
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os #wpTextbox1[readonly],
	html.skin-theme-clientpref-os #wpTextbox1[readonly] + div > .ace_editor > .ace_content {
		background-color: #000;
	}
}
.mw-textarea-protected {
	border: 2px solid #ff0000;
	color: navy;
}
/* Fin sfondo grizo editor */

/* Rotondare botoni (adatà anca par dark mode)*/
.mw-ui-button {
    border-radius: 9px; 
    padding: 10px 24px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    margin: 6px;
}
/* fine rotondare botoni */
/* rotondare categorie*/
.catlinks {
    border-radius: 18px;
}
/* fin rotondare categorie */