searpl

a small php sqlite search engine. <a href="https://thunix.net/~xfnw/search">see it in action</a>
Log | Files | Refs | README

style.css (1412B)

      1 
      2 body {
      3 background: #141415;
      4 font-family: 'Liberation Mono', monospace;
      5 color: #cdcdcd;
      6 }
      7 
      8 .preview, .box {
      9 padding: 10px;
     10 margin-top: 10px;
     11 background-color: #222;
     12 }
     13 
     14 .wrapper {
     15 max-width: 700px;
     16 margin: 0 auto;
     17 }
     18 
     19 a {
     20 color: #aac;
     21 }
     22 
     23 h1 a {
     24 text-decoration: none;
     25 color: #cdcdcd;
     26 }
     27 
     28 h1 a::before {
     29 content: "#";
     30 color: #aac;
     31 margin-right: 10px;
     32 }
     33 h1 a:hover::before {
     34 text-decoration: underline;
     35 }
     36 
     37 
     38 .preview h1, h2 {
     39 margin: 0;
     40 padding: 0;
     41 margin-bottom: 5px;
     42 }
     43 
     44 
     45 .search-container input[type=text] {
     46   padding: 6px;
     47   margin-top: 3px;
     48   font-size: 17px;
     49   color: #cdcdcd;
     50   background: #333;
     51   border: 0;
     52   width: calc(100% - 60px);
     53 }
     54 
     55 .search-container button {
     56   padding: 6px 10px;
     57   margin-top: 3px;
     58   background: #333;
     59   float: right;
     60   font-size: 17px;
     61   border: none;
     62   cursor: pointer;
     63   color:#cdcdcd;
     64 }
     65 
     66 @font-face {
     67   font-family: 'icomoon';
     68   src:  
     69     url('icomoon.woff?8kg27f') format('woff');
     70   font-weight: normal;
     71   font-style: normal;
     72   font-display: block;
     73 }
     74 
     75 .icon-search {
     76   /* use !important to prevent issues with browser extensions that change fonts */
     77   font-family: 'icomoon' !important;
     78   speak: never;
     79   font-style: normal;
     80   font-weight: normal;
     81   font-variant: normal;
     82   text-transform: none;
     83   line-height: 1;
     84 
     85   /* Better Font Rendering =========== */
     86   -webkit-font-smoothing: antialiased;
     87   -moz-osx-font-smoothing: grayscale;
     88 }
     89 
     90 .icon-search:before {
     91   content: "\e986";
     92 }