123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- /*!
- * Timepicker Component for Twitter Bootstrap
- *
- * Copyright 2013 Joris de Wit
- *
- * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
- .bootstrap-timepicker {
- position: relative;
- }
- .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
- left: auto;
- right: 0;
- }
- .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
- left: auto;
- right: 12px;
- }
- .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
- left: auto;
- right: 13px;
- }
- .bootstrap-timepicker .add-on {
- cursor: pointer;
- }
- .bootstrap-timepicker .add-on i {
- display: inline-block;
- width: 16px;
- height: 16px;
- }
- .bootstrap-timepicker-widget.dropdown-menu {
- padding: 2px 3px 2px 2px;
- }
- .bootstrap-timepicker-widget.dropdown-menu.open {
- display: inline-block;
- }
- .bootstrap-timepicker-widget.dropdown-menu:before {
- border-bottom: 7px solid rgba(0, 0, 0, 0.2);
- border-left: 7px solid transparent;
- border-right: 7px solid transparent;
- content: "";
- display: inline-block;
- left: 9px;
- position: absolute;
- top: -7px;
- }
- .bootstrap-timepicker-widget.dropdown-menu:after {
- border-bottom: 6px solid #FFFFFF;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- content: "";
- display: inline-block;
- left: 10px;
- position: absolute;
- top: -6px;
- }
- .bootstrap-timepicker-widget a.btn,
- .bootstrap-timepicker-widget input {
- border-radius: 4px;
- }
- .bootstrap-timepicker-widget table {
- width: 100%;
- margin: 0;
- }
- .bootstrap-timepicker-widget table td {
- text-align: center;
- height: 30px;
- margin: 0;
- padding: 2px;
- }
- .bootstrap-timepicker-widget table td:not(.separator) {
- min-width: 30px;
- }
- .bootstrap-timepicker-widget table td span {
- width: 100%;
- }
- .bootstrap-timepicker-widget table td a {
- border: 1px transparent solid;
- width: 100%;
- display: inline-block;
- margin: 0;
- padding: 8px 0;
- outline: 0;
- color: #333;
- }
- .bootstrap-timepicker-widget table td a:hover {
- text-decoration: none;
- background-color: #eee;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- border-color: #ddd;
- }
- .bootstrap-timepicker-widget table td a i {
- margin-top: 2px;
- }
- .bootstrap-timepicker-widget table td input {
- width: 25px;
- margin: 0;
- text-align: center;
- }
- .bootstrap-timepicker-widget .modal-content {
- padding: 4px;
- }
- @media (min-width: 767px) {
- .bootstrap-timepicker-widget.modal {
- width: 200px;
- margin-left: -100px;
- }
- }
- @media (max-width: 767px) {
- .bootstrap-timepicker {
- width: 100%;
- }
- .bootstrap-timepicker .dropdown-menu {
- width: 100%;
- }
- }
|