틀:백괴게임 메뉴: 두 판 사이의 차이

리버티게임, 모두가 만들어가는 자유로운 게임
백괴게임>BANIP
(뭘 이렇게 길게도 써놓으셨대요..)
백괴게임>BANIP
잔글 (BANIP의 275725판 편집을 되돌림 잠만잠만 웨이럽미닛)
4번째 줄: 4번째 줄:
     width:100%;
     width:100%;
     display:flex;
     display:flex;
    background:hsl(220, 60%, 50%);
     border-top-left-radius: 10px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     border-top-right-radius: 10px;
   }
   }


   .lnb .menuItem{
   .lnb .menuItem_center{
     text-align:center;
     text-align:center;
     display:inline-block;
     display:inline-block;
15번째 줄: 16번째 줄:
     padding:0.2em 0em;
     padding:0.2em 0em;
     transition:0.2s background linear;
     transition:0.2s background linear;
    background:hsl(220, 60%, 50%);
   }
   }


   .lnb .menuItem:first-child{ border-top-left-radius:0.6em; }
   .lnb .menuItem_leftside{
  .lnb .menuItem:last-child{  border-top-right-radius:0.6em; }
    text-align:center;
    display:inline-block;
    flex:1;
    list-style:none;
    padding:0.2em 0em;
    transition:0.2s background linear;
    border-top-left-radius: 10px;
  }


   .lnb .menuItem a{
   .lnb .menuItem_rightside{
    text-align:center;
    display:inline-block;
    flex:1;
    list-style:none;
    padding:0.2em 0em;
    transition:0.2s background linear;
    border-top-right-radius: 10px;
  }
 
  .lnb .menuItem_center a{
     color:white;
     color:white;
     text-decoration:none;
     text-decoration:none;
27번째 줄: 44번째 줄:
   }
   }


   .lnb .menuItem:hover{
   .lnb .menuItem_center:hover{
     background:white;
     background:white;
   }
   }


   .lnb .menuItem:hover a{
   .lnb .menuItem_center:hover a{
    color:hsl(220, 60%, 50%);
  }
 
  .lnb .menuItem_leftside a{
    color:white;
    text-decoration:none;
    transition:0.2s color linear;
  }
 
  .lnb .menuItem_leftside:hover{
    background:white;
  }
 
  .lnb .menuItem_leftside:hover a{
    color:hsl(220, 60%, 50%);
  }
 
  .lnb .menuItem_rightside a{
    color:white;
    text-decoration:none;
    transition:0.2s color linear;
  }
 
  .lnb .menuItem_rightside:hover{
    background:white;
  }
 
  .lnb .menuItem_rightside:hover a{
     color:hsl(220, 60%, 50%);
     color:hsl(220, 60%, 50%);
   }
   }
39번째 줄: 84번째 줄:
         flex-direction:column;
         flex-direction:column;
     }
     }
 
    .lnb.menuitem_leftside{
        border-top-right-radius: 10px;
    }
    .lnb.menuitem_rightside{
        border-top-right-radius: 0px;
    }
   }
   }
}}<div class="lnb"><li class="menuItem">[[백괴게임:대문|'''홈''']]</li>
}}<div class="lnb"><li class="menuItem_leftside">[[백괴게임:대문|'''홈''']]</li>
<li class="menuItem">[[백괴게임:게임 목록|'''게임 목록''']]</li>
<li class="menuItem_center">[[백괴게임:게임 목록|'''게임 목록''']]</li>
<li class="menuItem">[[도움말:길라잡이|'''길라잡이''']]</li>
<li class="menuItem_center">[[도움말:길라잡이|'''길라잡이''']]</li>
<li class="menuItem">[[도움말:게임 만들기|'''게임 만들기''']]</li>
<li class="menuItem_center">[[도움말:게임 만들기|'''게임 만들기''']]</li>
<li class="menuItem">[[백괴게임:오락실|'''오락실''']]</li>
<li class="menuItem_rightside">[[백괴게임:오락실|'''오락실''']]</li>
</div>
</div>
</onlyinclude>
</onlyinclude>

2018년 2월 1일 (목) 15:33 판


백괴게임에서 사용되는 서브 네비게이션입니다.