X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Fstatic%2Funbound_reservation_static%2Fcss%2Frmenu_styles.css;fp=portal%2Fstatic%2Funbound_reservation_static%2Fcss%2Frmenu_styles.css;h=120239b5a2298da1634819a525b3dc03748b09e6;hb=729a9dbb380b51a217194ba2a4e5978186fe50b0;hp=0000000000000000000000000000000000000000;hpb=c4bd5da6e2630eddf1262aa8d808dbb48b097d53;p=unfold.git diff --git a/portal/static/unbound_reservation_static/css/rmenu_styles.css b/portal/static/unbound_reservation_static/css/rmenu_styles.css new file mode 100644 index 00000000..120239b5 --- /dev/null +++ b/portal/static/unbound_reservation_static/css/rmenu_styles.css @@ -0,0 +1,272 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300); +#cssmenu { + + display: none; + padding: 0; + margin: 0; + border: 0; + position: relative; + width: 150px; +} +#cssmenu ul, +#cssmenu li { + list-style: none; + margin: 0; + padding: 0; +} +#cssmenu ul , +#cssmenu ul li { + float: left; + min-height: 1px; + line-height: 1.5em; + vertical-align: middle; +} +#cssmenu ul li.hover, +#cssmenu ul li:hover { + position: relative; + z-index: 599; + cursor: default; +} +#cssmenu ul ul { + visibility: hidden; + position: absolute; + top: 100%; + left: 0; + z-index: 598; + width: 100%; +} +#cssmenu ul ul li { + float: none; +} +#cssmenu ul ul, +#cssmenu ul ul ul { + top: -1px; + left: 99%; +} +#cssmenu ul li:hover > ul { + visibility: visible; +} +#cssmenu ul li { + float: none; +} +#cssmenu a { + display: block; +} +/* Custom CSS Styles */ +#cssmenu { + font-family: "Segoe UI", Arial, sans-serif; + font-size: 11px; +} +#cssmenu:after, +#cssmenu ul:after { + content: ''; + display: block; + clear: both; +} +#cssmenu ul { + background: #F0EFEA; + border: 1px solid #aaaaaa; + padding: 4px; + width: 200px; +} +#cssmenu ul li { + color: #000000; + position: relative; +} +#cssmenu ul li.hover, +#cssmenu ul li:hover { + background: #61b72d; + background: -moz-linear-gradient(#61b72d 0%, #4b8e23 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b72d), color-stop(100%, #4b8e23)); + background: -webkit-linear-gradient(#61b72d 0%, #4b8e23 100%); + background: linear-gradient(#61b72d 0%, #4b8e23 100%); + color: #FFF; +} +#cssmenu ul li.hover > a, +#cssmenu ul li:hover > a { + color: #FFF; + border: 1px solid #4b8e23; +} +#cssmenu ul ul { + width: 150px; +} +#cssmenu a { + border: 1px solid transparent; + padding: 3px 10px; +} +#cssmenu a:link, +#cssmenu a:visited { + color: #000000; + text-decoration: none; +} +#cssmenu a:hover { + background: #61b72d; + background: -moz-linear-gradient(#61b72d 0%, #4b8e23 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b72d), color-stop(100%, #4b8e23)); + background: -webkit-linear-gradient(#61b72d 0%, #4b8e23 100%); + background: linear-gradient(#61b72d 0%, #4b8e23 100%); + color: #FFF; +} +#cssmenu a:active { + color: #ffa500; +} +#cssmenu > ul > li.active > a { + background: #be3710; + } + #cssmenu .selector > a { + background: #be3710; + } +#cssmenu .has-sub:hover > a:after, +#cssmenu .has-sub.hover > a:after { + border-color: transparent transparent transparent #FFF; +} +#cssmenu .has-sub > a:after { + content: ''; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 0 4px 4px; + border-color: transparent transparent transparent #808080; + position: absolute; + top: 50%; + right: 5%; + margin-top: -4px; + -webkit-transform: rotate(360deg); +} + + + +#cssmenu_ { + + display: none; + padding: 0; + margin: 0; + border: 0; + position: relative; + width: 150px; +} +#cssmenu_ ul, +#cssmenu_ li { + list-style: none; + margin: 0; + padding: 0; +} +#cssmenu_ ul , +#cssmenu_ ul li { + float: left; + min-height: 1px; + line-height: 1.5em; + vertical-align: middle; +} +#cssmenu_ ul li.hover, +#cssmenu_ ul li:hover { + position: relative; + z-index: 599; + cursor: default; +} +#cssmenu_ ul ul { + visibility: hidden; + position: absolute; + top: 100%; + left: 0; + z-index: 598; + width: 100%; +} +#cssmenu_ ul ul li { + float: none; +} +#cssmenu_ ul ul, +#cssmenu_ ul ul ul { + top: -1px; + left: 99%; +} +#cssmenu_ ul li:hover > ul { + visibility: visible; +} +#cssmenu_ ul li { + float: none; +} +#cssmenu_ a { + display: block; +} +/* Custom CSS Styles */ +#cssmenu_ { + font-family: "Segoe UI", Arial, sans-serif; + font-size: 11px; +} +#cssmenu_:after, +#cssmenu_ ul:after { + content: ''; + display: block; + clear: both; +} +#cssmenu_ ul { + background: #F0EFEA; + border: 1px solid #aaaaaa; + padding: 4px; + width: 200px; +} +#cssmenu_ ul li { + color: #000000; + position: relative; +} +#cssmenu_ ul li.hover, +#cssmenu_ ul li:hover { + background: #61b72d; + background: -moz-linear-gradient(#61b72d 0%, #4b8e23 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b72d), color-stop(100%, #4b8e23)); + background: -webkit-linear-gradient(#61b72d 0%, #4b8e23 100%); + background: linear-gradient(#61b72d 0%, #4b8e23 100%); + color: #FFF; +} +#cssmenu_ ul li.hover > a, +#cssmenu_ ul li:hover > a { + color: #FFF; + border: 1px solid #4b8e23; +} +#cssmenu_ ul ul { + width: 150px; +} +#cssmenu_ a { + border: 1px solid transparent; + padding: 3px 10px; +} +#cssmenu_ a:link, +#cssmenu_ a:visited { + color: #000000; + text-decoration: none; +} +#cssmenu_ a:hover { + background: #61b72d; + background: -moz-linear-gradient(#61b72d 0%, #4b8e23 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b72d), color-stop(100%, #4b8e23)); + background: -webkit-linear-gradient(#61b72d 0%, #4b8e23 100%); + background: linear-gradient(#61b72d 0%, #4b8e23 100%); + color: #FFF; +} +#cssmenu_ a:active { + color: #ffa500; +} +#cssmenu_ > ul > li.active > a { + background: #be3710; + } + #cssmenu_ .selector > a { + background: #be3710; + } +#cssmenu_ .has-sub:hover > a:after, +#cssmenu_ .has-sub.hover > a:after { + border-color: transparent transparent transparent #FFF; +} +#cssmenu_ .has-sub > a:after { + content: ''; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 0 4px 4px; + border-color: transparent transparent transparent #808080; + position: absolute; + top: 50%; + right: 5%; + margin-top: -4px; + -webkit-transform: rotate(360deg); +}