-
Notifications
You must be signed in to change notification settings - Fork 43
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e021af0
commit 8494037
Showing
4 changed files
with
462 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,388 @@ | ||
| /* | ||
| * credits to http://getbootstrap.com/ | ||
| */ | ||
|
|
||
| .btn-group { | ||
| position: relative; | ||
| display: inline-block; | ||
| vertical-align: middle; | ||
| } | ||
|
|
||
| .btn-group > .btn { | ||
| position: relative; | ||
| float: left; | ||
| } | ||
|
|
||
| .btn-group > .btn:hover, | ||
| .btn-group-vertical > .btn:hover, | ||
| .btn-group > .btn:focus, | ||
| .btn-group-vertical > .btn:focus, | ||
| .btn-group > .btn:active, | ||
| .btn-group-vertical > .btn:active, | ||
| .btn-group > .btn.active, | ||
| .btn-group-vertical > .btn.active { | ||
| z-index: 2; | ||
| } | ||
|
|
||
| .btn-group .btn + .btn, | ||
| .btn-group .btn + .btn-group, | ||
| .btn-group .btn-group + .btn, | ||
| .btn-group .btn-group + .btn-group { | ||
| margin-left: -1px; | ||
| } | ||
|
|
||
| .btn-toolbar { | ||
| margin-left: -5px; | ||
| } | ||
|
|
||
| .btn-toolbar .btn, | ||
| .btn-toolbar .btn-group, | ||
| .btn-toolbar .input-group { | ||
| float: left; | ||
| } | ||
|
|
||
| .btn-toolbar > .btn, | ||
| .btn-toolbar > .btn-group, | ||
| .btn-toolbar > .input-group { | ||
| margin-left: 5px; | ||
| } | ||
|
|
||
| .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { | ||
| border-radius: 0; | ||
| } | ||
|
|
||
| .btn-group > .btn:first-child { | ||
| margin-left: 0; | ||
| } | ||
|
|
||
| .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { | ||
| border-top-right-radius: 0; | ||
| border-bottom-right-radius: 0; | ||
| } | ||
|
|
||
| .btn-group > .btn:last-child:not(:first-child), | ||
| .btn-group > .dropdown-toggle:not(:first-child) { | ||
| border-top-left-radius: 0; | ||
| border-bottom-left-radius: 0; | ||
| } | ||
|
|
||
| .btn-group > .btn-group { | ||
| float: left; | ||
| } | ||
|
|
||
| .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { | ||
| border-radius: 0; | ||
| } | ||
|
|
||
| .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, | ||
| .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | ||
| border-top-right-radius: 0; | ||
| border-bottom-right-radius: 0; | ||
| } | ||
|
|
||
| .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { | ||
| border-top-left-radius: 0; | ||
| border-bottom-left-radius: 0; | ||
| } | ||
|
|
||
| .btn-group .dropdown-toggle:active, | ||
| .btn-group.open .dropdown-toggle { | ||
| outline: 0; | ||
| } | ||
|
|
||
| .btn-group > .btn + .dropdown-toggle { | ||
| padding-right: 8px; | ||
| padding-left: 8px; | ||
| } | ||
|
|
||
| .btn-group > .btn-lg + .dropdown-toggle { | ||
| padding-right: 12px; | ||
| padding-left: 12px; | ||
| } | ||
|
|
||
| .btn-group.open .dropdown-toggle { | ||
| -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
| } | ||
|
|
||
| .btn-group.open .dropdown-toggle.btn-link { | ||
| -webkit-box-shadow: none; | ||
| box-shadow: none; | ||
| } | ||
|
|
||
| .btn .caret { | ||
| margin-left: 0; | ||
| } | ||
|
|
||
| .btn-lg .caret { | ||
| border-width: 5px 5px 0; | ||
| border-bottom-width: 0; | ||
| } | ||
|
|
||
| .dropup .btn-lg .caret { | ||
| border-width: 0 5px 5px; | ||
| } | ||
|
|
||
| .btn-group-vertical > .btn, | ||
| .btn-group-vertical > .btn-group, | ||
| .btn-group-vertical > .btn-group > .btn { | ||
| display: block; | ||
| float: none; | ||
| width: 100%; | ||
| max-width: 100%; | ||
| } | ||
|
|
||
| .btn-group-vertical > .btn-group > .btn { | ||
| float: none; | ||
| } | ||
|
|
||
| .btn-group-vertical > .btn + .btn, | ||
| .btn-group-vertical > .btn + .btn-group, | ||
| .btn-group-vertical > .btn-group + .btn, | ||
| .btn-group-vertical > .btn-group + .btn-group { | ||
| margin-top: -1px; | ||
| margin-left: 0; | ||
| } | ||
|
|
||
| .btn-group-vertical > .btn:not(:first-child):not(:last-child) { | ||
| border-radius: 0; | ||
| } | ||
|
|
||
| .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { | ||
| border-radius: 0; | ||
| } | ||
|
|
||
| .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, | ||
| .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | ||
| border-bottom-right-radius: 0; | ||
| border-bottom-left-radius: 0; | ||
| } | ||
|
|
||
| .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { | ||
| border-top-left-radius: 0; | ||
| border-top-right-radius: 0; | ||
| } | ||
|
|
||
| .btn-group-justified { | ||
| display: table; | ||
| width: 100%; | ||
| table-layout: fixed; | ||
| border-collapse: separate; | ||
| } | ||
|
|
||
| .btn-group-justified > .btn, | ||
| .btn-group-justified > .btn-group { | ||
| display: table-cell; | ||
| float: none; | ||
| width: 1%; | ||
| } | ||
|
|
||
| .btn-group-justified > .btn-group .btn { | ||
| width: 100%; | ||
| } | ||
|
|
||
| .btn-group-justified > .btn-group .dropdown-menu { | ||
| left: auto; | ||
| } | ||
|
|
||
| [data-toggle="buttons"] > .btn input[type="radio"], | ||
| [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], | ||
| [data-toggle="buttons"] > .btn input[type="checkbox"], | ||
| [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { | ||
| position: absolute; | ||
| clip: rect(0, 0, 0, 0); | ||
| pointer-events: none; | ||
| } | ||
|
|
||
| .input-group .form-control:first-child, | ||
| .input-group-addon:first-child, | ||
| .input-group-btn:first-child > .btn, | ||
| .input-group-btn:first-child > .btn-group > .btn, | ||
| .input-group-btn:first-child > .dropdown-toggle, | ||
| .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), | ||
| .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { | ||
| border-top-right-radius: 0; | ||
| border-bottom-right-radius: 0; | ||
| } | ||
|
|
||
| .input-group-addon:first-child { | ||
| border-right: 0; | ||
| } | ||
|
|
||
| .input-group .form-control:last-child, | ||
| .input-group-addon:last-child, | ||
| .input-group-btn:last-child > .btn, | ||
| .input-group-btn:last-child > .btn-group > .btn, | ||
| .input-group-btn:last-child > .dropdown-toggle, | ||
| .input-group-btn:first-child > .btn:not(:first-child), | ||
| .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { | ||
| border-top-left-radius: 0; | ||
| border-bottom-left-radius: 0; | ||
| } | ||
|
|
||
| .input-group-addon:last-child { | ||
| border-left: 0; | ||
| } | ||
|
|
||
| .input-group-btn { | ||
| position: relative; | ||
| font-size: 0; | ||
| white-space: nowrap; | ||
| } | ||
|
|
||
| .input-group-btn > .btn { | ||
| position: relative; | ||
| } | ||
|
|
||
| .input-group-btn > .btn + .btn { | ||
| margin-left: -1px; | ||
| } | ||
|
|
||
| .input-group-btn > .btn:hover, | ||
| .input-group-btn > .btn:focus, | ||
| .input-group-btn > .btn:active { | ||
| z-index: 2; | ||
| } | ||
|
|
||
| .input-group-btn:first-child > .btn, | ||
| .input-group-btn:first-child > .btn-group { | ||
| margin-right: -1px; | ||
| } | ||
|
|
||
| .input-group-btn:last-child > .btn, | ||
| .input-group-btn:last-child > .btn-group { | ||
| z-index: 2; | ||
| margin-left: -1px; | ||
| } | ||
|
|
||
| .btn > .caret, | ||
| .dropup > .btn > .caret { | ||
| border-top-color: #000 !important; | ||
| } | ||
|
|
||
| .btn { | ||
| display: inline-block; | ||
| padding: 6px 12px; | ||
| margin-bottom: 0; | ||
| font-size: 14px; | ||
| font-weight: normal; | ||
| line-height: 1.42857143; | ||
| text-align: center; | ||
| white-space: nowrap; | ||
| vertical-align: middle; | ||
| -ms-touch-action: manipulation; | ||
| touch-action: manipulation; | ||
| cursor: pointer; | ||
| -webkit-user-select: none; | ||
| -moz-user-select: none; | ||
| -ms-user-select: none; | ||
| user-select: none; | ||
| background-image: none; | ||
| border: 1px solid transparent; | ||
| border-radius: 4px; | ||
| } | ||
|
|
||
| .btn:focus, | ||
| .btn:active:focus, | ||
| .btn.active:focus, | ||
| .btn.focus, | ||
| .btn:active.focus, | ||
| .btn.active.focus { | ||
| outline: 5px auto -webkit-focus-ring-color; | ||
| outline-offset: -2px; | ||
| } | ||
|
|
||
| .btn:hover, | ||
| .btn:focus, | ||
| .btn.focus { | ||
| color: #333; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| .btn:active, | ||
| .btn.active { | ||
| background-image: none; | ||
| outline: 0; | ||
| -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
| } | ||
|
|
||
| .btn.disabled, | ||
| .btn[disabled], | ||
| fieldset[disabled] .btn { | ||
| cursor: not-allowed; | ||
| filter: alpha(opacity=65); | ||
| -webkit-box-shadow: none; | ||
| box-shadow: none; | ||
| opacity: .65; | ||
| } | ||
|
|
||
| a.btn.disabled, | ||
| fieldset[disabled] a.btn { | ||
| pointer-events: none; | ||
| } | ||
|
|
||
| .btn-default { | ||
| color: #333; | ||
| background-color: #fff; | ||
| border-color: #ccc; | ||
| } | ||
|
|
||
| .btn-default:focus, | ||
| .btn-default.focus { | ||
| color: #333; | ||
| background-color: #e6e6e6; | ||
| border-color: #8c8c8c; | ||
| } | ||
|
|
||
| .btn-default:hover { | ||
| color: #333; | ||
| background-color: #e6e6e6; | ||
| border-color: #adadad; | ||
| } | ||
|
|
||
| .btn-default:active, | ||
| .btn-default.active, | ||
| .open > .dropdown-toggle.btn-default { | ||
| color: #333; | ||
| background-color: #e6e6e6; | ||
| border-color: #adadad; | ||
| } | ||
|
|
||
| .btn-default:active:hover, | ||
| .btn-default.active:hover, | ||
| .open > .dropdown-toggle.btn-default:hover, | ||
| .btn-default:active:focus, | ||
| .btn-default.active:focus, | ||
| .open > .dropdown-toggle.btn-default:focus, | ||
| .btn-default:active.focus, | ||
| .btn-default.active.focus, | ||
| .open > .dropdown-toggle.btn-default.focus { | ||
| color: #333; | ||
| background-color: #d4d4d4; | ||
| border-color: #8c8c8c; | ||
| } | ||
|
|
||
| .btn-default:active, | ||
| .btn-default.active, | ||
| .open > .dropdown-toggle.btn-default { | ||
| background-image: none; | ||
| } | ||
|
|
||
| .btn-default.disabled:hover, | ||
| .btn-default[disabled]:hover, | ||
| fieldset[disabled] .btn-default:hover, | ||
| .btn-default.disabled:focus, | ||
| .btn-default[disabled]:focus, | ||
| fieldset[disabled] .btn-default:focus, | ||
| .btn-default.disabled.focus, | ||
| .btn-default[disabled].focus, | ||
| fieldset[disabled] .btn-default.focus { | ||
| background-color: #fff; | ||
| border-color: #ccc; | ||
| } | ||
|
|
||
| .btn-default .badge { | ||
| color: #fff; | ||
| background-color: #333; | ||
| } |
Oops, something went wrong.