PHP Classes

File: css/ajaxtable.css

Recommend this page to a friend!
  Classes of Joubert RedRat   PHP AJAX Table   css/ajaxtable.css   Download  
File: css/ajaxtable.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP AJAX Table
Load HTML tables dynamically using AJAX
Author: By
Last change: Small adjust on select css
Date: 8 years ago
Size: 2,469 bytes
 

Contents

Class file image Download
/* * AjaxTable for jQuery * * @author Joubert <eu@redrat.com.br> * @copyright Copyright (c) 2016 Vector Internet Business and AjaxTable contributors * @license: MIT * http://www.vectornet.com.br * https://github.com/vectornet/ajaxtable/ */ table.ajaxtable-table { font-family: "Helvetica Neue", Helvetica, Arial; font-size: 14px; margin: 0 0 40px 0; width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display: table; border-collapse: collapse; } table.ajaxtable-table thead.ajaxtable-head tr.ajaxtable-cols th { padding: 5px 10px; font-weight: 900; color: #fff; font-weight: bolder; background: #2980b9; } table.ajaxtable-table thead.ajaxtable-head tr.ajaxtable-cols th a { color: #fff; text-decoration: none; } table.ajaxtable-table tbody.ajaxtable-body tr:nth-child(odd) td { background: #f6f6f6; } table.ajaxtable-table tbody.ajaxtable-body tr:nth-child(even) td { background: #e9e9e9; } table.ajaxtable-table tbody.ajaxtable-body tr:nth-child(odd):hover td, table.ajaxtable-table tbody.ajaxtable-body tr:nth-child(even):hover td{ background: #cecece; } table.ajaxtable-table tbody.ajaxtable-body tr td { padding: 10px 8px; display: table-cell; } table.ajaxtable-table div.ajaxtable-pagination-container { max-width: 60%; padding: 15px; float: left; } table.ajaxtable-table div.ajaxtable-pagination-container ul { list-style-type: none; display: inline-block; padding: 0; margin: 0; } table.ajaxtable-table div.ajaxtable-pagination-container ul li { display: inline; } table.ajaxtable-table div.ajaxtable-pagination-container ul li a { color: black; float: left; padding: 4px 10px; text-decoration: none; } table.ajaxtable-table div.ajaxtable-pagination-container ul li.ajaxtable-pagination-currentpage a { background-color: #2980b9; color: white; } table.ajaxtable-table div.ajaxtable-pagination-container ul li:not(.ajaxtable-pagination-currentpage) a:hover { background-color: #cecece; } table.ajaxtable-table div.ajaxtable-pagination-setrows { max-width: 15%; padding: 13px; float: right; } table.ajaxtable-table div.ajaxtable-pagination-setrows select { width: 100%; } table.ajaxtable-table div.ajaxtable-pagination-totalrows { max-width: 30%; padding: 15px; margin-top: 4px; float: right; } table.ajaxtable-table td.ajaxtable-sort-arrow { font-weight: bold; }