變更

跳至導覽 跳至搜尋
增加 38 位元組 、​ 2016年8月25日 (四) 01:55
無編輯摘要
行 1: 行 1: −
/* 此處的 CSS 將應用於所有的面板 */
   
.my-nav-box {
 
.my-nav-box {
 
   font-size: 15px;
 
   font-size: 15px;
行 12: 行 11:  
     background-color: #ccccff;
 
     background-color: #ccccff;
 
     padding: 1px 13px; }
 
     padding: 1px 13px; }
   .my-nav-box dl dd, .my-nav-box dl dt {
+
   .my-nav-box dl {
    margin-bottom: 2px;
+
    margin: 0; }
    padding-top: 1px;
+
    .my-nav-box dl dd, .my-nav-box dl dt {
    padding-bottom: 1px; }
+
      margin-bottom: 2px;
  .my-nav-box dl dt {
+
      padding-top: 1px;
    width: 100%;
+
      padding-bottom: 1px; }
    text-align: center;
+
    .my-nav-box dl dt {
    font-weight: bold;
+
      width: 100%;
    background-color: #ddddff;
+
      text-align: center;
    padding-left: 13px;
+
      font-weight: bold;
    padding-right: 13px; }
+
      background-color: #ddddff;
    @media (min-width: 768px) {
+
      padding-left: 13px;
      .my-nav-box dl dt {
+
      padding-right: 13px; }
        width: 180px;
+
      @media (min-width: 768px) {
        float: left;
+
        .my-nav-box dl dt {
        text-align: right; } }
+
          width: 180px;
  .my-nav-box dl dd {
+
          float: left;
    padding-left: 6px;
+
          text-align: right; } }
    padding-right: 6px; }
+
    .my-nav-box dl dd {
    .my-nav-box dl dd a {
+
      padding-left: 6px;
      margin-left: 6px;
+
      padding-right: 6px; }
      margin-right: 6px; }
+
      .my-nav-box dl dd a {
    @media (min-width: 768px) {
+
        margin-left: 6px;
      .my-nav-box dl dd {
+
        margin-right: 6px; }
        margin-left: 200px; } }
+
      @media (min-width: 768px) {
 +
        .my-nav-box dl dd {
 +
          margin-left: 200px; } }

導覽選單