"미디어위키: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 { | ||
− | |||
} | } | ||
.my-buttons a { | .my-buttons a { | ||
− | + | padding: (@padding-base-vertical + 2) @padding-base-horizontal @padding-base-vertical; | |
− | + | .shadow(); | |
+ | font-size: 12px; | ||
font-weight: bold; | font-weight: bold; | ||
− | + | text-transform: uppercase; | |
− | + | ||
− | border: | + | &: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 { | .my-buttons a:hover, .my-buttons a:active { | ||
− | + | ||
− | |||
} | } |
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 {
}