CSS   15
footable input
Guest on 17th September 2023 06:11:58 AM


  1. .footable input[type="text"]{
  2.     background-color:transparent;
  3.     border-style:none;
  4. }
  5.  
  6. .footable input[type="text"]:focus{
  7.     border-style:inset;
  8.     border-color: rgba(82, 168, 236, 0.8);
  9.     outline: 0;
  10.     outline: thin dotted \9;
  11.     /* IE6-9 */
  12.  
  13.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  14.      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  15.       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  16. }
  17.  
  18. .footable input[readonly]:focus{
  19.     background-color:transparent;
  20.     border-color:black;
  21.     border-width:thin;
  22.     -webkit-box-shadow: none;
  23.      -moz-box-shadow: none;
  24.       box-shadow: none;
  25. }
  26.  
  27. .footableButton{
  28.     background-color: #dce9f9;
  29.     background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  30.     background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  31.     background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  32.     background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  33.     background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  34.     background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  35.  
  36.     -webkit-border-radius:5px;
  37.     -moz-border-radius:5px;
  38.     -ms-border-radius:5px;
  39.     -o-border-radius:5px;
  40.     border-radius:5px;
  41.     -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
  42.     -moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
  43.     box-shadow:0 2px 5px rgba(0,0,0,0.2);
  44.     color: #444;
  45.     display:inline-block;
  46.     font-size:12px;
  47.     font-weight:bold;
  48.     padding:4px 12px;
  49.     text-decoration:none;
  50.     text-transform:uppercase;
  51.  
  52.     margin-top:1%;
  53.     margin-bottom:1%;
  54.  }
  55. .footableButton:hover{
  56.   background:#424242;
  57.   color:#fff
  58. }
  59.  
  60. .fooId{
  61.    /* used for identifying each field as a key field in the th tag */
  62. }
  63.  
  64. .fooEditable{
  65.    /* used for identifying each field as an editable field in the th tag */
  66. }
  67.  
  68. .fooNewRecord{
  69.     /* used for identifying the new record layout in the tr tag */
  70. }
Raw Paste

Login or Register to edit or fork this paste. It's free.