/* HUNDREDS of other stylesheets which work with this class can be found here - http://icant.co.uk/csstablegallery Try a few demos using the style dropdown box for our demo here - http://www.ajaxcrud.com/ */ .hand_cursor{ cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ } .paging_links{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#F5E000;} .ajaxCRUD { background: #F4F2FD; border-color: #BBB1ED; border-style: solid; border-width: 0px; padding:4px; border-collapse:collapse; margin-top:10px; margin-bottom:10px; } .ajaxCRUD th{ background: #CFDBF3; font-weight: bold; color:#445276; font-size: 12px; } .ajaxCRUD th a{ color: #173D7F; } .ajaxCRUD td, th a{ text-decoration: none; } .ajaxCRUD td, th a:hover{ color: #000; } .ajaxCRUD td{ font-family: Arial, Verdana; font-size: 11px; background: #F9F8FB; color: #716E6E; font-weight:normal; /* text-align: center; */ vertical-align: middle; } .ajaxCRUD td, .ajaxCRUD th{ padding: 5px 5px; } table td.odd, table tr.odd, tr.odd td, tbody tr.odd th{ background-color: #f2f2f2; } .editingSize{ font-size: 10px; } .vertical, .vertical td, .vertical th{ text-align:left; } /* this will only work when your HTML doctype is in "strict" mode. took forever to figure that out... In other words - put this in your header: */ .editable:hover, p.editable:hover{ background-color: #FFFF99; } input, select, textarea{ font-size: 100%; border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; background: #fff url("fieldbg.gif") repeat-x top; color: #333; padding: 2px 0 2px 2px; } .btn{ font-size: 11px; } .report { text-align: left; border-top: 1px solid #9c9; border-bottom: 1px solid #9c9; padding: 5px 5px 5px 30px; font-size: 11px; margin: 0 20px 15px 20px; color: #060; background: url("checkicon.gif") #e2f9e3 left no-repeat; } .error { text-align: left; font-weight: bold; border-top: 1px solid #c99; border-bottom: 1px solid #c99; padding: 5px 5px 5px 27px; font-size: 11px; margin: 0 20px 15px 20px; background: url("badicon.gif") #c00 left no-repeat; color: #fff; } section.form-record form#tblCustomerInfo_filter_form input[type="text"] { width: 300px; height: 50px; border: 1px solid #CCCCCC; outline: none; background: #fff; margin-left: 6px; } section.form-record form#tblCustomerInfo_filter_form b { font-size: 20px; font-weight: 500; } section.form-record .ajaxCRUD { width: 1040px; max-width: 100%; } section.form-record .ajaxCRUD th { background: #71BF1D; color: #fff; font-size: 18px; font-weight: 500; } section.form-record .ajaxCRUD th a{ color: #fff; } section.form-record .ajaxCRUD td, section.form-record .ajaxCRUD th { padding: 13px 18px; } section.form-record table td.odd, section.form-record table tr.odd, section.form-record tr.odd td, section.form-record tbody tr.odd th { background-color: #DDDDDD; } section.form-record .editable:hover, section.form-record p.editable:hover { background-color: transparent; color: #71bf1d; } section.form-record .ajaxCRUD td { font-size: 18px; font-family: 'Open Sans', sans-serif; background: #F9F8FB; font-weight: 300; vertical-align: middle; } section.form-record input.btn.editingSize { background: #71BF1D; border-radius: 3px; color: #fff; font-size: 18px; font-weight: 500; font-family: 'Open Sans', sans-serif; display: block; width: 220px; height: 50px; -webkit-box-shadow: 3px 3px 0px 0px #4F633A; box-shadow: 3px 3px 0px 0px #4F633A; } section.form-record i { font-size: 18px; color: #212121; } section.form-record select { background: #fff; background-image: url(../img/background-select.jpg); outline: none; background-position: right; background-repeat: no-repeat; border: 1px solid #CCCCCC; height: 50px; width: 300px; color: #777777; font-size: 18px; padding-left: 8px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; margin: 24px auto; } section.form-record form#tblCustomerInfo_filter_form b { font-size: 20px; font-weight: 500; } section.form-record form#tblCustomerInfo_filter_form input[type="text"] { width: 300px; height: 50px; margin-left: 6px; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; outline: none; background: rgb(255, 255, 255); padding: 20px 8px; font-size: 18px; } form#tblCustomerInfo_filter_form { margin-bottom: 20px; } section.form-record .ajaxCRUD td, section.form-record .ajaxCRUD th { padding: 10px 12px; } section.form-record .ajaxCRUD th { font-size: 18px; font-weight: 500; } section.form-record .ajaxCRUD td { font-size: 18px; font-family: "Open Sans", sans-serif; font-weight: 300; } form#add_form_tblCustomerInfo td{ color: #51152a; } form#tblCustomerInfo_filter_form td, form#add_form_tblCustomerInfo td th, form#add_form_tblCustomerInfo td { padding:0.5em; } /*form#add_form_tblCustomerInfo select, form#add_form_tblCustomerInfo textarea { width: 100%; border: 0; border-radius: 0; font-size: 18px; padding: 8px; color: #641b35; }*/ form#add_form_tblCustomerInfo { padding:0; } section.form-record form#add_form_tblCustomerInfo select{ margin: 0px auto; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } #add_form_tblCustomerInfo input[type=button]{ padding: 6px 10px; background: #71BF1D; border-radius: 3px; color: #fff; font-size: 18px; font-weight: 500; font-family: 'Open Sans', sans-serif; display: block; height: 50px; -webkit-box-shadow: 3px 3px 0px 0px #4F633A; box-shadow: 3px 3px 0px 0px #4F633A; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 1px solid green; -webkit-text-fill-color: green; transition: background-color 5000s ease-in-out 0s; } form#add_form_tblCustomerInfo input, form#add_form_tblCustomerInfo select, form#add_form_tblCustomerInfo textarea{ width: 100%; border: 0; border-radius: 0; font-size: 18px; padding: 8px; } tr { vertical-align: middle; }