@media screen { * { box-sizing: border-box; } html { font-size: 16px; line-height: 24px; font-family: "Lato", sans-serif; background-color: #182321; } body { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 24px 0; } .omeka-classic h1, .omeka-classic h2, .omeka-classic h3, .omeka-classic h4 { font-family: "Sanchez", serif; letter-spacing: 1px; font-weight: 300; } a { text-decoration: none; color: #A91919; } img { max-width: 100%; height: auto; } .wrapper { max-width: 900px; padding: 24px; margin: 0 auto; } .flex { display: flex; } .product.home { overflow-x: hidden; overflow-y: visible; } .product.home #intro { padding: 120px 72px; margin-bottom: 72px; width: 100%; margin: 0; } .product.home #intro > * { position: relative; z-index: 1; } .product.home #intro .button { padding: 12px; text-shadow: none; font-size: 24px; } .product.home #intro p { max-width: 800px; margin: 48px auto; line-height: 48px; font-size: 32px; font-weight: 300; } .product.home #content { font-size: 20px; line-height: 36px; padding: 0; } .product.home #content h2 { margin: 0; font: 700 24px "Lato", sans-serif; text-transform: uppercase; } .product.home .sub-menu { position: absolute; top: 36px; left: 0; right: 0; z-index: 10; background-color: transparent; justify-content: center; } .product.home .sub-menu [aria-label="sub-menu-label"] { display: none; } .product.home .sub-menu ul { text-align: center; } #features { width: 100%; padding: 0 24px; position: relative; overflow: hidden; margin: 24px 0 0; } #features > img { position: absolute; right: -60%; width: 100%; height: auto; } #features .feature { display: flex; align-items: flex-start; margin: 72px 0; width: 60%; } #features .feature img { margin-right: 24px; max-width: 120px; height: auto; } #features p { margin: 12px 0; } .omeka-classic hr { height: 1px; border: 0; background-color: #4F473C; margin: 48px 0; } .omeka-classic.home #intro { background: #628C85 url("../../images/classic_bg.jpg") no-repeat; background-size: cover; } .omeka-classic.home #intro:after { background-color: rgba(84, 29, 29, 0.8); } .omeka-classic #content { background-color: #EEE8DF; color: #4F473C; } .omeka-classic a { color: #628C85; } .omeka-classic a.button, .omeka-classic button { background-color: #628C85; color: #fff; } .omeka-classic #community { padding: 72px 24px; font-size: 24px; line-height: 48px; margin: 0 auto; position: relative; text-align: center; background-color: #fff; } .omeka-classic #community > p { max-width: 800px; margin: 24px auto; } .omeka-classic #community a { display: inline-block; padding: 0 12px; border-radius: 3px; border: 2px solid #628C85; } .omeka-s.home #intro { background: #628C85 url("../../images/s_bg.jpg") no-repeat; background-size: cover; } .omeka-s.home #intro:after { background-color: rgba(64, 78, 97, 0.9); } .omeka-s #intro { background-color: #404E61; } .omeka-s.product.home #content { font-weight: 300; } .omeka-s #content a:not(.button) { color: #A91919; font-weight: 700; } .omeka-s a.button, .omeka-s button { background-color: #A91919; color: #fff; text-shadow: none; } .omeka-s #intro h1, .omeka-s #addon-header h1 { font-weight: 300; word-spacing: 12px; } .omeka-s #intro h1 { margin-bottom: 0; } .omeka-s #content #addon-header a { color: #c6cfda; } .omeka-s #content #addon-header a.button { color: #fff; } .omeka-s h2, .omeka-s h3, .omeka-s h4 { font-weight: 700; } .omeka-s.home #content #support { background-color: rgba(0, 0, 0, 0.08); text-align: center; padding: 72px 24px; } .omeka-s.home #content #support a:not(:first-child):before { content: none; } p { margin: 24px 0; } table { border: 1px solid #ccc; border-collapse: collapse; margin: 24px 0; } th, td { text-align: left; padding: 6px; } th:not(:last-child), td:not(:last-child) { border-right: 1px solid #ccc; } button, .button, input[type="submit"] { background-color: #ccc; border-radius: 3px; padding: 6px; display: inline-block; text-align: center; letter-spacing: 1px; font-weight: 300; } thead, tbody tr:not(:last-child) { border-bottom: 1px solid #ccc; } header { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; } header a { color: #628C85; } header ul { margin: 0; padding-left: 0; } header li { display: inline-block; margin: 0 12px; } .site-logo { display: flex; align-items: center; padding: 6px 12px; font-family: "EB Garamond", serif; text-transform: lowercase; font-size: 20px; } .site-logo:before { content: ""; position: relative; display: inline-block; margin-right: 12px; border: 1px solid #404E61; height: 24px; width: 39px; background: #628C85 url("../../images/omeka-logo.png") no-repeat; background-size: contain; } .omeka-s .site-logo:before { background-color: #404E61; } .omeka-classic .site-logo a { color: #541D1D; } .omeka-classic .site-logo:before { background-color: #541D1D; } nav#global { padding: 6px 24px; } #content { min-height: 90vh; padding: 0 24px; background-color: #fff; } #intro, #addon-header { padding: 72px 24px; margin: 0 -24px; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center center; color: #fff; position: relative; } #intro:after, #addon-header:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #intro > *, #addon-header > * { position: relative; z-index: 1; } #intro h1 { font-size: 48px; line-height: 72px; margin: 0; position: relative; z-index: 1; } footer { background-color: #182321; display: flex; justify-content: space-between; padding: 24px; color: #fff; } footer h4 { font-family: "Lato", sans-serif; } footer nav { width: 15%; padding: 0 24px; } footer .logos { margin-right: auto; max-width: 40%; } footer img { max-height: 48px; width: auto; } footer a { color: #628C85; } footer h4 { margin-top: 0; } footer ul { margin: 0; list-style: none; padding: 0; } footer nav li { margin: 12px 0; } .pagination { text-align: center; } .pagination a { background-color: #A91919; color: #fff; text-shadow: none; } .pagination .page_number { margin-right: 12px; } .pagination .previous, .pagination .next { font-size: 14px; padding: 3px 6px; border-radius: 3px; margin: 6px 0; display: inline-block; border: 1px solid #ccc; } .pagination a.previous, .pagination a.next { border: 1px solid #A91919; } /* @group ----- Product-level ----- */ nav.sub-menu { width: 100%; background-color: #999; padding: 24px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; display: flex; justify-content: space-between; } nav.sub-menu label { display: inline-block; font-weight: bold; } nav.sub-menu ul { display: inline-block; } nav.sub-menu a { color: #fff; } .omeka-classic .sub-menu { background-color: #541D1D; } .omeka-classic .sub-menu [aria-label="sub-menu-label"] a { color: #ffcccc; } .omeka-s .sub-menu { background-color: #404E61; } .omeka-s .sub-menu [aria-label="sub-menu-label"] a { color: #e5e9ee; } /* @end */ /* @group ----- Landing Page ----- */ .omeka.home a { color: #628C85; } .omeka.home header { position: absolute; top: 0; left: 0; right: 0; z-index: 1; background-color: #fff; } .omeka.home #intro { overflow: hidden; position: relative; padding: 24px 24px 0 24px; margin-top: 12px; } .omeka.home #intro > * { position: relative; z-index: 1; } .omeka.home #intro:after { background-color: #fff; } .omeka.home span.intro-text, .omeka.home .intro-text h2 { font-size: 24px; line-height: 36px; font-weight: 200; margin: 24px auto 24px; display: block; color: #000; max-width: 800px; } .omeka.home #intro .intro-text { padding: 12px; } .omeka-name { text-transform: lowercase; font-family: "EB Garamond", serif; display: block; font-size: 64px; margin-bottom: 24px; } .omeka.home #intro .products { background: url("../../images/home_bg.jpg") no-repeat; background-size: cover; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -24px; overflow: hidden; } .omeka.home #intro .products:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), white); z-index: -1; } .omeka.home #intro .products .overview { width: 100%; font-size: 24px; line-height: 48px; font-weight: 300; margin: 48px 0; } .omeka.home #intro .products > .product { width: 40rem; max-width: 50%; padding: 24px; margin: 24px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; overflow: hidden; border-radius: 5px; } .omeka.home #intro .products .omeka-classic { background-image: linear-gradient(to bottom, rgba(84, 29, 29, 0.9), rgba(0, 0, 0, 0.9)); } .omeka.home #intro .products .omeka-classic h2 a { color: #e8bbbb; } .omeka.home #intro .products .omeka-s { background-image: linear-gradient(to bottom, rgba(64, 78, 97, 0.9), rgba(0, 0, 0, 0.9)); } .omeka.home #intro .products .omeka-s h2 a { color: #c6cfda; } .omeka.home #intro .products h2 { font-size: 32px; line-height: 48px; margin: 0 0 12px; font-weight: 300; font-family: "Lato", sans-serif; text-transform: uppercase; } .omeka.home #intro .products .product-text { margin-bottom: auto; } .omeka.home #intro .products .product-text + a { margin-top: 24px; } .omeka.home #intro .products img { max-width: 100%; height: auto; margin-bottom: -72px; } .omeka.home #intro .products .button { margin: 0 6px 0; background-color: transparent; border: 1px solid #fff; color: #fff; } .omeka.home #intro .products .description { display: block; margin: 12px 0; } #other-products { display: flex; padding-bottom: 47px; border-bottom: 1px solid #eee; flex-wrap: wrap; justify-content: space-between; } #other-products .intro-text { width: 100%; padding-right: 24px; margin: 24px 0; max-width: none; } #other-products .product { padding: 0 24px 24px; position: relative; } #other-products .product > * { position: relative; z-index: 1; } #other-products .product:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .omeka-net.product { width: calc(60% - 12px); background-color: #638c85; color: #fff; } .omeka-net.product:after { opacity: .8; background: url("../../images/spiral.png") center/cover no-repeat; } #other-products .omeka-net a.button, #other-products .omeka-services a.button { background: rgba(0, 0, 0, 0); color: #f5f8f8; box-shadow: 0 0 0 2px #f5f8f8 inset; } .omeka-services.product { width: calc(40% - 12px); box-shadow: 0 0 0 1px #f28522 inset; position: relative; background-color: #f28522; color: #fff; } .omeka-services.product:after { opacity: .3; background: url("../../images/services-bg.png") bottom right/contain no-repeat; } #other-products .omeka-services h2 a { color: #fdefe3; } #other-products .omeka-net h2 a { color: #f5f8f8; } #other-products h2 { font-weight: 300; text-transform: uppercase; line-height: 36px; } #other-products .product-text { margin-bottom: 24px; } #other-products a.button { box-shadow: 0 0 0 2px #628C85; font-weight: normal; background-color: #fff; color: #628C85; } #news { display: flex; padding: 48px 0; } #news .intro-text { margin: 0; width: 25%; line-height: 48px; } #news .post { width: 75%; padding: 0 0 0 24px; margin: 0 0 0 24px; } #news h2 { font-size: 32px; line-height: 48px; margin: 0; font-weight: 300; } #news .post-categories a { font-size: 12px; box-shadow: 0 0 0 1px #d7e3e1; text-transform: uppercase; border-radius: 2px; display: inline-block; margin: 0 3px; padding: 0 6px; } #news .news-home-link { border-top: 3px solid #628C85; padding-top: 21px; margin-top: 24px; width: 100%; display: block; text-transform: uppercase; } /* @end */ /* @group ----- Add-ons ----- */ #addon-list .addon h4 #addon-list .addon h4 { margin-bottom: 0; } .addon-meta span { display: block; } .addon-meta .description { margin-bottom: 12px; } .theme #addon-header .flex-thumbnail { width: 25%; margin-right: 24px; } .omeka-team h4:after, .omeka-team h1:after { content: ""; display: inline-block; padding: 6px 12px; margin-left: 12px; position: relative; height: 6px; width: 4.5px; text-indent: -9999px; background: #A91919 url("../../images/omeka-logo.png") no-repeat; background-size: contain; border: 0.5px solid #A91919; } .omeka-team h1:after { height: 12px; width: 15px; background: url("../../images/omeka-logo-white.png") no-repeat; background-size: contain; border: 0; box-shadow: 0 0 0 1px #fff inset; } .omeka-classic .omeka-team h4:after { background: #628C85 url("../../images/omeka-logo-beige.png") no-repeat; background-size: contain; border: 0.5px solid #628C85; } #addon-header { background-color: #e7e7e7; margin: 0 -24px; padding: 24px; display: flex; justify-content: flex-start; align-items: center; text-align: left; font-weight: 300; } #addon-header h1 { margin: 0 0 6px; } #addon-header a.button { font-size: 20px; background-color: #333; color: #fff; padding: 12px; margin-left: auto; } #addon-header .thumbnail { width: 100%; padding-bottom: 60%; border: 5px solid #fff; float: left; margin: 0 24px -48px 0; box-shadow: 0 0 0 1px #ccc; overflow: hidden; position: relative; } #addon-header > * { position: relative; z-index: 1; } #addon-header:after { background-color: rgba(0, 0, 0, 0.7); } .omeka-classic #addon-header .button { background-color: #628C85; color: #fff; } .omeka-s #addon-header a.button { background-color: #A91919; } .omeka-classic #addon-header a { color: #9bb9b4; } #addon-browse-controls { text-align: right; padding: 12px 24px; margin: 0 -24px; } .omeka-s #addon-browse-controls { background-color: #e5e9ee; } .omeka-classic #addon-browse-controls { background-color: white; } .thumbnail { position: relative; } .thumbnail img { width: 100%; height: auto; position: absolute; top: 0; left: 0; right: 0; } .theme #addon-header { margin-bottom: 48px; } #addon-main { display: flex; justify-content: space-between; flex-wrap: wrap; align-content: flex-end; } #module-list .module { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 24px 0 23px; border-bottom: 1px solid #ccc; } #module-list .module:last-child { border-bottom-color: transparent; } #module-list h4 { font-size: 24px; margin: 0 0 12px; } #module-list .addon-meta { width: 80%; padding-right: 24px; } #module-list .download { width: 20%; text-align: center; font-size: 14px; } #module-list .download span { display: block; } #module-list .download .button { width: 100%; font-size: 16px; line-height: 24px; } #addon-main h1 { font-size: 32px; line-height: 48px; } .readme { width: 60%; } .readme > h1:first-child { display: none; } #support-downloads { width: 35%; padding: 12px 0; } #support { background-color: #ccc; padding: 6px; } #support a { display: inline-block; } #support a:not(:first-child):before { content: ""; border-left: 1px solid #ccc; margin: 0 6px 0 3px; } table.versions { margin: 12px 0; width: 100%; } #theme-list { display: flex; flex-wrap: wrap; } #theme-list .theme { width: 32%; margin: 24px 0; margin-right: 2%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } #theme-list .theme:nth-child(3n) { margin-right: 0; } #theme-list .flex-thumbnail { width: 100%; } #theme-list .thumbnail { width: 100%; padding-bottom: 60%; overflow: hidden; box-shadow: 0 0 0 1px #ccc; display: table; } #theme-list .thumbnail a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow: hidden; } #theme-list h4 { margin: 24px 0 0; font-size: 24px; } #theme-list .author { margin-bottom: 12px; } #theme-list .author, #theme-list .download span { font-size: 14px; } #theme-list .download { margin-top: auto; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } #theme-list .download .button { width: 100%; margin: 0 0 12px 0; } #register-addon { background-color: #fff; margin: 0 -24px; padding: 24px 24px 12px; text-align: center; } #register-addon .button { font-size: 20px; padding: 12px; } .addon-register iframe { margin: 0 -24px; width: calc(100% + 48px); } /* group ----- Addons - Index ----- */ .addons.home .flex { height: 100vh; width: 100%; flex-wrap: wrap; } .addons.home .flex section { width: 50%; padding: 96px 0; color: #fff; text-align: center; } .addons.home .flex section h2 { font-family: "Lato", sans-serif; font-weight: 300; font-size: 32px; line-height: 48px; text-transform: uppercase; } .addons.home .flex section ul { padding: 0; margin: 0; list-style: none; } .addons.home .flex section li { display: block; text-align: center; margin: 0 0 12px; } .addons.home .flex section a { color: #fff; padding: 6px 12px; border-radius: 3px; border: 2px solid #fff; font-weight: 300; display: inline-block; } .addons.home .flex #register { width: 100%; height: auto; padding: 12px; } .addons.home .flex #omeka-s { background-color: #404E61; } .addons.home .flex #omeka-classic { background-color: #541D1D; } .addons.home #content, .addon-register #content { padding: 0; max-width: none; } .addons.home a.button { background-color: #A91919; font-size: 24px; line-height: 36px; padding: 6px; color: #fff; } .addon-register #intro { display: none; } /* @end */ /* @end */ /* @group ----- News ----- */ .news #intro a { color: #fce2cb; } .news .post-list { list-style: none; padding-left: 0; } .news .post-list li.post { padding-bottom: 23px; border-bottom: 1px solid #ccc; margin-bottom: 24px; text-align: center; } .news .post-list li.post:last-of-type { border-bottom-color: transparent; } .news .post-list .post-title { font-size: 24px; line-height: 36px; font-weight: 300; margin-bottom: 12px; display: block; } .news .post-list .post-date { display: block; text-transform: uppercase; font-weight: 300; } .news .post-type { font-size: 16px; line-height: 24px; display: block; text-transform: uppercase; letter-spacing: 2px; } .news #post-meta { width: calc(100% + 48px); padding: 6px 6px 5px; border-bottom: 1px solid #ccc; text-align: center; margin: 0 -24px; } .news .post-categories a { text-transform: uppercase; font-size: 12px; padding: 3px 6px; border-radius: 3px; background-color: #eee; margin: 6px 0; display: inline-block; background-color: #A91919; color: #fff; text-shadow: none; } .news #post-content, .news .post-list, .news .pagination { max-width: 900px; padding: 24px; margin: 0 auto; } .news #post-content { padding: 24px 0; overflow: hidden; } .news .news-home-link { width: 100%; max-width: 900px; text-align: center; padding: 47px 0 48px; border-top: 1px solid #ccc; margin: 48px auto 0; display: block; } .category .page_number { font-size: 16px; line-height: 24px; display: block; } .alignright { float: right; margin: 0 0 24px 24px; } .alignleft { float: left; margin: 0 24px 24px 0; } img.alignright, img.alignleft { max-width: 50%; height: auto; } /* @end */ /* @group ----- Tour ----- */ .content-nav { width: 20%; position: sticky; top: 24px; left: 0; float: left; padding: 24px; background-color: #e5e9ee; margin-bottom: 24px; } .content-nav ul { list-style: none; padding-left: 0; margin: 0; } .content-nav li { padding: 6px; } .content-nav li:not(:last-child) { border-bottom: 1px solid #ccc; } .content-nav a { font-weight: 300 !important; font-size: 20px; } .content-nav .active a, .content-nav a:hover { font-weight: 700 !important; } .has-content-nav .wrapper { max-width: 1200px; position: relative; } .has-content-nav .wrapper .blocks { width: 80%; margin-left: auto; padding: 0 24px; } .block { display: flex; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 48px; align-items: center; } .screencast.block { display: block; text-align: center; margin-bottom: 48px; } .block ul { list-style: square; padding-left: 24px; } .block li { margin-bottom: 12px; } .block img { max-height: 288px; width: auto; flex: 1; margin: 0 48px 0 0; } .block:nth-child(2n) img { margin: 0 0 0 48px; } .block-copy { flex: 2; } .block-copy:only-child { text-align: center; } .screencast { width: 100%; } .screencast-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .screencast-container iframe, .screencast-container object, .screencast-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @end */ /* @group ----- Showcase ----- */ .site-filters ul { margin: 24px 0; list-style: none; padding-left: 0; padding-bottom: 6px; font-family: "Lato", sans-serif; letter-spacing: .5px; font-size: 20px; font-weight: 300; text-align: center; } .site-filters li { display: inline-block; margin-right: 12px; } .site-filters a { padding: 3px 6px; display: inline-block; border-radius: 3px; text-decoration: none; } .site-filters a.active { background-color: #628C85; color: #fff; } .showcase-content { text-align: center; } #results-total { font-size: 24px; margin-bottom: 24px; } #results-total .count { font-weight: bold; } .omeka-s .site-filters a.active { background-color: #e5e9ee; } #examples { display: flex; flex-wrap: wrap; margin: 0 auto; transition: opacity ease-in .5s; max-width: 1100px; } #examples .example { display: none; width: calc(50% - 24px); padding-top: 24px; margin: 0 12px 24px; position: relative; border-radius: 3px 3px 0 0; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); border-bottom: 5px solid #a2a2a2; background-color: #fff; } #examples .example:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 24px; background: linear-gradient(15deg, #d8d8d8, #a2a2a2); border-radius: 3px 3px 0 0; } #examples.all .example, #examples.mapping .example.mapping, #examples.multimedia .example.multimedia, #examples.user-contributions .example.user-contributions, #examples.exhibits .example.exhibits, #examples.collections .example.collections, #examples.coursework .example.coursework, #examples.multilingual .example.multilingual, #examples.linked-data .example.linked-data { display: block; } #examples .example img { vertical-align: bottom; max-width: 100%; } #examples .example h4 { margin: 0; font-family: "Lato", sans-serif; } #examples .example-meta { padding: 24px; border-top: 1px solid #eee; } .example-meta span { display: block; } .featherlight .featherlight-content { height: 95%; width: 95%; margin: 0 auto !important; } .featherlight .featherlight-content { overflow: hidden !important; } .featherlight .featherlight-close-icon { right: 12px !important; } .featherlight-inner.example-meta { display: block; width: 25%; border: none; position: absolute; top: 0; right: 0; bottom: 0; padding: 24px; overflow-y: scroll; font-size: 14px; } .featherlight-inner.example-meta h3 { margin-bottom: 0; font-size: 24px; } .featherlight-inner.example-meta h4 { font-size: 20px; font-weight: 300; letter-spacing: 1px; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 3px solid #eee; } .featherlight-inner.example-meta .field { margin-bottom: 24px; display: block; } .featherlight-inner.example-meta .plan { padding: 3px 6px; border-radius: 3px; background-color: #541D1D; font-family: "Sanchez", serif; font-size: 14px; font-weight: 300; letter-spacing: .5px; text-transform: uppercase; display: inline-block; margin: 12px 0 24px; color: #fff; width: auto; } .featherlight-inner.example-meta .plugins ul { margin-left: 0; padding-left: 0; list-style: none; } .featherlight-inner.example-meta .plugins li { border-bottom: 1px solid #eee; padding-bottom: 6px; margin-bottom: 6px; } .featherlight-inner.example-meta .plugins li:last-child { border-bottom: 0; } .featherlight-content iframe { display: block; position: absolute; top: 0; left: 0; width: 75%; height: 100%; } /* @end */ /* @group ----- Download ----- */ .download #intro .download.button { margin: 24px 0 0; font-size: 20px; padding: 12px; } .download .flex { padding: 48px 0; align-items: flex-start; } .flex #download { padding-right: 24px; width: 60%; } #download ul { list-style: none; font-size: 24px; line-height: 36px; padding-left: 0; margin: 0; } #download li { border-bottom: 1px solid #628C85; padding-bottom: 11px; margin-bottom: 12px; } #download li:last-child { border-color: transparent; } .release-date { margin: 12px 0; font-weight: 300; } #sandbox, #omeka-net { background-color: #e5e9ee; width: 40%; padding: 24px; } #omeka-net { background-color: rgba(0, 0, 0, 0.08); } /* @end */ /* @group ----- Documentation ----- */ .docs.home .flex { height: 100vh; width: 100%; } .docs.home .flex section { width: 50%; padding: 120px 0; color: #fff; text-align: center; } .docs.home .flex section h2 { font-family: "Lato", sans-serif; font-family: 300; font-size: 40px; line-height: 60px; text-transform: uppercase; word-spacing: 12px; } .docs.home .flex section ul { padding: 0; margin: 0; list-style: none; } .docs.home .flex section li { display: block; text-align: center; margin: 0 0 24px; } .docs.home .flex section a { color: #fff; padding: 6px 24px; border-radius: 3px; border: 2px solid #fff; font-weight: 300; display: inline-block; } .docs.home .flex #omeka-s { background-color: rgba(64, 78, 97, 0.8); } .docs.home .flex #omeka-classic { background-color: rgba(84, 29, 29, 0.8); } /* @end */ /* @group ----- Omeka Everywhere ----- */ .everywhere h1, .everywhere h2, .everywhere h3, .everywhere h4 { font-family: "Cormorant Garamond", serif; font-weight: 300; } .everywhere #content { font-weight: 300; font-size: 20px; line-height: 30px; } .everywhere #intro { text-align: left; } .everywhere a.button { background-color: #fff; box-shadow: 0 0 0 1px #000 inset; color: #000; margin-right: 6px; font-family: "Cormorant Garamond", serif; padding: 6px 12px; } .everywhere #intro p { max-width: 600px; } .everywhere .tool { clear: both; padding: 48px 0; display: flex; align-items: center; } .everywhere .tool-meta { border-top: 5px solid #000; } .everywhere .tool img { width: 100%; height: auto; } #collection-viewer > p { margin-right: 48px; width: 200%; } #mobile-app > p { order: 2; margin-left: 48px; margin-right: -24px; width: 200%; } #heist { position: relative; z-index: 1; overflow: hidden; margin: 0 -24px; padding: 0 24px; min-height: 75vh; justify-content: flex-end; } #heist video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background: url("../../images/omeka-everywhere.jpg") no-repeat; background-size: cover; transition: 1s opacity; } #heist .tool-meta { width: 600px; background-color: #fff; padding: 0 24px; } .everywhere .support { padding: 72px 0; text-align: center; } #vidpause { font-size: 14px; box-shadow: none; padding: 0; border-radius: 0; } #vidpause.paused:before { border-style: double; border-width: 0px 0 0px 8px; line-height: 1; } #vidpause:hover { border-color: transparent transparent transparent #404040; } #vidpause:before { content: ""; border: 0; background: transparent; box-sizing: border-box; width: 0; height: 10px; border-color: transparent transparent transparent #202020; cursor: pointer; border-style: solid; border-width: 4px 0 4px 6px; display: inline-block; margin-right: 6px; } .everywhere footer { flex-wrap: wrap; } .everywhere footer > p, .everywhere .logos { width: 100%; max-width: none; } .everywhere .logos { display: flex; align-items: center; } .everywhere .logos > a { margin-right: 48px; } .everywhere .logos .imls { max-height: none; } /* @end */ /* @group ----- About ----- */ .about #intro h1 { font-weight: 300; } /* @end */ /* @group ----- Services ----- */ .services #intro { background-color: #f28522; } .services #intro h1 { font-weight: 300; } .services .wrapper a { color: #9b4e09; } .services .intro p { font-size: 32px; line-height: 48px; font-weight: 300; overflow: hidden; display: flex; align-items: center; margin-top: 0; } .services .intro img { margin-right: 24px; max-width: 60%; } .services .content-nav { background-color: #fce2cb; } .services .service-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .services .service { width: 49%; padding: 24px; float: left; border: 1px solid #f28522; margin-bottom: 24px; } .services .service a { font-size: 24px; line-height: 36px; display: block; } /* @end */ /* @group ----- Contact ----- */ .contact form label { display: flex; margin-bottom: 24px; align-items: center; } .contact form label .label-text { min-width: 20%; font-weight: bold; } .contact form input, .contact form select, .contact form textarea { width: 80%; margin-left: auto; padding: 6px; border: 1px solid #ccc; } .contact form textarea, .contact form [type=submit] { margin-left: 20%; margin-bottom: 24px; } .contact form [type=submit] { background-color: #A91919; color: #fff; text-shadow: none; appearance: none; border: 0; padding: 12px; } /* @end */ /* @group ----- Intro Backgrounds ----- */ #intro { background-color: #f28522; } .omeka-classic #intro { background-color: #541D1D; } .omeka-classic #intro:after { background-color: rgba(0, 0, 0, 0.5); } .omeka-classic.add-ons #intro, .omeka-classic #addon-header { background-image: url("../../images/addons_bg.jpg"); } .omeka-s.add-ons #intro, .omeka-s #addon-header { background: url("../../images/addons_default_bg.jpg") center/cover; } .omeka-s #intro:after, .omeka-s #addon-header:after { background-color: rgba(64, 78, 97, 0.8); } .about #intro:after { background-color: transparent; } .showcase #intro { background: url("../../images/showcase_bg.jpg") center/cover; } .showcase #intro + p { text-align: center; } .omeka-classic.download #intro { background: url("../../images/classic_download_bg.jpg") center/cover; } .omeka-s.download #intro { background: url("../../images/download_bg.jpg") center/cover; } .omeka-s.tour #intro { background: url("../../images/tour_bg.jpg") center/cover; } .everywhere #intro:after { background: url("../../images/everywhere_bg.jpg") center/cover; } /* @end */ /* @group ----- 404 ----- */ .error #content p { text-align: center; font-size: 24px; line-height: 36px; font-weight: 300; } /* @end */ }

@media screen and (max-width: 800px) { header { position: relative !important; text-align: center; display: block; padding-top: 12px; } .site-logo { margin: 0 auto; } header .sub-menu { text-align: center; flex-wrap: wrap; } header .sub-menu li { margin: 6px 12px; } header .sub-menu .index { text-align: center; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-bottom: 5px; } .product.home .sub-menu { top: 72px; } .wrapper { padding: 24px 0; } /* @group ----- Landing Pages ----- */ .omeka.home #intro { padding: 0 24px; margin-top: 0; } .omeka.home .products, .omeka.home #news { flex-wrap: wrap; } .omeka.home .product, #news .intro-text, #news .post { width: 100% !important; max-width: 100% !important; } .product.home #intro { padding: 168px 24px 72px; text-align: center; } .omeka.home .products > div { width: 100%; overflow: hidden; } #other-products .omeka-net { margin-bottom: 24px; } #news .post { margin-left: 0; padding-left: 0; } .product.home #intro .button { font-size: 20px; padding: 6px 12px; margin: 12px; display: block; } .product.home #intro p { font-size: 24px; line-height: 36px; } .product.home #features .feature { width: 100%; } .product.home #features > img { display: none; } .product.home #features .feature { display: block; text-align: center; } .product.home #features .feature img { margin-right: 0; } .product.home #support a { margin-bottom: 24px; } .everywhere .tool { display: block; width: 100%; } .everywhere .tool img { max-width: 100%; } .everywhere .logos { flex-wrap: wrap; justify-content: center; } .everywhere .logos > a { display: block; margin-bottom: 48px; } video#bgvid { position: relative; width: 100%; height: 100%; transform: none; left: 0; right: 0; margin-bottom: 48px; } #heist { width: calc(100% + 48px); } #heist .tool-meta { padding: 0; width: auto; } #mobile-app > p { width: 100%; margin-left: 24px; } #collection-viewer > p { width: 100%; } #vidpause { display: none; } .everywhere .support a.button { margin-bottom: 24px; } /* @end */ /* @group ----- Footer ----- */ footer { flex-wrap: wrap; } footer .logos { width: 100%; max-width: none; margin-bottom: 48px; } footer nav { width: 50%; padding: 0; margin-bottom: 24px; } /* @end */ /* @group ----- Services ----- */ .services .intro p { flex-wrap: wrap; width: 100%; } .services .intro img { max-width: 100%; margin-bottom: 24px; } .services .service { width: 100%; } /* @end */ /* @group ----- Showcase & Tour ----- */ #examples .example, .block img, .block .block-copy { width: 100%; } .has-content-nav .wrapper .blocks, .has-content-nav .wrapper .content-nav { width: 100%; position: static; } .has-content-nav .wrapper .blocks { padding: 0; } .block { flex-wrap: wrap; } .block img { height: auto; max-height: none; order: 1; margin: 0 !important; } .block .block-copy { order: 2; } .featherlight-content iframe { width: 100%; height: 70%; } .featherlight-inner.example-meta { width: 100%; top: 70%; border-top: 1px solid #ccc; } /* @end */ /* @group ----- Add-ons ----- */ #addon-header { flex-wrap: wrap; text-align: center; justify-content: center; } #addon-header .thumbnail { width: 100%; padding-bottom: 60%; margin: 0 0 24px; } #addon-header .author { font-size: 12px; margin-bottom: 12px; } #addon-header a.button { margin: 24px auto; } #module-list .addon-meta { width: 100%; padding-right: 0; margin-bottom: 24px; } #module-list .download { width: 100%; text-align: left; } #module-list .download .button { width: auto; display: inline-block; padding: 6px 24px; margin-bottom: 6px; } #module-list .download .version { display: block; } #theme-list .theme { width: 100%; margin-right: 0; } .readme, #support-downloads { width: 100%; } /* @end */ /* @group ----- Download ----- */ .download .flex { flex-wrap: wrap; } .flex #download, .flex #sandbox, .flex #omeka-net { width: 100%; } .flex #download { margin-bottom: 48px; } /* @end */ }

/*# sourceMappingURL=style.css.map */