미디어위키:Chameleon.css: 두 판 사이의 차이

미미위키
다음으로 이동:둘러보기, 검색
Chiri (토론 | 기여)
새 문서: →[[MediaWiki:Edittools]] 편집 입력 도구의 버튼: .my-buttons { padding: 0.5em; } .my-buttons a { color: black; background-color: #ccddee !important; font-weight: b...
 
Chiri (토론 | 기여)
편집 요약 없음
1번째 줄: 1번째 줄:
/* [[MediaWiki:Edittools]] 편집 입력 도구의 버튼 */
/* [[MediaWiki:Edittools]] 편집 입력 도구의 버튼 */
.my-buttons {
.my-buttons {
  padding: 0.5em;
}
}
.my-buttons a {
.my-buttons a {
   color: black;
   padding: (@padding-base-vertical + 2) @padding-base-horizontal @padding-base-vertical;
   background-color: #ccddee !important;
  .shadow();
   font-size: 12px;
   font-weight: bold;
   font-weight: bold;
   font-size: 0.9em;
   text-transform: uppercase;
   text-decoration: none;
 
   border: thin #006699 outset;
  &:hover {
   padding: 0 0.1em 0.1em 0.1em;
    margin-top: 1px;
    border-bottom-width: 3px;
  }
 
  &:active {
    margin-top: 2px;
    border-bottom-width: 2px;
    .box-shadow(none);
  }
 
  &-lg,
  &-group-lg > .btn {
    padding: (@padding-large-vertical + 2) @padding-large-horizontal @padding-large-vertical;
    line-height: 15px;
  }
 
  &-sm,
  &-group-sm > .btn {
    padding: (@padding-small-vertical + 2) @padding-small-horizontal @padding-small-vertical;
  }
 
  &-xs,
  &-group-xs > .btn {
    padding: (@padding-xs-vertical + 2) @padding-xs-horizontal @padding-xs-vertical;
  }
 
  &-default:hover,
  &-default:focus,
  &-group.open .dropdown-toggle.btn-default {
    background-color: @btn-default-bg;
    border-color: @btn-default-border;
  }
 
  &-primary:hover,
  &-primary:focus,
  &-group.open .dropdown-toggle.btn-primary {
    background-color: @btn-primary-bg;
    border-color: @btn-primary-border;
  }
 
  &-success:hover,
  &-success:focus,
  &-group.open .dropdown-toggle.btn-success {
    background-color: @btn-success-bg;
    border-color: @btn-success-border;
   }
 
  &-info:hover,
  &-info:focus,
  &-group.open .dropdown-toggle.btn-info {
    background-color: @btn-info-bg;
    border-color: @btn-info-border;
   }
 
  &-warning:hover,
  &-warning:focus,
  &-group.open .dropdown-toggle.btn-warning {
    background-color: @btn-warning-bg;
    border-color: @btn-warning-border;
   }
 
  &-danger:hover,
  &-danger:focus,
  &-group.open .dropdown-toggle.btn-danger {
    background-color: @btn-danger-bg;
    border-color: @btn-danger-border;
  }
 
  &-group.open .dropdown-toggle {
    .box-shadow(none);
  }
 
}
}
.my-buttons a:hover, .my-buttons a:active {
.my-buttons a:hover, .my-buttons a:active {
  background-color: #bbccdd;
 
  border-style: inset;
}
}

2015년 4월 21일 (화) 05:14 판

/* [[MediaWiki:Edittools]] 편집 입력 도구의 버튼 */
.my-buttons {
}
.my-buttons a {
  padding: (@padding-base-vertical + 2) @padding-base-horizontal @padding-base-vertical;
  .shadow();
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;

  &:hover {
    margin-top: 1px;
    border-bottom-width: 3px;
  }

  &:active {
    margin-top: 2px;
    border-bottom-width: 2px;
    .box-shadow(none);
  }

  &-lg,
  &-group-lg > .btn {
    padding: (@padding-large-vertical + 2) @padding-large-horizontal @padding-large-vertical;
    line-height: 15px;
  }

  &-sm,
  &-group-sm > .btn {
    padding: (@padding-small-vertical + 2) @padding-small-horizontal @padding-small-vertical;
  }

  &-xs,
  &-group-xs > .btn {
    padding: (@padding-xs-vertical + 2) @padding-xs-horizontal @padding-xs-vertical;
  }

  &-default:hover,
  &-default:focus,
  &-group.open .dropdown-toggle.btn-default {
    background-color: @btn-default-bg;
    border-color: @btn-default-border;
  }

  &-primary:hover,
  &-primary:focus,
  &-group.open .dropdown-toggle.btn-primary {
    background-color: @btn-primary-bg;
    border-color: @btn-primary-border;
  }

  &-success:hover,
  &-success:focus,
  &-group.open .dropdown-toggle.btn-success {
    background-color: @btn-success-bg;
    border-color: @btn-success-border;
  }

  &-info:hover,
  &-info:focus,
  &-group.open .dropdown-toggle.btn-info {
    background-color: @btn-info-bg;
    border-color: @btn-info-border;
  }

  &-warning:hover,
  &-warning:focus,
  &-group.open .dropdown-toggle.btn-warning {
    background-color: @btn-warning-bg;
    border-color: @btn-warning-border;
  }

  &-danger:hover,
  &-danger:focus,
  &-group.open .dropdown-toggle.btn-danger {
    background-color: @btn-danger-bg;
    border-color: @btn-danger-border;
  }

  &-group.open .dropdown-toggle {
    .box-shadow(none);
  }

}

.my-buttons a:hover, .my-buttons a:active {

}