PHP Classes

File: easyTables/css/easyTable.css

Recommend this page to a friend!
  Classes of enri_pin   Easy Tables   easyTables/css/easyTable.css   Download  
File: easyTables/css/easyTable.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,284 bytes
 

Contents

Class file image Download
@charset "utf-8"; /* CSS Document */ /* ============================================================================= Global Attributes If you change something here the application could work badly ========================================================================== */ .control{ text-align:center; vertical-align:central; vertical-align:middle; alignment-adjust:central; alignment-baseline:central; width:20px; } .control2{ text-align:center; vertical-align:central; vertical-align:middle; alignment-adjust:central; alignment-baseline:central; width:30px; overflow:visible !important; } .search select, .pager select{ height:23px; } .search{ display:none; } .resultTable{ table-layout:fixed !important; } .resultTable td, .resultTable th{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .right{ text-align:right; } .left{ text-align:left; } .pager .exp{ display:none; } /* ============================================================================= Modal Properties ========================================================================== */ .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .pagination { margin: 20px 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; z-index: 1050; overflow:auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in { top: 10%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; max-height: 400px; padding: 15px; overflow-y: auto; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } /* ============================================================================= Other icons ========================================================================== */ [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-position: 14px 14px; background-repeat: no-repeat; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-pencil { background-position: 0 -72px; } .icon-edit { background-position: -96px -72px; } .icon-eye-open { background-position: -96px -120px; } .icon-zoom-in { background-position: -336px 0; } /* ============================================================================= Base Button ========================================================================== */ .easyTableForm .button { position: relative; overflow: visible; display: inline-block; padding: 0.5em 1em; margin: 0; text-decoration: none; text-align: center; white-space: nowrap; cursor: pointer; outline: none; -moz-background-clip: padding; /* for Firefox 3.6 */ background-clip: padding-box; border-radius: 0.2em; /* IE hacks */ zoom: 1; *display: inline; } .easyTableForm .button:hover, .easyTableForm .button:focus, .easyTableForm .button:active, .easyTableForm .button.active { text-decoration: none; } /* overrides extra padding on button elements in Firefox */ .easyTableForm .button::-moz-focus-inner { padding: 0; border: 0; } /* ============================================================================= Button icons ========================================================================== */ .easyTableForm .button.icon:before { content: ""; position: relative; top: 1px; float:left; width: 12px; height: 12px; margin: 0 0.75em 0 -0.25em; background: url(gh-icons.png) 0 99px no-repeat; }