templates/ZZ_front_end/stili_base.html.twig line 1

  2. <style type="text/css">
  4.     /* The snackbar - position it at the bottom and in the middle of the screen */
  5.     #snackbar {
  6.         visibility: hidden; /* Hidden by default. Visible on click */
  7.         min-width: 350px; /* Set a default minimum width */
  8.         margin-left: -125px; /* Divide value of min-width by 2 */
  9.         background-color: #333; /* Black background color */
  10.         color: #fff; /* White text color */
  11.         text-align: center; /* Centered text */
  12.         border-radius: 2px; /* Rounded borders */
  13.         padding: 16px; /* Padding */
  14.         position: fixed; /* Sit on top of the screen */
  15.         z-index: 1; /* Add a z-index if needed */
  16.         left: 50%; /* Center the snackbar */
  17.         bottom: 80px; /* 30px from the bottom */
  18.         font-size: 15pt;
  19.     }
  21.     /* Show the snackbar when clicking on a button (class added with JavaScript) */
  22.     #snackbar.show {
  23.         visibility: visible; /* Show the snackbar */
  25.         /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  26.         However, delay the fade out process for 2.5 seconds */
  27.         -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  28.         animation: fadein 0.5s, fadeout 0.5s 2.5s;
  29.     }
  31.     /* Animations to fade the snackbar in and out */
  32.     @-webkit-keyframes fadein {
  33.         from {bottom: 0; opacity: 0;}
  34.         to {bottom: 80px; opacity: 1;}
  35.     }
  37.     @keyframes fadein {
  38.         from {bottom: 0; opacity: 0;}
  39.         to {bottom: 80px; opacity: 1;}
  40.     }
  42.     @-webkit-keyframes fadeout {
  43.         from {bottom: 80px; opacity: 1;}
  44.         to {bottom: 0; opacity: 0;}
  45.     }
  47.     @keyframes fadeout {
  48.         from {bottom: 80px; opacity: 1;}
  49.         to {bottom: 0; opacity: 0;}
  50.     }
  52.     .fissa tbody {
  53.         width: 100% !important; float: left !important; display: block !important; overflow-y: scroll !important; max-height: 100px;
  54.     }
  55.     .fissa tr {
  56.         float: left !important; display: block !important;
  57.     }
  58.     .fissa td {
  59.         float: left !important; display: block !important;
  60.     }
  61.     .fissa th {
  62.         float: left !important; display: block !important;
  63.     }
  64.     .fissa tr {
  65.         width: 100% !important; height: auto !important;
  66.     }
  67.     .fissa td {
  68.         width: 30% !important; float: left !important;
  69.     }
  70.     .fissa th {
  71.         width: 30% !important; float: left !important;
  72.     }
  73.     .fissa table {
  74.         width: 100% !important;
  75.     }
  77.     hr.style-five {
  78.         border: 0;
  79.         height: 0; /* Firefox... */
  80.         box-shadow: 0 0 10px 1px black;
  81.     }
  82.     hr.style-five:after {
  83.         content: "\00a0";  /* Prevent margin collapse */
  84.     }
  86.     .dato-invalido{
  87.         -moz-box-shadow: 1px 1px 3px 2px #ff0000 !important;
  88.         -webkit-box-shadow: 1px 1px 3px 2px #ff0000 !important;
  89.         box-shadow:         1px 1px 3px 2px #ff0000 !important;
  90.     }
  92.     .sized-label{
  93.         font-size: 10pt !important;
  94.     }
  96.     footer{
  97.         position: fixed;
  98.         height: 30px;
  99.         width: 100%;
  100.         bottom: 0;
  101.         margin-bottom: 0;
  102.         text-align: center;
  103.         vertical-align: middle;
  104.     }
  106.     th {
  107.         color: purple;
  108.     }
  110.     thead{
  111.         background-color: white !important;
  112.     }
  114.     {% if impostazioni.ritornaImpostazioneDaNome('MostraFooterSviluppatoDa') == '1' %}
  115.         .pushContent
  116.         {
  117.             height:20px;
  118.             margin-top: 20px;
  119.         }
  121.         body { padding-bottom: 70px; }
  122.     {% endif %}
  124. </style>
  126. <style type="text/css">
  128.     .ric{
  129.         color: darkblue;
  130.     }
  132.     .contenitore_generale_body table td:nth-child(2){
  133.         padding-left: 20px;
  134.     }
  135.     .contenitore_generale_body{
  136.         padding-top: 50px;
  137.     }
  138.     /* Absolute Center Spinner */
  139.     .loading {
  140.         position: fixed;
  141.         z-index: 999;
  142.         height: 2em;
  143.         width: 2em;
  144.         overflow: show;
  145.         margin: auto;
  146.         top: 0;
  147.         left: 220px;
  148.         bottom: 0;
  149.         right: 0;
  150.         display: none;
  151.     }
  153.     /* Transparent Overlay */
  154.     .loading:before {
  155.         content: '';
  156.         display: block;
  157.         position: fixed;
  158.         top: 0;
  159.         left: 0;
  160.         width: 100%;
  161.         height: 100%;
  162.         background-color: rgba(0,0,0,0.3);
  163.     }
  165.     /* :not(:required) hides these rules from IE9 and below */
  166.     .loading:not(:required) {
  167.         /* hide "loading..." text */
  168.         font: 0/0 a;
  169.         color: transparent;
  170.         text-shadow: none;
  171.         background-color: transparent;
  172.         border: 0;
  173.     }
  175.     .loading:not(:required):after {
  176.         content: '';
  177.         display: block;
  178.         font-size: 10px;
  179.         width: 1em;
  180.         height: 1em;
  181.         margin-top: -0.5em;
  182.         -webkit-animation: spinner 1500ms infinite linear;
  183.         -moz-animation: spinner 1500ms infinite linear;
  184.         -ms-animation: spinner 1500ms infinite linear;
  185.         -o-animation: spinner 1500ms infinite linear;
  186.         animation: spinner 1500ms infinite linear;
  187.         border-radius: 0.5em;
  188.         -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  189.         box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  190.     }
  192.     /* Animation */
  194.     @-webkit-keyframes spinner {
  195.         0% {
  196.             -webkit-transform: rotate(0deg);
  197.             -moz-transform: rotate(0deg);
  198.             -ms-transform: rotate(0deg);
  199.             -o-transform: rotate(0deg);
  200.             transform: rotate(0deg);
  201.         }
  202.         100% {
  203.             -webkit-transform: rotate(360deg);
  204.             -moz-transform: rotate(360deg);
  205.             -ms-transform: rotate(360deg);
  206.             -o-transform: rotate(360deg);
  207.             transform: rotate(360deg);
  208.         }
  209.     }
  210.     @-moz-keyframes spinner {
  211.         0% {
  212.             -webkit-transform: rotate(0deg);
  213.             -moz-transform: rotate(0deg);
  214.             -ms-transform: rotate(0deg);
  215.             -o-transform: rotate(0deg);
  216.             transform: rotate(0deg);
  217.         }
  218.         100% {
  219.             -webkit-transform: rotate(360deg);
  220.             -moz-transform: rotate(360deg);
  221.             -ms-transform: rotate(360deg);
  222.             -o-transform: rotate(360deg);
  223.             transform: rotate(360deg);
  224.         }
  225.     }
  226.     @-o-keyframes spinner {
  227.         0% {
  228.             -webkit-transform: rotate(0deg);
  229.             -moz-transform: rotate(0deg);
  230.             -ms-transform: rotate(0deg);
  231.             -o-transform: rotate(0deg);
  232.             transform: rotate(0deg);
  233.         }
  234.         100% {
  235.             -webkit-transform: rotate(360deg);
  236.             -moz-transform: rotate(360deg);
  237.             -ms-transform: rotate(360deg);
  238.             -o-transform: rotate(360deg);
  239.             transform: rotate(360deg);
  240.         }
  241.     }
  242.     @keyframes spinner {
  243.         0% {
  244.             -webkit-transform: rotate(0deg);
  245.             -moz-transform: rotate(0deg);
  246.             -ms-transform: rotate(0deg);
  247.             -o-transform: rotate(0deg);
  248.             transform: rotate(0deg);
  249.         }
  250.         100% {
  251.             -webkit-transform: rotate(360deg);
  252.             -moz-transform: rotate(360deg);
  253.             -ms-transform: rotate(360deg);
  254.             -o-transform: rotate(360deg);
  255.             transform: rotate(360deg);
  256.         }
  257.     }
  258. </style>
  260. <style type="text/css">
  262.     @media only screen
  263.     and (min-device-width : 768px)
  264.     and (max-device-width : 1024px)
  265.     and (orientation : portrait)
  266.     and (-webkit-min-device-pixel-ratio: 1)  {
  267.         .carrello_testo{
  268.             display: none;
  269.         }
  270.         .nome_utente{
  271.             display: none;
  272.         }
  273.         .navbar-brand{
  274.             display: none;
  275.         }
  276.         .cerca_shop{
  277.             margin-left: 10px;
  278.             width: 200px !important;
  279.         }
  282.         #content_shop table td:nth-child(2){
  283.             max-width: 100px !important;
  284.         }
  285.         #content_shop table td:nth-child(1){
  286.             display: none;
  287.         }
  288.     }
  290.     @media only screen
  291.     and (min-device-width : 768px)
  292.     and (max-device-width : 1024px)
  293.     and (orientation : landscape)
  294.     and (-webkit-min-device-pixel-ratio: 1)  {
  295.         .carrello_testo{
  296.             display: none;
  297.         }
  298.         .nome_utente{
  299.             display: none;
  300.         }
  301.         #content_shop table td:nth-child(2){
  302.             max-width: 200px !important;
  303.         }
  304.     }
  306.     @media (max-width: 1300px) {
  307.         .carrello_testo{
  308.             display: none;
  309.         }
  310.     }
  312.     @media (max-width: 1215px) {
  313.         .nome_utente{
  314.             display: none;
  315.         }
  316.         #content_shop table td:nth-child(2){
  317.             max-width: 200px !important;
  318.         }
  319.         #content_shop table td:nth-child(1){
  320.             display: none;
  321.         }
  322.     }
  324.     @media print{
  325.         button,.btn{
  326.             display: none !important;
  327.         }
  329.         tbody>tr:nth-child(even)>td {
  330.             -webkit-print-color-adjust: exact !important;
  331.             color: blue !important;
  332.         }
  334.         a{
  335.             text-decoration: none !important;
  336.         }
  338.         a:after { content:''; }
  339.         a[href]:after { content: none !important; }
  341.         input{
  342.             display: none !important;
  343.         }
  345.         .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  346.             padding: 2px !important;
  347.         }
  349.         nav{
  350.             display: none !important;
  351.             margin: 0 !important;
  352.             padding: 0 !important;
  353.         }
  354.         .navbar{
  355.             display: none !important;
  356.             margin: 0 !important;
  357.             padding: 0 !important;
  358.         }
  359.         .contenitore_generale_body{
  360.             padding: 0 !important;
  361.             margin: 0 !important;
  362.         }
  363.         .page-header{
  364.             font-size: 15pt !important;
  365.         }
  367.         body{
  368.             padding: 0 !important;
  369.             margin: 0 !important;
  370.             font-size: .9em !important;
  371.         }
  373.         th{
  374.             color: red !important;
  375.         }
  377.         h1{
  378.             -webkit-transform: scale(0.7) !important;
  379.             -moz-transform: scale(0.7) !important;
  380.             -ms-transform: scale(0.7) !important;
  381.             -o-transform: scale(0.7) !important;
  382.             transform: scale(0.7) !important;
  383.         }
  385.         td{
  386.             border-bottom: solid 1px black !important;
  387.         }
  388.     }
  389. </style>