PHP Classes

File: Documentation_and_Demo/easyTables/css/dark.css

Recommend this page to a friend!
  Classes of enri_pin   Easy Tables   Documentation_and_Demo/easyTables/css/dark.css   Download  
File: Documentation_and_Demo/easyTables/css/dark.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Easy Tables
Show, edit and export database table records
Author: By
Last change:
Date: 10 years ago
Size: 6,191 bytes
 

Contents

Class file image Download
/* ============================================================================= resultTable Attributes ========================================================================== */ .resultTable{ margin:auto !important; text-align:left; color:#fff; border-collapse:collapse !important; border-bottom:1px solid #000 !important; } .resultTable tr.header{ background:#000; font-size: 16px; } /*Here you can chnage the default background color for each even and odd row*/ .resultTable tr:nth-child(odd){ background: #666;} .resultTable tr:nth-child(even){ background: #222;} /*Here you can change the default background and font color of the header cells*/ .resultTable th{ color:#fff !important; background:#000 !important; border:#000 solid 1px; cursor:pointer; } .resultTable td{ border-left:1px solid #000; border-right:1px solid #000; } .resultTable td, .resultTable th{ padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px; } .resultTable img{ max-width:100px; } .resultTable input[type='text']{ border:none; background:none; background-color:transparent; color:inherit; } .control{ text-align:center; vertical-align:central; vertical-align:middle; alignment-adjust:central; alignment-baseline:central; width:25px; overflow:visible !important; } .painted, .resultTable tr:hover{ /*Here you can change the pointed row background and font color*/ background:#000044 !important; } .updt td{ border-bottom:#2FBBFF solid 2px; border-top:#2FBBFF solid 2px; } .no_result{ padding-left:30px !important; padding-bottom:10px !important; padding-top:10px !important; } /* ============================================================================= Global easyTable Attributes ========================================================================== */ .easyTableForm{ /*Global Attributes*/ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px !important; color:inherit; overflow:auto; width:inherit; } .easyTableForm table{ margin:auto; } .easyTableForm select{ max-width:75px; } .pager, .search{ padding-top:5px; padding-bottom:10px; width:100%; } .easyTableForm .pager, .easyTableForm div.search{ margin:auto !important; padding-right:0px !important; padding-left:0px !important; } .pager td, .search td{ padding-right:0px !important; padding-left:0px !important; } .easyTableForm table.not(.resultTable){ margin:auto; background-color: transparent; border-collapse: collapse; border-spacing: 0; min-width:inherit; } /* ============================================================================= Modal Attributes ========================================================================== */ .modal { color:#fff; top: 10%; left: 50%; width: 560px; margin-left: -280px; background-color: #444; border: 2px solid #fff; *border: 2px solid #fff; } .modal-footer { text-align: right; background-color: #666; border-top: 1px solid #fff; } .updateModal table{ margin:auto; border-collapse:collapse; } .updateModal table td{ padding:5px; text-align:justify; } .updateModal table.dt tr{ border-bottom:1px solid #fff; } .updateModal img{ max-width:400px; max-height:500px; } /* ============================================================================= Paginator Attributes ========================================================================== */ .easyTableForm .pag{ border: 1px solid #333; font:12px/normal sans-serif; text-shadow: 1px 1px 0 #000; color: #fff; background-color: #000; padding: 0.4em 0.5em; border-radius: 0.2em; cursor:pointer; } .easyTableForm .actual{ border: 1px solid #333; font:12px/normal sans-serif; text-shadow: 1px 1px 0 #ddd; font-weight:bold; color: #000; background-color: #ddd; padding: 0.4em 0.5em; border-radius: 0.2em; } .pager .total{ display:none; } /* ============================================================================= Global Buttons Attributes ========================================================================== */ .easyTableForm a.button{ max-width:60px; } .easyTableForm .button { border: 1px solid #333; font:12px/normal sans-serif; text-shadow: 1px 1px 0 #000; color: #fff; background-color: #000; } .easyTableForm .button:hover, .easyTableForm .button:focus, .easyTableForm .button:active, .easyTableForm .button.active { border-color: #000; border-bottom-color: #2a65a0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #fff; background-color: #3c8dde; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#222)); background-image: -moz-linear-gradient(#999, #222); background-image: -o-linear-gradient(#999, #222); background-image: linear-gradient(#999, #222); } .easyTableForm .button:active, .easyTableForm .button.active { border-color: #000; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#999)); background-image: -moz-linear-gradient(#222, #999); background-image: -ms-linear-gradient(#222, #999); background-image: -o-linear-gradient(#222, #999); background-image: linear-gradient(#222, #999); } /* ============================================================================= Icon Colors Attributes ========================================================================== */ [class^="icon-"], [class*=" icon-"] { background-image: url('glyphicons-halflings-white.png'); cursor:pointer; } .icon-white { background-image: url('glyphicons-halflings-white.png'); } .easyTableForm .button.arrowdown.icon:before { background-position: -12px -12px; } .easyTableForm .button.add.icon:before { background-position: -12px -288px; } .easyTableForm .button.remove.icon:before { background-position: -12px -60px; } .easyTableForm .button.search.icon:before { background-position: -12px -228px; } .easyTableForm .button.edit.icon:before { background-position: -12px -264px; } .easyTableForm .button.trash.icon:before { background-position: -12px -336px; } .button.remove.icon:before { background-position: -12px -60px; } .button.approve.icon:before { background-position: -12px -48px; }