Difference between revisions of "Template:UAlberta/CSS"
m |
|||
| (15 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | ||
<link href="https://fonts.googleapis.com/css?family=Amiko:400,700|Karla:400,700" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Amiko:400,700|Karla:400,700" rel="stylesheet"> | ||
| + | <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> | <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> | ||
<style> | <style> | ||
| Line 102: | Line 103: | ||
.ua-home-section:nth-child(3) .ua-stripes { | .ua-home-section:nth-child(3) .ua-stripes { | ||
| − | background: #E6E6FA; | + | /* background: #E6E6FA; */ |
/* background: rgb(248, 248, 213); */ | /* background: rgb(248, 248, 213); */ | ||
z-index: -1; | z-index: -1; | ||
| Line 201: | Line 202: | ||
position: relative; | position: relative; | ||
height: 760px; | height: 760px; | ||
| − | background: #E6E6FA; | + | /* background: #E6E6FA; */ |
/* background: rgb(248, 248, 213); */ | /* background: rgb(248, 248, 213); */ | ||
z-index: -1; | z-index: -1; | ||
| Line 276: | Line 277: | ||
.location-marker-3:hover { | .location-marker-3:hover { | ||
z-index: 1; | z-index: 1; | ||
| + | } | ||
| + | |||
| + | .ua-collapsable .ua-collapse-button { | ||
| + | background: #800080; | ||
| + | color: #fff; | ||
| + | padding: 15px; | ||
| + | border-radius: 8px; | ||
} | } | ||
.ua-footer { | .ua-footer { | ||
| − | |||
background: #800080; | background: #800080; | ||
| − | + | height: 100%; | |
| − | height: | + | |
width: 100%; | width: 100%; | ||
margin-bottom: -5px; | margin-bottom: -5px; | ||
| + | } | ||
| + | |||
| + | .ua-footer h5 { | ||
| + | margin-top: 10px; | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | .ua-footer ul { | ||
| + | list-style-type: none; | ||
| + | } | ||
| + | |||
| + | .ua-footer li a { | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | .ua-footer li:last-child { | ||
| + | margin-bottom: 20px; | ||
} | } | ||
| Line 297: | Line 320: | ||
.ua-home h1 { | .ua-home h1 { | ||
font-family: 'Amiko', sans-serif !important; | font-family: 'Amiko', sans-serif !important; | ||
| − | font-size: | + | font-size: 32px; |
color: #4B0082; | color: #4B0082; | ||
} | } | ||
| Line 307: | Line 330: | ||
text-align: justify !important; | text-align: justify !important; | ||
color: #000; | color: #000; | ||
| + | } | ||
| + | |||
| + | .ua-home li { | ||
| + | font-family: 'Karla', sans-serif !important; | ||
} | } | ||
.ua-home-section-primary p { | .ua-home-section-primary p { | ||
padding: 20px; | padding: 20px; | ||
| + | } | ||
| + | |||
| + | .ua-home-section-secondary h1, | ||
| + | .ua-home-section-secondary p { | ||
| + | text-align: right !important; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | |||
| + | .ua-home-section-secondary h1 { | ||
| + | font-size: 48px; | ||
} | } | ||
| Line 331: | Line 368: | ||
.ua-research-content h3 { | .ua-research-content h3 { | ||
font-family: 'Amiko', sans-serif !important; | font-family: 'Amiko', sans-serif !important; | ||
| − | font-size: | + | font-size: 38px; |
| + | font-style: italic; | ||
/* color: #007bb8; */ | /* color: #007bb8; */ | ||
color: #800080; | color: #800080; | ||
| Line 343: | Line 381: | ||
margin: 20px; | margin: 20px; | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
| + | } | ||
| + | |||
| + | .ua-research-content li { | ||
| + | font-family: 'Karla', sans-serif !important; | ||
| + | } | ||
| + | |||
| + | .ua-collapsable .card-body { | ||
| + | font-family: 'Karla', sans-serif !important; | ||
| + | line-height: 160%; | ||
| + | font-size: 20px !important; | ||
| + | } | ||
| + | |||
| + | .ua-collapse-button h6 { | ||
| + | font-family: 'Karla', sans-serif !important; | ||
| + | display: inline-block; | ||
| + | margin-bottom: 0; | ||
| + | margin-left: 5px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .ua-collapse-button i { | ||
| + | float: right; | ||
| + | margin-top: 3px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | |||
| + | .card-title { | ||
| + | font-family: 'Amiko', sans-serif !important; | ||
| + | } | ||
| + | |||
| + | .card h5.card-title { | ||
| + | text-align: center; | ||
} | } | ||
Latest revision as of 04:50, 8 December 2018