containing navigation buttons */
background: #778;
color: #fff;
}
.calendar thead .hilite {
/* How do the buttons in header appear when hover */
background: #aaf;
color: #000;
border: 1px solid #04f;
padding: 1px;
}
.calendar thead .name {
/* Cells | containing the day names */
border-bottom: 1px solid #556;
padding: 2px;
text-align: center;
color: #000;
}
.calendar thead .title {
/* This holds the current "month, year" */
font-weight: bold; /* Pressing it will take you to the current date */
text-align: center;
background: #fff;
color: #000;
padding: 2px;
}
.calendar thead .weekend {
/* How a weekend day name shows in header */
color: #a66;
}
.calendar, .calendar table {
border: 1px solid #556;
font-size: 11px;
color: #000;
cursor: default;
background: #eef;
font-family: tahoma,verdana,sans-serif;
}
.combo .active {
border-top: 1px solid #46a;
border-bottom: 1px solid #46a;
background: #eef;
font-weight: bold;
}
.combo .hilite {
background: #acf;
}
.combo .label {
width: 100%;
text-align: center;
}
.form-button {
display: flex;
justify-content: flex-start; /* o center, o end */
flex-wrap: wrap;
gap: 1em;
}
.form-button input[type="submit"] {
font-size: 1em;
font-weight: bold;
color: #ffffff; /* Testo bianco */
background-color: var(--button); /* Azzurro elegante */
border: 2px solid var(--button); /* Stesso colore del bordo */
border-radius: 8px; /* Bordi arrotondati */
padding: 7px 10px; /* Spazio interno */
cursor: pointer;
box-shadow: 0 4px 8px var(--shadow-color); /* Leggera ombreggiatura */
transition: background-color 0.3s ease, transform 0.2s ease;
/* Aggiunte per accessibilità e adattamento */
width: 100%;
max-width: 250px;
box-sizing: border-box;
}
.form-button input[type="submit"]:active {
background-color: var(--button-active); /* Colore ancora più scuro alla pressione */
transform: translateY(0); /* Ritorna alla posizione normale */
}
.form-button input[type="submit"]:hover {
background-color: var(--button-hover); /* Colore più scuro al passaggio del mouse */
transform: translateY(-2px); /* Effetto di sollevamento */
}
.form_submit {
font-size: 1em;
font-weight: bold;
color: #ffffff; /* Testo bianco */
background-color: var(--button); /* Azzurro elegante */
border: 2px solid var(--button); /* Stesso colore del bordo */
border-radius: 8px; /* Bordi arrotondati */
padding: 7px 10px; /* Spazio interno personalizzato */
text-align: center;
cursor: pointer;
box-shadow: 0 4px 8px var(--shadow-color); /* Leggera ombreggiatura */
transition: background-color 0.3s ease, transform 0.2s ease;
}
.form_submit {
font-size: 1em;
font-weight: bold;
color: #ffffff; /* Testo bianco */
background-color: var(--button); /* Azzurro elegante */
border: 2px solid var(--button); /* Stesso colore del bordo */
border-radius: 8px; /* Bordi arrotondati */
padding: 7px 10px; /* Spazio interno personalizzato */
text-align: center;
cursor: pointer;
box-shadow: 0 4px 8px var(--shadow-color); /* Leggera ombreggiatura */
transition: background-color 0.3s ease, transform 0.2s ease;
}
.form_submit:active {
background-color: #004a70; /* Colore ancora più scuro alla pressione */
transform: translateY(0); /* Ritorna alla posizione normale */
}
.form_submit:active {
background-color: #004a70; /* Colore ancora più scuro alla pressione */
transform: translateY(0); /* Ritorna alla posizione normale */
}
.form_submit:hover {
background-color: #005a87; /* Colore più scuro al passaggio del mouse */
transform: translateY(-2px); /* Effetto di sollevamento */
}
.form_submit:hover {
background-color: #005a87; /* Colore più scuro al passaggio del mouse */
transform: translateY(-2px); /* Effetto di sollevamento */
}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 0.5em;
width: 100%;
box-sizing: border-box;
}
.header-left {
flex: 1 1 auto;
display: flex;
align-items: center;
}
.header-right {
/* flex: 0 0 150px;*/
text-align: center;
}
.help_text_big[data-title] {
position: relative;
}
.help_text_big[data-title]:after {
content: attr(data-title);
display: none;
bottom: -1.6em;
left: 100%;
padding: 4px 4px 4px 8px;
color: #222;
/* white-space: nowrap; */
white-space:pre;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 4px #222;
-webkit-box-shadow: 0px 0px 4px #222;
box-shadow: 0px 0px 4px #222;
background-image: -moz-linear-gradient(top, #f8f8f8, #a0bdeb);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #a0bdeb));
background-image: -webkit-linear-gradient(top, #f8f8f8, #a0bdeb);
background-image: -moz-linear-gradient(top, #f8f8f8, #a0bdeb);
background-image: -ms-linear-gradient(top, #f8f8f8, #a0bdeb);
background-image: -o-linear-gradient(top, #f8f8f8, #a0bdeb);
opacity: 0;
z-index: 99999;
visibility: hidden;
}
.help_text_big[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
display: inline-flex;
}
.highlight {
background-color: #ffc;
}
.hr_legend {
border: 1px solid;
border-top: 1px solid #23527c;
margin-top: 0px;
margin-bottom: 0px;
}
.link-container {
background-color: var(--header-footer);
padding: 20px;
width: 80%;
border-radius: 8px;
box-shadow: 0 0 10px var(--shadow-color);
text-align: center;
border-left: 10px solid;
border-left-color: #0097a7;
}
.logout-btn {
background-color: #a80000;
border: 2px solid #870000;
}
.logout-btn:hover {
background-color: #870000;
}
.main-content {
margin-right: 0;
}
.menu a {
color: var(--dark-text) !important;
height: 18px;
padding-left: 30px;
display: block;
text-decoration: underline !important;
position: relative;
transition: color 0.3s ease, background-color 0.3s ease;
border-radius: 4px;
}
.menu a:hover,
.menu a:active {
color: #6e89a1;
background-color: #f7fbff;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
text-decoration: none !important;
}
.menu a:visited {
color: var(--dark-text);
}
.menu h1 {
background:var(--box-dark-background);/* linear-gradient(to bottom, #5a7d9a, #3b5a75); /* Effetto sfumato */
color: #fff !important;
padding: 4px 8px;
border-radius: 8px;
margin-right: 10px;
text-align: center;
/*border: 1px solid #fff;*/
font-size: 1.2rem !important;
font-weight: bold !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Ombra per profondità */
}
.menu li {
display: block;
margin-left: 15px;
font-size: 90%;
height: 20px;
line-height: 20px;
list-style: none;
position: relative;
}
.password-btn {
background-color: #ffa500;
border: 2px solid #cc8400;
}
.password-btn:hover {
background-color: #cc8400;
}
.portlet {
border: 1px dotted #999;
border-top: 0px;
padding: 6px 8px 6px 8px;
clear:left;
overflow: auto;
}
.portlet-controls {
display: block; /* future development */
padding-top: 2px;
text-align: right;
}
.portlet-controls a:hover {
color: #000;
}
.portlet-controls a:link {
color: #fff;
}
.portlet-controls img {
border: 0px;
}
.portlet-header {
padding: 2px 8px 2px 8px;
border-top: 1px solid #fff;
background: #ddd;
height: 21px;
}
.portlet-title {
float: left; /* comment out if portlet-controls display:none */
display: inline;
}
.portlet-title h1 {
margin: 0px;
font-size: 1em;
font-weight:bold;
color:#000;
}
.portlet-wrapper {
margin: 4px 4px 4px 4px;
}
.small {
font-size: x-small;
}
.styled-list {
padding: 0; /* Rimuove il padding dell'elenco */
margin: 0; /* Rimuove il margine */
list-style-type: none; /* Rimuove i punti elenco */
}
.styled-list a {
font-size: 1em;
color: var(--button); /* Colore del testo */
text-decoration: none; /* Rimuove la sottolineatura di base */
padding: 8px 0; /* Spazio interno per un look più curato */
transition: color 0.3s ease, text-decoration 0.3s ease;
}
.styled-list a:hover {
text-decoration: underline; /* Sottolinea al passaggio del mouse */
}
.styled-list li {
margin-bottom: 12px; /* Spazio tra gli elementi */
position: relative;
padding-left: 20px; /* Spazio per l'indicatore */
}
.styled-list li::before {
content: "•"; /* Indicatore personalizzato */
position: absolute;
left: 0;
font-size: 1.2em;
color: var(--button); /* Colore dell'indicatore */
}
.tab_legend .col-sm-3 {
padding-right: 1px !important;
padding-left: 1px !important;
}
.tab_legend .col-sm-3 {
width: 35% !important;
}
.tab_legend .col-sm-9 {
width: 65% !important;
}
.tab_legend .col-sm-offset-3 {
margin-left: 35%;
}
.tab_legend .form-group {
margin-bottom: 10px;
}
.tab_legend .form-legend {
display:none !important;
}
.tab_legend .help-block {
margin-top: opx !important;
margin-bottom: 0px !important;
}
.tab_legend .x-form-item-body {
width: 433px !important;
}
.tab_legend .x-form-text, textarea.x-form-field {
width: 433px !important;
}
.tab_legend div {
width: 700px !important;
}
.table_s {
width: 95%;
border-collapse: collapse;
font-family: Arial, sans-serif;
background-color: #f9f9f9;
}
.table_s .td_int {
background-color: #4485b3; /* Sfondo */
color: #ffffff; /* Testo bianco */
}
.table_s td {
color: var(--dark-text); /* Testo scuro */
/* text-align: left;*/
}
.table_s th {
background-color: var(--button); /* Sfondo modificato */
color: #ffffff; /* Testo bianco per contrasto */
text-align: center;
font-weight: bold !important;
font-size: 1em;
}
.table_s th,
.table_s td {
padding: 10px;
border: 1px solid #ddd;
}
.table_s tr:hover {
background-color: #e2e8e8; /* Colore originale mantenuto */
/*cursor: pointer;*/
}
.table_s tr:nth-child(even) {
background-color: #f2f2f2; /* Colore originale mantenuto */
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
background: #313063 !important;
color: #fff !important;
}
.ui-state-default a:hover {
color: #fff !important;
background: #313063 !important;
border-radius:0 !important; /*mat01*/
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: none ;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
padding-bottom: 0px !important;
}
.ui-tabs .ui-tabs-panel {
border-width: 0 ;
}
.ui-tabs-anchor:focus {
box-shadow:none !important;
}
.ui-widget-content {
/*border: 1px solid #313063 !important;
border-radius: 15px !important;*/
border:none ;
width: auto !important;
}
.ui-widget-header {
background: #fff !important;
border: none !important;
}
.ul_admin li {
display: block;
position: relative;
}
.ul_admin li:before {
content: "";
position: absolute;
top: 1.2em;
left: -30px;
margin-top: -.9em;
background: #f69ec4;
height: 10px;
width: 10px;
border-radius: 50%;
background: linear-gradient(45deg, var(--box-light-background), #546d82); /* linear-gradient(rgba(168,216,239,1), rgba(205,233,245,1)) linear-gradient(45deg, #f69ec4, #f9dd94) */
}
.ul_admin li:not(:last-child) {
margin-bottom: 12px;
}
/*
a:link {
color: #235c96;
text-decoration:underline;
}
/*
#left {
background-color: var(--box-light-background);
background-image: url(/resources/iter-portal/img/ombra_orizzontale_colonna.png);
width: 150px;
background-repeat: repeat-x;
background-position:top;
padding: 0px 0 30px 0;
margin: 0px;
white-space: nowrap;
}
/* ARE THESE NEEDED ??? -----------------------------------------------------------*/
/* Various forms of links */
.action-list {
padding: 0;
}
/* END ARE THESE NEEDED -----------------------------------------------------------*/
/* END STANDARD TAGS ---------------------------------------------------------------*/
/* HEADER TAGS ---------------------------------------------------------------------*/
#header {
font-size: 2.2rem;/*0.92em; */
background-color: var(--header-footer); /*#003399; VAR(--BUTTON);*/
color: #FFFFFF;/*#444444; */
/*padding-top: 1em; */
padding-bottom: 1em;
/*background-image: url(/resources/iter-portal/img/bg_testata.png);*/
background-repeat: repeat-x;
background-position: top left;
height: 2em;
font-weight: 700;
text-decoration: none;
line-height: 1;
vertical-align:top;
letter-spacing: .01em !important;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000; /* assicurati che sia sopra gli altri elementi */
}
/* Aggiunge una freccia laterale senza immagini */
.menu a::before {
content: "▶"; /* Simbolo freccia */
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
color: #6e89a1;
transition: color 0.3s ease;
}
/* Boxed User Message */
.boxed-user-message {
background-color: #ccff99;
padding-left: 12px;
padding-right: 12px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 85%;
border: 1px solid #dd9988;
}
/* Cambia il colore della freccia al passaggio del mouse */
.menu a:hover::before {
color: var(--box-dark-background);
}
/* Combo boxes (
s that display months/years for direct selection) */
.combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #def;
color: #000;
font-size: smaller;
}
/* Contenitore principale */
.layout-container {
display: flex;
align-items: flex-start;
width: 100%;
}
/* Contenuto principale con margine per non coprire */
.main-content {
margin-right: 150px; /* identico alla larghezza della sidebar */
padding: 1em;
box-sizing: border-box;
width: 80%;
margin-top: 4em; /* adegua in base all’altezza reale dell’header */
}
/* CONTEXT BAR ---- */
#breadcrumbs {
clear: right;
/* padding-left: 0.4em; */
/* background-image:url(/resources/img/bg_breadcrumbs.png); */
/* background-color:#4485b3;
background-repeat: repeat-x;
background-position: top left; */
color: #FFF;
height: 41px;
}
/* END BUTTON ---- */
.center {
text-align: center;
}
/* END CONTEXT BAR ---- */
/* END HEADER TAGS -----------------------------------------------------------*/
/* LISTS -----------------------------------------------------------*/
ul.compact, .action-list ul {
margin: 0px;
padding: 10px 0 0 0;
}
/* END OF LISTS */
/* PORTLETS */
.portlet-sidebar {
width: 30%;
}
/* End of main navigation */
/* Subnavigation */
#sub-navigation {
float: left;
width:100%;
background: url("/resources/openacs-default-theme/images/bg.gif") repeat-x bottom;
clear: both;
padding-top: 5px; /* remove this padding to make the subnavigation links to appear completly enclosed */
padding-bottom: 5px /* remove this padding to make the subnavigation links to appear completly enclosed */
}
/* END OF PORTLETS */
.portal-page {
border: 1px solid #888;
padding: 6px 8px 6px 8px;
clear:left;
}
/* End of subnavigation */
/* Calendar widget css */
/* The main calendar widget. div containing a table. */
div.calendar {
position: relative;
}
/* fine modifiche per i tab negli edit delle anagrafiche */
/**********************************************************************
/* DEPRECATED CLASSES
/**********************************************************************/
/* Deprecated, not sure what it's replaced with just yet */
a.action {
margin: 8px;
margin-left: 24px;
display: list-item;
list-style: circle url(/resources/acs-subsite/right.gif);
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button {
/* "<<", "<", ">", ">>" buttons have this class */
text-align: center; /* They are the navigation buttons */
padding: 2px; /* Make the buttons seem like they're pressing */
}
/* Hover */
.login-btn:hover {
background-color: #006600;
}
/* Icone */
#header-navigation img {
height: 20px;
width: 20px;
vertical-align: middle;
}
/* Replace deprecated center tags in forms. Eventually all forms should use form builder and this tag should not be used */
div.submit-button {
text-align: center;
}
/* ROM 03/11/2022 Modifiche per elenco puntato su pagina di admin richiesto da Carlo.*/
.ul_admin {
display: block;
margin-left: 10px;
font-size: 1.2em;
}
/* Site Footer */
#footer {
clear: both;
border-top: 1px solid #ccc;
font-family: tahoma, verdana, helvetica, sans-serif;
font-size: 85%;
margin-top: 0px;
padding-top: 8px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
background-color: var(--header-footer);/*#EFEFEF; */
color: #FFFFFF;/*#444444; */
}
/* Stile del fieldset */
fieldset {
background-color: #fff;
padding: 20px;
width: 80%;
margin: 20px;
border-top-left-radius: 0px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 0px;
/*text-align: center; */
border: none!important; /* Mantiene il colore del bordo originale*/
border-left: 8px solid var(--button) !important;
position: relative; /* Per posizionare il legend */
box-shadow: 0 0 10px var(--shadow-color); /* Ombra sulla sinistra del bordo */
}
/* Stile della legenda (Dati Utente) */
legend {
font-size: 1.2em !important;
font-weight: bold!important;
color: var(--button) !important;
background-color: white !important;
padding: 5px 10px !important;
border-radius: 4px !important;
position: absolute !important;
/*box-shadow: 0 0 10px var(--shadow-color);*/
top: -14px !important; /* Sposta la legenda sopra il bordo del fieldset */
left: 0px !important; /* Allinea il testo alla sinistra */
text-align: left !important;
}
/* Stili specifici */
.login-btn {
background-color: #008000;
border: 2px solid #006600;
}
/* Subsite Name */
#subsite-name {
font-weight: bold;
font-size: 120%;
font-family: verdana;
padding-left: 8px;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day {
/* Cells | containing month days dates */
width: 2em;
color: #456;
text-align: right;
padding: 2px 4px 2px 2px;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow {
/* The |