codice:
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100% }
body {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px;
background: #333 url(../img/bg.gif);
font-size: 0.875em;
line-height: 1.3;
height: 100%}
a {
color: #207e7e;
font-weight: bold;
text-decoration: underline;
outline: none; }
a:link {
-webkit-tap-highlight-color: transparent; }
.table-view {
background: #7c8080; /* colore grigio sfondo */
}
.table-view li {
border-top: 1px #878b8b solid;
border-bottom: 1px #333 solid;
}
.table-view .even {
background: #a2a7a7;
}
.table-action li {
position: relative;
}
.table-action a {
color: #e6edee;
display: block;
padding: 0.5em 0.78em 0.714em;
position: relative;
text-decoration: none;
text-shadow: rgba(0,0,0,0.4) 0 -1px 1px;
}
.table-action h2 {
color: white;
font-size: 1.28em; /*18px / 14px */
width: 82%
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.table-action .argomento {
font-weight: normal;
}
.table-action .freccia {
background;: #333;
border: 1px #333 solid;
-webkit-border-radius: 0.143em;
-moz-border-radius: 0.143em;
border-radius: 0.143em;
color: #207e7e;
font-weight: bold;
position: absolute;
padding: 0.214em 0.429em;
right: 2.5em;
top: 50%;
margin-top: -1.1em;
}
.table-action a:after {
content: url(../img/freccia.png);
margin: -0.82em 1em 0 0;
overflow: hidden;
position: absolute;
top: 50%;
right: 0; }
.svg .table-action a:after { }
.header {
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
background: url(../img/header_.png) center no-repeat;
color: #207e7e;
font-weight: bold;
letter-spacing: 0.15em;
text-align: center;
/* text-transform: uppercase; */
padding: 0.9em 0.8em 0.75em;
position: relative; }
.header h1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 1.2em;}
.header .back {
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
-webkit-border-radius: 0.286em;
-moz-border-radius: 0.286em;
border-radius: 0.286em;
-o-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
-webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
-moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
font-family: "HelveticaNeue", arial, helvetica sans-serif;
background: #207e7e;
border: 1px #333 solid;
display: yes;
color: white;
font-size: 1em;
font-weight: bold;
letter-spacing: 0;
padding: 0.4em 0.6em 0.5em 0.6em;
position: absolute;
text-decoration: none;
text-transform: none;
top: 0.4em;
left: 0.5em;
-webkit-background-clip: padding-box; }
.standalone .header .back {
display: block; }
.page-home form {
background: #7c0c18;
border-top: 1px #8c2a34 solid;
padding: 0.65em 0 0; }
.page-home fieldset {
padding-left: 0.5em;
padding-right: 0.5em; }
.page-home label {
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
color: white;
display: block;
font-size: 0.75em;
position: relative;
font-weight: bold;
letter-spacing: 0.15em;
text-transform: uppercase; }
.page-home input {
-webkit-border-radius: 0.286em;
-moz-border-radius: 0.286em;
border-radius: 0.286em;
background: #e1cece;
border: 1px #3c0603 solid;
display: block;
font-size: 1.3em;
margin: 0.3em 0 0.5em;
padding: 0;
height: 2em;
width: 96%;
padding: 0.3em 2%;
-webkit-background-clip: padding-box; }
.page-home input:focus {
background: white; }
.page-home input::-webkit-input-placeholder {
color: #856969; }
.page-shome input:-moz-placeholder {
color: #856969; }
#formSearch {
zoom: 1;
border-top: 1px #333 ridge;
padding: 0.55em 0.5em 0.6em;
font-size: 1em; }
#formSearch:before, #formSearch:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
#formSearch:after {
clear: both; }
#formSearch input {
-webkit-border-radius: 0.286em;
-moz-border-radius: 0.286em;
border-radius: 0.286em;
background: #e8e8e8;
border: 1px #333 solid;
font-size: 1em;
margin: 0;
height: 2em;
width: 100%;
-webkit-appearance: caret; }
#formSearch input:focus {
background: white; }
#formSearch input::-webkit-input-placeholder {
color: #373737; }
#formSearch input:-moz-placeholder {
color: #373737; }
#formSearch fieldset {
float: left;
position: relative;
width: 76%; }
#formSearch button {
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
-webkit-border-radius: 0.286em;
-moz-border-radius: 0.286em;
border-radius: 0.286em;
-o-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
-webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
-moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset;
font-family: "HelveticaNeue", arial, helvetica sans-serif;
background: #207e7e;
border: 1px #333 solid;
color: white;
float: right;
font-size: 0.857em;
font-weight: bold;
height: 3em;
letter-spacing: 0.15em;
margin: 0;
width: 22%;
-webkit-background-clip: padding-box; }
.footer {
zoom: 1;
background: #333 url(../img/bg.gif);
color: #207e7e;
padding: 1em 0.785em 1em;
height: 50px;
clear: both;
display: block;} /* Questo rende la classe a cui è applicato come se fosse un blocco unico e si prende tutta una riga solo per lui. */
.footer:before, .footer:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;}
.footer:after {
clear: both; }
.footer .autenticato {
float: right; }
.footer .copyright {
float: left; }
.footer a, .footer a:active {
display: block;
color: #207e7e;
padding: 0.5em 0.78em 0.714em;
position: relative;
text-decoration: none;
text-shadow: rgba(0,0,0,0.4) 0 -1px 1px;
}
.wrapper {
position: relative;
z-index: 1;
width: 100%;
overflow: hidden;
min-height: 100%;
height: auto;
height: 100%;
margin: 0 auto -50px; }
grazie a tutti!