PHP Classes

File: css/drop_variation.css

Recommend this page to a friend!
  Classes of anoop singh   CDN CMS   css/drop_variation.css   Download  
File: css/drop_variation.css
Role: Auxiliary data
Content type: text/plain
Description: drop_variation
Class: CDN CMS
Manage content stored in a MySQL database
Author: By
Last change:
Date: 13 years ago
Size: 2,883 bytes


Class file image Download
/* common styling */ /* Set up the default font and ovrall size to include image */ .menu { float:right; font-family: Arial, Helvetica, sans-serif; width:750px; /*height:355px;*/ position:relative; margin:0; right:2em; } /* get rid of the default padding - margin and bullets */ .menu ul { float:right; padding:0; margin-top:.9em; list-style-type: none; } /* make menu horizontal */ .menu ul li { float:left; position:relative; padding-right:.3em; .padding-right:0em; } /* set up the default top level links */ .menu li a, .menu li a:visited { display:block; color:#fff; font-weight:bold; text-align:center; background:url(../images/left_tabimg.jpg) no-repeat top left; padding:.6em 0 .3em .5em; .padding-left:0; text-decoration:none; } .menu ul li a span{ background:url(../images/right_tabimg.jpg) no-repeat top right; padding:.6em 1.2em .3em .6em; .padding-top:.5em; .padding-bottom:.6em; margin:0; } /* hack for IE5.5 to correct the faulty box model */ * html .menu ul li a, .menu ul li a:visited { /*width:98px; w\idth:88px;*/ padding:.5em .6em .1em .8em; } /* hide the drop down menu */ .menu ul li ul { display: none; } /* remove all table style so that it does not interfere with the menu */ /* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */ /* style the top level hover */ .menu ul li:hover a, .menu ul li a:hover { color:#fff; background-position:0% -27px; } .menu ul li:hover a span, .menu ul li a:hover span { background-position:100% -27px; } /* make the drop down menu show and correctly position it */ .menu ul li:hover ul, .menu ul li a:hover ul { display:block; position:absolute; top:1.2em; margin-top:11px; .left:-3.3em; width:96px; border:1px solid #888; border-top:0; background:transparent; } /* style the drop down links with no hover */ .menu ul li:hover ul li a, .menu ul li a:hover ul li a { display:block; background:#472210; color:#fff; border:0; margin:0; font-weight:normal; font-size:1.1em; height:auto; line-height:1em; padding:5px; width:86px; border-bottom:solid 1px #7D3E20; } /* style the drop down menu links when hovered */ .menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { background-color:#D2815A; color:#fff; } /* special styling for IE5.5 and IE6 - transparency is non validating */ .menu ul li a:hover ul { /*background:transparent filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity:0.8;*/ margin-top:10px; /* for IE5.5 faulty box model */ marg\in-top:11px; /* for IE6 */ } /* IE5.5 hack for faulty box model in drop down menu */ .menu ul li a:hover ul li a { background-color:#472210; width:96px; /* for IE5.5 faulty box model */ w\idth:86px; /* for IE6 */ }