Show More
Commit Description:
select2, ace, moment now work....
Commit Description:
select2, ace, moment now work.
converting navbar
References:
File last commit:
Show/Diff file:
Action:
vendor/javascript/datatables/AutoFill-2.4.0/css/autoFill.dataTables.css
| 133 lines
| 2.8 KiB
| text/css
| LassoCssLexer
|
r866 | div.dt-autofill-handle { | |||
position: absolute; | ||||
height: 8px; | ||||
width: 8px; | ||||
z-index: 102; | ||||
box-sizing: border-box; | ||||
background: #3366ff; | ||||
cursor: pointer; | ||||
} | ||||
div.dtk-focus-alt div.dt-autofill-handle { | ||||
background: #ff8b33; | ||||
} | ||||
div.dt-autofill-select { | ||||
position: absolute; | ||||
z-index: 1001; | ||||
background-color: #4989de; | ||||
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px); | ||||
} | ||||
div.dt-autofill-select.top, div.dt-autofill-select.bottom { | ||||
height: 3px; | ||||
margin-top: -1px; | ||||
} | ||||
div.dt-autofill-select.left, div.dt-autofill-select.right { | ||||
width: 3px; | ||||
margin-left: -1px; | ||||
} | ||||
div.dt-autofill-list { | ||||
position: fixed; | ||||
top: 50%; | ||||
left: 50%; | ||||
width: 500px; | ||||
margin-left: -250px; | ||||
background-color: white; | ||||
border-radius: 6px; | ||||
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); | ||||
border: 1px solid black; | ||||
z-index: 11; | ||||
box-sizing: border-box; | ||||
padding: 1.5em 2em; | ||||
padding-top: 2em; | ||||
} | ||||
div.dt-autofill-list div.dtaf-popover-close { | ||||
position: absolute; | ||||
top: 6px; | ||||
right: 6px; | ||||
width: 22px; | ||||
height: 22px; | ||||
border: 1px solid #eaeaea; | ||||
background-color: #f9f9f9; | ||||
text-align: center; | ||||
border-radius: 3px; | ||||
cursor: pointer; | ||||
z-index: 12; | ||||
} | ||||
div.dt-autofill-list ul { | ||||
display: table; | ||||
margin: 0; | ||||
padding: 0; | ||||
list-style: none; | ||||
width: 100%; | ||||
} | ||||
div.dt-autofill-list ul li { | ||||
display: table-row; | ||||
cursor: pointer; | ||||
} | ||||
div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button { | ||||
border-bottom: none; | ||||
} | ||||
div.dt-autofill-list ul li:hover { | ||||
background-color: #f6f6f6; | ||||
} | ||||
div.dt-autofill-list ul li:hover button.btn { | ||||
background-color: #548bbb; | ||||
} | ||||
div.dt-autofill-list div.dt-autofill-question { | ||||
display: table-cell; | ||||
padding: 0.5em 0; | ||||
padding-left: 5px; | ||||
border-bottom: 1px solid #ccc; | ||||
} | ||||
div.dt-autofill-list div.dt-autofill-question input[type=number] { | ||||
padding: 6px; | ||||
width: 30px; | ||||
margin: -2px 0; | ||||
} | ||||
div.dt-autofill-list div.dt-autofill-button { | ||||
display: table-cell; | ||||
padding: 0.5em 0; | ||||
padding-right: 5px; | ||||
border-bottom: 1px solid #ccc; | ||||
text-align: right; | ||||
} | ||||
div.dt-autofill-list div.dt-autofill-button button { | ||||
color: white; | ||||
margin: 0; | ||||
padding: 6px 12px; | ||||
text-align: center; | ||||
border: 1px solid #2e6da4; | ||||
background-color: #337ab7; | ||||
border-radius: 4px; | ||||
cursor: pointer; | ||||
vertical-align: middle; | ||||
} | ||||
div.dtaf-popover-closeable { | ||||
padding-top: 2.5em; | ||||
} | ||||
div.dt-autofill-background { | ||||
position: fixed; | ||||
top: 0; | ||||
left: 0; | ||||
width: 100%; | ||||
height: 100%; | ||||
background: rgba(0, 0, 0, 0.7); | ||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | ||||
z-index: 10; | ||||
} | ||||
@media screen and (max-width: 767px) { | ||||
div.dt-autofill-handle { | ||||
height: 16px; | ||||
width: 16px; | ||||
} | ||||
div.dt-autofill-list { | ||||
width: 90%; | ||||
left: 74.5%; | ||||
} | ||||
} | ||||