diff options
Diffstat (limited to 'site/public/assets/css/css.css')
| -rw-r--r-- | site/public/assets/css/css.css | 1270 |
1 files changed, 0 insertions, 1270 deletions
diff --git a/site/public/assets/css/css.css b/site/public/assets/css/css.css deleted file mode 100644 index f59556f8..00000000 --- a/site/public/assets/css/css.css +++ /dev/null @@ -1,1270 +0,0 @@ -* { box-sizing: border-box; outline: 0; } -@media (prefers-reduced-motion: reduce) { - * { - animation-duration: 0.001s !important; - transition-duration: 0.001s !important; - } -} -html, body { - margin: 0; - padding: 0; - width: 100%; - min-height: 100%; - /*font-family: 'Roboto Mono', sans-serif;*/ - font-family: 'Roboto', sans-serif; - color: #eee; - overflow-x: hidden; -} -html { - background: #181818; -} -a { outline: none; } -img { border: 0; } -.content { - opacity: 0; - transition: opacity 0.1s cubic-bezier(0,1,1,1); -} -html.desktop .content, -html.mobile .content { - opacity: 1; - margin-top: 50px; -} -html.mobile .content{ -} - -/* header */ - -header { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 70px; - z-index: 9999; - background: #1e1e1e; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - box-shadow: 0 0 4px rgba(0,0,0,0.3); -} -header .slogan { - display: flex; - flex-direction: row; - align-items: center; - /*padding-left: 56px;*/ - padding-left: 36px; - text-decoration: none; -} -header .logo { - background-image: url(../img/megapixels_logo_white.svg); - background-size: contain; - background-repeat: no-repeat; - margin-top: 0px; - margin-right: 8px; - width: 20px; - height: 20px; - flex: 0 0 20px; -} -header .site_name { - font-family: 'Roboto', sans-serif; - font-weight: 600; - text-transform: uppercase;; - color: #fff; - font-size: 11px; - line-height: 11px; - letter-spacing: 3px; -} -header .page_name { - font-size: 22px; - font-weight: 400; - color: #eee; - opacity: 0; - transition: 0.3s opacity cubic-bezier(0,0,1,1); - margin-left:18px; -} -.scrolled header .page_name { - opacity: 1; -} -header .links { - font-size: 18px; - line-height: 18px; -} -.home header .links a { - background-color: rgba(24,24,24,0.9); - border-bottom: 2px solid transparent; - padding: 3px; -} -header .sub { - margin-left: 4px; - margin-top: 2px; - transition: color 0.1s cubic-bezier(0,0,1,1); -} -.sub { - color: #666; - font-size: 10pt; -} -.desktop header .slogan:hover .site_name { - color: #fff; -} -.desktop header .slogan:hover .sub { - color: #666; -} -header .links { - display: flex; - flex-direction: row; - font-family: 'Roboto Mono', monospace; -} -header .links span, -header .links a { - display: block; - color: #dedede; - text-decoration: none; - text-transform: uppercase; - margin-right: 32px; - transition: color 0.1s cubic-bezier(0,0,1,1), border-color 0.05s cubic-bezier(0,0,1,1); - border-bottom: 1px solid rgba(255,255,255,0); - padding-bottom: 3px; - padding-top: 2px; - font-weight: 400; -} -header .links a.active { - color: #fff; - border-bottom: 2px solid rgba(255,255,255,1); -} -.desktop header .links a:hover { - color: #fff; - border-bottom: 2px solid rgba(255,255,255,1); -} -.desktop header .links a.active:hover { - color: #fff; - border-bottom: 2px solid rgba(255,255,255,1); -} -.home header .links a { - margin-right: 26px; - margin-left: 0; -} -.home header .links a:last-child { - margin-right: 29px; -} -/* footer */ - -footer { - width: 100%; - background: #000; - display: flex; - flex-direction: row; - justify-content: space-between; - color: #666; - font-size: 13px; - /*line-height: 17px;*/ - padding: 15px; - font-family: "Roboto", sans-serif; -} -footer > div { - display: flex; - flex-direction: row; -} -footer > div:nth-child(1) { - padding-left: 75px; -} -footer > div:nth-child(2) { - padding-right: 75px; -} -footer a { - display: inline-block; - color: #aaa; - transition: all 0.1s cubic-bezier(0,0,1,1); - padding-bottom: 1px; - text-decoration: none; -} -.desktop footer a:hover { - color: #fff; - border-bottom:1px solid #999; -} -footer ul { - margin: 0; - display: flex; - flex-direction: row; - color: #888; - font-size: 11px; -} -footer ul li { - margin-bottom: 0; - font-size: 11px; - font-weight: 400; - color:#666; -} -footer ul li:last-child { - margin-right: 0px; -} -footer ul:first-child li { - margin-right: 8px; -} -footer ul:last-child li { - margin-left: 8px; -} -.desktop footer a:hover { - color: #fff; -} - -/* headings */ - -h1 { - color: #eee; - font-weight: 400; - font-size: 34pt; - margin: 20px auto 10px auto; - padding: 0; - transition: color 0.1s cubic-bezier(0,0,1,1); - font-family: 'Roboto Mono', monospace; -} -h2 { - color: #eee; - font-weight: 400; - font-size: 34px; - line-height: 43px; - margin: 20px auto 20px auto; - padding: 0; - transition: color 0.1s cubic-bezier(0,0,1,1); - font-family: 'Roboto Mono', monospace; -} -h3 { - margin: 20px auto 10px auto; - font-size: 28px; - font-weight: 400; - transition: color 0.1s cubic-bezier(0,0,1,1); - font-family: 'Roboto Mono', monospace; -} -h4 { - margin: 6px auto 10px auto; - padding: 0; - font-size: 18pt; - font-weight: 400; - transition: color 0.1s cubic-bezier(0,0,1,1); - font-family: 'Roboto Mono', monospace; -} -h5 { - margin: 6px auto 10px auto; - padding: 0; - font-size: 14pt; - font-weight: 400; - transition: color 0.1s cubic-bezier(0,0,1,1); - font-family: 'Roboto Mono', monospace; -} -.content h3 a { - color: #888; - text-decoration: none; -} -.desktop .content h3 a:hover { - color: #fff; - text-decoration: underline; -} -.right-sidebar h3 { - margin: 0; - padding: 0 0 10px 0; - font-family: 'Roboto Mono'; - font-weight: 400; - font-size: 13px; - text-transform: uppercase; - letter-spacing: 2px; -} -.right-sidebar ul li a { - border-bottom: 0; -} -th, .gray { - font-family: 'Roboto', monospace; - font-weight: 500; - text-transform: uppercase; - letter-spacing: .15rem; - color: #777; -} -th, .gray { - font-size: 9pt; -} - -/* splash teaser */ - -.teaser { - position: absolute; - top: 50%; - left: 100px; - transform: translateY(-50%); -} -.teaser b { - font-family: 'Roboto', sans-serif; - font-weight: 500; - color: #fff; - font-size: 40px; - background: #181818; - box-shadow: -3px -3px #181818, 3px -3px #181818, -3px 3px #181818, 3px 3px #181818; - box-decoration-break: clone; -} -.teaser tt { - font-family: 'Roboto Mono', monospace; - color: #ddd; - font-size: 16px; - line-height: 1.7; - display: block; - max-width: 340px; - margin: 10px 0 30px 0; -} -.teaser tt span { - background: #181818; - box-shadow: -3px -3px #181818, 3px -3px #181818, -3px 3px #181818, 3px 3px #181818; - box-decoration-break: clone; -} -.teaser .btn { - color: #ddd; - background: #444; - padding: 14px 20px; - font-size: 16px; - border-radius: 4px; - text-decoration: none; - box-shadow: 0 1px 2px #181818; - transition: all 0.1s; -} -.desktop .teaser .btn:hover { - color: #fff; - background: #666; -} - -/* content */ - -.content { - padding-top: 20px; - padding-bottom: 100px; - min-height: calc(100vh - 55px); - line-height: 1.8; -} -section { - width: 960px; - margin: 0 auto; -} -.home section { - width: 960px; -} -.content .first_paragraph { - font-weight: 300; - font-size: 16pt; - color: #ddd; - margin-bottom: 20px; - margin-top: 30px; - line-height: 36px; -} -section p { - margin: 10px auto 20px auto; - line-height: 1.9rem; - font-size: 17px; - font-weight: 400; - color: #cdcdcd; -} -section ul { - margin: 10px auto 20px auto; - max-width: 720px; -} -section h1, section h2, section h3, section h4, section h5, section h6, section p{ - max-width: 720px; -} - -.content-dataset section:nth-child(2) p:first-child{ - font-size:19px; - color:red; -} -p.subp{ - font-size: 14px; -} -.content a { - color: #dedede; - text-decoration: none; - border-bottom: 2px solid #666; - padding-bottom: 1px; - transition: color 0.1s cubic-bezier(0,0,1,1); -} -.desktop .content a:hover { - color: #fff; - border-bottom: 2px solid #ccc; -} - -/* top of post metadata */ - -.meta { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; - font-size: 12px; - color: #ccc; - margin-bottom: 20px; - font-family: 'Roboto', sans-serif; - margin-right: 20px; - line-height: 17px -} -.meta .gray { - font-size: 9pt; - padding-bottom: 5px; - line-height: 14px -} -.mobile .meta .gray { - font-size: 10px; - padding-bottom: 0px; -} -.right-sidebar { - float: right; - width: 200px; - margin: 0px 20px 20px 20px; - padding-top: 12px; - padding-left: 20px; - border-left: 1px solid #333; - font-family: 'Roboto'; - font-size: 14px; - font-weight: 400; -} -.left-sidebar { - float: left; - width: 200px; - padding-top: 10px; - padding-right: 20px; - /*margin-right: 20px;*/ - margin-bottom: 10px; - /*border-right: 1px solid #444;*/ - font-family: 'Roboto'; - font-size: 14px; - font-weight: 400; - clear:left; -} -.left-sidebar .meta, .right-sidebar .meta { - flex-direction: column; -} -.mobile .left-sidebar .meta, .right-sidebar .meta { - display: inline-block; - border-bottom: 1px solid #333; - padding:10px 10px 10px 0; - margin: 0 4px 4px 0; - color: #bbb; -} -.right-sidebar ul { - margin-bottom: 10px; - color: #aaa; -} -.left-sidebar ul { - margin-bottom: 10px; - color: #aaa; -} -.right-sidebar ul:first-child a { - text-decoration: none; - border-bottom: 1px solid; -} -.left-sidebar ul:first-child a { - text-decoration: none; - border-bottom: 1px solid; -} -.left-sidebar a, .right-sidebar a { - border-bottom: 1px solid #666; -} -.desktop .content .left-sidebar a:hover, -.desktop .content .right-sidebar a:hover { - border-bottom: 1px solid #ccc; -} - -/* lists */ - -ul { - list-style-type: none; - margin: 0 0 30px 0; - padding: 0; -} -ul li { - margin-bottom: 8px; - color: #dedede; - font-weight: 400; - font-size: 14px; -} - -/* misc formatting */ - -code { - font-family: 'Roboto Mono', monospace; - font-size: 9pt; - padding: 2px 4px; - background: rgba(255,255,255,0.1); -} -pre { - margin: 0 auto 20px auto; - max-width: 720px; - border: 1px solid #666; - border-radius: 2px; - padding: 10px; - display: block; - background: #333; - overflow: auto -} -pre code { - display: block; - max-height: 400px; - max-width: 960px; - overflow: scroll; - padding: 4px 10px; -} -table { - margin-bottom: 40px; -} -table thead{ - text-align: left; -} -table, tr, td, th { - border: none; - border-collapse:collapse; -} -.chart table tr{ - width: auto; -} -table tr{ - display:table; - table-layout: fixed; - width:100%; -} -table td, table th{ - padding:10px; - -} -table tr td{ - font-size:12px; -} -table tbody tr:nth-child(odd){ - background-color:#292929; -} -table tbody tr:nth-child(even){ - background-color:#333; -} - -hr { - height: 1px; - background: #888; - border: 0; - width: 80px; -} -hr.supp{ - width:100%; - margin:70px 0 30px 0; -} -blockquote { - margin: 0 auto; - max-width: 720px; - padding: 0 0 0 10px; - border-left: 2px solid #555; -} - -/* Buttons */ - -.citation-opts { -} -.citation-opts li{ - display: inline-block; - margin-right:10px; -} -.desktop .content a.btn{ - display: inline-block; - background: #333; - padding: 6px 10px; - font-size: 10px; - border-radius: 6px; - font-weight: 400; - border:0px; -} -.desktop .content a.btn:hover{ - background: #444; - border:0px; -} - -/* footnotes */ - -.footnotes hr { - display: none; -} -ul.footnotes { - max-width: 720px; - margin: 0 auto; - font-size: 12px; -} -ul.footnotes li { - font-size: 12px; - list-style-type: none; - margin-bottom: 12px; -} -ul.footnotes p { - font-size: 12px; -} -.footnotes ol:before { - content: 'Footnotes'; - margin: 0 0 10px -40px; - padding-bottom: 0; - display: block; - font-family: 'Roboto Mono', monospace; - font-weight: 400; - text-transform: uppercase; - color: #666; - font-size: 11pt; -} - -/* images */ - -section img { - max-width: 100%; - display: block; - margin: 0 auto; -} -.image img { - cursor: pointer; -} -section .image { - margin-bottom: 20px; -} -section.images { - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: center; - clear: both; -} -.image:only-child { - width: 100%; -} -.image:first-child { - margin-left: 0; - /*margin-top:10px;*/ -} -.image:nth-child(2), -.image:nth-child(3) { - margin-left: 40px; -} -.image:nth-child(4) { - margin-left: 20px; -} -.image:first-child:nth-last-child(2), -.image:first-child:nth-last-child(2) ~ .image { - width: 300px; -} -.image:first-child:nth-last-child(3), -.image:first-child:nth-last-child(3) ~ .image { - width: 186px; -} -.image:first-child:nth-last-child(4) ~ .image { - width: 100px; -} -section.wide { - width: 960px; -} -section.wide .image { - max-width: 960px; -} -section.fullwidth { - width: 100%; -} -section.fullwidth .image { - max-width: 100%; -} -.image .caption{ - text-align: center; -} -.image .caption.intro-caption{ - text-align: center; -} -.caption { - text-align: center; - font-size: 10pt; - color: #999; - max-width: 960px; - margin: 10px auto 10px auto; - font-family: 'Roboto'; -} -.caption a { - color: #ccc; - border: 0; -} -.desktop .caption a:hover { - color: #fff; - border: 0; -} - - - -.sideimage { - margin: 0px 0 40px 0; - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -.sideimage p{ - margin-top:0px; - padding-top:0px; - font-size:14px; -} -.sideimage strong{ - display: block; - font-size:26px; - line-height: 26px; - font-weight: 400; - font-family: 'Roboto'; - margin-bottom: 16px; -} -.sideimage img { - margin-right: 40px; - width: 200px; - height: 200px; -} - -/* blog index */ - -.research_index { - margin-top: 40px; -} -.research_index a { - text-decoration: none; -} -.research_index h1 { - margin-top: 20px; - text-decoration: underline; -} -.desktop .research_index section:hover h1 { - color: #fff; -} -.research_index section:hover h2 { - color: #ddd; -} - -/* home page */ - -.hero { - width: 100%; - background: black; - background: linear-gradient(#000,#222); - height: 50vw; - max-height: 70vh; -} -.hero .inner { - position: relative; - width: 100%; - max-width: 1200px; - height: 100%; - display: flex; - align-items: center; - margin: 0 auto; -} -#face_container { - pointer-events: none; - position: absolute; - width: 66vw; - height: 50vw; - max-height: 70vh; - top: 0; - right: -16vw; - z-index: 0; - text-align: center; - perspective: 500px; - perspective-origin: 50% 80%; -} -.currentFace { - position: absolute; - bottom: 50px; - width: 100%; - left: 0; - text-align: center; - font-size: 26px; -} -.intro { - max-width: 960px; - padding: 75px 0 75px 10px; - z-index: 1; -} -.intro .headline { - font-family: 'Roboto Mono', monospace; - font-size: 24pt; - line-height: 40pt; -} -.intro .buttons { - margin: 40px 0; -} -.intro button { - font-family: 'Roboto', sans-serif; - padding: 15px 20px; - border-radius: 8px; - border: 1px solid transparent; - cursor: pointer; - font-size: 12pt; - margin-right: 10px; - transition: color 0.1s cubic-bezier(0,0,1,1), background-color 0.1s cubic-bezier(0,0,1,1); -} -.intro button.normal { - background: #191919; - border-color: #444; - color: #ddd; -} -.intro button.important { - background: #444; - border-color: #444; - color: #ddd; -} -.desktop .intro button:hover { - background: #666; - border-color: #666; - color: #fff; -} -.intro .under { - font-size: 12px; - color: #888; -} -.intro .under a { - color: #bbb; -} -.desktop .intro .under a:hover { - color: #fff; -} -.dataset-intro h2 { - margin-top: 40px; -} -.content .dataset-intro .first_paragraph { - margin-top: 10px; - font-size: 18px; -} - -/* intro - list of datasets */ - -.dataset-heading { - /*background: #000;*/ - width: 100%; - padding: 0 25px; -} -.dataset-heading p{ - max-width: none; -} -.dataset-heading h1{ - max-width: none; -} -.dataset-list { - display: flex; - flex-direction: row; - flex-wrap: wrap; - margin: 20px 0 0 0; -} -.dataset-list a { - text-decoration: none; - transition: border 0.1s cubic-bezier(0,0,1,1); - margin: 0 11px 22px 0; - border: 1px solid #333; - border-radius: 4px; -} -.dataset-list .dataset { - width: 300px; - padding: 12px; - color: white; - font-weight: 400; - font-family: 'Roboto'; - position: relative; -} -.dataset-list .dataset-image { - background-size: cover; - width: auto; - height: 178px; -} -.desktop .content .dataset-list a { - border: 1px solid #333; - -} -.desktop .dataset-list a:hover { - border: 1px solid #666; -} -.dataset-list .fields { - font-size: 12px; - color: #ccc; -} -.dataset-list .dataset .title{ - font-size: 16px; - line-height: 20px; - margin-bottom: 4px; - font-weight: 400; - display: block; -} -.dataset-list .fields div { - display: block; -} -.dataset-list .sort-options { - margin: 0; - padding: 0; -} -.dataset-list .sort-options:before { - content: 'Browse list by:'; - opacity: 0.7; - display: block; - padding-bottom: 10px; -} -.dataset-list .sort-options li { - display: inline-block; - margin: 0; - cursor: pointer; - margin-right: 10px; - transition: background 0.2s; - background: #555; - color: #fff; - padding: 7px 11px; - border-radius: 4px; - font-weight: 400; - font-size: 14px; - cursor: pointer; - user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -o-user-select: none; -} -.dataset-list .sort-options li:last-child { - margin-right:0; -} -.dataset-list .sort-options li.active { - background: #fff; - color: #000; -} -.desktop .dataset-list .sort-options li:hover { - background: #888; -} -.desktop .dataset-list .sort-options li.active:hover { - background: #fff; -} -.dataset_list .applet { - margin-bottom: 15px; -} - - - -/* intro section for datasets */ - -section.intro_section { - font-family: 'Roboto Mono'; - width: 100%; - background-size: cover; - background-position: center left; - /*padding: 50px 0;*/ - min-height: 40vh; - display: flex; - justify-content: center; - align-items: center; - background-color: #111111; - margin-bottom: 20px; - padding: 0; -} -.intro_section .inner { - max-width: 960px; - margin: 3rem auto; -} -.intro_section .hero_desc { - font-size: 38px; - line-height: 60px; - margin-bottom: 30px; - color: #ddd; - font-weight: 400; -} -.mobile .intro_section .hero_desc{ - font-size: 16px; - line-height: 32px; - margin-bottom: 20px; -} -.intro_section .hero_desc .dataset-name{ - color:#fff; -} -.intro_section .hero_subdesc { - font-size: 17px; - line-height: 36px; - max-width: 80%; - font-weight: 400; - color: #ddd; -} -.mobile .intro_section .hero_subdesc { - font-size: 14px; - line-height: 28px; -} -.intro_section .hero_desc .bgpad { - box-shadow: -10px -10px #181818, 10px -10px #181818, 10px 10px #181818, -10px 10px #181818; - background: #181818; -} -.intro_section .hero_subdesc .bgpad { - box-shadow: -10px -10px #181818, 10px -10px #181818, 10px 10px #181818, -10px 10px #181818; - background: #181818; -} -.mobile .intro_section .hero_desc .bgpad { - box-shadow: -6px -6px #181818, 6px -6px #181818, 6px 6px #181818, -6px 6px #181818; - background: #181818; -} -.mobile .intro_section .hero_subdesc .bgpad { - box-shadow: -6px -6px #181818, 6px -6px #181818, 6px 6px #181818, -6px 6px #181818; - background: #181818; -} - - -.firefox .intro_section div > span { - box-decoration-break: clone; -} - -/* ----------------------------------------------------- -page-specific formatting ------------------------------------------------------ */ - -/* Dataset */ - -.leaflet-container{ - margin-bottom: 10px -} - -.hr-wave-holder { - /* Clip edges, as some of the lines don't terminate nicely. */ - overflow: hidden; - position: relative; - width: 100%; - height: 50px; - margin-top:50px; -} - -.hr-wave-line1 { - background: linear-gradient(45deg, transparent, transparent 49%, #fff 49%, transparent 51%); -} -.hr-wave-line2 { - background: linear-gradient(-45deg, transparent, transparent 49%, #fff 49%, transparent 51%); -} -.hr-wave-line { - background-size: 20px 20px; - position: absolute; - width: 100%; - height: 10px; -} - - -/* map */ - -ul.map-legend{ - display: inline-block; - margin: 0; - font-size: 14px; -} -ul.map-legend li { - margin-right: 10px; - padding-top: 4px; - display: inline-block; - cursor: pointer; -} -.desktop ul.map-legend li:hover { - text-decoration: underline; -} -ul.map-legend li:before { - content: ''; - display: inline-block; - width: 10px; - height: 10px; - margin-right: 6px; -} -ul.map-legend li.active { - text-decoration: underline; - color: #fff; -} -ul.map-legend li.edu:before { - background-color: #f2f293; -} -ul.map-legend li.com:before { - background-color: #3264f6; -} -ul.map-legend li.gov:before { - background-color: #f30000; -} -ul.map-legend li.source:before { - content: none; - display: inline-block; - width: 0px; - margin-right: 10px; -} - -/* about */ -.desktop a.ahrefmoz{ - color:#DE5825; -} -.desktop a.ahrefmoz:hover{ - color:#EF6D3B; -} - -.content-about { - color: #fff; -} -.content-about p { - font-size: 16px; -} -.content-about ul{ - font-size: 14px; - font-weight: 300; -} -.content-about section:first-of-type > p:first-of-type { - font-size: 22px; - line-height: 40px; -} -.content-about .about-menu ul li { - display: inline-block; - font-size: 14px; - font-weight: 400; - text-transform: uppercase; - margin-right: 15px; - font-family: 'Roboto'; -} -.content-about .about-menu ul li a { - border-bottom: 0; - color: #aaa; -} - -.content-about .about-menu ul li a.current { - border-bottom: 1px solid #ddd; - color: #ddd; -} - -/* columns */ - -.columns { - display: flex; - flex-direction: row; - justify-content: flex-start; -} -.content-about .columns .column{ - /* on the about page use padding and bg color */ - background: #202020; - padding: 20px; -} -.columns .column { - font-family: Roboto, sans-serif; - font-weight: 400; - margin: 10px; -} -.columns .column:first-of-type { - margin-left: 0; -} -.columns-2 .column { - width: 50%; -} -.columns-3 .column { - width: 33%; -} -.columns-4 .column { - width: 25%; -} - -/* about page */ - - -.flex-container { - padding: 0; - margin: 0; - list-style: none; - - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - - -webkit-flex-flow: row wrap; - justify-content: space-around; -} - -.content-about .team-photos-container{ - margin:40px 0; -} -.content-about .team-member { - height: auto; - margin-top: 10px; - color: white; - width: 400px; - font-weight: bold; - flex-grow: 1; - margin:0 40px 0 0; - padding:20px; - border-radius:6px; - background: #202020; -} -.content-about .team-member&:last-child{ - margin:0 0 0 40px; -} -.content-about .team-member p{ - font-size:16px; -} -.content-about .team-member img{ - margin:0; - display: block; -} -.content-about .team-member h3{ - font-size:20px; -} - - - -/* footnotes */ - -a.footnote { - font-size: 9px; - line-height: 0px; - position: relative; - /*display: inline-block;*/ - bottom: 7px; - text-decoration: none; - color: #ff8; - border: 0; - left: -1px; - transition-duration: 0s; -} -a.footnote_shim { - /*display: inline-block;*/ - width: 1px; height: 1px; - overflow: hidden; - position: relative; - top: -90px; - visibility: hidden; -} -.right-sidebar a.footnote { - bottom: 8px; -} -.desktop a.footnote:hover { - /*background-color: #ff8;*/ - color: #fff; - border: 0; -} -.backlinks { - margin-right: 10px; -} -.content .backlinks a { - color: #ff8; - font-size: 10px; - text-decoration: none; - border: 0; - font-weight: bold; - position: relative; - bottom: 5px; - margin-right: 2px; -} -.content .footnotes .backlinks a { - bottom: 3px; -} -li p { - margin: 0; padding: 0; - display: inline; -} - -/* citation browser */ - -.citationHeader { - max-width: 720px; - margin: 10px auto; - padding-bottom: 10px -} -.download-btn { - display: inline-block; - font-size: 13px; - color: #ddd; - cursor: pointer; - background: #333; - padding: 8px 10px; - border-radius: 5px; - transition: all 0.1s; -} |
