Відмінності між версіями «Test2»

Test2 (переглянути вихідний код)

Версія за 17:10, 9 лютого 2022

10 188 байтів додано , 3 роки тому

нема опису редагування

Автомодеровані користувачі, Бюрократи, Чек'юзери, Боти для структурованих обговорень, Адміністратори інтерфейсу, Модератори, Керівники push-підписками, Адміністратори (Семантична MediaWiki), Куратори (Семантична MediaWiki), Редактори (Semantic MediaWiki), Приховувачі, Адміністратори

4213

редагувань

@@ Рядок 1: / Рядок 1: @@
 {{#css:
 {
-  font-family: Arial, Helvetica, sans-serif;
+ul{padding-left:2rem;}
-  border-collapse: collapse;
+ul{margin-top:0;margin-bottom:1rem;}
-  width: 100%;
+a{color:#0d6efd;text-decoration:underline;}
+a:hover{color:#0a58ca;}
+table{caption-side:bottom;border-collapse:collapse;}
+th{text-align:inherit;text-align:-webkit-match-parent;}
+tbody,td,th,thead,tr{border-color:inherit;border-style:solid;border-width:0;}
+button{border-radius:0;}
+button:focus:not(:focus-visible){outline:0;}
+button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
+button{text-transform:none;}
+[type=button],button{-webkit-appearance:button;}
+::-moz-focus-inner{padding:0;border-style:none;}
+[type=search]{outline-offset:-2px;-webkit-appearance:textfield;}
+.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6;}
+.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);}
+.table>tbody{vertical-align:inherit;}
+.table>thead{vertical-align:bottom;}
+.table>:not(:first-child){border-top:2px solid currentColor;}
+.table-bordered>:not(caption)>*{border-width:1px 0;}
+.table-bordered>:not(caption)>*>*{border-width:0 1px;}
+.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color);}
+.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color);}
+.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
+@media (prefers-reduced-motion:reduce){
+.form-control{transition:none;}
 }
+.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
-td, th {
+.form-control::-moz-placeholder{color:#6c757d;opacity:1;}
-  border: 1px solid #ddd;
+.form-control::placeholder{color:#6c757d;opacity:1;}
-  padding: 8px;
+.form-control:disabled{background-color:#e9ecef;opacity:1;}
+.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
+@media (prefers-reduced-motion:reduce){
+.btn{transition:none;}
 }
+.btn:hover{color:#212529;}
-tr:nth-child(even){background-color: #daeef3;}
+.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
+.btn:disabled{pointer-events:none;opacity:.65;}
-tr:hover {background-color: #ddd;}
+.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;}
+.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64;}
-th {
+.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5);}
-  padding-top: 12px;
+.btn-secondary:active{color:#fff;background-color:#565e64;border-color:#51585e;}
-  padding-bottom: 12px;
+.btn-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5);}
-  text-align: left;
+.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d;}
-  background-color: #61bbd385;
+.dropdown,.dropup{position:relative;}
+.dropdown-toggle{white-space:nowrap;}
+.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;}
+.dropdown-toggle:empty::after{margin-left:0;}
+.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
+.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent;}
+.dropup .dropdown-toggle:empty::after{margin-left:0;}
+.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;}
+.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef;}
+.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd;}
+.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent;}
+.btn-group{position:relative;display:inline-flex;vertical-align:middle;}
+.btn-group>.btn{position:relative;flex:1 1 auto;}
+.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1;}
+.pagination{display:flex;padding-left:0;list-style:none;}
+.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
+@media (prefers-reduced-motion:reduce){
+.page-link{transition:none;}
 }
-.table {width: 100%;}
+.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6;}
+.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
+.page-item:not(:first-child) .page-link{margin-left:-1px;}
+.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd;}
+.page-link{padding:.375rem .75rem;}
+.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;}
+.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}
+.clearfix::after{display:block;clear:both;content:"";}
+.mx-2{margin-right:.5rem!important;margin-left:.5rem!important;}
+.mx-auto{margin-right:auto!important;margin-left:auto!important;}
+.mt-5{margin-top:3rem!important;}
+/*! CSS Used from: https://unpkg.com/bootstrap-table@1.18.2/dist/bootstrap-table.min.css */
+.bootstrap-table .fixed-table-toolbar::after{content:"";display:block;clear:both;}
+.bootstrap-table .fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px;}
+.bootstrap-table .fixed-table-container{position:relative;clear:both;}
+.bootstrap-table .fixed-table-container .table{width:100%;margin-bottom:0!important;}
+.bootstrap-table .fixed-table-container .table td,.bootstrap-table .fixed-table-container .table th{vertical-align:middle;box-sizing:border-box;}
+.bootstrap-table .fixed-table-container .table thead th{vertical-align:bottom;padding:0;margin:0;}
+.bootstrap-table .fixed-table-container .table thead th:focus{outline:0 solid transparent;}
+.bootstrap-table .fixed-table-container .table thead th .th-inner{padding:.75rem;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.bootstrap-table .fixed-table-container .table thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px!important;}
+.bootstrap-table .fixed-table-container .table thead th .both{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");}
+.bootstrap-table .fixed-table-container .fixed-table-header{overflow:hidden;}
+.bootstrap-table .fixed-table-container .fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%;}
+.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading{align-items:center;background:#fff;display:flex;justify-content:center;position:absolute;bottom:0;width:100%;z-index:1000;transition:visibility 0s,opacity .15s ease-in-out;opacity:0;visibility:hidden;}
+.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap{align-items:baseline;display:flex;justify-content:center;}
+.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text{margin-right:6px;}
+.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap{align-items:center;display:flex;justify-content:center;}
+.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before{content:"";animation-duration:1.5s;animation-iteration-count:infinite;animation-name:LOADING;background:#212529;border-radius:50%;display:block;height:5px;margin:0 4px;opacity:0;width:5px;}
+.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot{animation-delay:.3s;}
+.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after{animation-delay:.6s;}
+.bootstrap-table .fixed-table-container .fixed-table-footer{overflow:hidden;}
+.bootstrap-table .fixed-table-pagination::after{content:"";display:block;clear:both;}
+.bootstrap-table .fixed-table-pagination>.pagination,.bootstrap-table .fixed-table-pagination>.pagination-detail{margin-top:10px;margin-bottom:10px;}
+.bootstrap-table .fixed-table-pagination>.pagination-detail .pagination-info{line-height:34px;margin-right:5px;}
+.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list{display:inline-block;}
+.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group{position:relative;display:inline-block;vertical-align:middle;}
+.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group .dropdown-menu{margin-bottom:0;}
+.bootstrap-table .fixed-table-pagination>.pagination ul.pagination{margin:0;}
+.bootstrap-table.bootstrap5 .float-left{float:left;}
+.bootstrap-table.bootstrap5 .float-right{float:right;}
 }}
 <html>
@@ Рядок 29: / Рядок 112: @@
      <div class="table-container">
          <label>Пошук:</label><input type="text" onkeyup="filter(event)">
-         <table id="easy-table" class="table is-striped is-bordered">
+         <table id="easy-table" class="table table-striped table bordered table-hover mx-auto is-striped is-bordered">
              <thead>
                  <tr>