میڈیاویکی:Gadget-MultiLevelMenu.css

تفصیل کے لیے کھولیں کے بٹن پر کلک کریں یاددہانی: محفوظ کرنے کے بعد تازہ ترین تبدیلیوں کو دیکھنے کے لیے آپ کو اپنے براؤزر کا کیش صاف کرنا ہوگا۔

  • فائرفاکس/ سفاری: جب Reload پر کلک کریں تو Shift دبا کر رکھیں، یا Ctrl-F5 یا Ctrl-R دبائیں (Mac پر R- )
  • گوگل کروم: Ctrl-Shift-R دبائیں (Mac پر Shift-R-⌘)
  • انٹرنیٹ ایکسپلورر: جب Refresh پر کلک کریں تو Ctrl یا Ctrl-F5 دبائیں
  • اوپیرا: Tools → Preferences میں جائیں اور کیش صاف کریں

/* [[سانچہ:افقی قائمہ]] */
.jqueryslidemenu {
  font-size: 15px;
  font-weight: bold;
  background: dimgray;
  background-size: 100px 100px;
  width: 100%;
}

.jqueryslidemenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.jqueryslidemenu ul li {
  position: relative;
  z-index: 4;
  display: inline;
  float: right;
}

.jqueryslidemenu ul li {
  display: block;
  background: dimgray;
  color: white;
  padding: 1px 14px;
  text-decoration: none;
}

* html .jqueryslidemenu ul li {
  display: inline-block;
}

.jqueryslidemenu ul li a:link,.jqueryslidemenu ul li a:visited {
  color: white;
}

.jqueryslidemenu ul li:hover {
  background: lightgray;
  color: white;
}

.jqueryslidemenu ul li ul {
  position: absolute;
  right: 0;
  display: block;
  visibility: hidden;
}

.jqueryslidemenu ul li ul li {
  float: none;
}

.jqueryslidemenu ul li ul li ul {
  top: 0;
}

.jqueryslidemenu ul li ul li {
  font-size: 15px;
  font-weight: bold;
  width: 160px;
  padding: 1px 8px;
  margin: 0;
  border-top-width: 0;
  border-bottom: 1px solid silver;
}

.jqueryslidemenu ul li ul li:hover {
  background: lightgray;
  color: dimgray;
}

.downarrowclass {
  position: absolute;
  top: 6px;
  left: 5px;
}

.leftarrowclass {
  position: absolute;
  top: 6px;
  left: 8px;
}

.jqueryslidemenu,.jqueryslidemenu li {
  border-radius: 2px;
}

.jqueryslidemenu-green,.jqueryslidemenu .jqueryslidemenu-green,.jqueryslidemenu-green ul li {
  background: rgb(165, 201, 86);
  display: block;
  color: white;
  text-decoration: none;
}

.jqueryslidemenu-red,.jqueryslidemenu .jqueryslidemenu-red,.jqueryslidemenu-red ul li {
  background: rgb(207, 4, 4);
  display: block;
  color: white;
  text-decoration: none;
}

.jqueryslidemenu-yellow,.jqueryslidemenu .jqueryslidemenu-yellow,.jqueryslidemenu-yellow ul li {
  background: rgb(254, 191, 4);
  display: block;
  color: white;
  text-decoration: none;
}

.jqueryslidemenu-grey,.jqueryslidemenu .jqueryslidemenu-grey,.jqueryslidemenu-grey ul li {
  background: rgb(200, 200, 200);
  display: block;
  color: white;
  text-decoration: none;
}

.jqueryslidemenu-black,.jqueryslidemenu .jqueryslidemenu-black,.jqueryslidemenu-black ul li {
  background: rgb(14, 14, 14);
  display: block;
  color: white;
  text-decoration: none;
}

.jqueryslidemenu-brown,.jqueryslidemenu .jqueryslidemenu-brown,.jqueryslidemenu-brown ul li {
  background: rgb(237, 144, 23);
  display: block;
  color: white;
  text-decoration: none;
}

.jqueryslidemenu-blue,.jqueryslidemenu .jqueryslidemenu-blue,.jqueryslidemenu-blue ul li {
  background: rgb(64, 150, 238);
  display: block;
  color: white;
  text-decoration: none;
}

.jqueryslidemenu-darkred,.jqueryslidemenu .jqueryslidemenu-darkred,.jqueryslidemenu-darkred ul li {
  background: rgb(169, 3, 41);
  display: block;
  color: white;
  text-decoration: none;
}

.jqueryslidemenu-purple,.jqueryslidemenu .jqueryslidemenu-purple,.jqueryslidemenu-purple ul li {
  background: rgb(222, 71, 172);
  display: block;
  color: white;
  text-decoration: none;
}