Subversion Repositories wimsdev

Rev

Rev 12590 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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