Subversion Repositories wimsdev

Rev

Rev 12590 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1.  
  2. /*** MENUPROF STYLES **/
  3.  
  4. #menuprof ul {
  5.   background-color: #ffffff;
  6.   border-top-right-radius: 5px ;
  7.   border-bottom-right-radius: 5px ;
  8.   border: 1px solid rgba(0, 0, 0, .1);
  9.   margin-bottom: 20px;
  10.   /*padding-left: 10px;*/
  11. }
  12.  
  13. /*#menuprof ul li:last-child {
  14.   border-bottom: none;
  15. }*/
  16.  
  17. #menuprof ul li.itemsep {
  18.   font-weight: bold;
  19. }
  20.  
  21. #menuprof ul li.menuitem a {
  22.   color: #000;
  23.   color: rgba(0, 0, 0, .75);
  24. }
  25.  
  26. /* Small screens */
  27. @media only screen and (max-width: 40em) {
  28.   /*remove icons */
  29.   /*#menuprof ul.wimsmenu li a {
  30.     background-image: none;
  31.     padding: 0;
  32.   }*/
  33.   /*#menuprof ul.wimsmenu li.itemsep {
  34.     display:block;
  35.     padding-bottom: 0;
  36.   }*/
  37. }
  38.  
  39. /*small and medium screens */
  40. /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  41. @media only screen and (max-width: 64em) {
  42.   #menuprof {
  43.     margin-top: 0;
  44.     width: 100%;
  45.     margin-bottom: 10px;
  46.   }
  47.   #menuprof ul {
  48.     margin: 0;
  49.   }
  50.   #menuprof ul.wimsmenu {
  51.     /*padding: 0;*/
  52.     border-radius: 0;
  53.     /*padding-left: 1em;*/
  54.   }
  55.   /*#menuprof ul.wimsmenu li {
  56.     display: inline-block;
  57.     border: none;
  58.     background-image: none;
  59.   }*/
  60.   #menuprof.wimsmenu .menuitem{
  61.     padding-right: 0;
  62.   }
  63.   /*#menuprof ul.wimsmenu li:not(.itemsep):after {
  64.     content: "-";
  65.     margin-left:.5em;
  66.   }
  67.   #menuprof ul.wimsmenu li:last-child:after {
  68.     content: "";
  69.   }*/
  70.   #menuprof>.wimsmenu li{
  71.     display: inline-block;
  72.   }
  73.   #menuprof ul li.itemsep {
  74.     padding: .55rem 1rem;
  75.     border-right:2px solid gray;
  76.     border-bottom:1px solid gray;
  77.     min-width: 5em;
  78.   }
  79. }
  80.  
  81.  
  82. /* Medium screens */
  83. /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
  84. @media only screen and (min-width: 40.063em) and (max-width: 64em) {
  85.  
  86.   #menuprof ul li.itemsep {
  87.     /*border-right:2px solid gray;*/
  88.     /*margin-right:1em;*/
  89.     min-width: 6.5em;
  90.   }
  91.   #menuprof .menuitem{
  92.     line-height: 2em;
  93.     /*margin-right: 1em;*/
  94.   }
  95.  
  96. }
  97.  
  98. /* Large screens */
  99. /* min-width 1025px */
  100. @media only screen and (min-width: 64.063em) {
  101.   #menuprof {float: left;}
  102.   #menuprof {
  103.     max-width:9em;
  104.   }
  105.   #menuprof>ul>li {
  106.     width: 100%;
  107.     padding-left: 3px;
  108.   }
  109.   #menuprof>ul>li.itemsep {
  110.     font-weight: bold;
  111.     padding-top: .8em;
  112.     padding-bottom: 2px;
  113.     padding-left: 10px;
  114.   }
  115. }
  116.