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

css/base.style.css

@@ -232,4 +232,32 @@ label.error {
   border-bottom-left-radius: inherit;
   -webkit-border-bottom-right-radius: inherit;
   border-bottom-right-radius: inherit;
+}
+
+.thmbImg
+{
+    border: 2px solid #cdcdcd!important;
+    border-radius: 15px;
+    width: 76px;
+    height: 76px;
+}
+
+.emptyItemList
+{
+    content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAATlBMVEUAAADT09PMzMy+vr7KysrPz8/Q0NDOzs7V1dXY2NjS0tK7u7vJycnExMTCwsK2trba2tq/v7/i4uLb29vGxsaysrLc3NysrKympqafn5/59uVfAAAAAXRSTlMAQObYZgAAATlJREFUWMPt18luwzAMRVHzWSKpwUPsTP3/H23iIAWstJtSCLLQ2Qjg4kIrgeqapmma5h3S6AQ/fJ6MPReUxT8xYhhMvahMyO4uu5xdFKgYemlm7AYXFpCh6CMXkxxhKZIeislAAAj/DlL6JWi4I1H/GiyKdYIgrhQ8RjwoKgWDbIDQVwmeVr7z5CWagqXkvNqCpUnJEgSkvCJZgkp8Loq9JTgoAKoY/FoAaMVgtwRejzWD3RHPZ2eZrMG9OUjdIEs41QwmBY1Vgu5xSIQsNYK08v24rgDOV3twDG57/9QDYJiDUwBAmFzEjag56Ag3HBibcDEGT4odGoxBnmknkDGYDv3OOBmDrz4pmLo/JCLbslQ6KNnWuRJHb1o4S+A5GVbiQgaxRsvSXhDW4EzfioK4MXVN0zRN8wbf0o0Kwdr1WXcAAAAASUVORK5CYII=')
+}
+
+.freewallGallery {
+    margin: 15px;
+}
+
+.brick img {
+    margin: 0;
+    display: block;
+}
+
+.imageborder { 
+    border: 2px solid #3b5998!important;
+    border-radius: 15px;
+    width: 100%;
 }

css/mobile.style.css

@@ -1,28 +1,29 @@
 /*-------------Customize by Screen Dimensions---------------------*/
-@media screen and (orientation:landscape) {
+@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) {
+@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) {
+@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) {
+@media screen and (min-width : 1100px) and (max-width : 1280px) {
     .itemMenuHomeMetro a{
         background-size: 180px 180px!important;
         height: 200px;
@@ -32,9 +33,7 @@ and (max-width : 1280px) {
 /*
     iPhone 5 in portrait & landscape
 */
-@media only screen
-and (min-device-width : 320px)
-and (max-device-width : 568px) {
+@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
     .itemMenuHomeMetro {
         width: 100px;
         height: 100px;
@@ -49,19 +48,14 @@ and (max-device-width : 568px) {
 /*
     iPhone 2G-4S in portrait & landscape
 */
-@media only screen
-and (min-device-width : 320px)
-and (max-device-width : 480px) {
+@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) {
+@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation: portrait) {
     
     .itemMenuHomeMetro a{
         background-size: 70px 70px!important;
@@ -69,10 +63,7 @@ and (orientation: portrait) {
     }
 }
 
-@media only screen
-and (min-device-width : 320px)
-and (max-device-width : 480px) 
-and (orientation: landscape){
+@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation: landscape){
 
     .itemMenuHomeMetro a{
         background-size: 75px 75px!important;
@@ -83,19 +74,14 @@ and (orientation: landscape){
 /*
     iPhone 6 in portrait & landscape
 */
-@media only screen
-and (min-device-width : 375px)
-and (max-device-width : 667px) {
+@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) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) {
 
     .itemMenuHomeMetro a{
         background-size: 85px 85px!important;
@@ -103,10 +89,7 @@ and (orientation: portrait) {
     }
 }
 
-@media only screen
-and (min-device-width : 375px)
-and (max-device-width : 667px)
-and (orientation: landscape)  {
+@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;
@@ -116,29 +99,21 @@ and (orientation: landscape)  {
 /*
     iPhone 6 Plus in portrait & landscape
 */
-@media only screen
-and (min-device-width : 414px)
-and (max-device-width : 736px) { 
+@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) { 
+@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) { 
+@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;
@@ -149,30 +124,21 @@ and (orientation: landscape) {
     Ipad
 */
 
-@media only screen
-and (min-device-width : 768px)
-and (max-device-width : 1024px){
+@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) {    
+@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)
-{
+@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;