test8 の変更点

追加された行はこの色です。
削除された行はこの色です。
test8 へ行く。
#html(<style type="text/css">	<!--	#dropmenu {	  list-style-type: none;	  width: 500px;	  margin: 10px auto 500px;	  padding: 0;	}	#dropmenu li {	  position: relative;	  width: 20%;	  float: left;	  margin: 0;	  padding: 0;	  text-align: center;	}	#dropmenu li a {	  display: block;	  margin: 0;	  padding: 10px 0;	  background: silver;	  color: #fff;	  font-size: 12px;	  font-weight: bold;	  line-height: 1;	  text-decoration: none;	}	#dropmenu li ul {	  list-style: none;	  position: absolute;	  z-index: 100;	  top: 100%;	  left: 0;	  width: 100%;	  margin: 0;	  padding: 0;	}	#dropmenu li ul li {	  overflow: hidden;	  width: 100%;	  height: 0;	  color: #fff;	  transition: .2s;	}	#dropmenu li ul li a {	  padding: 12px 12px;	  background: silver;	  text-align: left;	  font-size: 12px;	  font-weight: normal;	}	#dropmenu > li:hover > a {  background: silver }	#dropmenu > li:hover li:hover > a {  background: silver }	#dropmenu > li:hover > ul > li {	  overflow: visible;	  height: 36px;	}	#dropmenu li ul li ul {	  top: 0;	  left: 100%;	}	#dropmenu li:last-child ul li ul {	  left: -100%;	  width: 100%;	}	#dropmenu li ul li ul:before {	  position: absolute;	  content: "";	  top: 13px;	  left: -20px;	  width: 0;	  height: 0;	  border: 5px solid transparent;	  border-left-color: #454e08;	}	#dropmenu li:last-child ul li ul:before {	  position: absolute;	  content: "";	  top: 13px;	  left: 200%;	  margin-left: -20px;	  border: 5px solid transparent;	  border-right-color: #454e08;	}	#dropmenu li ul li:hover > ul > li {	  overflow: visible;	  height: 36px;	}	#dropmenu li ul li ul li a {  background: silver }	#dropmenu li:hover ul li ul li a:hover {  background: silver }	-->	</style>	)	


#html{{
<ul id="dropmenu">
  <li><a href="http://www.0o0d.com/main/index.php?cmd=edit&page=test8">メニュー1</a>
    <ul>
      <li><a href="http://www.0o0d.com/main/index.php?cmd=edit&page=test8">サブメニュー</a>
        <ul>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a>
            <ul>
              <li><a href="#">サブサブサブメニュー</a></li>
              <li><a href="#">サブサブサブメニュー</a></li>
              <li><a href="#">サブサブサブメニュー</a></li>
              <li><a href="#">サブサブサブメニュー</a></li>
            </ul>
          </li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
        </ul>
      </li>
      <li><a href="#">サブメニュー</a>
        <ul>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
        </ul>
      </li>
      <li><a href="#">サブメニュー</a>
         <ul>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a>
            <ul>
              <li><a href="#">サブサブサブメニュー</a></li>
              <li><a href="#">サブサブサブメニュー</a></li>
              <li><a href="#">サブサブサブメニュー</a></li>
              <li><a href="#">サブサブサブメニュー</a></li>
            </ul>
          </li>
          <li><a href="#">サブサブメニュー</a></li>
        </ul>
      </li>
      <li><a href="#">サブメニュー</a>
        <ul>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
        </ul>
      </li>
    </ul>
  </li>
  <li><a href="#">メニュー2</a>
    <ul>
      <li><a href="#">サブメニュー</a></li>
      <li><a href="#">サブメニュー</a></li>
      <li><a href="#">サブメニュー</a></li>
      <li><a href="#">サブメニュー</a></li>
    </ul>
  </li>
  <li><a href="#">メニュー3</a>
    <ul>
      <li><a href="#">サブメニュー</a></li>
      <li><a href="#">サブメニュー</a>
        <ul>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
        </ul>
      </li>
      <li><a href="#">サブメニュー</a></li>
    </ul>
  </li>
  <li><a href="#">メニュー4</a>
    <ul>
      <li><a href="#">サブメニュー</a></li>
      <li><a href="#">サブメニュー</a>
        <ul>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
        </ul>
      </li>
      <li><a href="#">サブメニュー</a></li>
    </ul>
  </li>
  <li><a href="#">メニュー5</a>
    <ul>
      <li><a href="#">サブメニュー</a>
        <ul>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
        </ul>
      </li>
      <li><a href="#">サブメニュー</a></li>
      <li><a href="#">サブメニュー</a>
        <ul>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a></li>
          <li><a href="#">サブサブメニュー</a>
            <ul>
              <li><a href="#">サブサブサブメニュー</a></li>
              <li><a href="#">サブサブサブメニュー</a></li>
              <li><a href="#">サブサブサブメニュー</a></li>
              <li><a href="#">サブサブサブメニュー</a></li>
            </ul>
          </li>
          <li><a href="#">サブサブメニュー</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
}}