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

미미위키
(새 문서: MediaWiki:Edittools 편집 입력 도구의 버튼: .my-buttons { padding: 0.5em; } .my-buttons a { color: black; background-color: #ccddee !important; font-weight: b...)
 
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 {

}