[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
xampp182
/
htdocs
/
lppm
/
admin
/
css
/
theme-2
/
libs
/
DataTables
/
extensions
/
[
Home
]
File: dataTables.colVis.css
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-moz-keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-o-keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-ms-keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-moz-keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-o-keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-ms-keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-moz-keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-o-keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-ms-keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-moz-keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-o-keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-ms-keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } /* // Example usage .make-ratio(xs, 2, 1); .make-ratio(xs, 3, 1); // Small grid // // Small device range, from phones to tablets. @media (min-width: @screen-sm-min) { .make-ratio(sm, 2, 1); .make-ratio(sm, 3, 1); } // Medium grid // // For the desktop device range. @media (min-width: @screen-md-min) { .make-ratio(md, 2, 1); .make-ratio(md, 3, 1); } // Large grid // // For the large desktop device range. @media (min-width: @screen-lg-min) { .make-ratio(lg, 2, 1); .make-ratio(lg, 3, 1); } */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ColVis styles */ div.ColVis { float: right; margin: 0 0 0 15px; } .card-body.no-padding div.ColVis { margin: 15px 15px 15px 0; } button.ColVis_Button, ul.ColVis_collection li { position: relative; float: left; margin-right: 3px; background-color: #fff; border: 1px solid #d0d0d0; outline: none; cursor: pointer; *cursor: hand; padding: 4px 12px 4px 30px; white-space: nowrap; padding: 5px 8px; } .ColVis.TableTools button.ColVis_Button, .ColVis.TableTools ul.ColVis_collection li { padding: 6px 12px; } button.ColVis_Button:hover, ul.ColVis_collection li:hover { border: 1px solid #999; background-color: #f0f0f0; } button.ColVis_Button { height: 30px; padding: 3px 8px; } button.ColVis_Button::-moz-focus-inner { border: none !important; padding: 0; } button.ColVis_Button:active { outline: none; } div.ColVis_collectionBackground { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.05); z-index: 1100; } ul.ColVis_collection { list-style: none; width: 250px; padding: 8px 0; margin: 0; border: none; background-color: #ffffff; overflow: hidden; z-index: 2002; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } ul.ColVis_collection li { position: relative; height: auto; left: 0; right: 0; padding: 3px 10px; display: block; float: left; width: 100%; margin-bottom: -1px; border: none; } ul.ColVis_collection li:hover { border: none; } ul.ColVis_collection li { text-align: left; } ul.ColVis_collection li.ColVis_Button:hover { border: 1px solid #999; background-color: #f0f0f0; } ul.ColVis_collection li span { display: inline-block; padding-left: 0.5em; cursor: pointer; } ul.ColVis_collection li.ColVis_Special { border-color: #555; background: #ededed; /* Old browsers */ background: -webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%); /* IE10+ */ background: -o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=0); /* IE6-9 */ } ul.ColVis_collection li.ColVis_Special:hover { background: #e2e2e2; /* Old browsers */ background: -webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%); /* IE10+ */ background: -o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%); /* Opera 11.10+ */ background: linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2', GradientType=0); /* IE6-9 */ } span.ColVis_radio { display: inline-block; width: 20px; } div.ColVis_catcher { position: absolute; z-index: 1101; } .disabled { color: #999; }