/* ###########################################################################
# Nome_file : gru_css.css
# Autore....: Gianantonio Garau
# Data......: 22-04-2021
#

  foglio di style  CSS

########################################################################### */




@media print
{
 .salto_pag { page-break-before: always       ;  }
 body       { background-color : #ffffff      ;    // sembra che non ci sia
              color            : #000000         } // nessun effetto
 @page      { size             : A4 portrait  ;    // portrait =vert
         //   margin           : 3.0cm        ;    // landscape=oriz
              margin-top       : 0.7cm        ;
              margin-left      : 1.0cm        ;
              margin-right     : 1.0cm        ;
              margin-bottom    : 0.7cm        ;  }
}

body { background-color: #000000  ;
       color           : #ffffff  }              /* black   */

table  {align          : center;
        border-collapse: collapse; }
th     {border-bottom  : 1px solid #666;
        padding-right  : 1em; text-align: left;}
td     {border-bottom  : 1px solid #000;
        padding        : .5em 1em .5em .25em;
        vertical-align : top;
        font           : comics sans ms, Arial, sans-serif, Tahoma,
                         Verdana, "Lucida Sans Unicode";}
td+td  {border-left    : 1px solid #666;}


a                          {text-decoration: underline;
                            color          :#000000   ;}
a:link                     {color          :#000000   ;}
a:hover, a:active, a:focus {color          :#ffffff   ;}
         a:visited         {color          :#fff000   ;}

tit { background-color: green  ;
       font-size       : 32px  ; }

/*      ----------------------   NON  VA  COME  VORREI --------------
body.nontouch nav a:hover {     //  serve per il touch degli smartphone
    background: yellow;
}
@media(hover: hover) and (pointer: fine) {
    nav a:hover {
        background: maroon;
}
---------------------------------------------------------           */


[id^="Select_video"]:hover { background-color: black  ;
                             font-size :42px          ;}

[id^="livelli_di_i"]:hover { background-color: red    ;
                             font-size :32px          ;}

[id^="pre_dati"]:hover     { background-color: forestGreen ;
                             font-size :32px          ;}

[id^="pre_txt"]:hover      { background-color: brown  ;
                             font-size :32px          ;}



// pre  { display : inline }
// div  { display : inline }

/* --------------------------------------------

elenco degli ID   in  index.js

#myV_00       --> #myV_30
#myV_cer_0    --> #myV_cer_30
#MyPre
#rtrn_var
#pre_dati
#tutti_i_testi

----------------------------------------------- */
/* -----------------------------------------------

[id^=myV] ,#div_menu {
        background     : blue          ;
        color          : #ffffff       ;
        display        : block         ;
        border         : 1px solid red ; }
----------------------------------------------- */


.font_* {      color      : blue   } /* non assegna a tutti font il color */

.font_01{ font-size : 01px    ;} /*  color : red ....
                                     d'ora in avanti tutti red anche
                                     cambiando  .font_xx
                                 */

.font_01{ font-size : 01px    ;}
.font_02{ font-size : 02px    ;}
.font_03{ font-size : 03px    ;}
.font_04{ font-size : 04px    ;}
.font_05{ font-size : 05px    ;}
.font_06{ font-size : 06px    ;}
.font_07{ font-size : 07px    ;}
.font_08{ font-size : 08px    ;}
.font_09{ font-size : 09px    ;}
.font_10{ font-size : 10px    ;}
.font_11{ font-size : 11px    ;}
.font_12{ font-size : 12px    ;}
.font_13{ font-size : 13px    ;}
.font_14{ font-size : 14px    ;}
.font_15{ font-size : 15px    ;}
.font_16{ font-size : 16px    ;}
.font_17{ font-size : 17px    ;}
.font_18{ font-size : 18px    ;}
.font_19{ font-size : 19px    ;}
.font_20{ font-size : 20px    ;}
.font_21{ font-size : 21px    ;}
.font_22{ font-size : 22px    ;}
.font_23{ font-size : 23px    ;}
.font_24{ font-size : 24px    ;}
.font_25{ font-size : 25px    ;}
.font_26{ font-size : 26px    ;}
.font_27{ font-size : 27px    ;}
.font_28{ font-size : 28px    ;}
.font_29{ font-size : 29px    ;}
.font_30{ font-size : 30px    ;}
.font_31{ font-size : 31px    ;}
.font_32{ font-size : 32px    ;}
.font_33{ font-size : 33px    ;}
.font_34{ font-size : 34px    ;}
.font_35{ font-size : 35px    ;}
.font_36{ font-size : 36px    ;}
.font_37{ font-size : 37px    ;}
.font_38{ font-size : 38px    ;}
.font_39{ font-size : 39px    ;}