146 lines
3.7 KiB
CSS
146 lines
3.7 KiB
CSS
/*-------------Customize by Screen Dimensions---------------------*/
|
|
@media screen and (min-width : 320px) and (max-device-width : 736px) and (orientation: portrait){
|
|
div.ricettaTitolo{
|
|
font-size: 13px;
|
|
}
|
|
|
|
div.ricettaAutore{
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
}
|
|
|
|
/*
|
|
iPhone 5 in portrait & landscape
|
|
*/
|
|
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
|
|
.itemMenuHomeMetro {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.itemMenuHomeMetro a{
|
|
background-size: 85px 85px!important;
|
|
height: 100px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
iPhone 2G-4S in portrait & landscape
|
|
*/
|
|
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
|
|
.itemMenuHomeMetro {
|
|
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;
|
|
height: 85px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
iPhone 6 in portrait & landscape
|
|
*/
|
|
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
|
|
.itemMenuHomeMetro {
|
|
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;
|
|
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;
|
|
}
|
|
}
|
|
|
|
/*
|
|
iPhone 6 Plus in portrait & landscape
|
|
*/
|
|
@media only screen and (min-device-width : 414px) 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: 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;
|
|
}
|
|
} |