From ef3a8aac2954bbb7ab71ce691811460f581e80a2 Mon Sep 17 00:00:00 2001 From: "Samuele E. Locatelli" Date: Tue, 13 Oct 2020 11:17:32 +0200 Subject: [PATCH] update css sito --- MP-MON/Content/Site.css | 101 ++++++++++++++---------------------- MP-MON/Content/Site.less | 79 ++++++++-------------------- MP-MON/Content/Site.min.css | 2 +- 3 files changed, 61 insertions(+), 121 deletions(-) diff --git a/MP-MON/Content/Site.css b/MP-MON/Content/Site.css index 2a7b417e..25e6081f 100644 --- a/MP-MON/Content/Site.css +++ b/MP-MON/Content/Site.css @@ -4,15 +4,16 @@ body { font-family: 'Open Sans', sans-serif; background-color: #5d5d5d; - padding: 25px 0 20px 0; + padding: 0.6em 0 0.2em 0; } body .ui-body-a, body .ui-body-c, body .ui-overlay-c { text-shadow: 0 0 0; } +.mainHead, .logoImg { - height: 40px; + height: 1.6em; } /* Set padding to keep content from hitting the edges */ .body-content { @@ -47,70 +48,44 @@ body .ui-overlay-c { height: 35px; } } -@media all and (min-width: 1024px) { - .mainHead { - font-size: 1.5em; - } - body { - font-size: 1.2em; - } - .logoImg { - height: 40px; - } -} -@media all and (min-width: 1440px) { - .mainHead { - font-size: 1.6em; - } - body { - font-size: 1.4em; - } - .logoImg { - height: 40px; - } -} -@media all and (min-width: 1600px) { - .mainHead { - font-size: 1.6em; - } - body { - font-size: 1.6em; - } - .logoImg { - height: 40px; - } -} -@media all and (min-width: 2000px) { - .mainHead { - font-size: 1.6em; - } - body { - font-size: 2.4em; - } - .logoImg { - height: 60px; - } -} -@media all and (min-width: 2600px) { - .mainHead { - font-size: 1.6em; - } - body { - font-size: 3.2em; - } - .logoImg { - height: 80px; - } -} -@media all and (max-width: 425px) { - .mainHead { - font-size: 1em; - } +@media all and (min-width: 800px) { body { font-size: 0.7em; } - .logoImg { - height: 25px; +} +@media all and (min-width: 1024px) { + body { + font-size: 0.8em; + } +} +@media all and (min-width: 1280px) { + body { + font-size: 0.9em; + } +} +@media all and (min-width: 1440px) { + body { + font-size: 1.2em; + } +} +@media all and (min-width: 1680px) { + body { + font-size: 1.3em; + } +} +@media all and (min-width: 1920px) { + body { + font-size: 1.8em; + } +} +@media all and (min-width: 2560px) { + body { + font-size: 3em; + } +} +@media all and (max-width: 425px) { + body { + font-size: 0.7em; } } /* Set width on the form input elements since they're 100% wide by default */ diff --git a/MP-MON/Content/Site.less b/MP-MON/Content/Site.less index e5e78d66..65b2de85 100644 --- a/MP-MON/Content/Site.less +++ b/MP-MON/Content/Site.less @@ -5,15 +5,16 @@ body { font-family: 'Open Sans', sans-serif; background-color: #5d5d5d; - padding: 25px 0 20px 0; + padding: 0.6em 0 0.2em 0; } body .ui-body-a, body .ui-body-c, body .ui-overlay-c { text-shadow: 0 0 0; } +.mainHead, .logoImg { - height: 40px; + height: 1.6em; } /* Set padding to keep content from hitting the edges */ .body-content { @@ -56,88 +57,52 @@ body .ui-body-a, body .ui-body-c, body .ui-overlay-c { } } -@media all and (min-width: 1024px) { - .mainHead { - font-size: 1.5em; - } - +@media all and (min-width: 800px) { body { - font-size: 1.2em; + font-size: 0.7em; } +} - .logoImg { - height: 40px; +@media all and (min-width: 1024px) { + body { + font-size: 0.8em; + } +} + +@media all and (min-width: 1280px) { + body { + font-size: 0.9em; } } @media all and (min-width: 1440px) { - .mainHead { - font-size: 1.6em; - } - body { - font-size: 1.4em; - } - - .logoImg { - height: 40px; + font-size: 1.2em; } } -@media all and (min-width: 1600px) { - .mainHead { - font-size: 1.6em; - } - +@media all and (min-width: 1680px) { body { - font-size: 1.6em; - } - - .logoImg { - height: 40px; + font-size: 1.3em; } } -@media all and (min-width: 2000px) { - .mainHead { - font-size: 1.6em; - } - +@media all and (min-width: 1920px) { body { - font-size: 2.4em; - } - - .logoImg { - height: 60px; + font-size: 1.8em; } } -@media all and (min-width: 2600px) { - .mainHead { - font-size: 1.6em; - } - +@media all and (min-width: 2560px) { body { - font-size: 3.2em; - } - - .logoImg { - height: 80px; + font-size: 3.0em; } } @media all and (max-width: 425px) { - .mainHead { - font-size: 1em; - } - body { font-size: 0.7em; } - - .logoImg { - height: 25px; - } } /* Set width on the form input elements since they're 100% wide by default */ diff --git a/MP-MON/Content/Site.min.css b/MP-MON/Content/Site.min.css index 161696a1..d36a4768 100644 --- a/MP-MON/Content/Site.min.css +++ b/MP-MON/Content/Site.min.css @@ -1 +1 @@ -@import url('fonts.min.css');body{font-family:'Open Sans',sans-serif;background-color:#5d5d5d;padding:25px 0 20px 0;}body .ui-body-a,body .ui-body-c,body .ui-overlay-c{text-shadow:0 0 0;}.logoImg{height:40px;}.body-content{padding:.1em .2em;margin-top:1.6em;}.dl-horizontal dt{white-space:normal;}@media all and (min-width:425px){.mainHead{font-size:1.3em;}body{font-size:.8em;}.logoImg{height:30px;}}@media all and (min-width:768px){.mainHead{font-size:1.4em;}body{font-size:1em;}.logoImg{height:35px;}}@media all and (min-width:1024px){.mainHead{font-size:1.5em;}body{font-size:1.2em;}.logoImg{height:40px;}}@media all and (min-width:1440px){.mainHead{font-size:1.6em;}body{font-size:1.4em;}.logoImg{height:40px;}}@media all and (min-width:1600px){.mainHead{font-size:1.6em;}body{font-size:1.6em;}.logoImg{height:40px;}}@media all and (min-width:2000px){.mainHead{font-size:1.6em;}body{font-size:2.4em;}.logoImg{height:60px;}}@media all and (min-width:2600px){.mainHead{font-size:1.6em;}body{font-size:3.2em;}.logoImg{height:80px;}}@media all and (max-width:425px){.mainHead{font-size:1em;}body{font-size:.7em;}.logoImg{height:25px;}}input,select,textarea{max-width:280px;}.deleted{text-decoration:line-through;}.padZL{padding-left:.2em;}.padZR{padding-right:.2em;}.padZRL{padding-left:.2em;padding-right:.2em;}.colAlt{color:#c93;}.fontSmall{font-size:.66em;}.fontSmaller{font-size:.5em;}.fontBig{font-size:2em;}.tNote{color:#8a8a8a;font-style:italic;}.tNoWrap{white-space:nowrap;}.navbar{min-height:0;color:#696969;background-color:#000;}.shortcuts{text-align:center;}.shortcuts .shortcut{min-width:180px;min-height:100px;display:inline-block;padding:13.33333333px 0;margin:0 2px 1em;vertical-align:top;text-decoration:none;background:#f3f3f3;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#fff),to(#eee));background-image:-webkit-linear-gradient(top,#fff,0%,#eee,100%);background-image:-moz-linear-gradient(top,#fff 0%,#eee 100%);background-image:linear-gradient(to bottom,#fff 0%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);border:1px solid #ddd;box-sizing:border-box;border-radius:10px;}.shortcuts .shortcut-sm{min-width:90px;min-height:60px;display:inline-block;padding:5px 0;margin:0 2px 1em;vertical-align:top;text-decoration:none;background:#f3f3f3;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#fff),to(#eee));background-image:-webkit-linear-gradient(top,#fff,0%,#eee,100%);background-image:-moz-linear-gradient(top,#fff 0%,#eee 100%);background-image:linear-gradient(to bottom,#fff 0%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);border:1px solid #ddd;box-sizing:border-box;border-radius:10px;}.shortcuts .shortcut .shortcut-icon{width:100%;margin-top:0;margin-bottom:0;font-size:40px;color:#333;}.shortcuts .shortcut-sm .shortcut-icon{width:100%;margin-top:0;margin-bottom:0;font-size:40px;color:#333;}.shortcuts .shortcut:hover{background:#e8e8e8;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#fafafa),to(#e1e1e1));background-image:-webkit-linear-gradient(top,#fafafa,0%,#e1e1e1,100%);background-image:-moz-linear-gradient(top,#fafafa 0%,#e1e1e1 100%);background-image:linear-gradient(to bottom,#fafafa 0%,#e1e1e1 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa',endColorstr='#ffe1e1e1',GradientType=0);}.shortcuts .shortcut-sm:hover{background:#e8e8e8;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#fafafa),to(#e1e1e1));background-image:-webkit-linear-gradient(top,#fafafa,0%,#e1e1e1,100%);background-image:-moz-linear-gradient(top,#fafafa 0%,#e1e1e1 100%);background-image:linear-gradient(to bottom,#fafafa 0%,#e1e1e1 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa',endColorstr='#ffe1e1e1',GradientType=0);}.shortcuts .shortcut:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}.shortcuts .shortcut-sm:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}.shortcuts .shortcut:hover .shortcut-icon{color:#c93;}.shortcuts .shortcut-sm:hover .shortcut-icon{color:#666;}.shortcuts .shortcut-label{display:block;margin-top:.75em;font-weight:400;color:#666;} \ No newline at end of file +@import url('fonts.min.css');body{font-family:'Open Sans',sans-serif;background-color:#5d5d5d;padding:.6em 0 .2em 0;}body .ui-body-a,body .ui-body-c,body .ui-overlay-c{text-shadow:0 0 0;}.mainHead,.logoImg{height:1.6em;}.body-content{padding:.1em .2em;margin-top:1.6em;}.dl-horizontal dt{white-space:normal;}@media all and (min-width:425px){.mainHead{font-size:1.3em;}body{font-size:.8em;}.logoImg{height:30px;}}@media all and (min-width:768px){.mainHead{font-size:1.4em;}body{font-size:1em;}.logoImg{height:35px;}}@media all and (min-width:800px){body{font-size:.7em;}}@media all and (min-width:1024px){body{font-size:.8em;}}@media all and (min-width:1280px){body{font-size:.9em;}}@media all and (min-width:1440px){body{font-size:1.2em;}}@media all and (min-width:1680px){body{font-size:1.3em;}}@media all and (min-width:1920px){body{font-size:1.8em;}}@media all and (min-width:2560px){body{font-size:3em;}}@media all and (max-width:425px){body{font-size:.7em;}}input,select,textarea{max-width:280px;}.deleted{text-decoration:line-through;}.padZL{padding-left:.2em;}.padZR{padding-right:.2em;}.padZRL{padding-left:.2em;padding-right:.2em;}.colAlt{color:#c93;}.fontSmall{font-size:.66em;}.fontSmaller{font-size:.5em;}.fontBig{font-size:2em;}.tNote{color:#8a8a8a;font-style:italic;}.tNoWrap{white-space:nowrap;}.navbar{min-height:0;color:#696969;background-color:#000;}.shortcuts{text-align:center;}.shortcuts .shortcut{min-width:180px;min-height:100px;display:inline-block;padding:13.33333333px 0;margin:0 2px 1em;vertical-align:top;text-decoration:none;background:#f3f3f3;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#fff),to(#eee));background-image:-webkit-linear-gradient(top,#fff,0%,#eee,100%);background-image:-moz-linear-gradient(top,#fff 0%,#eee 100%);background-image:linear-gradient(to bottom,#fff 0%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);border:1px solid #ddd;box-sizing:border-box;border-radius:10px;}.shortcuts .shortcut-sm{min-width:90px;min-height:60px;display:inline-block;padding:5px 0;margin:0 2px 1em;vertical-align:top;text-decoration:none;background:#f3f3f3;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#fff),to(#eee));background-image:-webkit-linear-gradient(top,#fff,0%,#eee,100%);background-image:-moz-linear-gradient(top,#fff 0%,#eee 100%);background-image:linear-gradient(to bottom,#fff 0%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);border:1px solid #ddd;box-sizing:border-box;border-radius:10px;}.shortcuts .shortcut .shortcut-icon{width:100%;margin-top:0;margin-bottom:0;font-size:40px;color:#333;}.shortcuts .shortcut-sm .shortcut-icon{width:100%;margin-top:0;margin-bottom:0;font-size:40px;color:#333;}.shortcuts .shortcut:hover{background:#e8e8e8;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#fafafa),to(#e1e1e1));background-image:-webkit-linear-gradient(top,#fafafa,0%,#e1e1e1,100%);background-image:-moz-linear-gradient(top,#fafafa 0%,#e1e1e1 100%);background-image:linear-gradient(to bottom,#fafafa 0%,#e1e1e1 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa',endColorstr='#ffe1e1e1',GradientType=0);}.shortcuts .shortcut-sm:hover{background:#e8e8e8;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#fafafa),to(#e1e1e1));background-image:-webkit-linear-gradient(top,#fafafa,0%,#e1e1e1,100%);background-image:-moz-linear-gradient(top,#fafafa 0%,#e1e1e1 100%);background-image:linear-gradient(to bottom,#fafafa 0%,#e1e1e1 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa',endColorstr='#ffe1e1e1',GradientType=0);}.shortcuts .shortcut:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}.shortcuts .shortcut-sm:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}.shortcuts .shortcut:hover .shortcut-icon{color:#c93;}.shortcuts .shortcut-sm:hover .shortcut-icon{color:#666;}.shortcuts .shortcut-label{display:block;margin-top:.75em;font-weight:400;color:#666;} \ No newline at end of file