jennex

Our Wedding Site
git clone git://git.alexkarle.com.com/jennex
Log | Files | Refs | README | LICENSE

style.css (2459B) [raw]

      1 /* Allura font under the OTF license: /static/OTF.txt */
      2 @font-face {
      3     font-family: 'Allura';
      4     src: url("/static/Allura-Regular.ttf");
      5 }
      6 
      7 /* https://www.swyx.io/css-100-bytes */
      8 html {
      9     max-width: 70ch;
     10     padding: 3em 1em;
     11     margin: auto;
     12     line-height: 1.75;
     13     font-size: 1.25em;
     14     font-family: serif;
     15     background-color: #fffff5;
     16 }
     17 
     18 .home-photo {
     19     display: block;
     20     margin: 0 auto;
     21     width: 50%;
     22 }
     23 
     24 .index-joinus {
     25     text-align: center;
     26 }
     27 
     28 h1.index-title {
     29     text-align: center;
     30     font-size: 2.5em;
     31     font-family: 'Allura', cursive;
     32     margin-bottom: 0px;
     33 }
     34 
     35 .index-date {
     36     text-align: center;
     37     font-size: 1.4em;
     38 }
     39 
     40 .index-daystill {
     41     text-align: center;
     42     font-size: .8em;
     43 }
     44 
     45 nav {
     46     text-align: center;
     47     margin-bottom: 16px;
     48 }
     49 
     50 
     51 nav a {
     52     text-align: center;
     53     text-decoration: underline;
     54     color: black;
     55     padding: 2%;
     56 }
     57 
     58 p.address {
     59     padding-left: 36px;
     60 }
     61 
     62 p.event-time {
     63         margin-top: 20px;
     64 	margin-bottom: 20px;
     65 }
     66 
     67 div.event-schedule {
     68     display: flex;
     69     justify-content: space-between;
     70 }
     71 
     72 div.event-schedule h3 {
     73     display: inline;
     74     margin-top: 20px;
     75     margin-bottom: 20px;
     76 }
     77 
     78 p.subtitle {
     79     font-family: 'Allura', cursive;
     80     font-size: 1.8em;
     81     margin-top: 0px;
     82     text-align: center;
     83     margin-bottom: 20px;
     84 }
     85 
     86 footer {
     87     margin-top: 4em;
     88     font-size: .6em;
     89 }
     90 
     91 textarea.party-notes {
     92   display: block;
     93   width: 100%;
     94 }
     95 
     96 button.party-update {
     97   display: block;
     98   margin: 16 auto;
     99   font-size: 1.2em;
    100   padding: 8px 48px;
    101   color: #FFFFFF;
    102   background-color: #198754;
    103   border-color: #198754;
    104   border-radius: 8px;
    105   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    106 }
    107 
    108 div.guest fieldset legend {
    109   font-size: 1.4em;
    110 }
    111 
    112 div.guest fieldset {
    113   margin-bottom: 16px;
    114 }
    115 
    116 label.meal-choice {
    117   display: block;
    118   margin-top: 20px;
    119   margin-bottom: 16px;
    120 }
    121 
    122 input {
    123   /* TODO: why is 1.25 so big here but not in <p> tags? */
    124   font-size: .9em;
    125 }
    126 
    127 textarea {
    128   font-size: 1.2em;
    129 }
    130 
    131 button.find-invite {
    132   font-size: 1.0em;
    133   padding: 8px 8px;
    134   color: #FFFFFF;
    135   background-color: #198754;
    136   border-color: #198754;
    137   border-radius: 8px;
    138   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    139 }
    140 
    141 input.find-invite {
    142   line-height: 2em;
    143 }
    144 
    145 form.find-invite {
    146   text-align: center;
    147 }
    148 
    149 table.hotels {
    150   border-collapse: collapse;
    151   width: 100%;
    152   overflow: auto;
    153 }
    154 
    155 table.hotels td, table.hotels th {
    156   border: 1px solid #dddddd;
    157   text-align: left;
    158   padding: 8px;
    159 }