ul.dropmenu{
position: relative;
margin: 0px;
padding: 1px 0px 0px 0px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-vyPKHQrOczfjFKQSCNCFay88MKwb7UszsuqZLfpFxp3_zlNcTUVkVKAK6UKK2cn5G3z-4eg-khPBT6G_PUZ3KXZP8qVdcETdr7kUeqyMhEuoh_WxC1QNrIW4uCPYehy8EUG-NTibbk/s1600/navigation.png) repeat-x scroll 0 0;
display:block;
height: 35px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
.dropmenu li{
position: relative;
list-style: none;
float: left;
margin: 0px;
padding: 0px;
}
.dropmenu li a{
height: 22px;
padding: 9px 30px 0px 15px;
display: block;
cursor: point;
border-right: solid 1px #4a779d;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
}
.dropmenu li span{
display: block;
float: right;
height: 10px;
width: 10px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTB287ZSdoLfCLBOgEhhGzUy2-Q_yEwUOx-i_v_cYMSan7EXXxnvM7wAkarVXLHoZZwYCKgWvkHwvu-kFcsxSUM7EOt6EaqNfpEnyN9fDIYtDsfo3UjcYjb6XSXuXCpqCHsg7HO78zfXg/s1600/arrow_up.png) repeat-x scroll 0 0;
position: absolute;
top: 12px;
right: 10px;
}
.dropmenu li a:hover span{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9wNjGCDfzqVEb7TLpy_6ARXhUVXCKlGoRNw62kOKj1j11kNm4yg13-5jThq8tGJSYsep0EO7VdPGTCEtmqNXs2nuwgAcNAoqffkwhC4N1aOcT2HVLSJ0gfdPJSy7MMO17nWosbcOFF94/s1600/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu li:hover ul, .dropmenu li:hover div{
display: block;
}
.dropmenu ul{
position: absolute;
display: none;
width: 140px;
padding: 0px;
margin: 0px;
border-bottom: 1px solid #ccc;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_losYEscqMXo2H19hA56FfppMFGEtQR3PfZfj1ULYtc_aq0ZVVFyONgX9bPnpxRj3L37qNwxYNX9gzJSdGq_OgA3cSoRjHgOtm8hzgBaQNLe-PuJgmKxZEPnbYkk_wZfPDCbmh3ncXo/s1600/gradient.png) repeat-x scroll 0 0;
}
.dropmenu ul li{
border: 0;
float: none;
}
.dropmenu ul a {
border: 1px solid #ccc;
border-bottom: 0;
white-space: nowrap;
display:block;
color: #0657AD;
text-decoration: underline;
text-transform: none;
}
a.selected, a:hover{
color: #0657AD !important;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_losYEscqMXo2H19hA56FfppMFGEtQR3PfZfj1ULYtc_aq0ZVVFyONgX9bPnpxRj3L37qNwxYNX9gzJSdGq_OgA3cSoRjHgOtm8hzgBaQNLe-PuJgmKxZEPnbYkk_wZfPDCbmh3ncXo/s1600/gradient.png) repeat-x scroll 0 0;
}
a.selected span{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9wNjGCDfzqVEb7TLpy_6ARXhUVXCKlGoRNw62kOKj1j11kNm4yg13-5jThq8tGJSYsep0EO7VdPGTCEtmqNXs2nuwgAcNAoqffkwhC4N1aOcT2HVLSJ0gfdPJSy7MMO17nWosbcOFF94/s1600/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu ul a:hover {
color:#F67A00 !important;
text-decoration: none;
background-color: #F0F0F0;
background-image: none;
}
.dropmenu div ul{
position: relative;
display: block;
}
.dropmenu li div{
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_losYEscqMXo2H19hA56FfppMFGEtQR3PfZfj1ULYtc_aq0ZVVFyONgX9bPnpxRj3L37qNwxYNX9gzJSdGq_OgA3cSoRjHgOtm8hzgBaQNLe-PuJgmKxZEPnbYkk_wZfPDCbmh3ncXo/s1600/gradient.png) repeat-x scroll 0 0;
border: 1px solid #ccc;
padding: 5px;
display: none;
position: absolute;
}
.dropmenu li div ul{
border: none;
background: none;
position: relative !important;
}
.dropmenu li div a{
border: none;
border-bottom: 1px solid #ccc;
}
.dropmenu li div div{
display: block;
position: relative;
background: none;
border: none;
}
.dropmenu li div div a{
display: inline;
border: none;
color: #666;
text-decoration: underline;
padding: 0px;
margin: 0px;
text-transform: none;
}
.dropmenu li div div a:hover{
color: #000;
text-decoration: none;
}
ul.left{
float: left;
width: 145px;
}
ul.right{
float: right;
width: 145px;
}
.small{
color: #666;
font-size: 10px;
padding: 10px 5px 8px 5px !important;
display: block;
clear: both;
}
.products{
width: 300px;
padding: 15px !important;
}
.products ul{
width: 100%;
}
.products ul li{
border-bottom: 1px solid #ccc;
height: 40px;
padding: 10px 0px;
}
.products h2{
font-size: 16px;
padding: 2px 0px 3px 0px;
margin: 0px;
}
.products p{
color: #666;
font-size: 10px;
padding: 0px;
margin: 0px;
}
.products img{
float: left;
padding-right: 10px;
}
.products ul li a{
display: inline;
border: none;
color: #666;
text-decoration: underline;
padding: 0px;
margin: 0px;
text-transform: none;
}
.products ul li a:hover{
color: #000 !important;
text-decoration: none;
background: none !important;
}
.tutorials{
width: 300px;
}
input{
border:1px solid #4A779D;
padding: 3px 8px;
margin-bottom: 8px;
width: 164px;
}
label{
padding: 0px 0px 4px 0px;
display:block;
}
button{
background: #4A779D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-vyPKHQrOczfjFKQSCNCFay88MKwb7UszsuqZLfpFxp3_zlNcTUVkVKAK6UKK2cn5G3z-4eg-khPBT6G_PUZ3KXZP8qVdcETdr7kUeqyMhEuoh_WxC1QNrIW4uCPYehy8EUG-NTibbk/s1600/navigation.png) repeat-x scroll 0 0;
color: #FFF;
border:1px solid #4A779D;
padding: 4px 10px;
width: 180px;
}
.emailupdatesform{margin: 10px 0 5px 5px; width: 180px; float: left;}
.emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 160px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: none; font:bold 12px arial; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}
Tidak ada komentar:
Posting Komentar