scala-news-reader

rss/atom news reader in scala

git clone https://9o.is/git/scala-news-reader.git

categories.html

(1703B)


      1 <div data-lift="surround?with=base-wrap;at=content" xmlns:lift="http://www.w3.org/1999/xhtml">
      2 
      3     <lift:head>
      4         <title data-lift="Menu.title">Read Means: %*%</title>
      5     </lift:head>
      6 
      7     <div class="container">
      8 
      9         <style>
     10             .bg-overlay:hover {
     11               background-color: rgba(0,0,0,0.1);
     12               cursor: pointer;
     13             }
     14 
     15             .bg-overlay {
     16               position: absolute;
     17               z-index: 100;
     18               width: 586px;
     19               height: 300px;
     20               background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.9) 0, rgba(255,255,255,0) 50%);
     21             }
     22 
     23             .category-text {
     24               position:absolute;
     25               cursor: pointer;
     26               z-index:200;
     27               margin: 30px;
     28               font-size: 70px;
     29               font-weight: bold;
     30               text-shadow:4px 4px 1px rgba(0, 0, 0, 0.9);
     31             }
     32             .category-text > a, .category-text > a:hover, .category-text > a:focus {
     33               color:white;
     34               text-decoration: none;
     35 
     36             }
     37         </style>
     38 
     39         <div class="row-fluid" style="margin: 30px 0">
     40             <div data-lift="ignore" class="span12">
     41                 <form data-lift="form.ajax?class=form-search">
     42                     <div class="input-append">
     43                         <input placeholder="Search Category" class="span8 search-query" type="text" />
     44                         <input class="span3 btn btn-primary" value="Search" />
     45                     </div>
     46                 </form>
     47             </div>
     48         </div>
     49     </div>
     50 
     51         <div class="row-fluid nolink-decoration">
     52             <span data-lift="Search"></span>
     53         </div>
     54 
     55 </div>