pastebin

style
  1.  
  2.         @font-face {
  3.             font-family: Roboto;
  4.             src: url('https://github.com/openmaptiles/fonts/blob/master/roboto/Roboto-Regular.ttf?raw=true');
  5.         }
  6.  
  7.         .busy {
  8.                 transform: translate(-50%, -50%);
  9.                 position:fixed;
  10.                 left:50%;
  11.                 top:50%;
  12.                 z-index:999;
  13.                 display:none;
  14.         }
  15.  
  16.         body,html {
  17.                 font-family: Roboto, Verdana, Arial, sans-serif;
  18.                 background-color:#ffffff;
  19.         }       
  20.  
  21.         h3 {
  22.                 padding:0;
  23.                 margin:0;
  24.         }
  25.  
  26.         article {
  27.                 margin:0px;
  28.                 overflow:hidden;
  29.                 margin-bottom:10px;
  30.                 background-color:white;
  31.                 float:none;
  32.                 width:100%;
  33.                 padding:6px;
  34.                 clear:both;
  35.                 text-align:left;
  36.  
  37.                 border-style:solid;
  38.                 border-width:1px;
  39.                 border-color:#efefef;
  40.                 border-radius:8px;
  41.                 box-sizing: border-box;
  42.                 box-shadow: 1px 1px 1px #cccccc;       
  43.         }
  44.  
  45.         article img {
  46.                 width:100px;           
  47.                 height:80px;
  48.                 float:left;
  49.                 margin-right:16px;
  50.                 object-fit: cover;
  51.         }
  52.  
  53.         article desc {
  54.                 float:left;            
  55.         }
  56.  
  57.         article a {
  58.                 text-decoration:none;
  59.                 color:#429ef4;
  60.         }
  61.  
  62.         .link {
  63.                 color:green;
  64.                 font-size:8pt;
  65.                 text-decoration:none;
  66.         }       
  67.  
  68.         .container {
  69.                 width: 100%;           
  70.                 max-width:820px;
  71.                 text-align:left;
  72.                 background-color:#ffffff;
  73.                 margin-left:auto;
  74.                 margin-right:auto;
  75.                 padding:8px;
  76.                 box-sizing:border-box
  77.                 overflow:hidden;               
  78.         }
  79.  
  80.         #main {
  81.                 width:100%;
  82.         }
  83.  
  84.         #header {
  85.                 width:100%;
  86.                 text-align:center;             
  87.         }
  88.  
  89.         #footer {
  90.                 width:100%;
  91.                 text-align:center;
  92.         }
  93.  
  94.         #btsearch {
  95.                 font-size:x-large;
  96.                 padding:8px;
  97.                 border-color:#efefef;
  98.                 border-width:1px;
  99.                 border-style:solid;
  100.                 background-color:#f3661a;
  101.                 color:#ffffff;
  102.         }
  103.  
  104.         #q {
  105.                 box-sizing:border-box;
  106.                 font-size:x-large;
  107.                 padding:8px;
  108.                 width:70%;
  109.                 border-color:#efefef;
  110.                 border-width:1px;
  111.                 border-style:solid;
  112.         }
  113.  
  114.         a {
  115.                 text-decoration:none;
  116.                 color:#429ef4;
  117.         }
  118.         .tag {
  119.                 border-radius:10px;
  120.                 padding:5px;
  121.                 margin:2px;
  122.                 background-color:#efefef;
  123.                 color:white;
  124.                 float:left;
  125.                 font-size:small;        }       
  126.  
  127.         .slider-img {
  128.                 width:100%;
  129.         }
  130.  
  131.         .top-panel {
  132.                 text-align:center;
  133.                 margin-top:32px;
  134.                 background-image:url('/images/lambdafind-banner.jpg');
  135.                 width:100%;
  136.                 background-size:auto;
  137.                 background-repeat:no-repeat;
  138.                 height:180px;
  139.         }
  140.  
  141.         .login-panel {
  142.                 float:left;
  143.                 text-align:left;
  144.                 margin:16px;
  145.                 padding:16px;
  146.                 background-color:#f3661a;
  147.                 color:white;
  148.         }
  149.  
  150.         .submit-panel {
  151.                 float:right;
  152.                 text-align:left;
  153.                 margin-top:40px;
  154.         }
  155.  
  156.         @media only screen and (max-width: 640px){
  157.                 article {
  158.                         width:100%;
  159.                         margin:0;
  160.                         margin-bottom:32px;
  161.                 }
  162.  
  163.                 #btsearch {
  164.                         display:none;
  165.                 }
  166.  
  167.                 #q {
  168.                         width:100%;
  169.                 }
  170.  
  171.                 .top-panel {
  172.                         display:none;
  173.                 }
  174.  
  175.         }
Parsed in 0.026 seconds