dating-website

dating website made in python
Log | Files | Refs | README

drip.css (1970B)

      1 @font-face {
      2   font-family: 'font';
      3   src: url('/static/font/font.ttf') format('truetype');
      4   font-weight: normal;
      5   font-style: normal;
      6   font-display: swap;
      7 }
      8 
      9 @font-face {
     10   font-family: 'font';
     11   src: url('/static/font/font-Bold.ttf') format('truetype');
     12   font-weight: bold;
     13   font-style: normal;
     14   font-display: swap;
     15 }
     16 
     17 body {
     18     background: #FFE0F4;
     19     color: #FF00AA;
     20     text-shadow: 0px 0px 5px rgba(255, 0, 170, 0.8);
     21     padding: 10px;
     22     max-width: 900px;
     23     width: 100%;
     24     margin: auto;
     25     font-family: font;
     26     font-weight: normal;
     27     line-height: 1.4rem;
     28     word-wrap: break-word;
     29     font-size: 22px;
     30 }
     31 
     32 footer {
     33     padding: 0 0 1.5rem 0;
     34     text-align: center;
     35     margin-top: auto;
     36 }
     37 
     38 img {
     39     max-width: 100%;
     40     height: auto;
     41 }
     42 
     43 strong, b {
     44   font-weight: bold;
     45 }
     46 
     47 section {
     48   margin-top: 32px;
     49   background: #fff;
     50   padding: 10px;
     51   border: medium dashed #FF00AA;
     52   border-radius: 5px;
     53 }
     54 
     55 h1 {
     56     color: #FF00AA;
     57     text-decoration: underline yellow;
     58     text-align: center;
     59 }
     60 
     61 h2, h3 {
     62     color: #FF00AA;
     63 }
     64 
     65 a {
     66     color: #FF699B;
     67 }
     68 
     69 a:hover {
     70     color: #ffffff;
     71 }
     72 
     73 table {
     74   width: 100%;
     75   border-collapse: collapse;
     76   overflow-x: auto;
     77   display: block;
     78 }
     79 
     80 th, td {
     81   border: 1px solid #ddd;
     82   padding: 8px;
     83   text-align: left;
     84 }
     85 
     86 th {
     87   background-color: #FF00AA;
     88   color: white;
     89 }
     90 
     91 tr:nth-child(even) {
     92   background-color: #FFB3DA;
     93 }
     94 
     95 @media (max-width: 768px) {
     96 
     97   body {
     98     font-size: 20px;
     99     padding: 8px;
    100   }
    101 
    102   section {
    103     padding: 8px;
    104     margin-top: 24px;
    105   }
    106 
    107   h1 {
    108     font-size: 1.8rem;
    109   }
    110 
    111   h2 {
    112     font-size: 1.4rem;
    113   }
    114 
    115   h3 {
    116     font-size: 1.2rem;
    117   }
    118 
    119 }
    120 
    121 @media (max-width: 480px) {
    122 
    123   body {
    124     font-size: 18px;
    125     padding: 6px;
    126     line-height: 1.5rem;
    127   }
    128 
    129   section {
    130     padding: 8px;
    131     margin-top: 20px;
    132   }
    133 
    134   h1 {
    135     font-size: 1.5rem;
    136   }
    137 
    138   h2 {
    139     font-size: 1.2rem;
    140   }
    141 
    142   h3 {
    143     font-size: 1.1rem;
    144   }
    145 
    146   table {
    147     font-size: 14px;
    148   }
    149 
    150   th, td {
    151     padding: 6px;
    152   }
    153 
    154 }