git-svn-id: https://msi/svn/firstRepo/WebClient/branches/NewRelease@34 0f545695-f87b-41b6-9a03-7f16563b5454

This commit is contained in:
2015-12-04 16:02:46 +00:00
parent 282ad76c48
commit 7c29b2d8b1
32 changed files with 10051 additions and 3807 deletions
+111 -7
View File
@@ -1,6 +1,32 @@
/*-------------Customize by Screen Dimensions---------------------*/
@media screen and (orientation:landscape) {
}
@media only screen
and (min-width : 1700px)
and (max-width : 1980px) {
.itemMenuHomeMetro a{
background-size: 250px 250px!important;
height: 300px;
}
}
@media screen
and (min-width : 1281px)
and (max-width : 1700px) {
.itemMenuHomeMetro a{
background-size: 200px 200px!important;
height: 220px;
}
}
@media screen
and (min-width : 1100px)
and (max-width : 1280px) {
.itemMenuHomeMetro a{
background-size: 180px 180px!important;
height: 200px;
}
}
/*
@@ -16,7 +42,6 @@ and (max-device-width : 568px) {
.itemMenuHomeMetro a{
background-size: 85px 85px!important;
display: block;
height: 100px;
}
}
@@ -31,10 +56,26 @@ and (max-device-width : 480px) {
width: 100px;
height: 100px;
}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation: portrait) {
.itemMenuHomeMetro a{
background-size: 70px 70px!important;
height: 80px;
}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation: landscape){
.itemMenuHomeMetro a{
background-size: 75px 75px!important;
display: block;
height: 85px;
}
}
@@ -49,10 +90,25 @@ and (max-device-width : 667px) {
width: 100px;
height: 100px;
}
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation: portrait) {
.itemMenuHomeMetro a{
background-size: 85px 85px!important;
display: block;
height: 110px;
}
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation: landscape) {
.itemMenuHomeMetro a{
background-size: 85px 85px!important;
height: 100px;
}
}
@@ -62,15 +118,63 @@ and (max-device-width : 667px) {
*/
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
and (max-device-width : 736px) {
.itemMenuHomeMetro {
width: 145px;
height: 145px;
}
}
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation: portrait) {
.itemMenuHomeMetro a{
background-size: 105px 105px!important;
display: block;
height: 120px;
background-size: 140px 140px!important;
height: 180px;
}
}
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation: landscape) {
.itemMenuHomeMetro a{
background-size: 55px 55px!important;
height: 70px;
}
}
/*
Ipad
*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
.itemMenuHomeMetro {
width: 145px;
height: 145px;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation: portrait) {
.itemMenuHomeMetro a{
background-size: 200px 200px!important;
height: 240px;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation: landscape)
{
.itemMenuHomeMetro a{
background-size: 110px 110px!important;
height: 140px;
}
}