calabi-yau-template

A website template for academic events

styles.css (2104B)

  1 @charset "utf-8";
  2 
  3 @import url("./montserrat.css");
  4 
  5 body {
  6   padding: .5cm .5cm 0 .5cm;
  7   background: #6F80A8;
  8   margin: 0;
  9  
 10   font-size: 12pt;
 11   font-family: 'Montserrat', sans-serif;
 12   color: #4f4f4f;
 13 }
 14 
 15 @media (orientation: landscape) {
 16   body {
 17     padding: 1cm 6cm 0 6cm;
 18     min-width: 500px;
 19     min-height: 100vh;
 20   }
 21 }
 22 
 23 main {
 24   min-height: 100%;
 25 }
 26 
 27 p {
 28   text-align: justify;
 29 }
 30 
 31 a, a:hover, a:visited {
 32   text-decoration: underline;
 33   color: #444;
 34 }
 35 
 36 h1, h2, h3, h4, h5, h6 {
 37   color: #484353;
 38   font-weight: normal;
 39 }
 40 
 41 ul, ol {
 42   padding-left: 1em;
 43 }
 44 
 45 dt {
 46   font-style: italic;
 47 }
 48 
 49 dd {
 50   text-align: justify;
 51   margin-left: 1em;
 52 }
 53 
 54 figure {
 55   margin: 1em 0;
 56 }
 57 
 58 figure img {
 59   margin: 0 auto;
 60   display: block;
 61   max-width: 100% !important;
 62 }
 63 
 64 figcaption {
 65   text-align: center;
 66 }
 67 
 68 table {
 69   border-spacing: 0;
 70   display: block;
 71   overflow-x: auto;
 72 
 73   text-align: left;
 74   width: 100%;
 75 }
 76 
 77 td, th {
 78   border-bottom: .1rem solid currentcolor;
 79   padding: 1.2rem 1.5rem;
 80 
 81 }
 82 
 83 th {
 84   padding-top: 0;
 85   font-style: italic;
 86   font-weight: normal;
 87 }
 88 
 89 td:first-child, th:first-child {
 90   text-align: center;
 91 }
 92 
 93 p time {
 94   font-style: italic;
 95 }
 96 
 97 header {
 98   margin-bottom: 1cm;
 99 }
100 
101 header h2, header h3 {
102   color: #EFEFEF;
103   font-weight: bold;
104   margin: 0;
105 }
106 
107 header h2 {
108   font-size: 30pt;
109   margin-bottom: 1rem;
110 }
111 
112 header h3 {
113   text-transform: uppercase;
114 }
115 
116 main nav {
117   background: #373737;
118 }
119 
120 main nav ul {
121   margin: 0;
122   padding: 0;
123   display: flex;
124 }
125 
126 main nav li {
127   list-style: none;
128   margin: .5cm;
129 }
130 
131 main nav a, main nav a:hover, main nav a:visited {
132   text-decoration: none;
133   color: #E5E5E5;
134 }
135 
136 nav a.this-page, a.this-page:hover, a.this-page:visited {
137   text-decoration: underline;
138 }
139 
140 main section {
141   padding: .5cm;
142   background: #EFEFEF;
143 }
144 
145 main section > *:first-child {
146   margin-top: 0;
147 }
148 
149 main section > *:last-child {
150   margin-bottom: 0;
151 }
152 
153 img#calabi-yau {
154   aspect-ratio: 1 !important;
155 }
156 
157 nav li,
158 section h1,
159 section h2,
160 section h3,
161 section h4,
162 section h5,
163 section h6 {
164   text-transform: uppercase;
165 }
166 
167 footer {
168   padding-bottom: .5cm;
169 
170   text-align: center;
171   background: #EFEFEF;
172 }