Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #ddmenu
- {
- z-index:999999990;
- margin: 0px;
- display: block;
- font-family:diablo;
- font-size: 25px;
- text-align: center; /* Specify the alignment of the whole UL if UL is not width:100%;*/
- /* letter-spacing: 1px; */
- }
- /*workable with bootstrap*/
- #ddmenu, #ddmenu div {
- z-index:999999990;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing:content-box;
- display: block;
- }
- #ddmenu ul
- {
- /* Here you can further customize the alignment of its LIs */
- width:100%;
- margin:0px;
- padding:5px;
- font-size:20px;
- background:#F6F6F9;
- border-top: 1px solid #CCCCCC;
- border-bottom:none;
- display:block;
- list-style:none;
- position: static;
- z-index:999999990;
- visibility:hidden;
- padding: 5px 0px;
- box-shadow: 0px 2px 5px #DDDDDD;
- }
- #ddmenu li
- {
- margin:0;
- padding:0;
- font-size:18px;
- display:inline-block;
- position:relative;
- color:#000000;
- }
- #ddmenu a
- {
- color:#000000;
- padding:0 22px;
- line-height:40px;
- font-weight:normal;
- text-decoration:none;
- display:inline-block;
- outline:0;
- position:relative;
- }
- /* links without sub-menu */
- #ddmenu li.over a
- {
- background-color:#DDDDDD;
- color:#000000;
- }
- /* links with sub-menu */
- #ddmenu a.arrow
- {
- border-left:1px solid transparent;
- border-right:1px solid transparent;
- }
- #ddmenu li.over a.arrow
- {
- background-color:#FFFFFF;
- color:#003366;
- border-left:1px solid #DDDDDD;
- border-right:1px solid #DDDDDD;
- text-decoration:underline;
- }
- /* arrow icon style */
- #ddmenu li i.icon
- {
- border:4px solid transparent;/*adjust arrow size*/
- border-top-color:#000000;/*arrow color*/
- margin-left:12px;/*position*/
- display:inline-block;
- }
- /* arrow hovered */
- #ddmenu li.over i.icon
- {
- border-top-color:#003366;
- }
- #ddmenu li > div
- {
- padding:0;
- margin:0;
- display:none;
- }
- #ddmenu li.search {
- float:right;
- }
- /* sub-menu layout
- ----------------------------*/
- #ddmenu div.drop
- {
- position:absolute;
- text-align:left;
- border:1px solid #DDDDDD;
- background:#FFFFFF;
- padding:20px;
- color:#000000;
- line-height:30px;
- font-size:13px;
- font-family:Arial;
- font-weight:bold;
- border-radius:0 0 6px 6px;
- }
- /* sub-menu offset
- ----------------------------*/
- #ddmenu div.drop
- {
- left:0px;/*Use this property to change offset of the sub-menu*/
- }
- #ddmenu div.dropToLeft
- {
- left:auto; right:0px;
- }
- #ddmenu div.dropToLeft2
- {
- left:auto; right:-120px;
- }
- #ddmenu div.dropCenter {
- left: -180px; right: auto;
- }
- /* links in sub menu
- ----------------------------*/
- #ddmenu div.drop a
- {
- line-height:20px;
- font-size:12px;
- font-family:Arial;
- font-weight:normal;
- color:#003399;
- text-decoration:none;
- display:block;
- text-align:left;
- position:static;
- background:none;
- background-image:none;
- padding:0 0;
- }
- #ddmenu div.drop a:hover
- {
- text-decoration:underline;
- color:#0099FF;
- }
- #ddmenu a.buy a:link
- {
- color: #b20000;
- }
- #ddmenu a.buy a:hover
- {
- color: #cc0000;
- }
- /* blocks within the sub-menu
- ----------------------------*/
- #ddmenu div.drop div
- {
- background:none;
- }
- #ddmenu div.column
- {
- width:auto;
- float:left; /*align each column in one row*/
- padding:0 10px; /*padding of each column*/
- }
- #ddmenu div.column div
- {
- padding:0px 10px; /*sub-div within div.column. 10px for indent.*/
- }
- /* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages
- ----------------------------*/
- #ddmenuLink {display:none;}
- a:link buy {
- color: #b20000;
- }
- a:hover buy {
- color: #cc0000;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement