Portrait-mode mobile styles for Inara.cz

inaracz-portrait.css

@media screen and (max-width : 640px) {
   div.menucontainer {
      min-width: 0;
   }
   div.mainmenu {
      height: 100%;
      white-space: normal;
   }
   div.menu {
      height: auto;
   }
   div.maincontentcontainerfullwithsidebar {
      padding: 0;
   }
   div.containermain {
      min-width: 0;
   }
   div.maincon {
      padding: 0;
   }
   span.headerbutton {
      display: inline;
   }
   div.contentwithperexthumb {
      margin-right: 0;
   }
   div.perexthumb {
      float: none;
      position: relative;
   }
   div.authordate {
      float: none;
      margin-left: 0;
   }
   div.mainblock .authordate {
      display: inline-block;
      margin: 0 1rem;
      white-space: nowrap;
   }
   div.mainblock .floatright {
      /* override previous important*/
      float: none !important;
      display: inline;
   }
   h3.header {
      height: 100%;
      white-space: normal;
   }
   .mainitemsmall .floatright {
      /* override previous important*/
      float: none !important;
   }
   .maincontent1 h2.header {
      white-space: normal;
   }
   .mainblock.mainitem.mainitemsmall a.inverse {
      display: block;
   }
}