35 lines
1.7 KiB
CSS
35 lines
1.7 KiB
CSS
/*
|
|
Name: jQuery Simple Drop Down Plugin Stylesheet
|
|
Author: Etienne Fardet
|
|
Version: 1.2
|
|
*/
|
|
|
|
/* Demo common styles - Not needed to make the plugin work */
|
|
/*
|
|
body {font-family:Verdana, Geneva, sans-serif; font-size:14px;width:40%;margin:0 auto;}
|
|
a {text-decoration:none;color:#039;}
|
|
h3 {clear:both;color: #039;}
|
|
pre {border:1px solid black; padding:8px;width:700px; margin:20px;}
|
|
strong {color: #093;}
|
|
.requirements {list-style:square;}
|
|
.author {color: #003;font-size: 12px;font-weight: bold;font-style: italic;}
|
|
*/
|
|
|
|
/* Demo divs - Lists need to be placed in a div with an assigned ID that will be called within the page as a parameter for the main plugin function */
|
|
/*
|
|
#dropdown1 {position:relative;z-index:2;}
|
|
#dropdown2 {position:relative;z-index:1;}
|
|
#dropdown3 {position:relative;z-index:0;margin-left:170px;}
|
|
*/
|
|
|
|
/* Necessary Styles to make the demo work - Change background colors and colors to match your needs */
|
|
.dropdown {background:url(./images/arrow.png) no-repeat 10px 8px #D9D6D5;color:#D9D6D5;-khtml-border-radius:8px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;cursor:pointer;margin:0;padding:0;position:absolute;}
|
|
.dropdown a {text-decoration:none; color:#000;}
|
|
.dropdown {list-style-type:none;margin:0;padding:0;width:120;margin:0 auto;}
|
|
.drop ul {list-style-type:none;margin:0;padding:0;}
|
|
.drop ul li:first-child {border-top:1px solid #D9D6D5;}
|
|
.drop ul li {display:none; -moz-border-radius:0;-webkit-border-radius:0;background-color:#D9D6D5;padding:0px; padding-left:4px; padding-right:4px}
|
|
.drop ul li:last-child {display:none;-khtml-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;}
|
|
.selected {padding:4px;color:#000;}
|
|
.drop ul li:hover {background-color:#06f;}
|