Guest User

Untitled

a guest
Feb 25th, 2013
163
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.82 KB | None | 0 0
  1. <!-- FLY OUT MENU -->
  2. <div id="menuwrapper">
  3.  
  4. <div id="menu">
  5. <ul>
  6. <li><a href="#nogo"><div id="file">File</div></a>
  7. <ul>
  8. <li><a href="#nogo" onclick="window.print()">Print</a></li>
  9. <li><a href="#nogo" onclick="sims_update()">Export</a></li>
  10. <li><a href="#nogo" onclick="sims_update()">Save</a></li>
  11. <li><a href="#nogo" onclick="window.close()">Save & Exit</a></li>
  12. <li><a href="#nogo" onclick="window.close()">Exit</a></li>
  13. </ul>
  14. </li>
  15. <li><a href="#nogo"><div id="edit">Edit</div></a>
  16. <ul>
  17. <li><a href="#nogo" onclick="sims_addnew();return false"><div id="addnew">Add new</div></a></li>
  18. <li><a href="#nogo" onclick="sims_delete()"><div id="delete">Delete</div></a></li>
  19. <li><a href="#nogo" onclick="sims_reset()"><div id="clear">Clear Form</div></a></li>
  20. <li><a href="#nogo" onclick="sims_reset()"><div id="settings">Settings</div></a></li>
  21. </ul>
  22. </li>
  23. <li><a href="#nogo"><div id="view">View</div></a>
  24. <ul>
  25. <li><a href="#nogo"><div id="goto_first">&gt;&gt; Go to First</div></a></li>
  26. <li><a href="#nogo"><div id="goto_next">&gt;Go to Next</div></a></li>
  27. <li><a href="#nogo"><div id="goto_prev">Go to Previous&gt;</div></a></li>
  28. <li><a href="#nogo"><div id="goto_last">Go to Last&gt;&gt;</div></a></li>
  29. </ul>
  30. </li>
  31.  
  32. <li><a href="#nogo"><div id="reports">Help</div></a>
  33. <ul>
  34. <li><a href="#nogo"><div id="export_excel">About IMTS</div></a></li>
  35. <li><a href="#nogo" onclick="sims_compile_htmltable()">Contact Support</a></li>
  36. </ul>
  37. </li>
  38.  
  39. <li><a href="#nogo"><div id="logoff">Logoff</div></a></li>
  40.  
  41. </ul>
  42. <ul>
  43. </div>
  44.  
  45. </div>
  46.  
  47.  
  48. /*---------------------------------------------------
  49. HEADER MENU
  50. ---------------------------------------------------*/
  51. #menuwrapper{
  52. position: fixed;
  53. top: 30px;
  54. left: 0px;
  55. height: 20px;
  56. font-size: 8pt;
  57. padding-left: 3px;
  58. width: 100%;
  59. z-index:1;
  60. border-bottom: 1px solid rgb(72,72,72);
  61. border-top: 1px solid rgb(106,106,106);
  62. background-color: rgb(168,168,168);
  63.  
  64. }
  65. #menu{
  66. padding:0;
  67. margin:0;
  68. position: fixed;
  69. left: 0px;
  70. font-size: 8pt;
  71. width: 1001px
  72.  
  73. }
  74. #menu ul{
  75. padding:0;
  76. margin:0;
  77. }
  78. #menu li{
  79. position: relative;
  80. list-style: none;
  81. margin: 0;
  82. padding:0;
  83. float: left;
  84. display:inline;
  85.  
  86. }
  87. #menu li a{
  88. width:125px;
  89. height: 20px;
  90. display: block;
  91. text-decoration:none;
  92. line-height: 20px;
  93. color: black;
  94. background-color: rgb(168,168,168);
  95. }
  96.  
  97. #menu li a:hover{
  98. background-color: rgb(216,216,216);
  99. }
  100. #menu ul ul {
  101. position: absolute;
  102. top: 21px;
  103. visibility: hidden;
  104. }
  105. #menu ul ul li a {
  106. width: 120px;
  107. padding-left: 5px;
  108. }
  109. #menu ul li:hover ul{
  110. visibility:visible;
  111. }
  112. #menu > ul > li > a {
  113. text-align:center;
  114. }
  115. #menu > ul > li > a:hover {
  116. border-bottom: 1px solid rgb(72,72,72);
  117. }
  118. a:hover, a:active, a:focus {
  119. outline: none;
  120. border: none;
  121. }
Advertisement
Add Comment
Please, Sign In to add comment