/* COMMON_PARTS_CSS.PHP ============================================================================================================ */ /* CSS3 PERSONALIZZAZIONE NO VIEWPORT ============================================================================================================ */ /* OBSOLETO*/ #container_obsoleto { background-color: #ffffff; width: 1000000000%; height: 1000000000%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; position: absolute; z-index: 9999; top: 0px; left: 0px } #logo_obsoleto { background-color: none; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 120px; height: 106px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0px 15px 10px 0px; overflow: hidden; float: left; cursor: pointer; position: relative; z-index: 60; top: 0px; left: 0px; } /* PARTI COMUNI - PERSONALIZZAZIONE BODY */ body { color: #000000; font-family: arial, verdana, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: normal; line-height: 120%; text-align: left; text-decoration: none; border: none; background: none; background-color: none; margin: 0px; padding: 0px; resize: none; list-style: none; top: 0px; left: 0px; } html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,table,th,td { color: #000000; font-family: arial, verdana, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: normal; line-height: 120%; text-align: left; text-decoration: none; border: none; background: none; background-color: none; margin: 0px; padding: 0px; resize: none; list-style: none; top: 0px; left: 0px; } b { font-weight: 700; } /* PARTI COMUNI - PERSONALIZZAZIONE KEYFRAMES RULE */ @keyframes verde { 0% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } 50% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); } 100% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } } @-webkit-keyframes verde { 0% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } 50% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); } 100% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } } @-moz-keyframes verde { 0% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } 50% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); } 100% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } } @-o-keyframes verde { 0% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } 50% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); } 100% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } } @-ms-keyframes verde { 0% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } 50% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(bottom, #ffff00 0%, #00dd00 100%); } 100% { color: #006600; border-color: #00a300 #00a300 #00aa00 #00a300; background-color: #00ff00; background: linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -webkit-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -moz-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -o-linear-gradient(top, #ffff00 0%, #00dd00 100%); background: -ms-linear-gradient(top, #ffff00 0%, #00dd00 100%); } } @keyframes arancione { 0% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } 50% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); } 100% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } } @-webkit-keyframes arancione { 0% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } 50% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); } 100% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } } @-moz-keyframes arancione { 0% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } 50% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); } 100% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } } @-o-keyframes arancione { 0% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } 50% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); } 100% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } } @-ms-keyframes arancione { 0% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } 50% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); } 100% { color: #f90000; border-color: #ff1100; background-color: #ff8800; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } } /* PARTI COMUNI - TESTO */ .testo_titolo_aghilon { font-family: arial, verdana, sans-serif; font-size: 1.5625em; font-weight: 700; line-height: 105%; } .testo_motto_aghilon { font-family: arial, verdana, sans-serif; font-size: 0.7500em; font-weight: 500; line-height: 105%; } .testo_copyright { font-family: arial, verdana, sans-serif; font-size: 0.5625em; font-weight: 500; line-height: 115%; padding: 3px 0px 0px 0px; } .testo_copyright_c { font-family: arial, verdana, sans-serif; font-size: 0.8438em; font-weight: 500; line-height: 99%; padding: 1px 0px 0px 0px; } .testo_pulsante { font-family: arial, verdana, sans-serif; font-size: 0.8125em; font-weight: 700; line-height: 105%; } .testo_titolo_infinito { font-family: arial, verdana, sans-serif; font-size: 2.0000em; font-weight: 700; line-height: 105%; } .testo_titolo_gigante { font-family: arial, verdana, sans-serif; font-size: 1.5000em; font-weight: 700; line-height: 105%; } .testo_titolo_grandissimo { font-family: arial, verdana, sans-serif; font-size: 1.3750em; font-weight: 700; line-height: 105%; } .testo_titolo_molto_grande { font-family: arial, verdana, sans-serif; font-size: 1.2500em; font-weight: 700; line-height: 105%; } .testo_titolo_grande { font-family: arial, verdana, sans-serif; font-size: 1.1250em; font-weight: 700; line-height: 105%; } .testo_titolo_principale { font-family: arial, verdana, sans-serif; font-size: 1.0000em; font-weight: 700; line-height: 105%; } .testo_titolo { font-family: arial, verdana, sans-serif; font-size: 0.8125em; font-weight: 700; line-height: 105%; } .testo_normale_plus { font-family: arial, verdana, sans-serif; font-size: 1.0000em; font-weight: 500; line-height: 105%; } .testo_normale_x { font-family: arial, verdana, sans-serif; font-size: 0.8500em; font-weight: 500; line-height: 105%; } .testo_normale { font-family: arial, verdana, sans-serif; font-size: 0.8125em; font-weight: 500; line-height: 105%; } .testo_normale_lh_120{ font-family: arial, verdana, sans-serif; font-size: 0.8125em; font-weight: 500; line-height: 120%; } .testo_piccolo { font-family: arial, verdana, sans-serif; font-size: 0.6875em; font-weight: 500; line-height: 105%; } .testo_piccolissimo { font-family: arial, verdana, sans-serif; font-size: 0.6250em; font-weight: 500; line-height: 105%; } .testo_piccolissimissimo { font-family: arial, verdana, sans-serif; font-size: 0.5625em; font-weight: 500; line-height: 105%; } .testo_micro { font-family: arial, verdana, sans-serif; font-size: 0.5000em; font-weight: 500; line-height: 105%; } .testo_uno { font-family: arial, verdana, sans-serif; font-size: 0.4375em; font-weight: 500; line-height: 105%; } .testo_zero { font-family: arial, verdana, sans-serif; font-size: 0.3750em; font-weight: 500; line-height: 105%; } .testo_nullo { font-family: arial, verdana, sans-serif; font-size: 0.3125em; font-weight: 500; line-height: 105%; } .testo_spessore { font-family: arial, verdana, sans-serif; font-size: 0.1000em; font-weight: 500; line-height: 105%; } .testo_nero { color: #000000; } .testo_grigio { color: #909090; } .testo_rosso { color: #f90000; } .testo_bianco { color: #ffffff; } .testo_arancione { color: #ff8033; } .testo_arancione_chiaro { color: #ff9933; } .testo_arancione_chiarissimo { color: #ff6600; } .testo_verde { color: #007700; } .testo_verde_chiaro { color: #008800; } .testo_centrato { text-align: center; } .testo_sinistra { text-align: left; } .testo_destra { text-align: right; } .testo_giustificato { text-align: justify; } .testo_sottolineato { text-decoration: underline; } .testo_non_sottolineato { text-decoration: none; } .testo_grassetto { font-weight: 700; } .testo_barrato { text-decoration: line-through; } /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ #spessore_0 { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; position: relative; z-index: 3; } #spessore_1{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 1px; float: left; position: relative; z-index: 3; } #spessore_2{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 2px; float: left; position: relative; z-index: 3; } #spessore_3 { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 3px; float: left; position: relative; z-index: 3; } #spessore_6 { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 6px; float: left; position: relative; z-index: 3; } #spessore_9 { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 9px; float: left; position: relative; z-index: 3; } .altezza_1px { height: 1px; } .altezza_2px { height: 2px; } .altezza_3px { height: 3px; } .altezza_6px { height: 6px; } .altezza_9px { height: 9px; } .altezza_12px { height: 12px; } .altezza_15px { height: 15px; } .altezza_20px { height: 20px; } .altezza_25px { height: 25px; } .altezza_30px { height: 30px; } .larghezza_2_5x100 { width: 2.5%; } .larghezza_3x100 { width: 3%; } .larghezza_3_3x100 { width: 3.3%; } .larghezza_5x100 { width: 5%; } .larghezza_6x100 { width: 6%; } .larghezza_10x100 { width: 10%; } .larghezza_15x100 { width: 15%; } .larghezza_18x100 { width: 18%; } .larghezza_20x100 { width: 20%; } .larghezza_23x100 { width: 23%; } .larghezza_25x100 { width: 25%; } .larghezza_30x100 { width: 30%; } .larghezza_35x100 { width: 35%; } .larghezza_39_4x100 { width: 39.4%; } .larghezza_40x100 { width: 40%; } .larghezza_45x100 { width: 45%; } .larghezza_46x100 { width: 46%; } .larghezza_47x100 { width: 47%; } .larghezza_48x100 { width: 48%; } .larghezza_48_3x100 { width: 48.3%; } .larghezza_49x100 { width: 49%; } .larghezza_50x100 { width: 50%; } .larghezza_55x100 { width: 55%; } .larghezza_60x100 { width: 60%; } .larghezza_65x100 { width: 65%; } .larghezza_65_5x100 { width: 65.5%; } .larghezza_70x100 { width: 70%; } .larghezza_75x100 { width: 75%; } .larghezza_80x100 { width: 80%; } .larghezza_85x100 { width: 85%; } .larghezza_86x100 { width: 86%; } .larghezza_87x100 { width: 87%; } .larghezza_88x100 { width: 88%; } .larghezza_88_3x100 { width: 88.3%; } .larghezza_89x100 { width: 89%; } .larghezza_90x100 { width: 90%; } .larghezza_95x100 { width: 95%; } .larghezza_98x100 { width: 98%; } .larghezza_99x100 { width: 99%; } .larghezza_100x100 { width: 100%; } /* PARTI COMUNI - LARGHEZZE AUTOCENTRANTI .larghezza_contenute_sx480 { width: 480px; margin: 240px; } /* PARTI COMUNI - BORDI .bordo_nero { border: 1px solid black; } .bordo_grigio_scuro { border: 1px solid #303030; } .bordo_grigio_medio { border: 1px solid #606060; } .bordo_grigio_chiaro { border: 1px solid #909090; } .bordo_grigio_chiarissimo { border: 1px solid #c0c0c0; } .border_radius_3 { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .border_radius_5 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .border_radius_9 { border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; } .border_radius_12 { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } .sfondo_bianco { background-color: #ffffff; } /* PARTI COMUNI - MARGINI, PADDIN E OVERFLOW */ .margin_0_0_2_5 { margin: 0px 0px 2px 5px; } .margin_1_0_1_3 { margin: 1px 0px 1px 3px; } .margin_1_0_1_3_h { margin: 1px 0px 1px 3px; } .margin_1_0_1_3_h:hover { margin: 0px 0px 0px 1px; } .margin_1_0_1_5 { margin: 1px 0px 1px 5px; } .margin_1_0_1_5_h { margin: 1px 0px 1px 5px; } .margin_1_0_1_5_h:hover { margin: 0px 0px 0px 3px; } .padding_0006 { padding: 0px 0px 0px 7px; } .padding_3000 { padding: 3px 0px 0px 0px; } .padding_3636 { padding: 3px 6px 3px 6px; } .overflow_left { overflow: hidden; float: left; } .overflow_right { overflow: hidden; float: right; } .size_block { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cursor_default { cursor: default; } .cursor_pointer { cursor: pointer; } /* PARTI COMUNI - PULSANTI */ #pulsante { border-style: solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; float: left; } #pulsante_no { border-style: solid; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; float: left; } .pulsante_giallo_chiarissimo { color: #ff3300; border-width: 1px; border-color: #ff6600; background-color: #ffffee; background: linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); background: -webkit-linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); background: -moz-linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); background: -o-linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); background: -ms-linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_giallo_chiarissimo:hover { border-color: #ff3300; background-color: #ffffff; background: linear-gradient(bottom, #ffffee 0%, #ffffff 69%); background: -webkit-linear-gradient(bottom, #ffffee 0%, #ffffff 69%); background: -moz-linear-gradient(bottom, #ffffee 0%, #ffffff 69%); background: -o-linear-gradient(bottom, #ffffee 0%, #ffffff 69%); background: -ms-linear-gradient(bottom, #ffffee 0%, #ffffff 69%); } .pulsante_giallo_chiaro { color: #ff3300; border-width: 1px; border-color: #ff6600; background-color: #ffffcc; background: linear-gradient(bottom, #ffff66 0%, #ffffaa 39%, #ffffff 90%); background: -webkit-linear-gradient(bottom, #ffff66 0%, #ffffaa 39%, #ffffff 90%); background: -moz-linear-gradient(bottom, #ffff66 0%, #ffffaa 39%, #ffffff 90%); background: -o-linear-gradient(bottom, #ffff66 0%, #ffffaa 39%, #ffffff 90%); background: -ms-linear-gradient(bottom, #ffff66 0%, #ffffaa 39%, #ffffff 90%); box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_giallo_chiaro:hover { border-color: #ff3300; background-color: #ffffee; background: linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); background: -webkit-linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); background: -moz-linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); background: -o-linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); background: -ms-linear-gradient(bottom, #ffffaa 0%, #ffffff 69%); } .pulsante_giallo { color: #ff3300; border-width: 1px; border-color: #ff6600; background-color: #ffffaa; background: linear-gradient(bottom, #ffff11 0%, #ffff66 39%, #ffffff 100%); background: -webkit-linear-gradient(bottom, #ffff11 0%, #ffff66 39%, #ffffff 100%); background: -moz-linear-gradient(bottom, #ffff11 0%, #ffff66 39%, #ffffff 100%); background: -o-linear-gradient(bottom, #ffff11 0%, #ffff66 39%, #ffffff 100%); background: -ms-linear-gradient(bottom, #ffff11 0%, #ffff66 39%, #ffffff 100%); box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_giallo:hover { border-color: #ff3300; background-color: #ffffcc; background: linear-gradient(bottom, #ffff33 0%, #ffffff 50%); background: -webkit-linear-gradient(bottom, #ffff33 0%, #ffffff 50%); background: -moz-linear-gradient(bottom, #ffff33 0%, #ffffff 50%); background: -o-linear-gradient(bottom, #ffff33 0%, #ffffff 50%); background: -ms-linear-gradient(bottom, #ffff33 0%, #ffffff 50%); } .pulsante_giallo_scuro { color: #ff3300; border-width: 1px; border-color: #ff6600; background-color: #ffff99; background: linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 100%); background: -webkit-linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 90%); background: -moz-linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 100%); background: -o-linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 100%); background: -ms-linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 100%); box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_giallo_scuro:hover { border-color: #ff3300; background-color: #ffffcc; background: linear-gradient(bottom, #ffee33 12%, #ffffff 39%); background: -webkit-linear-gradient(bottom, #ffee33 12%, #ffffff 39%); background: -moz-linear-gradient(bottom, #ffee33 12%, #ffffff 39%); background: -o-linear-gradient(bottom, #ffee33 12%, #ffffff 39%); background: -ms-linear-gradient(bottom, #ffee33 12%, #ffffff 39%); } .pulsante_giallo_scuro_sx { color: #ff3300; border-width: 1px; border-color: #ff6600; background-color: #ffff99; background: linear-gradient(left, #ffcc33 0%, #ffee11 50%, #ffffff 100%); background: -webkit-linear-gradient(left, #ffcc33 0%, #ffee11 50%, #ffffff 100%); background: -moz-linear-gradient(left, #ffcc33 0%, #ffee11 50%, #ffffff 100%); background: -o-linear-gradient(left, #ffcc33 0%, #ffee11 50%, #ffffff 100%); background: -ms-linear-gradient(left, #ffcc33 0%, #ffee11 50%, #ffffff 100%); box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_giallo_scuro_sx:hover { color: #ff1100; border-color: #ff3300; background-color: #ffffcc; background: linear-gradient(left, #ffcc33 0%, #ffee33 12%, #ffffff 169%); background: -webkit-linear-gradient(left, #ffcc33 0%, #ffee33 12%, #ffffff 69%); background: -moz-linear-gradient(left, #ffcc33 0%, #ffee33 12%, #ffffff 69%); background: -o-linear-gradient(left, #ffcc33 0%, #ffee33 12%, #ffffff 69%); background: -ms-linear-gradient(left, #ffcc33 0%, #ffee33 12%, #ffffff 69%); } .pulsante_arancione_chiaro { color: #ff3300; border-width: 1px; border-color: #ff6600; background-color: #ffbb00; background: linear-gradient(bottom, #ff7700 0%, #ffcc33 33%, #ffee11 67%, #ffffff 100%); background: -o-linear-gradient(bottom, #ff7700 0%, #ffcc33 33%, #ffee11 67%, #ffffff 100%); background: -moz-linear-gradient(bottom, #ff7700 0%, #ffcc33 33%, #ffee11 67%, #ffffff 100%); background: -webkit-linear-gradient(bottom, #ff7700 0%, #ffcc33 33%, #ffee11 67%, #ffffff 100%); background: -ms-linear-gradient(bottom, #ff7700 0%, #ffcc33 33%, #ffee11 67%, #ffffff 100%); box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_arancione_chiaro:hover { color: #ff1100; border-color: #ff3300; background-color: #ffff99; background: linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 100%); background: -webkit-linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 90%); background: -moz-linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 100%); background: -o-linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 100%); background: -ms-linear-gradient(bottom, #ffcc33 0%, #ffee11 39%, #ffffff 100%); } .pulsante_arancione { color: #ff8033; border-width: 1px; border-color: #ff3300; background-color: #ff8800; background: linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(bottom, #ff7700 0%, #ffff00 90%); padding: 5px 6px 5px 6px box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_arancione:hover { background-color: #ffbb00; background: linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -webkit-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -moz-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -o-linear-gradient(top, #ff7700 0%, #ffff00 90%); background: -ms-linear-gradient(top, #ff7700 0%, #ffff00 90%); } .pulsante_verde_chiaro { color: #008800; border-width: 1px; border-color: #009900; background-color: #00ff00; background: linear-gradient(bottom, #39ff39 0%, #ffff33 90%); background: -webkit-linear-gradient(bottom, #39ff39 0%, #ffff33 90%); background: -moz-linear-gradient(bottom, #39ff39 0%, #ffff33 90%); background: -o-linear-gradient(bottom, #39ff39 0%, #ffff33 90%); background: -ms-linear-gradient(bottom, #39ff39 0%, #ffff33 90%); box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_verde_chiaro:hover { background-color: #99ff00; background: linear-gradient(top, #39ff39 0%, #ffff33 90%); background: -webkit-linear-gradient(top, #39ff39 0%, #ffff33 90%); background: -moz-linear-gradient(top, #39ff39 0%, #ffff33 90%); background: -o-linear-gradient(top, #39ff39 0%, #ffff33 90%); background: -ms-linear-gradient(top, #39ff39 0%, #ffff33 90%); } .pulsante_verde { color: #007700; border-width: 1px; border-color: #009900; background-color: #00ff00; background: linear-gradient(bottom, #00e000 0%, #33f633 39%, #ffff33 100%); background: -webkit-linear-gradient(bottom, #00e000 0%, #33f633 39%, #ffff33 100%); background: -moz-linear-gradient(bottom, #00e000 0%, #33f633 39%, #ffff33 100%); background: -o-linear-gradient(bottom, #00e000 0%, #33f633 39%, #ffff33 100%); background: -ms-linear-gradient(bottom, #00e000 0%, #33f633 39%, #ffff33 100%); box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_verde:hover { background-color: #99ff00; background: linear-gradient(top, #00e000 0%, #33f633 39%, #ffff33 100%); background: -webkit-linear-gradient(top, #00e000 0%, #33f633 39%, #ffff33 100%); background: -moz-linear-gradient(top, #00e000 0%, #33f633 39%, #ffff33 100%); background: -o-linear-gradient(top, #00e000 0%, #33f633 39%, #ffff33 100%); background: -ms-linear-gradient(top, #00e000 0%, #33f633 39%, #ffff33 100%); } .button_form { color: #303030; font-family: arial, verdana, sans-serif; font-weight: 900; line-height: 105%; text-align: justify; border-width: 1px; border-style: solid; border-color: #303030; background-color: #f3f3f3; margin: 5px 8px 5px 8px; padding: 13px 25px 13px 25px; opacity: 0.9; left: 0; top: auto; bottom: 0; z-index: 1000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; } .button_form:hover { background-color: #ffcc66; margin: 0px 0px 0px 0px; padding: 18px 33px 18px 33px; } .button_form_arancione { color: #ff3333; font-family: arial, verdana, sans-serif; font-weight: 700; line-height: 105%; text-align: justify; border-width: 1px; border-style: solid; border-color: #ff3333; background-color: #ffdd99; margin: 3px 3px 3px 3px; padding: 4px 9px 3px 9px; opacity: 0.9; left: 0; top: auto; bottom: 0; z-index: 1000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; } .button_form_arancione:hover { background-color: #ffcc66; margin: 1px 1px 1px 1px; padding: 6px 11px 5px 11px; } .pulsante_bianco_g { color: #ff3300; border-width: 1px; border-color: #ff6600; background-color: #ffffff; box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_bianco_a { color: #ff3300; border-width: 1px; border-color: #ff1100; background-color: #ffffff; box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_bianco_v { color: #007700; border-width: 1px; border-color: #009900; background-color: #00ff00; box-shadow: 2px 2px 2px #ffccaa; -moz-box-shadow: 2px 2px 2px #ffccaa; -webkit-box-shadow: 2px 2px 2px #ffccaa; } .pulsante_bianco { border-width: 1px; border-color: #ffffff; background-color: #ffffff; } .pulsante_vuoto { border-width: 0px; background-color: #ffffff; opacity: 0.9; } .pulsante_trasparente { border-width: 0px; border-color: #ffffff; } .pulsante_290_12 { line-height: 12px; width: 330px; height: 13px; position: relative; z-index: 30; } .pulsante_290_12_h { line-height: 12px; width: 330px; height: 13px; cursor: pointer; position: relative; z-index: 30; } .pulsante_290_12_h:hover { line-height: 14px; width: 324px; height: 15px; } .pulsante_50_24_h { line-height: 12px; width: 50px; height: 24px; border: 1px solid #ff3300; cursor: pointer; position: relative; z-index: 30; } .pulsante_290_12_h:hover { line-height: 14px; width: 52px; height: 26px; } /* PARTI COMUNI - ABSOLUTE TOP E LEFT - Z-INDEX */ .z_index_30 { z-index: 30; } /* CSS3 PERSONALIZZAZIONE VIEWPORT 240PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */ @media screen and (min-width: 240px) { /* PARTI COMUNI - TESTO */ .testo_titolo_aghilon { font-size: 0.7500em; } .testo_motto_aghilon { font-size: 0.5000em; } .testo_copyright { font-size: 0.5000em; } .testo_copyright_c { font-size: 0.7188em; } .testo_pulsante { font-size: 0.5625em; } .testo_titolo_infinito { font-size: 1.5000em; } .testo_titolo_gigante { font-size: 1.2500em; } .testo_titolo_grandissimo { font-size: 0.1250em; } .testo_titolo_molto_grande { font-size: 0.1000em; } .testo_titolo_grande { font-size: 0.8750em; } .testo_titolo_principale { font-size: 0.7500em; } .testo_titolo { font-size: 0.5625em; } .testo_normale_plus { font-size: 0.7500em; } .testo_normale_x { font-size: 0.5625em; } .testo_normale { font-size: 0.5625em; } .testo_normale_lh_120{ font-size: 0.5625em; } .testo_piccolo { font-size: 0.5000em; } .testo_piccolissimo { font-size: 0.4375em; } .testo_piccolissimissimo { font-size: 0.3750em; } .testo_micro { font-size: 0.3125em; } .testo_uno { font-size: 0.2500em; } .testo_zero { font-size: 0.1875em; } .testo_nullo { font-size: 0.1250em; } /* PARTI COMUNI - LARGHEZZE AUTOCENTRANTI .larghezza_contenute_sx480 { width: 240px; margin: 0px; } /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ #spessore_2 { height: 1px; } #spessore_3 { height: 2px; } #spessore_6 { height: 4px; } #spessore_9 { height: 6px; } /* PARTI COMUNI - MARGINI, PADDIN E OVERFLOW */ .margin_0_0_2_5 { margin: 0px 0px 1px 3px; } .margin_1_0_1_3 { margin: 1px 0px 1px 2px; } .margin_1_0_1_3_h { margin: 1px 0px 1px 2px; } .margin_1_0_1_3_h:hover { margin: 0px 0px 0px 1px; } .margin_1_0_1_5 { margin: 1px 0px 1px 4px; } .margin_1_0_1_5_h { margin: 1px 0px 1px 4px; } .margin_1_0_1_5_h:hover { margin: 0px 0px 0px 3px; } .padding_0006 { padding: 0px 0px 0px 4px; } /* PARTI COMUNI - PULSANTI */ .pulsante_290_12 { line-height: 8px; width: 222px; height: 9px; } .pulsante_290_12_h { line-height: 8px; width: 222px; height: 9px; } .pulsante_290_12_h:hover { line-height: 10px; width: 224px; height: 11px; } } /* CSS3 PERSONALIZZAZIONE VIEWPORT 320PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */ @media screen and (min-width: 320px) { /* PARTI COMUNI - TESTO */ .testo_titolo_aghilon { font-size: 0.9375em; } .testo_motto_aghilon { font-size: 0.6250em; } .testo_copyright { font-size: 0.5625em; } .testo_copyright_c { font-size: 0.7500em; } .testo_pulsante { font-size: 0.7500em; } .testo_titolo_infinito { font-size: 1.5000em; } .testo_titolo_gigante { font-size: 1.3750em; } .testo_titolo_grandissimo { font-size: 1.2500em; } .testo_titolo_molto_grande { font-size: 1.1250em; } .testo_titolo_grande { font-size: 1.0625em; } .testo_titolo_principale { font-size: 0.9375em; } .testo_titolo { font-size: 0.7500em; } .testo_normale_plus { font-size: 0.9375em; } .testo_normale_x { font-size: 0.7750em; } .testo_normale { font-size: 0.7500em; } .testo_normale_lh_120 { font-size: 0.7500em; } .testo_piccolo { font-size: 0.6250em; } .testo_piccolissimo { font-size: 0.5625em; } .testo_piccolissimissimo { font-size: 0.5000em; } .testo_micro { font-size: 0.4375em; } .testo_uno { font-size: 0.3750em; } .testo_zero { font-size: 0.3125em; } .testo_nullo { font-size: 0.2500em; } /* PARTI COMUNI - LARGHEZZE AUTOCENTRANTI .larghezza_contenute_sx480 { width: 320px; margin: 0px; } /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ #spessore_2 { height: 2px; } #spessore_3 { height: 3px; } #spessore_6 { height: 6px; } #spessore_9 { height: 9px; } /* PARTI COMUNI - MARGINI, PADDIN E OVERFLOW */ .margin_0_0_2_5 { margin: 0px 0px 2px 5px; } .margin_1_0_1_3 { margin: 1px 0px 1px 3px; } .margin_1_0_1_3_h { margin: 1px 0px 1px 3px; } .margin_1_0_1_3_h:hover { margin: 0px 0px 0px 1px; } .margin_1_0_1_5 { margin: 1px 0px 1px 5px; } .margin_1_0_1_5_h { margin: 1px 0px 1px 5px; } .margin_1_0_1_5_h:hover { margin: 0px 0px 0px 3px; } .padding_0006 { padding: 0px 0px 0px 6px; } /* PARTI COMUNI - PULSANTI */ .pulsante_290_12 { line-height: 11px; width: 290px; height: 12px; } .pulsante_290_12_h { line-height: 11px; width: 290px; height: 12px; } .pulsante_290_12_h:hover { line-height: 13px; width: 294px; height: 14px; } } /* CSS3 PERSONALIZZAZIONE VIEWPORT 360PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */ @media screen and (min-width: 360px) { /* PARTI COMUNI - TESTO */ .testo_titolo_aghilon { font-size: 1.0000em; } .testo_motto_aghilon { font-size: 0.6875em; } .testo_copyright_c { font-size: 0.8438em; } .testo_pulsante { font-size: 0.8125em; } .testo_titolo_infinito { font-size: 2.0000em; } .testo_titolo_gigante { font-size: 1.5000em; } .testo_titolo_grandissimo { font-size: 1.3750em; } .testo_titolo_molto_grande { font-size: 1.2500em; } .testo_titolo_grande { font-size: 1.1250em; } .testo_titolo_principale { font-size: 1.0000em; } .testo_titolo { font-size: 0.8125em; } .testo_normale_plus { font-size: 1.0000em; } .testo_normale_x { font-size: 0.8500em; } .testo_normale { font-size: 0.8125em; } .testo_normale_lh_120 { font-size: 0.8125em; } .testo_piccolo { font-size: 0.6875em; } .testo_piccolissimo { font-size: 0.6250em; } .testo_piccolissimissimo { font-size: 0.5625em; } .testo_micro { font-size: 0.5000em; } .testo_uno { font-size: 0.4375em; } .testo_zero { font-size: 0.3750em; } .testo_nullo { font-size: 0.3125em; } /* PARTI COMUNI - LARGHEZZE AUTOCENTRANTI .larghezza_contenute_sx480 { width: 360px; margin: 0px; } /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ /* PARTI COMUNI - MARGINI, PADDIN E OVERFLOW */ .padding_0006 { padding: 0px 0px 0px 7px; } /* PARTI COMUNI - PULSANTI */ .pulsante_290_12 { line-height: 12px; width: 330px; height: 13; } .pulsante_290_12_h { line-height: 12px; width: 330px; height: 13px; } .pulsante_290_12_h:hover { line-height: 14px; width: 334px; height: 15px; } } /* CSS3 PERSONALIZZAZIONE VIEWPORT 400PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */ @media screen and (min-width: 400px) { /* PARTI COMUNI - TESTO */ /* PARTI COMUNI - LARGHEZZE AUTOCENTRANTI .larghezza_contenute_sx480 { width: 400px; margin: 0px; } /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ } /* CSS3 PERSONALIZZAZIONE VIEWPORT 480PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */ @media screen and (min-width: 480px) { /* PARTI COMUNI - TESTO */ /* PARTI COMUNI - LARGHEZZE AUTOCENTRANTI .larghezza_contenute_sx480 { width: 480px; margin: 0px; } /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ /* PARTI COMUNI - PULSANTI */ } /* CSS3 PERSONALIZZAZIONE VIEWPORT 640PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */ @media screen and (min-width: 640px) { /* PARTI COMUNI - TESTO */ .testo_titolo_aghilon { font-size: 1.5625em; } .testo_motto_aghilon { font-size: 0.7500em; } /* PARTI COMUNI - LARGHEZZE AUTOCENTRANTI .larghezza_contenute_sx480 { width: 480px; margin: 80px; } /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ /* PARTI COMUNI - PULSANTI */ } /* CSS3 PERSONALIZZAZIONE VIEWPORT 768PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */ @media screen and (min-width: 768px) { /* PARTI COMUNI - TESTO */ /* PARTI COMUNI - LARGHEZZE AUTOCENTRANTI .larghezza_contenute_sx480 { width: 480px; margin: 124px; } /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ /* PARTI COMUNI - PULSANTI */ } /* CSS3 PERSONALIZZAZIONE VIEWPORT 960PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */ @media screen and (min-width: 960px) { /* PARTI COMUNI - TESTO */ /* PARTI COMUNI - LARGHEZZE AUTOCENTRANTI .larghezza_contenute_sx480 { width: 480px; margin: 240px; } /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ } /* CSS3 PERSONALIZZAZIONE VIEWPORT 1360PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */ @media screen and (min-width: 1360px) { /* PARTI COMUNI - TESTO */ /* PARTI COMUNI - SPESSORI, LARGHEZZE, BORDI E SFONDI */ }