SHARE
TWEET

Untitled

a guest Jan 21st, 2019 69 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2.     br {
  3.         line-height: 20%;
  4.     }
  5.  
  6.     body {
  7.         font: 90%/180% Arial, Helvetica, sans-serif;
  8.     }
  9.  
  10.     input {
  11.         outline: none;
  12.     }
  13.  
  14.     input[type=search] {
  15.         -webkit-appearance: textfield;
  16.         -webkit-box-sizing: content-box;
  17.         font-family: inherit;
  18.         font-size: 100%;
  19.         color: white;
  20.     }
  21.  
  22.     input::-webkit-search-decoration,
  23.     input::-webkit-search-cancel-button {
  24.         display: none;
  25.     }
  26.  
  27.     input[type=search] {
  28.         background: black url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
  29.         border: solid 3px #ccc;
  30.         padding: 9px 10px 5px 32px;
  31.         height: 10px;
  32.         width: 90px;
  33.         position:relative;
  34.     left:75%;
  35.  
  36.         -webkit-border-radius: 10em;
  37.         -moz-border-radius: 10em;
  38.         border-radius: 10em;
  39.  
  40.         -webkit-transition: all .5s;
  41.         -moz-transition: all .5s;
  42.         transition: all .5s;
  43.     }
  44.  
  45.     input[type=search]:focus {
  46.         width: 130px;
  47.         background-color: black;
  48.         border-color: #66CC75;
  49.  
  50.         -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
  51.         -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
  52.         box-shadow: 0 0 5px rgba(109,207,246,.5);
  53.     }
  54.  
  55.     input:-moz-placeholder {
  56.         color: white;
  57.     }
  58.  
  59.     input::-webkit-input-placeholder {
  60.         color: white;
  61.     }
  62. </style>
  63.  
  64. <input type="search" onfocus="this.value=''" class="myInput" placeholder="Search here ..." title="Type in a name"><br><br>
  65. <div class="table-panel-container">
  66.     <div class="table-panel-header-bg" ng-show="ctrl.table.rows.length"></div>
  67.     <div class="table-panel-scroll" ng-show="ctrl.table.rows.length">
  68.         <table id="myTable" class="table-panel-table">
  69.             <thead>
  70.                 <tr>
  71.                     <th ng-repeat="col in ctrl.table.columns" ng-if="!col.hidden">
  72.                         <div class="table-panel-table-header-inner pointer" ng-click="ctrl.toggleColumnSort(col, $index)">
  73.                             {{col.title}}
  74.                             <span class="table-panel-table-header-controls" ng-if="col.sort">
  75.                                 <i class="fa fa-caret-down" ng-show="col.desc"></i>
  76.                                 <i class="fa fa-caret-up" ng-hide="col.desc"></i>
  77.                             </span>
  78.                         </div>
  79.                     </th>
  80.                 </tr>
  81.             </thead>
  82.             <tbody>
  83.             </tbody>
  84.         </table>
  85.     </div>
  86. </div>
  87. <div class="datapoints-warning" ng-show="ctrl.table.rows.length===0">
  88.     <span class="small">
  89.         No data to show <tip>Nothing returned by data query</tip>
  90.     </span>
  91. </div>
  92. <div class="table-panel-footer">
  93. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top