Subversion Repositories wimsdev

Rev

Rev 10456 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

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