update css sito

This commit is contained in:
Samuele E. Locatelli
2020-10-13 11:17:32 +02:00
parent e68a41f662
commit ef3a8aac29
3 changed files with 61 additions and 121 deletions
+38 -63
View File
@@ -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 */
+22 -57
View File
@@ -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 */
+1 -1
View File
@@ -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;}
@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;}