eduinaf/incl/eduinaf.css

/* per griglia in evidenza */

.evidenza {
	display: flex;
	flex-wrap: nowrap;
	border-style: solid;
	border-color: #f1f1f1;
}

.evidenza > div.up {
	width: 94%;
	margin: 3%;
	text-align: center;
}

.evidenza > div {
	width: 23%;
	margin: 1%;
}

.titoloevidenza {
  background-color: #f1f1f1;
}

.up img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 94%;
	padding: 5px;
}

.evidenza > div img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 94%;
	padding: 5px;
}

/* per griglia generica */

.grid-wrap {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	list-style: none;
}

.grid-item {
	flex-basis: 160px;
	height: 250px;
	padding: 5px;
	margin: 10px;
}

.grid-item img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 160px;
}

.grid-wrap ul {
	margin-left: 0;
}

/* tabella colorata */

div.paleBlueRows {
	border: 1px solid #FFFFFF;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
  }
  .divTable.paleBlueRows .divTableCell, .divTable.paleBlueRows .divTableHead {
	border: 1px solid #D0E4F5;
	padding: 3px 2px;
  }
  .divTable.paleBlueRows .divTableBody .divTableCell {
	font-size: 15px;
  }
  .divTable.paleBlueRows .divTableHeading {
	background: #1D71B8;
	border-bottom: 2px solid #D0E4F5;
  }
  .divTable.paleBlueRows .divTableHeading .divTableHead {
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-left: 2px solid #D0E4F5;
  }
  .divTable.paleBlueRows .divTableHeading .divTableHead:first-child {
	border-left: none;
  }
  
  .paleBlueRows .tableFootStyle {
	font-size: 14px;
  }
  /* DivTable.com */
  .divTable{ display: table; }
  .divTableRow { display: table-row; }
  .divTableHeading { display: table-header-group;}
  .divTableCell, .divTableHead { display: table-cell;}
  .divTableHeading { display: table-header-group;}
  .divTableFoot { display: table-footer-group;}
  .divTableBody { display: table-row-group;}

  /* Bottoni per menu */

  .btn-group button {
	background-color: #1d71b8;
	border: 1px solid white;
	color: white;
	padding: 10px 24px;
	cursor: pointer;
	width: 100%;
	display: block;
  }
  
  .btn-group button:not(:last-child) {
	border-bottom: none; /* Prevent double borders */
  }
  
  /* Add a background color on hover */
  .btn-group button:hover {
	background-color: #1f2c4e;
  }
  
  .btn-group button a {
	color: white;
  }

  /* Bottoni per menu orizontale */

  .btn-group-or button {
	background-color: #1d71b8;
	border: 1px solid white;
	color: white;
	padding: 10px 24px;
	cursor: pointer;
	float: left;
  }
  
  /* Clear floats (clearfix hack) */
  .btn-group-or:after {
	content: "";
	clear: both;
	display: table;
  }
  
  .btn-group-or button:not(:last-child) {
	border-right: none; /* Prevent double borders */
	  border-top: none;
  }
  
  /* Add a background color on hover */
  .btn-group-or button:hover {
	background-color: #1f2c4e;
  }
	  
  .btn-group-or button a {
	color: white;
  }

  /*
	Mappe inaf e irnet

	Nota: le ripetizioni per ovviare
	a un errore che impedisce di mostrare la mappa inaf
  */

	.mappainaf {
		width:100%; position:relative; margin:20px 0 100px 0;
	  }
  
	  .mappainaf img {
		display:block; width:100%; border-radius:20px;
	  }
  
	  .mappainaf a {
		color: #1d71b8;
	  }
  
	  .mappainaf box {
		margin:0;
		padding:0;
		list-style:none;
	  }
  
	  #luogoinaf {
		font-family:arial, helvetica, sans-serif;
		font-size:8pt;
	  }
  
	  .mappainaf box luogoinaf {
		position:absolute;
		display:block;
		background:url(https://edu.inaf.it/wp-content/plugins/eduinaf/images/blank.gif);
	  }
  
	  .mappainaf box span { display:none; }
  
	  .mappainaf box luogoinaf:hover span {
		position:relative;
		display:block;
		width:200px;
		left:-20px;
		top:-20px;
		padding:5px;
		border:1px solid #000;
		border-radius: .25em .25em .25em .25em;
		background:#fff;
		text-decoration:none;
		color:#000;
		filter:alpha(opacity=80);
		opacity:0.8;
	  }
  
	  .mappainaf luogoinaf.torino {
		left: 8.5%;
		top: 18%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.milano {
		left: 19.3%;
		top: 14.5%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.padova {
		left: 40.8%;
		top: 14.5%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.trieste {
		left: 54.3%;
		top: 12%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.bologna {
		left: 35.8%;
		top: 22.5%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.firenze {
		left: 35.8%;
		top: 30.5%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.roma {
		left: 46.1%;
		top: 48%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.teramo {
		left: 55.3%;
		top: 41%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.napoli {
		left: 58.8%;
		top: 58%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.catania {
		left: 66%;
		top: 86%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.palermo {
		left: 52.3%;
		top: 82%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }
  
	  .mappainaf luogoinaf.cagliari {
		left: 19%;
		top: 70.5%;
		width: 6.7%;
		height: 6.5%;
		padding-bottom: 2.18%;
	  }

/* astroedu */

a.astroedu:link {color:#f4900c;}
a.astroedu:visited {color:#faaf3f;}
a.astroedu:hover {color:#ffcc00;}

/* last update */

.last-updated {
    font-size: small;
    text-transform: uppercase;
    background-color: #97cbdf;
}

/* domande risposte */

#cit::before { content: open-quote; }
#cit::after { content: close-quote; }
#cit {
	quotes: "«" "»" "‘" "’";
	font-style: italic;
}

#ask {
	font-weight: bold;
}

/* box */

#box {
	margin: 15px;
	padding: 10px 25px 10px 25px;
	background: #fafafa;
	border: 1px solid #1d71b8;
}