199 lines
10 KiB
CSS
199 lines
10 KiB
CSS
|
.td_top_menu{
|
||
|
|
text-align:left;
|
||
|
|
/*background-color: #111;*/
|
||
|
|
|
||
|
|
background: rgb(252,234,187); /* Old browsers */
|
||
|
|
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
||
|
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||
|
|
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
|
||
|
|
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
|
||
|
|
background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
|
||
|
|
background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
|
||
|
|
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-8 */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
|
||
|
|
height:10px;
|
||
|
|
padding:0px;
|
||
|
|
padding-bottom:-15px;
|
||
|
|
}
|
||
|
|
.td_top_menu ul,
|
||
|
|
.td_top_menu ul ul {
|
||
|
|
list-style:none;
|
||
|
|
padding:0;
|
||
|
|
margin:0px;
|
||
|
|
|
||
|
|
|
||
|
|
margin-top:-11px;
|
||
|
|
|
||
|
|
border:0px black solid;
|
||
|
|
height:40px;
|
||
|
|
}
|
||
|
|
.td_top_menu ul {
|
||
|
|
height:40px;
|
||
|
|
font:10px Arial, Helvetica, sans-serif;
|
||
|
|
/* text-transform:uppercase; */
|
||
|
|
}
|
||
|
|
.td_top_menu ul li {
|
||
|
|
border-right: 1px solid #222;
|
||
|
|
border-right: 1px solid #FCD260;
|
||
|
|
position:relative;
|
||
|
|
float:left;
|
||
|
|
height:40px;
|
||
|
|
z-index:10;
|
||
|
|
border:0px black solid;
|
||
|
|
}
|
||
|
|
.td_top_menu ul li:last-child {}
|
||
|
|
.td_top_menu ul li a {
|
||
|
|
display:block;
|
||
|
|
color: #000;
|
||
|
|
text-decoration: none;
|
||
|
|
padding:8px 8px;
|
||
|
|
font-size: 10pt;
|
||
|
|
|
||
|
|
margin-bottom:-10px;
|
||
|
|
}
|
||
|
|
.td_top_menu ul li a:hover {
|
||
|
|
|
||
|
|
|
||
|
|
background: rgb(255,183,107); /* Old browsers */
|
||
|
|
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
||
|
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5NmMwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZjNWMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||
|
|
background: -moz-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(249,108,7,1) 50%, rgba(252,92,0,1) 51%, rgba(255,127,4,1) 100%); /* FF3.6+ */
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(50%,rgba(249,108,7,1)), color-stop(51%,rgba(252,92,0,1)), color-stop(100%,rgba(255,127,4,1))); /* Chrome,Safari4+ */
|
||
|
|
background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(249,108,7,1) 50%,rgba(252,92,0,1) 51%,rgba(255,127,4,1) 100%); /* Chrome10+,Safari5.1+ */
|
||
|
|
background: -o-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(249,108,7,1) 50%,rgba(252,92,0,1) 51%,rgba(255,127,4,1) 100%); /* Opera 11.10+ */
|
||
|
|
background: -ms-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(249,108,7,1) 50%,rgba(252,92,0,1) 51%,rgba(255,127,4,1) 100%); /* IE10+ */
|
||
|
|
background: linear-gradient(to bottom, rgba(255,183,107,1) 0%,rgba(249,108,7,1) 50%,rgba(252,92,0,1) 51%,rgba(255,127,4,1) 100%); /* W3C */
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-8 */
|
||
|
|
|
||
|
|
|
||
|
|
color: #fafafa
|
||
|
|
}
|
||
|
|
.td_top_menu ul li:hover > ul {
|
||
|
|
opacity: 1;
|
||
|
|
visibility: visible;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.td_top_menu ul li ul {
|
||
|
|
|
||
|
|
background: rgb(252,234,187); /* Old browsers */
|
||
|
|
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
||
|
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||
|
|
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
|
||
|
|
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
|
||
|
|
background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
|
||
|
|
background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
|
||
|
|
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-8 */
|
||
|
|
|
||
|
|
/* background: #444;
|
||
|
|
background: -moz-linear-gradient(#444, #111);
|
||
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
|
||
|
|
background: -webkit-linear-gradient(#444, #111);
|
||
|
|
background: -o-linear-gradient(#444, #111);
|
||
|
|
background: -ms-linear-gradient(#444, #111);
|
||
|
|
background: linear-gradient(#444, #111); */
|
||
|
|
border-radius: 3px;
|
||
|
|
-moz-border-radius: 3px;
|
||
|
|
-o-border-radius: 3px;
|
||
|
|
-ms-border-radius: 3px;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
transition: all .2s ease-in-out;
|
||
|
|
-webkit-transition: all .2s ease-in-out;
|
||
|
|
-moz-transition: all .2s ease-in-out;
|
||
|
|
-ms-transition: all .2s ease-in-out;
|
||
|
|
-o-transition: all .2s ease-in-out;
|
||
|
|
text-transform:none;
|
||
|
|
opacity: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
position:absolute;
|
||
|
|
left:0;
|
||
|
|
top:40px;
|
||
|
|
font-size:13px;
|
||
|
|
height:auto;
|
||
|
|
width:150px;
|
||
|
|
color:#000;
|
||
|
|
}
|
||
|
|
.td_top_menu ul li ul li {
|
||
|
|
border:none;
|
||
|
|
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
|
||
|
|
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
|
||
|
|
-o-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
|
||
|
|
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
|
||
|
|
-ms-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
|
||
|
|
position:relative;
|
||
|
|
left:0;
|
||
|
|
float:none;
|
||
|
|
height:auto;
|
||
|
|
margin:0;
|
||
|
|
text-align:left !important;
|
||
|
|
}
|
||
|
|
.td_top_menu ul li ul li:last-child {
|
||
|
|
-moz-box-shadow: none;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.td_top_menu ul li ul li a {
|
||
|
|
padding:10px 8px;
|
||
|
|
border:none
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.td_top_menu ul li ul li ul {
|
||
|
|
top: 0;
|
||
|
|
left: 150px;
|
||
|
|
margin: 0 0 0 20px;
|
||
|
|
_margin: 0; /*IE6 only*/
|
||
|
|
box-shadow: -1px 0 0 rgba(255,255,255,.3);
|
||
|
|
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
|
||
|
|
-o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
|
||
|
|
-ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
|
||
|
|
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.td_top_menu ul ul li:first-child > a {
|
||
|
|
border-radius: 3px 3px 0 0;
|
||
|
|
-moz-border-radius: 3px 3px 0 0;
|
||
|
|
-o-border-radius: 3px 3px 0 0;
|
||
|
|
-ms-border-radius: 3px 3px 0 0;
|
||
|
|
-webkit-border-radius: 3px 3px 0 0;
|
||
|
|
}
|
||
|
|
.td_top_menu ul ul li:first-child > a:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
left: 40px;
|
||
|
|
top: -6px;
|
||
|
|
border-left: 6px solid transparent;
|
||
|
|
border-right: 6px solid transparent;
|
||
|
|
border-bottom: 1px solid #FCD260;
|
||
|
|
}
|
||
|
|
.td_top_menu ul ul ul li:first-child a:after {
|
||
|
|
left: -6px;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -6px;
|
||
|
|
border-left: 0;
|
||
|
|
border-bottom: 1px solid transparent;
|
||
|
|
border-top: 1px solid transparent;
|
||
|
|
border-right: 6px solid #3b3b3b;
|
||
|
|
}
|
||
|
|
.td_top_menu ul ul li:first-child a:hover:after {border-bottom-color: #ff0000}
|
||
|
|
|
||
|
|
.td_top_menu ul ul ul li:first-child a:hover:after {
|
||
|
|
border-right-color: #0299d3;
|
||
|
|
border-bottom-color: transparent;
|
||
|
|
}
|
||
|
|
.td_top_menu ul ul li:last-child > a {
|
||
|
|
-moz-border-radius: 0 0 3px 3px;
|
||
|
|
-webkit-border-radius: 0 0 3px 3px;
|
||
|
|
border-radius: 0 0 3px 3px;
|
||
|
|
}
|