From d8ddf9f683d069a1aab17d88a441bc9ab5535c0a Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Wed, 5 Apr 2017 10:50:49 -0500 Subject: [PATCH 01/27] INTERIM-25 Refactor of main css file --- css/suitcase.css | 3559 ++++++++++++++++++++++------------------------ 1 file changed, 1682 insertions(+), 1877 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index 7320ce7..5e3e4ba 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1,115 +1,252 @@ -/* -------------------- */ +/* TESTING VERSION 3.2 */ + +/* ---------------------------------------- */ +/* ## Table of Contents +/* ---------------------------------------- */ +/* GENERAL + + 01. RESETS + 02. TYPOGRAPHY + a. Links & Buttons + b. Lists + c. Tables + d. Blockquotes + e. Misc Typography + f. Figures & Images + g. Forms + 02. COMPONENTS + a. Pagination + b. Media Card + 03. UTILITY + 04. GRID + 05. HEADER + a. ISU Menu Bar + b. Site Name + c. Header Search + 06. MENU + a. Sticky Menu + 07. SECONDARY MENU + 08. BREADCRUMBS + 09. ALERTS + 10. TABS + a. Secondary Tabs + 11. FOOTER + + HOME + + 01. Flexslider + + PANELS + + 01. Megapanels + + BLOCKS + + 01. Facets + 02. Carets + 03. Collapsible Blocks + 04. Filter List + a. Just Tags + b. Indicators + c. Facet Show More + + PAGES + + GENERAL CONTENT + + 01. CONTENT TYPE INDICATOR + 02. FIELDS & LABELS + 03. FIELD SETS + 04. RESPONSIVE TABLES + + SEARCH + + CONTENT TYPES + + 01. NEWS + 02. EVENTS + 03. PEOPLE + 04. RESOURCES + 05. BOOK + 06. BLOG + 07. VIDEOS + + CONTENT EDITING + +*/ + +/* ---------------------------------------- */ /* ## GENERAL -/* -------------------- */ - -html { box-sizing: border-box; } - -html, body { - max-width: 100%; - overflow-x: hidden; -} +/* ---------------------------------------- */ *, *:before, -*:after { box-sizing: inherit; } +*:after { box-sizing: border-box; } -main { display: block; } +html { font-size: 16px; } + +html,body { + max-width: 100%; + overflow-x: hidden; +} body { + font-size: 1rem; + line-height: 1.5; font-family: 'Nimbus Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 17px; - line-height: 1.42857143; -webkit-font-smoothing: antialiased; -webkit-osx-font-smoothing: greyscale; background: #f3f3f3; } -.page { background: #ffffff; } - +#page { + background: #ffffff; +} /* -------------------- */ -/* ## TYPOGRAPHY +/* ## RESETS /* -------------------- */ -/* --------------------- */ -/* Headings */ +/* .leaf */ +ul li.leaf { + list-style-type: none; + list-style-image: none; +} -h1, h2, h3, h4, h5, h6 { - margin-top: 20px; - margin-bottom: 10px; - font-family: 'Nimbus Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: normal; - line-height: 1.25; - letter-spacing: 0; +li.expanded, +li.collapsed +li.leaf { + padding: 0; } -section section h1, h3 { font-size: 1.25em; } -section section section h1, h4 { font-size: 1em; } -section section section section h1, h5 { font-size: 1em; color: #888888; } -section section section section section h1, h6 { font-size: 0.857em; color: #888888; } +/* --- :focus --- */ + +*:focus { + -webkit-box-shadow: 0 0 5px 0 #0066ff; + -moz-box-shadow: 0 0 5px 0 #0066ff; + box-shadow: 0 0 5px 0 #0066ff !important; + outline: 0 !important; +} -h2 { font-size: 26px; font-weight: 500; } +/* -------------------- */ +/* ## TYPOGRPAHY +/* -------------------- */ -h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - color: #888888; - font-weight: normal; +h1, h2, h3, h4, h5, h6 { + margin: 0 0 0.5em; + font-family: 'Nimbus Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: normal; } -/* --------------------- */ -/* Text */ +h1 { font-size: 2.25rem; line-height: 1.25; } +h2 { font-size: 1.75rem; line-height: 1.25; } +h3 { font-size: 1.35rem; line-height: 1.25; } +h4 { font-size: 1.25rem; line-height: 1.25; } +h5 { font-size: 1.15; line-height: 1.25; } +h6 { font-size: 1rem; line-height: 1.25; } -p { - margin-bottom: 16px; - color: #333333; +p { + margin: 0 0 1rem; + font-size: 1rem; + line-height: 1.65; } small { font-size: 0.85em; } -em { color: #333333; } - -span { color: #333333; } +em { font-style: italic; } +strong { font-weight: 700; } -/* --------------------- */ +/* -------------------- */ /* Links & Buttons */ -a, a:link, a:visited { color: #cc0000; } -a em, a:link em, a:hover em, a:visited em { color: inherit; } +a, +a:link, +a:visited { + color: #cc0000; + text-decoration: underline; + transition: color 0.2s ease; +} -a > .fa { margin-right: 10px; } +a:hover { + color: #006ba6; + text-decoration: underline; +} -.more-link , -.read-more { +.button, +.more-link { display: inline-block; - margin-top: 5px; - margin-bottom: 5px; - padding: 0.5rem 0.75rem; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + padding: 0.25rem 0.5rem; color: #ffffff; font-weight: 700; - border-radius: 2px; + border-radius: 3px; background: #cc0000; - float: right; - transition: background 0.1s ease; cursor: pointer; + transition: background 0.2s ease; } -.more-link > a, -.read-more > a { - color: #ffffff; - text-decoration: none !important ; + .button:hover, + .more-link:hover { + background: #333333; + } + +.more-link { + margin-top: 0.5rem; + margin-bottom: 1rem; } -.more-link > a > strong, -.read-more > a > strong { - font-weight: bold; +/* --- Read More --- */ + +.read-more { + float: none; + display: inline; + margin-left: 0.5rem; + padding: 0.15rem 0.25rem; + font-size: 0.9rem; + color: #333; + background: #eee; + border: 1px solid #ddd; + border-radius: 3px; + cursor: pointer; + transition: background 0.2s ease; + white-space: nowrap; +} + .read-more:hover { + background: #ccc; + } + +.read-more strong { font-weight: normal; } + +.read-more a, +.more-link a { + color: inherit; + text-decoration: inherit; } -.more-link:hover, -.read-more:hover { - background: #333333; +/* Read More in BLOG */ + +.views-field-readmore a br { display: none; } + +.views-field-readmore a { + display: inline-block; + margin-bottom: 1rem; + padding: 0.15rem 0.25rem; + font-size: 0.9rem; + color: #333; + text-decoration: none; + background: #eee; + border: 1px solid #ddd; + border-radius: 3px; + cursor: pointer; + transition: background 0.2s ease; } + .views-field-readmore a:hover { + background: #ccc; + } -/* External Links */ +/* --- External Links --- */ #section-content a.external:after { content: '\f08e'; @@ -120,240 +257,159 @@ a > .fa { margin-right: 10px; } vertical-align: text-top; } +/* Exceptions */ + #section-content .pane-menu-menu-social a.external:after, #section-content .view-resources a.external:after, -#section-content .biblio-entry a.external:after { +#section-content .bibio-entry a.external:after { content: ''; } -/* --------------------- */ +/* -------------------- */ /* Lists */ -ul, ol { margin-left: 0; } - -ul ul, -ul ol, -ol ul, -ol ol { margin-bottom: 0; } - -ul { list-style-type: disc; } - -ul ul, -ol ul { list-style-type: circle; } - -ol ol ul, -ol ul ul, -ul ol ul, -ul ul ul { list-style-type: square; } +ul, +ol, +.node ul, +.node ol { + padding-left: 2rem; +} -li { color: #333333; } +.node ul, +.node ol { + overflow: hidden; +} -ul.right { text-align: right; } +/* -------------------- */ +/* Tables */ -ul.hlist > li { float: left; } +.content table { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} -.pane-content ul, -.pane-content ol { padding-left: 40px; } +.content table, +.content tbody, +.content thead, +.content tr, +.content th, +.content td { + border: none; + border-collapse: collapse; + border-spacing: 0; +} -.item-list ul li { - margin: 0 0 1.5em 0; +.content tr { + border-bottom: 1px solid #cccccc; } -/* --------------------- */ -/* Description Lists */ +.content tr:first-of-type { + border-top: 1px solid #cccccc; +} -dl { margin-bottom: 16px; } -dl > dt { font-weight: bold; } -dl > dd { margin-left: 25px; } -dl > dt + dt, -dl > dt + dt { margin-top: 5px; } +.content tr.even, +.content tr.odd { + background: transparent; +} -/* --------------------- */ -/* Tables */ +.content th, +.content td { + padding: 0.5rem 0.75rem; + border-left: 1px solid #cccccc; +} -table { - margin-bottom: 16px; - border: none; +.content th:last-of-type, +.content td:last-of-type { + border-right: 1px solid #cccccc; } -th, -thead th { - color: #333333; - font-weight: 700; - background: transparent; - border-bottom: 2px solid #dddddd; +.content th { + background-color: #eeeeee; } -tr.even, -tr.odd { background: transparent; } +/* Reset odd/even backgrounds */ -td { border-bottom: 1px solid #dddddd; } +tr.even td { + background: #ffffff; +} -tr.even td { background: transparent; } +/* --- Panel Tables --- */ -.table-bordered td, -.table-bordered th { - border: 1px solid #dddddd; +.pane-content td { + border-left: 0; } -/* --------------------- */ -/* Blockquotes */ - -blockquote { - margin: 0 0 0 16px; - padding: 8px 16px 0 13px; - color: #555555; - border: 3px solid #f1be48; - border-width: 0 0 0 3px; +.pane-content th:last-of-type, +.pane-content td:last-of-type { + border-right: 0; } -blockquote p { margin-bottom: 3px; } +/* -------------------- */ +/* Blockquotes */ -blockquote small { - display: block; - color: #888888; +blockquote { + margin: 1rem 0; + padding: 0.5rem 1rem; + color: #555555; + border-left: 3px solid #f1be48; } - blockquote small:before { - content: '\2014'; - margin-right: 2px; - } -/* --------------------- */ +/* -------------------- */ /* Misc Typography */ address { font-style: normal; } cite { font-style: normal; } -pre { - margin-bottom: 16px; - padding: 10px 15px; +pre { + margin-bottom: 1rem; + padding: 0.75rem 1rem; color: #333333; - font-size: 12px !important; - font-family: Menlo, Consolas, "Courier New", monospace; - line-height: 1.428571429; + font-size: 0.85rem; + font-family: Menlo, Consolas, 'Courier New', monospace; word-break: break-all; word-wrap: break-word; - background: rgba(102, 128, 153, 0.1); - border: 0 solid rgba(102, 128, 153, 0.1); - border-left: 10px solid rgba(102, 128, 153, 0.75); + background: rgba(102, 128, 153, 0.1); /* #668099 */ + border-left: 10px solid rgba(102, 128, 153, 0.75); /* #668099 */ overflow: auto; } code { - padding: 2px 4px; - background: rgba(219, 218, 208, 0.5); + padding: 0.25rem 0.5rem; + background: rgba(219, 218, 208, 0.5); /* #668099 */ border-radius: 4px; } hr { height: 0; - margin: 16px 0; + margin: 1rem 0; border: 0; border-top: 1px solid #cccccc; } -address { font-style: normal; } - -sub, sup { font-size: 75%; } +sub, sup { font-size: 0.75em; } sub { vertical-align: sub; } sup { vertical-align: super; } /* -------------------- */ -/* ## FORMS -/* -------------------- */ - -textarea, -select, -input[type="date"], -input[type="datetime"], -input[type="datetime-local"], -input[type="email"], -input[type="month"], -input[type="number"], -input[type="password"], -input[type="tel"], -input[type="text"], -input[type="time"], -input[type="url"], -input[type="week"] { border-radius: 2px; } - -input[type="text"] { height: 3em; } - -input[type=text], textarea { - outline: none; - border: 1px solid #DDDDDD; -} - -input[type="password"] { - height: 3em; - padding: 0; - font-size: 1em; -} - -input[type="submit"] { - height: 3.25em; - border-radius: 2px; -} - -/* Help Text */ -.filter-guidelines-wysiwyg .tips, -.form-item .description { - font-size: 1em; - color: #000000; -} - -/* --------------------- */ -/* Fieldsets */ - -/* Collapsed */ - -html.js fieldset.collapsed { height: auto; } - -fieldset.vertical-tabs-pane fieldset.collapsed legend { - width: 100%; -} - -html.js fieldset.collapsed .fieldset-legend { - padding: 0.5rem; - padding-left: 20px; - border: 1px solid #dddddd; -} - -fieldset.collapsible { border: 1px solid #dddddd; } - -/* Open */ - -fieldset.collapsible:not(.collapsed) { - padding: 1rem; -} - -fieldset.collapsible:not(.collapsed) legend { - width: auto; -} +/* Figures & Images */ -/* Indicator */ - -html.js fieldset.collapsible .fieldset-legend { - padding-left: 20px; - background-size: 10px; -} - -/* -------------------- */ -/* ## FIGURES and IMAGES -/* -------------------- */ +figure figcaption { color: #333333; } -figure .insert-default-image-styling + figcaption { - margin: 0 10px; +img { + height: auto; + max-width: 100%; } -.region-content img { - height: auto !important; - max-width: calc(100% - 1rem); +/* Target only images in content */ +.field-name-body img { + height: auto; + max-width: calc(100% - 1rem); margin: 0.5rem; + border: 3px solid mediumorchid !important; } -/* CK Editor Enhanced Images */ +/* --- CKEditor Enhanced Images --- */ figure.image { display: table; @@ -372,112 +428,249 @@ figure.image figcaption { padding: 0.5rem; color: #333; font-size: 0.85rem; - font-weight: 500; + font-weight: 400; border: 1px solid #ddd; border-top: 0; - background-color: #eee; + background: #eee; } figure.image br { + /* For some reason, there are
's'... */ display: none; } -figure.image.floated-left { margin: 0.25rem 1rem 0.25rem 0; } +/* Floated images */ -figure.image.floated-right { margin: 0.25rem 0 0.25rem 1rem; } - -figure.image.floated-left img, -figure.image.floated-right img { margin: 0; } +figure.image.floated-left { + margin: 0.25rem 1rem 0.25rem 0; +} -/* -------------------- */ -/* :focus */ -/* -------------------- */ +figure.image.floated-right { + margin: 0.25rem 0 0.25rem 1rem; +} -*:focus { - -webkit-box-shadow: 0 0 5px 0 #0066ff; - -moz-box-shadow: 0 0 5px 0 #0066ff; - box-shadow: 0 0 5px 0 #0066ff !important; - outline: 0 !important; +figure.image.floated-left img, +figure.image.floated-right img { + margin: 0; } /* -------------------- */ -/* ## UTILITY -/* -------------------- */ +/* Forms */ -.row { - margin-right: -15px; - margin-left: -15px; -} +/* Form Buttons */ -.text-right { text-align: right; } +input[type=text] { + padding: 1em; + border: 1px solid #ddd; + border-radius: 2px; +} -.display-inline { display: inline-block; } +input[type=submit].form-submit { + margin: 0 0.5rem 0 0; + padding: 0.25rem 0.5rem; + font-size: 0.95rem; + text-shadow: none; + background: #eee; + background-image: none; + border: 1px solid #ccc; + border-radius: 3px; +} -.insert-default-image-styling { margin: 10px; } + input[type=submit].form-submit:hover { + background: #ddd; + } -.content-type-indicator.ct-node { padding: 0; } +/* Select */ -.pull-right { float: right; } +.form-type-select select { + height: auto; + margin-top: 0.5rem; + padding: 0.5rem; + padding-right: 1.5rem; + font-size: 1rem; + border: 1px solid #ddd; +} -/* -------------------- */ -/* ## LAYOUT -/* -------------------- */ +/* Views Forms */ +/* Overrides styles from views.css */ -.section-content > div { margin-bottom: 16px; } +.views-exposed-widgets { + display: flex; + align-items: flex-end; +} -.section-content a { text-decoration: underline; } +.views-exposed-widgets .form-submit { + height: 2.25rem; + margin-top: 0; +} -.zone-content-wrapper { padding-bottom: 24px; } /* -------------------- */ -/* ## ADMIN MENU +/* ## COMPONENTS /* -------------------- */ -#admin-menu { box-shadow: none; } +/* --- Pagination --- */ -.admin-menu-toolbar-category .dropdown { - box-shadow: 0 0 10px #333333; +.item-list .pager { + display: flex; + flex-wrap: wrap; + justify-content: center; + margin-top: 1rem; + background: #fff; + border: 0; + border-radius: 0; } -#admin-menu .dropdown li li { opacity: 1; } - -/* -------------------- */ -/* ## HEADER -/* -------------------- */ - -/* --------------------- */ -/* ISU Menu Bar */ +.pager li { + border: 0; +} -#zone-isu-menu-wrapper { - color: #cccccc; - background: #333; +.pager li.pager-next, +.pager li.pager-last { + position: static; } -#isu-menu-nav .sm { z-index: 499 !important; } +.pager li.pager-next { + border-left: 0; +} -#isu-menu-nav .sm li { float: left; } +.pager li.first { + border-left: 1px solid #ddd; +} -#isu-menu-nav .sm ul li { float: none; } +.pager li a, +.pager li.pager-previous a, +.pager li.pager-first a, +.pager li.pager-current, +.pager li.pager-next a, +.pager li.pager-last a, +.pager li.pager-ellipsis { + width: auto; + margin-bottom: 0.5rem; + color: #333; + font-size: 0.95rem; + padding: 10px 16px; + border-top: 1px solid #ddd; + border-right: 1px solid #ddd; + border-bottom: 1px solid #ddd; + background: #ffffff; +} + +.pager li.pager-current, +.pager li a:hover { + background: #ddd; +} + +/* --- Media Card --- */ + +.media { + /* Overrides blog_blog.css */ + display: flex !important; + align-items: center; + margin-bottom: 1rem; + margin-right: 1rem; +} + +.media-left { + flex: 0 0 auto; + margin-right: 1rem; + margin-bottom: 0.5rem; + padding: 0; +} + +.media-left img { + border: 1px solid #ddd; +} + + +.media-heading { + margin-top: 0; + margin-bottom: 0; +} + +/* -------------------- */ +/* ## UTILITY +/* -------------------- */ + + + +/* -------------------- */ +/* ## GRID +/* -------------------- */ + +.luggage-grid .view-content { + display: flex; + flex-flow: wrap; +} + +.luggage-grid .view-content > h3 { + width: 100%; + padding: 0.5rem; +} + +.luggage-gridrow, +.luggage-gridrow3, +.luggage-gridrow4 { + flex: 0 0 100%; + margin: 0 0.7%; + padding: 1rem; + border: 1px solid #ddd; +} + +@media only screen and (min-width: 769px) { + .luggage-gridrow, + .luggage-gridrow3, + .luggage-gridrow4 { + flex-basis: 48.6%; + min-width: 48.6%; + } +} + +@media only screen and (min-width: 1024px) { + .luggage-gridrow3 { + flex-basis: 31.3%; + min-width: 31.3%; + } + + .luggage-gridrow4 { + flex-basis: 23.5%; + min-width: 23.5%; + } + + .luggage-gridrow3 .views-field-field-uri-1, + .luggage-gridrow4 .views-field-field-uri-1 { + overflow-wrap: break-word; + word-wrap: break-word; + } + +} + +/* -------------------- */ +/* ## HEADER +/* -------------------- */ + +/* -------------------- */ +/* ISU MENU BAR */ + +.zone-isu-menu-wrapper { + color: #cccccc; + background: #333333; +} + +#isu-menu-nav .sm { z-index: 499 !important; } +#isu-menu-nav .sm li { float: left; } +#isu-menu-nav .sm ul li { float: none; } #isu-menu-nav .sm a, #isu-menu-nav .sm a:hover, #isu-menu-nav .sm a:focus, #isu-menu-nav .sm a:active { padding: 4px 8px; - color: #ccc; + color: #cccccc; font-size: 13px; font-weight: 400; line-height: 20px; text-decoration: none; - transition: all .25s ease; -} - -#isu-menu-nav .sm a:hover, -#isu-menu-nav .sm a:focus, -#isu-menu-nav .sm a:active, -#isu-menu-nav .sm a.highlighted { - color: #fff; - background: #555; transition: all 0.25s ease; } @@ -506,6 +699,12 @@ figure.image.floated-right img { margin: 0; } transition: all 0.25s ease; } +#isu-menu-nav .sm ul a:focus, +#isu-menu-nav .sm ul a:active, +#isu-menu-nav .sm ul a.highlighted { + border: 2px #F1BE48; +} + #isu-menu-nav #isu-index-menu { float: left; } #isu-menu-nav #isu-index-menu ul a, @@ -519,12 +718,12 @@ figure.image.floated-right img { margin: 0; } #isu-menu-nav #isu-quick-links-menu { float: right; } /* --------------------- */ -/* Site Name & Slogan */ +/* Site Name */ .zone-branding-wrapper { - padding: 16px 0px; + padding: 1rem 0px; background: #cc0000; - border-bottom: 9px solid #F1BE48; + border-bottom: 9px solid #f1be48; } #isu_header_wordmark, @@ -543,69 +742,87 @@ figure.image.floated-right img { margin: 0; } #isu_footer_wordmark { width: 200px; } -.site-name-level-3 { +.site-name-level-2 { /* span, Department */ + display: block; + margin-bottom: 0; + margin-bottom: 0; + padding: 7px 0 0; + font-weight: 700; + font-size: 1.125rem; /* 18px */ + line-height: 1.25; + border: 0; +} + + +.site-name-level-3 { /* h1, Laboratory */ display: block; margin-top: 0; margin-bottom: 0; - font-size: 22px; - line-height: 16px; + font-size: 1.375rem; /* 22px */ + line-height: 1.25; font-weight: 400; } -.site-name-level-3 a { color: #cc0000; text-decoration: none; } - - .site-name-level-3 a:hover { - color: #f3f3f3; - text-decoration: none; - } +.site-name-level-2 a, +.site-name-level-3 a { + color: #ffffff; + text-decoration: none; +} + .site-name-level-2 a:hover, + .site-name-level-3 a:hover { color: #ffffff; } -.region-branding hr { +.region-branding-inner hr { margin: 14px 0; background: #cc0000; - border-top-color: rgba(255, 255, 255, 0.5); + border-top: 1px solid rgba(255, 255, 255, 0.5); } -#region-branding .site-name-slogan a { - display: block; - color: #fff; - line-height: 1.25; - text-decoration: none; + +/* --------------------- */ +/* Header Search */ + +.region-search-inner .has-site-name-level-2 { + margin-top: 1rem; } -.site-name-level-2 { - display: block; - margin-bottom: 0; - margin-top: 0; - padding: 7px 0 0; - font-weight: 700; - font-size: 18px; - text-decoration: none; - line-height: 16px; - border: none; +.region-search-inner .has-site-name-level-3 { + margin-top: 2rem; } -#region-branding .site-name-level-2 a { - display: block; - color: #fff; - text-decoration: none; +.region-search-inner form { + width: 100%; + max-width: 400px; + float: right; + background: #ffffff; + border-radius: 2px; } -.site-name-level-2 a:hover { - color: #fff; - text-decoration: none; +.region-search-inner input[type=text] { + width: calc(100% - 68px); + height: 2.5rem; + border: 0; } -/* --------------------- */ -/* Header Search Field */ +.region-search-inner input[type=submit], +.region-search-inner input[type=submit]:focus { + height: 2.5rem; + margin: 0 0 0 20px; + background-color: transparent; + background-image: url(../images/search.png); + background-repeat: no-repeat; + background-position: 0 50%; + background-size: contain; + border: 0; + box-shadow: none; -input#edit-search-block-form--2 { padding: 10px; } +} -/* --------------------- */ -/* Main Navigation Menu */ +/* -------------------- */ +/* ## MENU +/* -------------------- */ .zone-menu-wrapper { background: #eeeeee; } - -.sm { z-index: 498 !important; } +.zone-menu-wrapper .sm { z-index: 498 !important; } #main-menu a, #main-menu a:hover, @@ -673,7 +890,7 @@ input#edit-search-block-form--2 { padding: 10px; } letter-spacing: .5px; text-decoration: none; background: transparent; - border-bottom: none; +border-bottom: none; } #main-menu ul a:hover, @@ -701,2034 +918,1622 @@ input#edit-search-block-form--2 { padding: 10px; } #main-menu-nav .sm-menu-btn-icon { left: 14px; } -.menu a > i { - margin-right: 10px; - font-size: 24px; - vertical-align: bottom; -} /* -------------------- */ /* Sticky Menu */ -.zone-menu.sticky-menu { - position: fixed; - top: 0; - z-index: 2; - width: 100%; - background: #333; -} - -#zone-menu.sticky-top { +.zone-menu.sticky-top { position: fixed; top: 0; width: 100%; margin-left: 0; z-index: 3; background: #eee; - -webkit-box-shadow: 0 1px 5px #999;; - -moz-box-shadow: 0 1px 5px #999;; - box-shadow: 0 1px 5px #999;; - + box-shadow: 0 1px 5px #999999; } -/* --------------------- */ -/* Secondary Navigation Menu */ - -#secondary-menu { margin: 0; padding: 10px; } +/* -------------------- */ +/* ## SECONDARY MENU +/* -------------------- */ -nav.navigation .secondary-menu { - display: block; - margin-bottom: 0; - float: left; - background: #333; -} +.region-secondary-menu-inner { background: #dddddd; } -nav.navigation .secondary-menu>li { - height: 100%; +#secondary-menu.links { /* ul */ display: inline-block; margin: 0; - padding: 0; -} - -nav.navigation .secondary-menu>li a { - display: block; - padding: 15px 16px; -} - -nav.navigation .secondary-menu>li a:hover, -nav.navigation .secondary-menu>li a.active-trail { - background: rgba(255,255,255,0.1); - cursor: pointer; + padding: 0.75rem; + list-style-type: none; } -.region-inner.region-secondary-menu-inner { background: #dddddd; } - -.region-secondary-menu { margin: 0; } - -.region-secondary-menu .links { margin: 0; } - -.region-secondary-menu .links.inline { display: inline-block; } - -.region-secondary-menu .links > li { +#secondary-menu.links li { display: inline-block; margin-right: 0; padding: 0; } -.region-secondary-menu .links > li:first-child { padding-left: 0; } - -.region-secondary-menu .links > li:not(:last-child):after { - content: '|'; - margin-top: 2px; - margin-left: 0.5em; - margin-right: 0.5em; - font-size: 12px; +#secondary-menu.links a { + padding: 0.5rem 0.75rem; color: #333333; - vertical-align: text-top; -} - -.region-secondary-menu .links > li > a { - padding: 5px 10px; - color: #444444; - font-size: 14px; + font-size: 0.85rem; font-weight: 700; text-decoration: none; white-space: nowrap; - border-bottom: none; - transition: background 0.5s ease; + transition: background 0.25s ease; } - .region-secondary-menu .links > li > a:hover { - background: #cccccc; + #secondary-menu.links li:not(:last-of-type):after { + content: ' | '; + margin-top: 0.5rem; + margin-right: 0.5rem; + font-size: 0.75rem; + color: #333333; + vertical-align: text-top; } -.region-secondary-menu .links > li.active > a { + #secondary-menu.links a:hover { background: #cccccc; } + +#secondary-menu.links a.active, +#secondary-menu.links a.active-trail { color: #000000; font-weight: 700; + background: #cccccc; } - - /* -------------------- */ -/* ## FOOTER +/* ## BREADCRUMBS /* -------------------- */ -.zone-footer ul.menu li { - margin: 0; - margin-bottom: 8px; - list-style-type: none; - list-style-image: none; +.breadcrumb { + padding: .75rem 1.25rem; + font-size: 0.85rem; + border-bottom: 1px solid #dddddd; } -.zone-footer ul.menu li a { text-decoration: none; } - -.zone-footer a:hover { text-decoration: underline; } - -.zone-footer ul.menu li a:hover { text-decoration: none; } - -.zone-menu .form-type-textfield label { display: none; } +.breadcrumb a { text-decoration: none; } + + .breadcrumb a:hover { + text-decoration: underline; + } -.zone-menu .form-type-textfield input { width: 100%; } +/* -------------------- */ +/* ## ALERTS +/* -------------------- */ -#zone-footer > .region:not(:last-child) { - margin-bottom: 16px; - border-bottom: 1px solid #444444; +.alert { + padding: 1rem; + margin-bottom: 1rem; + border: 1px solid transparent; } -#section-footer img { - max-width: 100%; - height: auto !important; +.alert-note { + color: #31708f; + background: #d9edf7; + border-color: #bce8f1; } -#section-footer { - padding-top: 32px; - padding-bottom: 32px; - background-color: #f3f3f3; +.alert-danger { + color: #a94442; + background: #f2dede; + border-color: #ebccd1; } -#section-footer .block { margin-bottom: 16px; } - -/* ------------------- */ -/* Footer Typography */ +/* -------------------- */ +/* ## TABS +/* -------------------- */ -#section-footer a, -#section-footer a:link, -#section-footer a:visited { - color: #cc0000; - text-decoration: underline; +ul.tabs { + display: flex; + flex-wrap: wrap; + margin-bottom: 1rem; + clear: both; } -#section-footer p, -#section-footer span, -#section-footer li, -#section-footer strong, -#section-footer em { - color: #333333; - font-size: 14px; -} - -#section-footer a strong, -#section-footer a:link strong, -#section-footer a:hover strong, -#section-footer a:visited strong, -#section-footer a em, -#section-footer a:link em, -#section-footer a:hover em, -#section-footer a:visited em { color: inherit; } - -#section-footer h2, -#section-footer h3, -#section-footer h4, -#section-footer h5, -#section-footer h6 { color: #d3d3d3; } - -#section-footer a:link:hover, -#section-footer a:visited:hover { - color: #333; - text-decoration: underline; +ul.tabs > li { + display: inline-block; + margin-right: 0; } -/* ------------------- */ -/* Footer Menus */ - -#section-footer ul.menu a { - color: #333; +ul.tabs > li > a { + display: inline-block; + margin-right: 0.5rem; + margin-bottom: -1px; + padding: 0.5rem 1rem; text-decoration: none; + background: #ffffff; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border: 1px solid #cccccc; + border-bottom: 0; } + ul.tabs > li > a:hover { background: #eee; } -/* Social and Footer Icon Menus */ - -.pane-menu-menu-social .menu { - padding-left: 0; +ul.tabs > li > a.active { + border-bottom: 1px solid #ffffff; } -.pane-menu-menu-social .menu li { - list-style-image: none; - list-style-type: none; - margin-bottom: 0.75rem; - margin-right: 0; +/* --------------------- */ +/* Secondary Tabs */ + +ul.tabs.secondary { + /* Overrides system.menus.css */ + padding: 0; } -.pane-menu-menu-social .menu a, -#block-menu-menu-social .menu a { - display: flex; - color: #333; - text-decoration: none; -} - -.pane-menu-menu-social .menu a > i, -#block-menu-menu-social .menu a > i { - margin-top: -0.1em; - font-size: 2rem; -} - -.pane-menu-menu-social .menu a:hover, -#block-menu-menu-social .menu a:hover { - text-decoration: none; -} +ul.tabs.secondary li { + /* Overrides system.menus.css */ + padding: 0; + border: 0; -.pane-menu-menu-social .menu a:hover span, -#block-menu-menu-social .menu a:hover span { - text-decoration: underline; } -a:hover > .fa-facebook-official { color: #3b5998; } - -a:hover > .fa-twitter-square { color: #1da1f2; } - -a:hover > .fa-github-square { color: #4078c0; } - -a:hover > .fa-pinterest-square { color: #bd081c; } - -a:hover > .fa-youtube-square { color: #cd201f; } - -a:hover > .fa-rss-square { color: #f77737; } - -a:hover > .fa-instagram { - background: - -webkit-radial-gradient( - circle farthest-corner at 35% 90%, - #fec564, - transparent 50% - ), - -webkit-radial-gradient( - circle farthest-corner at 0 140%, - #fec564, - transparent 50% - ), - -webkit-radial-gradient( - ellipse farthest-corner at 0 -25%, - #5258cf, - transparent 50% - ), - -webkit-radial-gradient( - ellipse farthest-corner at 20% -50%, - #5258cf, - transparent 50% - ), - -webkit-radial-gradient( - ellipse farthest-corner at 100% 0, - #893dc2, - transparent 50% - ), - -webkit-radial-gradient( - ellipse farthest-corner at 60% -20%, - #893dc2, - transparent 50% - ), - -webkit-radial-gradient( - ellipse farthest-corner at 100% 100%, - #d9317a, - transparent - ), - -webkit-linear-gradient( - #6559ca, - #bc318f 30%, - #e33f5f 50%, - #f77638 70%, - #fec66d 100% - ); - background: - radial-gradient( - circle farthest-corner at 35% 90%, - #fec564, - transparent 50% - ), - radial-gradient( - circle farthest-corner at 0 140%, - #fec564, - transparent 50% - ), - radial-gradient( - ellipse farthest-corner at 0 -25%, - #5258cf, - transparent 50% - ), - radial-gradient( - ellipse farthest-corner at 20% -50%, - #5258cf, - transparent 50% - ), - radial-gradient( - ellipse farthest-corner at 100% 0, - #893dc2, - transparent 50% - ), - radial-gradient( - ellipse farthest-corner at 60% -20%, - #893dc2, - transparent 50% - ), - radial-gradient( - ellipse farthest-corner at 100% 100%, - #d9317a, - transparent) - , - linear-gradient( - #6559ca, - #bc318f 30%, - #e33f5f 50%, - #f77638 70%, - #fec66d 100% - ); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} - -/* -------------------- */ -/* ## CARETS -/* -------------------- */ - -.caret { - content: ''; - display: inline-block; - width: 0; height: 0; - position: absolute; - right: 12px; - margin-top: 14px; - vertical-align: top; - border-top: 8px solid #000000; - border-right: 8px solid transparent; - border-left: 8px solid transparent; - opacity: 0.3; - filter: alpha(opacity=30); +/* Sort order arrow */ +ul.tabs.secondary img { + position: relative; + top: -5px; left: 5px; } /* -------------------- */ -/* ## BREADCRUMBS +/* ## FOOTER /* -------------------- */ -.breadcrumb { - padding: 10px 20px; - font-size: 14px; - border-bottom: 1px solid #ddd; +.section-footer { + padding: 2rem 0; + color: #333333; + background: #f3f3f3; } -.breadcrumb a { text-decoration: none; } - - .breadcrumb a:hover { - color: #524727; - text-decoration: underline; - } - -/* -------------------- */ -/* ## ALERTS -/* -------------------- */ +.section-footer .block { margin-bottom: 1rem; } -.alert { - padding: 15px; - margin-bottom: 20px; - border: 1px solid transparent; +.section-footer ul.menu li { + margin-bottom: 0; } -.alert-note { - color: #31708f; - background: #d9edf7; - border-color: #bce8f1; +.section-footer .menu a { + display: flex; + text-decoration: none; } -.alert-danger { - color: #a94442; - background: #f2dede; - border-color: #ebccd1; -} + .section-footer .menu a:hover { + color: #006ba6; + } -/* -------------------- */ -/* ## HIGHLIGHTS -/* -------------------- */ +/* Icon menus */ -.view-highlights article { - background: rgba( 255, 255, 255, 0); - border: none; +.block-menu-social .menu a { + color: #333333; } -/* -------------------- */ -/* ## TABS -/* -------------------- */ - -.region-content-inner > .tabs { margin-bottom: 16px; } - -.region-content-inner > .tabs > .tabs.primary { - margin: 0; - padding: 0; +.menu .fa { + margin-top: -0.15em; + margin-right: 0.5em; + font-size: 1.25em; + line-height: inherit; } -.region-content-inner > .tabs > .tabs.primary > li { - height: initial; - line-height: 2; +.menu a > .fa:before { + /* to remove underline on link hover */ + display: inline-block; + text-decoration: none; } -.region-content-inner > .tabs > .tabs.primary > li > a { - padding: 0.5em 1em; - background: transparent; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-bottom-color: transparent; +.section-footer .menu a:hover .fa-facebook-official { + color: #3b5998; } -.region-content-inner > .tabs > .tabs.primary > li.active > a { - background: #ffffff; +.section-footer .menu a:hover .fa-twitter-square { + color: #1da1f2; } -.region-content-inner > .tabs > .tabs.primary > li > a:hover { - border-bottom-color: transparent; +.section-footer .menu a:hover .fa-github-square { + color: #4078c0; } -.region-content-inner > .tabs > .tabs.primary > li:not(.active) > a:hover { - background: #eeeeee; +.section-footer .menu a:hover .fa-pinterest-square { + color: #bd081c; } -/* -------------------- */ -/* ## WEBKIT SCROLLBAR -/* -------------------- */ - -.zone-content .block ::-webkit-scrollbar, -.front .panel-panel ::-webkit-scrollbar { - width: 6px; +.section-footer .menu a:hover .fa-youtube-square { + color: #cd201f; } -.zone-content .block ::-webkit-scrollbar-track, -.front .panel-panel ::-webkit-scrollbar-track { - opacity: 0; +.section-footer .menu a:hover .fa-instagram { + color: #e1306c; } -.zone-content .block ::-webkit-scrollbar-thumb, -.front .panel-panel ::-webkit-scrollbar-thumb { - border-radius: 10px; - background-color: rgba(51,51,51,0.2); +.section-footer .menu a:hover .fa-rss-square { + color: #f77737; } +/* ---------------------------------------- */ +/* ## HOME +/* ---------------------------------------- */ + /* -------------------- */ -/* ## REGION - HERO +/* ## FLEXSLIDER /* -------------------- */ -#zone-menu-wrapper + .zone-hero-header .region-hero-header, -#zone-menu + .zone-hero-header .region-hero-header { - margin-top: -16px; +.flexslider { + margin: 0; + border: 0; } -.region-hero { padding-bottom: 16px; } - -/* -------------------- */ -/* ## REGION - SEARCH -/* -------------------- */ +.flexslider img { height: 100%; } -.form-submit.transparent { - background: transparent; - border: 0; - box-shadow: none; +.flex-caption { + position: absolute; + right: 1rem; + bottom: 1rem; + padding: 1.25rem !important; + background: rgba(255, 255, 255, 0.9); + box-shadow: -0.15em 0.15em 0.1em rgba(0, 0, 0, 0.25); + border: 1px solid #bbb; } -.form-text.transparent{ - width: calc(100% - 50px); - padding-left: 10px; - color: #333333; - border: none; - transition: width 0.1s ease; +.flex-caption a { + text-decoration: none; } -.form-text.transparent:focus { border: none; } -.region-search-inner input[type=submit] { - margin: 0 0 0 20px; - background-color: transparent; - background-image: url(../images/search.png); - background-repeat: no-repeat; - background-position: 0 center; - background-size: contain; - border: none; - box-shadow: none; +.flex-caption p { + margin-bottom: 0; + font-size: 1rem; + color: #333; + font-weight: 500; } -.region-search-inner input[type=text], -.region-search-inner input[type=text]:focus, -.region-search-inner textarea:focus { - border: none; - box-shadow: none; +.flexslider .flex-prev, +.flexslider .flex-next { + height: inherit; + color: rgba(51, 51, 51, 0.9); } -.page-search input#edit-keys, -.page form#search-block-form .form-item-search-block-form input.form-text { - width: calc(100% - 62px); +.flex-control-nav { + position: static; + margin-top: 1rem; + z-index: 2; } -.form-item input[type=submit]:hover { background: #ffffff; } +/* ---------------------------------------- */ +/* ## PANELS +/* ---------------------------------------- */ -#search-block-form { - width: 100%; - max-width: 400px; - background: #ffffff; - border-radius: 2px; - float: right; +.pane-title { + margin-top: 0; } -.region-search-inner .search-form-container.has-site-name-level-2 { - margin-top: 6px; +.pane-content .views-row:not(.views-row-last) { + padding-bottom: 1rem; + border-bottom: 1px solid #ddd; } -.region-search-inner .block-search-form.has-site-name-level-2 { - margin-top: 6px; + +.pane-content .views-field { + margin-bottom: 0.5rem; } -.region-search-inner .search-form-container.has-site-name-level-3 { - margin-top: 24px; +.pane-content .views-field-title { + font-size: 1.125rem; } -.region-search-inner .block-search-form.has-site-name-level-3 { - margin-top: 24px; + +.pane-content .views-field-created { + display: block; + color: #666; } -.region-search-inner .block-search .block-title { - color: #ffffff +/* .panel-pane-overflow must be set +in the panel settings */ + +.panel-pane-overflow .pane-content, +.pane-twitter-block-1 .pane-content, +.pane-views-instagrams-block .pane-content { + height: 350px; + overflow-y: scroll; } -.region-search .block-search-form { margin-bottom: 0; } -.region-search .block-search-form .form-wrapper { position: relative; } +/* -------------------- */ +/* ## MEGAPANELS +/* -------------------- */ -.region-search .block-search-form .form-text { - height: 100%; - padding: 8px 10px; - font-size: 16px; +.suitcase_megapanels > .front-panel-row { + margin-top: 1rem; } -.region-search .block-search-form .form-text:not(.throbbing) { - background-image: none; +.suitcase_megapanels > .front-panel-row ~ .front-panel-row { + margin-top: 0; } -#region-search .block-menu { margin-top: 6px; } +/* --- IE 9 --- */ -#region-search .block-menu .block-title { display: none; } + .front-panel-row .panel-panel.grid-3 { + display: inline-block; + width: calc(25% - 1.25rem); + margin: 0 0.5rem; + margin-bottom: 1rem; + padding: 1rem; + border: 1px solid #ddd; + } -#region-search .block-menu .menu { float: right; } + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(1) { + width: 100%; + } -#region-search .block-menu .menu li { display: inline-block; } + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2), + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2) ~ .grid-3 { + width: calc(50% - 1.25rem); + } -#region-search .block-menu .menu li:last-child { padding-right: 0; } + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3), + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3) ~ .grid-3 { + width: calc(33.33% - 1.25rem); + } -#region-search .block-menu .menu > li a { - color: #ffffff; - text-decoration: none; - font-size: 16px; -} + @media (max-width: 900px) { + .front-panel-row .panel-panel.grid-3 { + width: calc(50% - 1.25rem); + } + + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(1) { + width: 100%; + } -/* ------------------- */ -/* Current Search */ + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2), + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2) ~ .grid-3 { + width: calc(50% - 1.25rem); + } -.block-current-search .content { font-size: 12px; } + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3), + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3) ~ .grid-3 { + width: calc(33.33% - 1.25rem); + } + } -.block-current-search .content > .current-search-item { float: left; } + @media (max-width: 700px) { + .front-panel-row .panel-panel.grid-3 { + width: 100%; + } + + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(1) { + width: 100%; + } -.block-current-search .content > .current-search-item a { - margin-right: 4px; - margin-left: 10px; - padding: 2px; - color: #ffffff; - text-decoration: none; - text-align: center; - background: #333333; -} + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2), + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2) ~ .grid-3 { + width: 100%; + } - .block-current-search .content > .current-search-item a:hover { - background: #555555; + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3), + .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3) ~ .grid-3 { + width: 100%; + } } -.block-current-search .content .item-list li { - display: inline-block; - margin-left: 4px; -} - - -/* -------------------- */ -/* ## FLEXSLIDER -/* -------------------- */ +/* --- Browsers that support flex --- */ -.flexslider { - border: none; - margin: 0; +.front-panel-full p{ + margin-right: 1rem; + margin-left: 1rem; + margin-bottom: 1rem; } -.flexslider .flex-caption { - position: absolute; - right: 1em; bottom: 2em; - padding: 1.25rem !important; - background: rgba(255, 255, 255, 0.85); - border: 1px solid #bbb; - box-shadow: -0.15em 0.15em 0.1em rgba(0, 0, 0, 0.25); +.front-panel-row { + display: flex; + flex-wrap: wrap; + margin-right: -0.5rem; + margin-left: -0.5rem; } -.flexslider img { height: 100%; } - -.flexslider .flex-caption a { - text-decoration: underline; - color: #333; +@media (max-width: 740px) { + .front-panel-row { + margin-left: 0.5rem; + margin-right: 0.5rem; + } } -.flexslider .flex-caption p { - margin-bottom: 0; - color: #333; - font-size: 1em; - font-weight: 500; +.front-panel-row .panel-panel.grid-3 { + flex: 1 1 250px; + min-width: 250px; + float: none; + margin: 0 0.5rem; + margin-bottom: 1rem; + padding: 1rem; + border: 1px solid #ddd; } -.flexslider .flex-prev, -.flexslider .flex-next { - height: inherit; - color: rgba(51, 51, 51, 0.9); +.front-panel-row .panel-panel.grid-grow { + flex-grow: 5; } -.flex-control-nav { - position: static; - margin-top: 10px; - z-index: 2; -} +/* ---------------------------------------- */ +/* ## BLOCKS +/* ---------------------------------------- */ -.flex-pauseplay { float: left; } +.region-sidebar-first-inner .block, +.region-sidebar-second-inner .block, +.js-suitcase-facet.block { + margin-bottom: 1rem; + padding: 1rem; + border: 1px solid #ddd; + border-radius: 3px; +} -.flex-pauseplay a { - width: 0.85rem; - height: 1rem; - font-size: 1rem; +.region-sidebar-first-inner .item-list ul, +.region-sidebar-second-inner .item-list ul { + margin-top: 1rem; } -.flex-pauseplay a:before { - font-size: 1rem; - line-height: 1rem; - float: left; +h2.block-title { + font-size: 1.25rem; + margin-top: 0; + margin-bottom: 1rem; } /* -------------------- */ -/* ## SIDEBAR +/* ## Facets /* -------------------- */ -.zone-content .block, -.zone-postscript .block, -.zone-preface .block { margin-bottom: 1em; } - -/* Views-specific overrides */ -.zone-content .block .block .view-content > .views-rows.views-row-odd, -.zone-content .block .block .view-content > .views-rows.views-row-even { - padding: 0; - border: none; - background: none !important; +.js-suitcase-facet .block-title { + position: relative; + margin-bottom: 0; } -.views-row-odd, -.views-row-even { - padding-bottom: 4px; +.js-suitcase-facet .block-title:hover { + cursor: pointer; } -.zone-postscript .item-list ul li { - margin: 0 0 4px 0; +.block-title ~ .content { + margin-top: 1rem; } /* -------------------- */ -/* ## SEARCH RESULTS +/* ## Carets /* -------------------- */ -.search-result { - padding: 0.5em; - background: rgba(255, 255, 255, 0.5); - border: solid 1px rgba(200, 200, 200, 0.9); +.js-suitcase-facet .caret { + display: block; + position: absolute; + top: 0; right: 0; + width: 20px; + height: 20px; + margin-top: 10px; + border: 0; + opacity: 1; } -.page-search .content article { - margin-bottom: 1rem; - padding: 1rem; - padding-top: 3rem; - border: 1px solid #ddd; +.js-suitcase-facet .caret:before, +.js-suitcase-facet .caret:after { + content: ''; + display: block; + position: absolute; + width: 18px; + height: 4px; + background: #cccccc; } -.page-search .content article header { - margin-right: 0; +.js-suitcase-facet .caret:after { + transform: rotate(90deg); + opacity: 0; } -.page-search .content article h2.node-title { - margin-top: 0; - font-size: 24px; +.js-suitcase-facet .block-title-closed .caret:after { + opacity: 1; } -.page-search .content article footer { padding-top: 0; } +/* -------------------- */ +/* ## Collapsible Blocks +/* -------------------- */ + +.js-suitcase-facet .block-closed { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} /* -------------------- */ -/* ## SELECT & INPUTS +/* ## Filter List /* -------------------- */ -/* Select Fields */ +.block-facetapi .item-list ul ul { + margin-top: 0; + margin-left: 1rem; +} -.form-type-select select { - height: auto; - margin-top: 0.5rem; - padding: 0.5rem; - padding-right: 1.5rem; - font-size: 1rem; - border: 1px solid #ddd; +.block-facetapi .item-list li { + margin-bottom: 0.5rem; } -.form-type-select select[multiple] { - height: auto; +.block-facetapi .item-list li a { + position: relative; + margin-right: 0.25rem; + padding: 0.25rem 0.5rem; + padding-left: 2rem; + color: #333333; + text-decoration: none; + font-size: 0.95rem; + border-radius: 3px; + transition: all 100ms ease; } -/* Text Fields */ +.block-facetapi .item-list li a.facetapi-active, +.block-facetapi .item-list li a:hover { + color: #ffffff; + background: #006ba6; +} -.form-type-textfield:not(.form-item-search-block-form) input[type=text] { - height: 2.25rem; - margin-top: 0.5rem; - padding: 0.5rem; - font-size: 1rem; - border: 1px solid #ddd; +.block-facetapi .item-list li a.facetapi-active { + font-weight: 700; } -.page-search input#edit-keys, -.page form#search-block-form .form-item-search-block-form input.form-text { - width: calc(100% - 68px); +.block-facetapi .item-list li a.facetapi-active:hover { + color: #333; + background: #eee; + border-color: #ddd; } -/* Submit Buttons */ +/* -------------------- */ +/* Just Tags */ -.views-exposed-form .views-exposed-widget .form-submit { - margin-top: 2rem; - height: 2.25rem; +.facetapi-facet-im-field-tags li { + float: left; } -.search-form .form-submit { - margin-top: 0.5rem; - height: 2.25rem; +.facetapi-facet-im-field-tags li a { + display: inline-block; + padding-left: 0.5rem; + border: 1px solid #ddd; } +/* Clear tag list */ -/* -------------------- */ -/* ## BLOCKS -/* -------------------- */ +.facetapi-facet-im-field-tags:after { + content: ''; + display: block; + clear: both; +} /* -------------------- */ -/* Item Lists */ - -.item-list a:hover { text-decoration: underline; } +/* Indicators */ -.item-list ul li.leaf { - list-style-image: none; - list-style-type: none; +.block-facetapi .item-list li a:before { + content: ''; + position: absolute; + top: 0.35rem; left: 0.35rem; + height: 1rem; + width: 1rem; + margin-right: 5px; + padding-top: 2px; + font-size: 0.75rem; + line-height: 1; + text-align: center; + border: 1px solid #ddd; + border-radius: 2px; } -/* -------------------- */ -/* Collapsible Blocks */ +.block-facetapi .item-list li a.facetapi-active:before, +.block-facetapi .item-list li a:hover:before { + content: '✓'; +} -.js-suitcase-facet .block-title { - padding-right: 35px; +.block-facetapi .item-list li a.facetapi-active:hover:before { + content: '✕'; } -.js-suitcase-facet .block-title:hover { - text-decoration: underline; - cursor: pointer; +.facetapi-x { + /* Hides unneeded object in mark-up */ + display: none; } /* -------------------- */ -/* ## PANELS -/* -------------------- */ - -.panel-pane { clear: both; } +/* Facet Show More */ -.panel-pane-nostyle { - padding: 0; - box-shadow: none; - background: transparent; +a.facetapi-limit-link { + display: inline-block; + padding: 0.25rem 0.5rem; + color: #333; + font-size: 0.95rem; + text-decoration: none; + background: #ddd; + border-radius: 3px; } -.panel-pane-nostyle > .pane-content { padding: 0; } - -.panel-pane-overflow.pane-twitter-block-1 .pane-content, -.panel-pane-overflow.pane-views-instagrams-block .pane-content { - height: 350px; - overflow-y: scroll; +a.facetapi-limit-link.open:after { + content: ' -'; } -.panel-panel .pane-content { margin-bottom: 10px; } - -.panel-panel .pane-content p { padding: 0; } - -.pane-content .item-list ul { padding-left: 0; } - -.panel-panel .pane-content .views-row { padding: 0; } - -.panel-pane > h2.panel-title { - margin: 0; - font-size: 26px; - font-weight: 400; +a.facetapi-limit-link:not(.open):after { + content: ' +'; } -.panel-pane .views-field-title { font-size: 18px; } +/* ---------------------------------------- */ +/* ## PAGES +/* ---------------------------------------- */ -/* Block/Panel Links */ - -.panel-pane .views-field-title a, -.panel-pane .pane-content .item-list li a { - display: block; - text-decoration: underline; - border-bottom: none; - overflow: hidden; +#page-title { + margin-top: 0; + margin-bottom: 1rem; + /* Try to clear page indicator */ + margin-right: 100px; } -.panel-pane .views-field-created > .field-content { color: #555555; } - -.panel-pane .views-field { margin-bottom: 5px; } +/* ---------------------------------------- */ +/* ## GENERAL CONTENT +/* ---------------------------------------- */ -.panel-pane .view-events .views-field-when-tiny-left { - width: 68px; - padding: 1px 10px 0 0; - font-size: 26px; - line-height: 28px; - text-align: right; - text-transform: uppercase; - float: left; +main.region, +aside.region { + margin-top: 1.5rem; } -span.date-display-single { - color: #555555; +.zone-content-wrapper { + padding-bottom: 2rem; } -.panel-pane .view-events .views-field-when-tiny-left .date-display-single { - color: #777777; +.zone-content .views-row { + margin-bottom: 1rem; } -.panel-panel .pane-content p:first-child { padding-top: 10px; } - -.panel-pane .pane-content .item-list li { - margin-left: 0; +.views-row > .node { + padding: 1rem; + border: 1px solid #dddddd; } -.panel-panel .pane-content .node { - background: none; - border: none; - box-shadow: none; -} +/* --- .item-list --- */ -.panel-panel .pane-content .views-row:not(.views-row-last) { - border-bottom: 1px solid #dddddd; +.item-list ul { + margin: 0; } - -.panel-panel iframe { - width: 100% !important; - padding: 0 10px !important; +.item-list ul li { + margin: 0 0 1rem 0; } -/* -------------------- */ -/* Front Panel */ - -.front .panel-pane { - overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-word; +.item-list ul li a { + display: block; } -.front .panel-pane > h2.pane-title { display: block; } +/* Menus */ -.front .item-list { display: block; } - -.front .view-about-front-page .field-content li { - margin-left: 20px; +ul.menu li { + margin: 0; + margin-bottom: 1em; } /* -------------------- */ -/* ## VIEWS - GENERAL +/* ## CONTENT TYPE INDICATOR /* -------------------- */ -.zone-content .views-row { - margin-top: 16px; - padding-bottom: 16px; - border-bottom: 1px solid #dddddd; +.content-type-indicator.ct-search, +.content-type-indicator.ct-node { + position: absolute; + top: 1rem; left: 1rem; + margin-bottom: 1rem; + padding: inherit; + font-size: inherit; + font-weight: normal; + color: #616161; + text-align: inherit; + border: 0; + opacity: inherit; } -.view-expertise .item-list > ul.item-list-item > li.views-row { - margin-top: 0; +.ct-Page:before { + content: '\f016'; + font-family: 'FontAwesome'; + margin-right: 10px; } -.view-id-my_resources .view-content { overflow-x: auto; } - -/* Certain block views on in panels/homepage */ - -.panel-pane .views-row:only-of-type { - margin-top: 0; - border-bottom: 0; +.ct-News:before { + content: '\f1ea'; + font-family: 'FontAwesome'; + margin-right: 10px; } -.panel-pane .views-row:only-of-type h2 { - margin-top: 0; - font-size: 1.5rem; +.ct-People:before { + content: '\f2bb'; + font-family: 'FontAwesome'; + margin-right: 10px; } -/* -------------------- */ -/* ## VIEWS - FLEXGRID -/* -------------------- */ - -.luggage-grid .view-content { - display: flex; - flex-flow: wrap; +.ct-Event:before { + content: '\f073'; + font-family: 'FontAwesome'; + margin-right: 10px; } -.luggage-gridrow, -.luggage-gridrow3, -.luggage-gridrow4 { - background: rgba(255, 255, 255, 0.7); - box-sizing: border-box; - padding: 15px; - margin: 0 0.7%; - outline: 1px solid #ddd; - flex: 0 0 100%; +.ct-Question:before { + content: '\f29c'; + font-family: 'FontAwesome'; + margin-right: 10px; } -.luggage-gridrow img, -.luggage-gridrow3 img, -.luggage-gridrow4 img { - float: left; - padding: 5px 5px 0 0; +.ct-Book:before { + content: '\f02d'; + font-family: 'FontAwesome'; + margin-right: 10px; } -.luggage-grid .view-content > h3 { - padding: 5px; - color: #444444; - font-size: 20px; - font-weight: 700; - width: 100%; +.ct-Resource:before { + content: '\f0c1'; + font-family: 'FontAwesome'; + margin-right: 10px; } -/* -------------------- */ -/* ## VIEWS - PEOPLE -/* -------------------- */ +.ct-Video:before { + content: '\f03d'; + font-family: 'FontAwesome'; + margin-right: 10px; +} -.views-field.views-field-field-people-position { - color: #6e6259; +.ct-Blog:before { + content: '\f040'; + font-family: 'FontAwesome'; + margin-right: 10px; } -/* -------------------- */ -/* ## VIEWS - TAXONOMY -/* -------------------- */ +/* On page */ -.page-taxonomy .zone-content article { - margin-bottom: 1em; - border-bottom: 1px dashed rgba(100, 100, 100, 0.3); +.content-type-indicator.ct-node { + top: 0.25rem; + right: 0; + left: auto; + margin-bottom: 0; } -.page-taxonomy .zone-content article .content { margin-left: 1.5em; } - /* -------------------- */ -/* ## VIEWS - BOOKS +/* ## FIELDS & LABELS /* -------------------- */ -.section-content .block .book-outline-sidebar-block > .view-content > -.views-row.indent-level-1 { border-bottom: 1px solid #dddddd; } - -.book-outline-sidebar-block .views-row.indent-level-2 { - margin-left: 15px !important; +.field:not(:last-child) { + margin-bottom: 1rem; } -.book-outline-sidebar-block .views-row.indent-level-3 { - margin-left: 30px !important; +.field-label { + padding-right: 0.5rem; + color: #333333; + font-weight: 700; } -.book-outline-sidebar-block .views-row.indent-level-4 { - margin-left: 45px !important; +/* Fields Label Above */ +.field-label-above .field-label { + margin-bottom: 1rem; } -.book-outline-sidebar-block .views-row.indent-level-5 { - margin-left: 60px !important; +/* Inline Fields */ +.field-label-inline .field-label, +.field-label-inline .field-item, +.field-label-inline .field-items { + float: none; } -.book-outline-sidebar-block .views-row.indent-level-6 { - margin-left: 75px !important; +/* Field Name: Body */ +.field-name-body { + overflow: hidden; } -/* Book Section Links */ -.book-navigation { - padding: 1rem 0; -} +/* Field Name: Field Tags */ +/* Field Name: Field Category */ -.book-navigation .menu { - margin: 0 0 1rem; - padding: 0; - border: 0; +.field-name-field-tags .field-label, +.field-name-field-category .field-label { + margin-top: 2px; + margin-bottom: 5px; } -.book-navigation .menu li { - list-style-type: none; - list-style-image: none; - margin: 0; - padding: 0; +.field-name-field-tags .field-item, +.field-name-field-category .field-item { + display: inline-block; } -.book-navigation .menu li a { - display: block; +.field-name-field-tags .field-item a, +.field-name-field-category .field-item a { + display: inline-block; + margin-right: 0.5em; margin-bottom: 0.5rem; - padding: 10px 16px; - text-decoration: none; - border: 1px solid #ddd; -} - -/* Sidebar */ - -.block-book .block-title { - margin-bottom: 1rem; -} - -.block-book .menu li { - list-style-type: none; - list-style-image: none; - margin: 0; -} - -.block-book .menu li a { - display: block; - margin-bottom: 0.5rem; - padding-bottom: 0.5rem; - font-size: 15px; - text-decoration: none; - border-bottom: 1px solid #ddd; -} - -.block-book .menu li a:hover { - text-decoration: underline; -} - -.block-book ul li.collapsed a:after { - content: '›'; - float: right; - margin-top: -8px; - font-size: 24px; -} - -.block-book ul ul { - margin-left: 1rem; -} - -/* Pagination */ - -.book-navigation .page-links { - border-top: 1px solid #ddd; - border-bottom: 0; - margin-top: 2rem; - padding: 0; - padding-top: 1rem; - -} - -.book-navigation .page-next, -.book-navigation .page-previous, -.book-navigation .page-up { - display: inline-block; - width: auto; - margin-top: 1rem; - padding: 10px 16px; - color: #333; - font-size: 14px; - font-weight: bold; - text-decoration: none; - border: 1px solid #ddd; - border-radius: 3px; -} - -.book-navigation .page-up { - margin-right: auto; - margin-left: auto; - float: none; -} - -.book-navigation .page-next:hover, -.book-navigation .page-previous:hover, -.book-navigation .page-up:hover { - text-decoration: underline; -} - -@media (max-width: 550px) { - .book-navigation .page-links { - display: flex; - flex-wrap: wrap; - } - - .book-navigation .page-next, - .book-navigation .page-previous, - .book-navigation .page-up { - display: block; - float: none; - } - - .book-navigation .page-next, - .book-navigation .page-previous { - width: calc(50% - 10px); - } - - .book-navigation .page-previous { - margin-right: 20px; - } - - .book-navigation .page-up { - width: 100%; - order: -1; - } -} - -/* -------------------- */ -/* ## NODE - GENERAL -/* -------------------- */ - -.node ol, -.node ul { - padding-left: 3em; - overflow: hidden; /* fixes wrapping around floated content */ -} - -h2.node-title { font-size: 26px } - -h2.node-title > a, -h2.node-title > a:link, -h2.node-title > a:visited { text-decoration: underline; } - -.page-node-add .fieldset-legend, -.page-node-edit .fieldset-legend { font-weight: bold; } - -.node-unpublished { background: #fff4f4; } - .node-unpublished:before { - content: 'Unpublished'; - font-weight: 700; - color: #dc143c; - font-size: 18px; - float: right; - } - -/* -------------------- */ -/* Fields */ - -.field:not(:last-child) { margin-bottom: 10px; } - -.field.field-name-body { overflow: hidden; } - -.field.field-name-field-tags .field-item, -.field.field-name-field-category .field-item { - display: inline; -} - -.field-item.odd, -.field-item.even { margin-right: 0.5em; } - -.field.field-name-field-tags .field-item a, -.field.field-name-field-category .field-item a { - display: inline-block; - margin-bottom: 5px; - padding: 2px 6px; - color: #666666; + padding: 0.25rem 0.5rem; + color: #666; text-decoration: none; background: #ffffff; border-radius: 2px; border: 1px solid #e2e2e2; - transition: background 0.1s ease; + transition: background 0.25s ease; } - .field.field-name-field-tags .field-item a:hover, - .field.field-name-field-category .field-item a:hover { + .field-name-field-tags .field-item a:hover, + .field-name-field-category .field-item a:hover { text-decoration: none; background: #f5f5f5; } -.field.field-name-field-people-title-category a, -.field.field-name-field-people-title-category div { - color: #336599; -} - -.field .field-label { - margin-top: 2px; - padding-right: 5px; - color: #444444; +/* Field Name: Event When */ +.field-name-field-event-when { + float: none; } -.field-item td { min-width: 100px; } - /* -------------------- */ -/* ## NODE - BIBLIO +/* ## FIELDSETS /* -------------------- */ -.node-biblio .content > div:not(:last-child) { - margin-bottom: 10px; +fieldset legend { + width: 100%; } -.node-biblio .content h3 { - margin-top: 2px; - padding-right: 5px; - color: #444444; +fieldset.collapsed { + /* Overrides system.base.css */ + height: auto !important; + width: 100%; } -.biblio-category-section, -#biblio-header { - margin-bottom: 20px; - padding: 15px; - background: rgba(255, 255, 255, 0.8); - border: 1px solid #dddddd; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +fieldset.collapsed .fieldset-legend { + padding: 0.5rem; + padding-left: 20px; + border: 1px solid #ddd; } -.biblio-separator-bar { - margin: -15px -15px 15px -15px; - border: none; - border-bottom: 1px solid #dddddd; +fieldset.collapsible { + border: 1px solid #ddd; } -.item-list .pager { +fieldset.collapsible fieldset { margin-top: 1rem; - background: none; - border: none; - border-color: inherit; - border-radius: 0 -} - -.biblio-category-section + h2 + .item-list, -.page-search .item-list .pager { - display: table; - margin: 0 auto; } -.pager li.pager-first, -.pager li.pager-previous, -.pager li.pager-item, -.pager li.pager-current, -.pager li.pager-next, -.pager li.pager-last, -.pager li.pager-ellipsis { - position: inherit; - top: inherit; right: inherit; - background: none; - border: none; - border-top: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - border-right: 1px solid #dddddd; -} +/* Open */ -.pager li.first { - border-left: 1px solid #dddddd; - border-right: 1px solid #dddddd; +fieldset.collapsible:not(.collapsed) { + padding: 1rem; } -.pager li.pager-current { background: rgba(52, 52, 52, 0.1); } - -.pager li.pager-first > a, -.pager li.pager-previous > a, -.pager li.pager-item > a, -.pager li.pager-current, -.pager li.pager-next > a, -.pager li.pager-last > a, -.pager li.pager-ellipsis { +fieldset.collapsible:not(.collapsed) > legend { width: auto; - padding: 10px 16px; - margin-bottom: 0; - color: #333333; - font-size: 14px; - background: #fff; - transition: background 0.3s ease ; } -.pager li.pager-current { background: #eeeeee; } - - .pager li.pager-first > a:hover, - .pager li.pager-previous > a:hover, - .pager li.pager-item > a:hover, - .pager li.pager-next > a:hover, - .pager li.pager-last > a:hover { - background: rgba(255, 255, 255, 0.5); - } +/* Indicator */ -.node-biblio .content > div h3 { margin-bottom: 0; } +fieldset.collapsible .fieldset-legend { + padding-left: 20px; + background-size: 10px; +} /* -------------------- */ -/* ## NODE - PEOPLE +/* ## RESPONSIVE TABLES /* -------------------- */ -.node-type-people h1.title { - display: inherit; - width: inherit; - margin-right: 20px; - margin-bottom: 0; - padding: 0; - float: none; - border-bottom: none; +table.responsive-table { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + border-collapse: collapse; } -.field-name-field-people-title-category { - margin-left: 0; - margin-bottom: 1rem; - float: none; +table.responsive-table, +.responsive-table tbody, +.responsive-table thead, +.responsive-table tr, +.responsive-table th, +.responsive-table td { + border: none; + border-collapse: collapse; + border-spacing: 0; } -.field-name-field-people-title-category a { - font-style: normal; - font-size: 1rem; - line-height: 1; - text-decoration: none; +.responsive-table tr { + border-bottom: 1px solid #ccc; } -.node-people-form .field-multiple-table thead th { background: none; } - -.node-people-form .field-multiple-table tbody tr.odd, -.node-people-form .field-multiple-table tbody tr.even { - background: rgba(255, 255, 255, 0); +.responsive-table tr:first-of-type { + border-top: 1px solid #ccc; } -.node-people-form .field-multiple-table tbody tr.odd td { - background: rgba(255, 255, 255, 0.7); +.responsive-table th, +.responsive-table td { + padding: 0.5rem 0.75rem; + border-left: 1px solid #ccc; +} +.responsive-table th:last-of-type, +.responsive-table td:last-of-type { + border-right: 1px solid #ccc; } -.node-people-form .field-multiple-table tbody tr.even td { - background: rgba(0,0,0,0.1); +.responsive-table th { + background-color: #eee; } /* -------------------- */ -/* ## NEWS ARCHIVE +/* NO JS /* -------------------- */ - -.zone-content .view-news .views-row { - padding-bottom: 0; - border: 0; -} - -.views-row > .node-news { - padding: 1em; - border: 1px solid #dddddd; -} - -.node-news .node-title { margin-top: 0; } - -footer.submitted > span { - display: inline-block; - margin-bottom: 20px; - padding-bottom: 10px; - border-bottom: 1px solid #dddddd; -} - -footer.submitted > span .placeholder { - font-size: 14px; - font-style: normal; -} - -.read-more { - display: inline; - clear: both; -} - -.read-more > a { float: none; } - -.read-more > a > strong { - white-space: nowrap; + + .field-items table { + display: block; + max-width: 100%; + overflow: hidden; + overflow-x: auto; + } + + .field-items table tr { + width: 100%; + } + + .field-items table::-webkit-scrollbar { + -webkit-appearance: none; + } + + .field-items table::-webkit-scrollbar:horizontal { + height: 11px; + } + + .field-items table::-webkit-scrollbar-thumb { + border-radius: 8px; + border: 2px solid white; + background-color: rgba(0, 0, 0, 0.5); + } + + .field-items table::-webkit-scrollbar-track { + background-color: #fff; + border-radius: 8px; + } + +@media (min-width: 801px) { + .row-header { display: none; } + .both-row-header { display: none; } } +@media (max-width: 800px) { + /* -------------------- */ -/* ## FACETS TAGS +/* NONE /* -------------------- */ + + .responsive-table.table-none { display: table; min-width: 75%; } + + .responsive-table.table-none tr { border-bottom: 3px solid #bbb; } + .responsive-table.table-none td { + border-bottom: 1px solid #ddd; + border-right: 1px solid #ddd; + display: block; + } + + .responsive-table.table-none td:last-of-type { border-bottom: none; } -.block-facetapi .content .item-list ul ul { - margin-top: 0; - margin-left: 1rem; -} - -/* All items */ -.block-facetapi .content .item-list li a, -.block-facetapi .content .item-list li a.facetapi-active { - display: block; - position: relative; - padding: 0.25rem 0.5rem; - padding-left: 2rem; - border-radius: 3px; - margin-right: 0.25rem; - text-decoration: none !important; - font-size: 0.95rem; - color: #333; - transition: all 100ms ease; -} +/* -------------------- */ +/* FIRST ROW +/* -------------------- */ + + .responsive-table.table-row { display: table; min-width: 75%; } + + .responsive-table.table-row th { display: none; } + + .responsive-table.table-row tr { + display: block; + border-bottom: 3px solid #bbb; + } + + .responsive-table.table-row tr:first-of-type { border-bottom: 0; } + + .responsive-table.table-row td { + display: flex; + padding: 0; + border-bottom: 1px solid #ddd; + border-right: 1px solid #ddd; + } + + .responsive-table.table-row td:last-of-type { border-bottom: none; } + + .cell-content { + display: block; + flex: 1 1 50%; + padding: 0.5rem 0.75rem; + } + + .row-header { + display: block; + flex: 0 1 45%; + padding: 0.5rem 0.75rem; + font-weight: 500; + background: #eee; + } + + .table-row tr { border-bottom: 3px solid #bbb; } + +/* -------------------- */ +/* FIRST COL +/* -------------------- */ + + .responsive-table.table-col { display: table; min-width: 75%; } + + .responsive-table.table-col th, + .responsive-table.table-col td { display: block; } + + .responsive-table.table-col th { border-bottom: 1px solid #bbb; } - /* Hover */ - .block-facetapi .content .item-list li a:hover { - color: #ffffff; - background: #7A99AC; - border-color: #7A99AC; + .responsive-table.table-col tr { + display: block; + border-bottom: 1px solid #ddd; } + + .responsive-table.table-col td { + border-bottom: 1px solid #ddd; + border-right: 1px solid #ddd; + display: block; + } + + .responsive-table.table-col td:last-of-type { border-bottom: none; } + +/* -------------------- */ +/* BOTH +/* -------------------- */ + + .responsive-table.table-both { display: table; min-width: 75%; } + + .responsive-table.table-both th, + .responsive-table.table-both td { display: block; } + + .responsive-table.table-both th { border-bottom: 1px solid #bbb; } + + .responsive-table.table-both tr { + display: block; + border-bottom: 3px solid #bbb; + } + + .responsive-table.table-both tr:first-of-type { display: none; } + + .responsive-table.table-both tr:first-of-type th:first-of-type { display: none; } + + .responsive-table.table-both tr:nth-of-type(2) { border-top: 1px solid #ddd; } + + .responsive-table.table-both td { + display: flex; + padding: 0; + border-bottom: 1px solid #ddd; + border-right: 1px solid #ddd; + } + + .responsive-table.table-both td:last-of-type { border-bottom: none; } -/* Indicators */ -.block-facetapi .content .item-list ul li a:before { - content: ''; - position: absolute; - top: 0.45rem; left: 0.5rem; - height: 1rem; - width: 1rem; - margin-right: 5px; - padding-top: 2px; - font-size: 0.75rem; - line-height: 1; - text-align: center; - border: 1px solid #ddd; - border-radius: 2px; + .both-cell-content { + display: block; + flex: 1 1 50%; + padding: 0.5rem 0.75rem; + } + + .both-row-header { + display: block; + flex: 0 1 45%; + padding: 0.5rem 0.75rem; + font-weight: 500; + background: #eee; + } } -.block-facetapi .content .item-list ul li a.facetapi-active:before, -.block-facetapi .content .item-list ul li a:hover:before { - content: '✓'; -} -.block-facetapi .content .item-list ul li a.facetapi-active:hover:before { - content: '✕'; -} +/* ---------------------------------------- */ +/* ## SEARCH +/* ---------------------------------------- */ -/* Just tags */ -.block-facetapi .content .item-list .facetapi-facet-im-field-tags li a:not(.facetapi-active) { - display: inline-block; - padding-left: 0.5rem; - border: 1px solid #ddd; +.search-form .form-wrapper { + display: flex; + align-items: center; } -.block-facetapi .content .item-list .facetapi-facet-im-field-tags li a:not(.facetapi-active):before { - display: none; +.search-form .form-wrapper .form-type-textfield { + flex: 1 1 100%; + margin-right: 1rem; } -.block-facetapi .content .item-list .facetapi-facet-im-field-tags li { - float: left; +.search-form .form-wrapper .form-type-textfield .form-text { + height: 2.25rem; + width: 100%; + margin-right: 0.5rem; + padding: 0.5rem; + font-size: 1rem; } -/* Active */ -.block-facetapi .content .item-list .facetapi-facet-im-field-tags li a.facetapi-active, -.block-facetapi .content .item-list li a.facetapi-active { - color: #ffffff; - font-weight: 700; - background: #7A99AC; - border-color: #7A99AC; +.search-form .form-wrapper .form-submit { + height: 2.25rem; } - /* Hover */ - .block-facetapi .content .item-list li a.facetapi-active:hover { - color: #000; - background: #eee; - border-color: #ddd; - } +/* --- Did you mean --- */ -.facetapi-x { - display: none; +.spelling-suggestions dt { + display: inline-block; + font-size: 1rem; } -/* Show More/Less */ - -.block-facetapi .content .item-list .facetapi-facet-im-field-tags:after { - content: ''; - display: block; - clear: both; +.spelling-suggestions dd { + display: inline-block; + padding-left: 0.25em; + font-size: 1rem; + font-style: normal; } -a.facetapi-limit-link { - display: inline-block; - padding: 0.25rem 0.5rem; - color: #000; - font-size: 0.9rem; - text-decoration: none; - background: #ddd; - border-radius: 3px; +.spelling-suggestions dd:after { + content: '?'; } -a.facetapi-limit-link:hover { - background: #ccc; - text-decoration: none; +.page-search article header { + margin-right: 0; + margin-top: 1.5rem; } -a.facetapi-limit-link:not(.open):after { - content: ' +'; +.page-search article.node { + margin-bottom: 1rem; + padding: 1rem; + border: 1px solid #ddd; } -a.facetapi-limit-link.open:after { - content: ' -'; + +h2.node-title { + margin-top: 0; } +.node .field-name-field-category { + margin-bottom: 0.5rem; +} + +/* ---------------------------------------- */ +/* ## CONTENT TYPES +/* ---------------------------------------- */ /* -------------------- */ -/* ## FACETS SIDEBAR +/* ## NEWS /* -------------------- */ -.region-sidebar-first .block-title, -.region-sidebar-second .block-title { - margin: 0; - font-size: 26px; - font-weight: 400; +.submitted > span, +.view-id-news.view-display-id-page .views-field-created { + display: inline-block; + margin-bottom: 1rem; + padding-bottom: 1rem; + border-bottom: 1px solid #dddddd; } -.region-sidebar-first .block .content .item-list li a, -.region-sidebar-second .block .content .item-list li a { - display: block; - text-decoration: underline; - border-bottom: none; - overflow: hidden; +.submitted > span > em, +.view-id-news.view-display-id-page .views-field-created > em { + font-style: normal; } -.region-sidebar-first .block .content .item-list li:not(:last-child), -.region-sidebar-second .block .content .item-list li:not(:last-child) { - margin-bottom: 0; +/* --- News with Views --- */ + +.view-id-news.view-display-id-page .views-row { + padding: 1rem; + border: 1px solid #ddd; } -.region-sidebar-first .block .content .item-list li, -.region-sidebar-second .block .content .item-list li { - margin-left: 0; +/* -------------------- */ +/* ## EVENTS +/* -------------------- */ + +.field.field-name-field-event-when { + float: none; } -.region-sidebar-first-inner .block, -.region-sidebar-second-inner .block, -.js-suitcase-facet.block { - margin-top: 1em; - padding: 1em; - border: 1px solid #dddddd; +.field.field-name-field-event-when span { + font-size: 1rem; + font-style: normal; + color: #616161; } -.region-sidebar-first-inner .block-title, -.region-sidebar-second-inner .block-title, -.js-suitcase-facet .block-title { - position: relative; - margin-bottom: 0; - font-size: 20px; +.calendar-calendar td.empty { + /* Overrides green from module */ + color: #616161; } -.item-list ul { margin-top: 1em; } +/* --- Month View --- */ -.item-list li a { - margin-bottom: 5px; +/* Big stick... */ +.calendar-calendar .month-view .full td.single-day div.monthview, +.calendar-calendar .week-view .full td.single-day div.weekview, +.calendar-calendar .day-view .full td.single-day div.dayview { + background: #efefef; + border: 1px solid #ddd; } -.js-suitcase-facet .caret { - display: block; - position: absolute; - top: 0; - right: 0; - width: 20px; - height: 20px; - margin-top: 10px; - border: 0; - opacity: 1; +.calendar-calendar .month-view .full td.multi-day div.monthview, +.calendar-calendar .week-view .full td.multi-day div.weekview, +.calendar-calendar .day-view .full td.multi-day div.dayview { + background: #006ba6; } -.js-suitcase-facet .caret:before, -.js-suitcase-facet .caret:after { - content: ''; - display: block; - position: absolute; - width: 18px; - height: 4px; - background: #cccccc; +.multi-day .calendar.monthview a, +.multi-day .calendar.weekview a, +.multi-day .calendar.dayview a { + color: #ffffff; } -.js-suitcase-facet .caret:after { - transform: rotate(90deg); - opacity: 0; -} +/* --- Events Pagination --- */ -.js-suitcase-facet .block-title-closed .caret:after { - opacity: 1; +/* Hard override of module */ +.view .date-nav-wrapper .date-prev, +.view .date-nav-wrapper .date-next { + position: static; + margin: 0; + padding: 0; + background: #ffffff; + border: 0; } -/* -------------------- */ -/* ## COLLAPSIBLE BLOCKS -/* -------------------- */ +.view .date-nav-wrapper .date-prev a { + border-left: 1px solid #ddd; + border-radius: 5px 0 0 5px; +} -.js-suitcase-facet .content.block-closed { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; +.view .date-nav-wrapper .date-next a { + border-radius: 0 5px 5px 0; } /* -------------------- */ -/* ## EVENTS +/* ## PEOPLE /* -------------------- */ -/* Prev/Next */ -.view .date-nav.item-list { - margin-bottom: 0; - padding-bottom: 0; +.people-category { + display: block; + clear: both; } -.date-nav.item-list .pager { - text-align: center; +.profile-title { + font-size: 1.35rem; + font-weight: inherit; } -.view .date-nav-wrapper .date-prev, -.view .date-nav-wrapper .date-next { - position: static; - display: inline-block; - margin: 0; - padding: 0; - background: none; - border: 0; +.view-display-id-people_grid .views-field-title span a { + font-size: inherit; } -.view .date-nav-wrapper .date-prev a, -.view .date-nav-wrapper .date-next a { - display: inline-block; - margin-top: 0; - margin-right: 0; - margin-bottom: 0; - margin-left: 0; - padding: 10px 16px; - font-size: 14px; - font-weight: bold; - text-decoration: none; - color: #333; - border: 1px solid #ddd; - background: #fff; +.views-field-field-people-image { + margin-right: 1em; + float: left; } - .view .date-nav-wrapper .date-prev a:hover, - .view .date-nav-wrapper .date-next a:hover { - text-decoration: underline; - } -.view .date-nav-wrapper .date-prev a { - margin-right: -3px; - border-radius: 3px 0 0 3px; - border-right: 0; +.views-field.views-field-field-people-position { + margin-bottom: 1rem; + color: #616161; + font-style: normal; } -.view .date-nav-wrapper .date-next a { - border-radius: 0 3px 3px 0; +.field-name-field-people-title-category { + margin-left: 0; + margin-bottom: 1rem; + float: none; } -/* ------------------- */ -/* BLOG */ -/* ------------------- */ - -/* Picture/name component */ +.field-name-field-people-title-category a { + display: inline-block; + font-size: 1.25rem; + line-height: 1; + color: #616161; + font-style: normal; + text-decoration: none; +} -.media { display: flex; } +.field-name-field-people-position { + margin-top: 0.5rem; +} -.media-left { flex-shrink: 0; } +.node-people .field-label-inline .field-label, +.node-people .field-label-above .field-label, +.node-people fieldset.group-contact { + clear: both; +} -.region-content .media-left img { margin-left: 0; } +.node-people .field-label-inline .field-label:after, +.node-people .field-label-above .field-label:after, +.node-people fieldset.group-contact:after { + content: ''; + display: block; + clear: both; +} -.media-heading { margin-top: 0; } +/* -------------------- */ +/* ## RESOURCES +/* -------------------- */ -/* Blog List */ +/* --- URL --- */ -.view-id-blog.view-display-id-page .views-row, -.view-id-blog.view-display-id-person_blog_page .views-row { - padding: 1rem; - border: 1px solid #ddd; +.views-field-field-uri-1 { + margin-bottom: 1rem; } -.view-id-blog.view-display-id-page .views-row span, -.view-id-blog.view-display-id-person_blog_page .views-row span { color: inherit; } +.views-field-field-uri-1:before { + content: '\f0c1'; + font-family: 'FontAwesome'; + margin-right: 0.5rem; + color: #616161; + float: left; +} -/* Blog Author Header */ +.views-field-field-uri-1 a { + color: #616161; + word-wrap: break-word; +} -.view-display-id-person_blog_page_hero_attachment .views-field-field-people-image img { - margin: 0; - padding-left: 1rem; - border-radius: 0; +.views-field-field-uri-1 a:hover { + color: #006ba6; } -/* Blog Author Components */ +/* --- Screenshot Preview --- */ -.views-field-field-lug-blog-author .field-content { - display: flex; - flex-wrap: wrap; +.views-field-field-resource-screenshot { + margin-right: 1rem; + margin-bottom: 0.25rem; + float: left; + border: 1px solid #ddd; } -.view-display-id-page .views-field-field-lug-blog-author .media { - display: block; -} +/* Screenshot Preview - Table View --- */ -.view-bloggers .media { - display: flex; - align-items: center; +th.views-field-field-resource-screenshot, +td.views-field-field-resource-screenshot { + margin-right: 0; + margin-bottom: 0; + float: none; } -.view-bloggers .media-heading { margin-bottom: 0; } - -.img-circle { - height: 56px; - width: 56px; +td.views-field-field-resource-screenshot img { border: 1px solid #ddd; } /* -------------------- */ -/* ## THROBBER +/* ## BOOK /* -------------------- */ -html.js input.form-autocomplete.throbbing { - background-position: 100% -14px; +/* --- Book Pagination --- */ +/* Overrides module styles */ + +.book-navigation { + padding: 1rem 0; } -html.js input.form-autocomplete { - background-image: url('../images/throbber_lugg.gif'); - background-position: 100% 12px; +.book-navigation .menu { + margin: 0 0 1rem; + padding: 0; + border: 0; } -/* -------------------- */ -/* ## RESPONSIVE TABLES -/* -------------------- */ +.book-navigation .page-links { + border-top: 0; + border-bottom: 0; + padding: 0; +} -table.responsive-table { - margin-top: 1.5rem; - margin-bottom: 1.5rem; - border-collapse: collapse; +.book-navigation .page-next, +.book-navigation .page-previous, +.book-navigation .page-up { + display: inline-block; + width: auto; + margin-top: 1rem; + padding: 10px 16px; + color: #333; + font-size: 0.95rem; + font-weight: 700; + text-decoration: none; + border: 1px solid #ddd; + border-radius: 3px; } -table.responsive-table, -.responsive-table tbody, -.responsive-table thead, -.responsive-table tr, -.responsive-table th, -.responsive-table td { - border: none; - border-collapse: collapse; - border-spacing: 0; +.book-navigation .page-up { + margin-right: auto; + margin-left: auto; + float: none; } -.responsive-table tr { - border-bottom: 1px solid #ccc; +.book-navigation .page-next:hover, +.book-navigation .page-previous:hover, +.book-navigation .page-up:hover { + background: #ddd; } -.responsive-table tr:first-of-type { - border-top: 1px solid #ccc; +/* --- Book Navigation --- */ + +/* Bottom */ +.book-navigation .menu li a { + display: block; + margin-bottom: 0.5rem; + padding: 10px 16px; + text-decoration: none; + border: 1px solid #ddd; } -.responsive-table th, -.responsive-table td { - padding: 0.5rem 0.75rem; - border-left: 1px solid #ccc; +/* Sidebar */ + +.block-book ul ul { + margin-left: 1rem; } -.responsive-table th:last-of-type, -.responsive-table td:last-of-type { - border-right: 1px solid #ccc; + +.node-book li.collapsed, +.block-book li.collapsed { + list-style-type: none; + list-style-image: none; } -.responsive-table th { - background-color: #eee; +.node-book .menu li a, +.block-book .menu li a { + display: block; + margin-bottom: 0.5rem; + padding-bottom: 0.5rem; + font-size: 0.95rem; + text-decoration: none; + border-bottom: 1px solid #ddd } -/* -------------------- */ -/* NO JS -/* -------------------- */ - - .field-items table { - display: block; - max-width: 100%; - overflow: hidden; - overflow-x: auto; - } - - .field-items table tr { - width: 100%; - } - - .field-items table::-webkit-scrollbar { - -webkit-appearance: none; - } - - .field-items table::-webkit-scrollbar:horizontal { - height: 11px; - } - - .field-items table::-webkit-scrollbar-thumb { - border-radius: 8px; - border: 2px solid white; - background-color: rgba(0, 0, 0, 0.5); + .node-book .menu li a.active + .block-book .menu li a.active { + color: #333; } - - .field-items table::-webkit-scrollbar-track { - background-color: #fff; - border-radius: 8px; - } - -@media (min-width: 801px) { - .row-header { display: none; } - .both-row-header { display: none; } + +.node-book ul li.collapsed a:after, +.block-book ul li.collapsed a:after { + content: '›'; + float: right; + margin-top: -8px; + font-size: 24px; } -@media (max-width: 800px) { - /* -------------------- */ -/* NONE +/* ## BIBLIO /* -------------------- */ - - .responsive-table.table-none { display: table; min-width: 75%; } - - .responsive-table.table-none tr { border-bottom: 3px solid #bbb; } - .responsive-table.table-none td { - border-bottom: 1px solid #ddd; - border-right: 1px solid #ddd; - display: block; - } - - .responsive-table.table-none td:last-of-type { border-bottom: none; } -/* -------------------- */ -/* FIRST ROW -/* -------------------- */ - - .responsive-table.table-row { display: table; min-width: 75%; } - - .responsive-table.table-row th { display: none; } - - .responsive-table.table-row tr { - display: block; - border-bottom: 3px solid #bbb; - } - - .responsive-table.table-row tr:first-of-type { border-bottom: 0; } - - .responsive-table.table-row td { - display: flex; - padding: 0; - border-bottom: 1px solid #ddd; - border-right: 1px solid #ddd; - } - - .responsive-table.table-row td:last-of-type { border-bottom: none; } - - .cell-content { - display: block; - flex: 1 1 50%; - padding: 0.5rem 0.75rem; - } - - .row-header { - display: block; - flex: 0 1 45%; - padding: 0.5rem 0.75rem; - font-weight: 500; - background: #eee; - } - - .table-row tr { border-bottom: 3px solid #bbb; } - -/* -------------------- */ -/* FIRST COL -/* -------------------- */ - - .responsive-table.table-col { display: table; min-width: 75%; } - - .responsive-table.table-col th, - .responsive-table.table-col td { display: block; } - - .responsive-table.table-col th { border-bottom: 1px solid #bbb; } +.biblio-category-section { + margin-bottom: 1rem; + padding: 1rem; + border: 1px solid #ddd; +} + +.biblio-separator-bar { + margin: -1rem -1rem 0 -1rem; + border: none; + border-bottom: 1px solid #ddd; + padding: 0.5rem 1rem; +} - .responsive-table.table-col tr { - display: block; - border-bottom: 1px solid #ddd; - } - - .responsive-table.table-col td { - border-bottom: 1px solid #ddd; - border-right: 1px solid #ddd; - display: block; - } - - .responsive-table.table-col td:last-of-type { border-bottom: none; } - /* -------------------- */ -/* BOTH +/* ## BLOG /* -------------------- */ - - .responsive-table.table-both { display: table; min-width: 75%; } - - .responsive-table.table-both th, - .responsive-table.table-both td { display: block; } - - .responsive-table.table-both th { border-bottom: 1px solid #bbb; } - - .responsive-table.table-both tr { - display: block; - border-bottom: 3px solid #bbb; - } - - .responsive-table.table-both tr:first-of-type { display: none; } - - .responsive-table.table-both tr:first-of-type th:first-of-type { display: none; } - - .responsive-table.table-both tr:nth-of-type(2) { border-top: 1px solid #ddd; } - - .responsive-table.table-both td { - display: flex; - padding: 0; - border-bottom: 1px solid #ddd; - border-right: 1px solid #ddd; - } - - .responsive-table.table-both td:last-of-type { border-bottom: none; } - .both-cell-content { - display: block; - flex: 1 1 50%; - padding: 0.5rem 0.75rem; - } - - .both-row-header { - display: block; - flex: 0 1 45%; - padding: 0.5rem 0.75rem; - font-weight: 500; - background: #eee; - } +/* Blog items are not marked up as articles + So we need to apply the border/padding/margin here +*/ + +.view-id-blog.view-display-id-page .views-row, +.view-id-blog.view-display-id-person_blog_page .views-row { + padding: 1rem; + border: 1px solid #ddd; +} + +.views-field-field-lug-blog-author .field-content { + display: flex; + flex-wrap: wrap; +} + +/* In lieu of a better selectors for RSS feeds... */ +.view-id-blog .view-header a[href$=".xml"], +.view-id-blog .view-footer a[href$=".xml"] { + display: flex; + align-items: center; + max-width: 215px; +} + +.view-id-blog .view-header a[href$=".xml"] img, +.view-id-blog .view-footer a[href$=".xml"] img { + margin-right: 5px; +} + +.view-display-id-person_blog_page_hero_attachment .views-field-field-people-image { + margin-right: 0; +} + +.view-display-id-person_blog_page_hero_attachment .views-field-field-people-image img { + height: auto; + max-height: 170px; } /* -------------------- */ -/* ## MEGAPANELS +/* ## VIDEOS /* -------------------- */ -.suitcase_megapanels > .front-panel-row { - margin-top: 1rem; +.views-table .views-field-field-video-video img { + min-width: 100px; } -.suitcase_megapanels > .front-panel-row ~ .front-panel-row { - margin-top: 0; +/* ---------------------------------------- */ +/* ## CONTENT EDITING +/* ---------------------------------------- */ + +.tips, +.description { + margin-top: 0.35rem; + margin-bottom: 0.35rem; + font-size: 0.85rem; } -/* --- IE 9 --- */ +.node-form input[type=text], +.node-form select { + height: auto !important; + margin-top: 0.5rem !important; + padding: 0.5rem; + padding-right: 1.15rem; + font-size: 1rem; +} - .front-panel-row .panel-panel.grid-3 { - display: inline-block; - width: calc(25% - 1.25rem); - margin: 0 0.5rem; - margin-bottom: 1rem; - padding: 1rem; - border: 1px solid #ddd; - } +.node-form select { + padding-right: 1.5rem; +} - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(1) { - width: 100%; - } +/* --- Form Element Tables --- */ - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2), - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2) ~ .grid-3 { - width: calc(50% - 1.25rem); - } +.node-form .field-multiple-table th.field-label { + padding: 0.5rem 0.75rem; +} - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3), - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3) ~ .grid-3 { - width: calc(33.33% - 1.25rem); - } +.node-form .field-multiple-table tr { + border-right: 1px solid #ccc; +} - @media (max-width: 900px) { - .front-panel-row .panel-panel.grid-3 { - width: calc(50% - 1.25rem); - } - - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(1) { - width: 100%; - } +.node-form .field-multiple-table td.field-multiple-drag { + padding-right: 0.75rem; +} - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2), - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2) ~ .grid-3 { - width: calc(50% - 1.25rem); - } +.draggable a.tabledrag-handle { + float: none; + margin: 0; +} - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3), - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3) ~ .grid-3 { - width: calc(33.33% - 1.25rem); - } - } +a.tabledrag-handle .handle { + height: 15px; + width: 15px; + margin: 0; + padding: 0; + background-position: 0 0; +} - @media (max-width: 700px) { - .front-panel-row .panel-panel.grid-3 { - width: 100%; - } - - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(1) { - width: 100%; - } +.field-multiple-table td .form-required { + float: left; + margin-right: 0.25rem; +} - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2), - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(2) ~ .grid-3 { - width: 100%; - } +/* --- Images/Files --- */ - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3), - .front-panel-row .panel-panel.grid-3:first-child:nth-last-child(3) ~ .grid-3 { - width: 100%; - } - } +.file .file-icon { + position: relative; + top: -7px; +} +.field-type-image a.tabledrag-handle .handle, +.field-type-file a.tabledrag-handle .handle { + float: left; + margin-right: 0.25rem; +} -/* --- Browsers that support flex --- */ +/* --- Text Format --- */ + +.filter-help { + float: none; + padding: 0; +} -.front-panel-full { margin-bottom: 1rem; } +.filter-help a { + padding: 0; + padding-right: 1.5rem; +} -.front-panel-row { +.filter-wrapper .form-item { display: flex; - flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + align-items: center; + float: none; + padding: 0; + margin-bottom: 0.5rem; } -@media (max-width: 740px) { - .front-panel-row { - margin-left: 0.5rem; - margin-right: 0.5rem; - } +.filter-wrapper .form-item label { + margin-right: 0.5rem; } -.front-panel-row .panel-panel.grid-3 { - flex: 1 1 250px; - min-width: 250px; - float: none; - margin: 0 0.5rem; - margin-bottom: 1rem; - padding: 1rem; - border: 1px solid #ddd; +.filter-guidelines { + padding: 0; } -.front-panel-row .panel-panel.grid-grow { - flex-grow: 5; +/* --- Vertical Tabs --- */ + +.vertical-tabs ul.vertical-tabs-list .summary { + color: #333; } + +.vertical-tabs fieldset.vertical-tabs-pane { + padding: 1rem; +} + From cb346e56c30ebbb52e2367da676740f1749bba77 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Wed, 5 Apr 2017 10:51:23 -0500 Subject: [PATCH 02/27] INTERIM-26 Refactor of responsive stylesheet --- css/suitcase_responsive.css | 370 +++++++++++++++++------------------- 1 file changed, 175 insertions(+), 195 deletions(-) diff --git a/css/suitcase_responsive.css b/css/suitcase_responsive.css index 189d9ae..79f1fd0 100644 --- a/css/suitcase_responsive.css +++ b/css/suitcase_responsive.css @@ -1,30 +1,155 @@ -@media all and (min-width: 740px) { +/* TESTING VERSION 6.1 */ + +/* -------------------- */ +/* MICRO MOBILE */ +/* < 550px */ +/* -------------------- */ + +@media all and (max-width: 550px) { + + /* --- PEOPLE --- */ + + .node-people .field-name-field-people-image { + float: none; + margin-right: 0; + } + + .node-people .field-label-inline, + .node-people .field-label-above { + padding: 1rem; + } + + .node-people .field-label-inline .field-label, + .node-people .field-lable-inline .field-items, + .node-people .field-label-above .field-label, + .node-people .field-lable-above .field-items { + display: block; + width: auto; + margin-bottom: 0.5rem; + float: none; + text-align: left; + } + + /* --- EXPERTISE --- */ + + .view-expertise .item-list > ul.item-list-item > li.views-row { + width: 100%; + float: none; + } +} + +/* -------------------- */ +/* MOBILE and below */ +/* < 739px */ +/* -------------------- */ + +@media all and (max-width: 739px) { + + /* --- ISU Menu --- */ + + .region-isu-menu { + margin: 0; + } + + #isu-menu-nav .sm ul { + display: none !important; + } + + /* --- SEARCH --- */ + + .region-search-inner .has-site-name-level-3 { + margin-top: 1rem; + } + + #search-block-form { + max-width: inherit; + } + + /* --- Main Menu --- */ + + .region-menu { + margin: 0; + } + + nav.navigation .secondary-menu { + float: none; + } + + nav.navigation .secondary-menu { + margin-left: 0; + } + + /* --- Flexslider --- */ + + .view-luggage-announcements .flexslider .flex-caption { + position: static; + } +} + +/* -------------------- */ +/* TABLET and below */ +/* < 979px */ +/* -------------------- */ + +@media all and (max-width: 979px) { + .item-list a { + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-all; + } +} + +/* -------------------- */ +/* TABLET */ +/* 740px - 979px */ +/* -------------------- */ + +@media all and (min-width: 740px) and (max-width: 979px) { + + .container-12 .grid-8.region { + width: 100%; + } + + .zone.zone-content aside { + width: 100%; + } + + .zone-content .region.region-content { + width: 100%; + } +} + +/* -------------------- */ +/* TABLET and above */ +/* 740px + */ +/* -------------------- */ + +@media all and (min-width: 740px) { + + /* --- ISU Menu --- */ #isu-menu-nav .sm a span.sub-arrow { position: absolute; + top: 50%; left: auto; - overflow: hidden; + right: 10px; + + height: 6px; + width: 6px; + margin-top: -4px; + font: bold 16px/34px monospace !important; text-align: center; text-shadow: none; - top: 50%; - margin-top: -4px; - right: 10px; - width: 6px; - height: 6px; + border: 1px solid #ccc; border-width: 0px 1px 1px 0px; background: transparent; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; border-radius: 0; + + overflow: hidden; + + transform: rotate(45deg); } #isu-menu-nav .sm a:hover span.sub-arrow, @@ -38,7 +163,6 @@ padding-right: 24px !important; } - #isu-menu-nav #isu-index-menu ul { min-width: 528px; } @@ -63,25 +187,22 @@ padding-right: 6px; } + /* --- Main Menu --- */ + #main-menu a span.sub-arrow { top: 50%; - margin-top: -4px; right: 10px; - width: 6px; + height: 6px; + width: 6px; + margin-top: -4px; + + background: transparent; border: 1px solid #444; border-width: 0px 1px 1px 0px; - background: transparent; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; border-radius: 0; + + transform: rotate(45deg); } #main-menu a.active-trail span.sub-arrow, @@ -98,77 +219,44 @@ min-width: 300px; } - #zone-footer > .region:not(:last-child) { - border-bottom: none; - margin-bottom: 0; - } - - .flexslider { - display: block; - } } -@media all and (max-width: 739px) { +/* -------------------- */ +/* DESKTOP and above */ +/* 980px + */ +/* -------------------- */ - .region-isu-menu { - margin: 0; - } - - #isu-menu-nav .sm ul { - display: none !important; - } - - .region-menu { - margin: 0; - } - - nav.navigation .secondary-menu { - float: none; - } - - nav.navigation .secondary-menu { - margin-left: 0; - } +@media all and (min-width: 980px) { - .breadcrumb { padding: 10px; } + /* Modifies the alpha grid so the sidebars + are wider. */ - .zone-footer .block-menu-footer { - float: none; - } - - .panel-2col-bricks .panel-panel { - width: 100%; - margin-bottom: 32px; + .zone-content-wrapper .container-12 .grid-2 { + width: 25% !important; } - .panel-2col-bricks .panel-col-last .inside { - margin: 0; + .zone-content-wrapper .container-12 .grid-10 { + width: 71% !important; } } -@media all and (max-width: 979px) { - .item-list a { - /*display: block;*/ - word-wrap: break-word; - -ms-word-break: break-all; - word-break: break-all; - } - - .view .field-content a { - display: block; - width: 100%; - } +/* -------------------- */ +/* WIDESCREEN and above */ +/* 1220px + */ +/* -------------------- */ - .zone-content h2.block-title { - line-height: 2em; +@media all and (min-width: 1220px) { + .container-12:not(.sticky-top) { + max-width: 1220px; + margin-left: auto !important; + margin-right: auto !important; } +} - .collapsed-indicator-img { - margin-top: 0.5em; - height: 1em; - } -} +/* -------------------- */ +/* PRINT */ +/* -------------------- */ @media print { @@ -241,117 +329,9 @@ border: none !important; } - .field.field-type-taxonomy-term-reference .field-items>.field-item>a { + .field.field-type-taxonomy-term-reference .field-items > .field-item > a { padding: 0 !important; display: inline !important; border: none !important; } - -} - -@media all and (max-width: 900px) { - #search-block-form { max-width: inherit; } -} - - -@media all and (min-width: 740px) and (max-width: 979px) { - .zone.zone-content aside { - width: 580px; - } - - .container-12 .grid-8.region { - width: 100%; - } - - .zone.zone-content aside { - width: 100%; - } - - .zone-content .region.region-content { - width: 100%; - } -} - -@media all and (min-width: 980px) and (max-width: 1219px) { - .item-list a { - display: inherit; - } - - .item-list a:hover { - box-shadow: none; - padding: 0; - border: none; - background-color: inherit; - } -} - -@media all and (min-width: 980px) { - .item-list-js-enabled { - display: block; - } - - .collapsed-indicator-img { - margin-top: 0.25em; - height: 0.8em; - } - - #region-footer-fourth ul li.leaf a { - font-size: 1.1em; - } - - .caret { - border-top: 6px solid #000; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - margin-top: 10px; - } - -} - -@media all and (min-width: 980px) { - .zone-content-wrapper .container-12 .grid-2 { - width: 25% !important; - } - - .zone-content-wrapper .container-12 .grid-10 { - width: 71% !important; - } -} - -@media all and (min-width: 1220px) { - .container-12:not(.sticky-top) { - max-width: 1220px; - margin-left: auto !important; - margin-right: auto !important; - } - -} - -@media only screen and (min-width: 769px) { - .luggage-gridrow, - .luggage-gridrow3, - .luggage-gridrow4 { - flex-basis: 48.6%; - min-width: 48.6%; - } -} - -@media only screen and (min-width: 1024px) { - .luggage-gridrow4 { - flex-basis: 23.5%; - min-width: 23.5%; - } -} - -@media only screen and (min-width: 1024px) { - .luggage-gridrow3 { - flex-basis: 31.3%; - min-width: 31.3%; - } - - .luggage-gridrow3 .views-field-field-uri-1, - .luggage-gridrow4 .views-field-field-uri-1 { - overflow-wrap: break-word; - word-wrap: break-word; - } } From d26dd906a1eea553fbca9d971cbd1b9ec22ea44a Mon Sep 17 00:00:00 2001 From: Angela McMahon Date: Thu, 6 Apr 2017 09:51:38 -0500 Subject: [PATCH 03/27] INTERIM-26 Removed debugging CSS --- css/suitcase.css | 1 - 1 file changed, 1 deletion(-) diff --git a/css/suitcase.css b/css/suitcase.css index 5e3e4ba..f009d49 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -406,7 +406,6 @@ img { height: auto; max-width: calc(100% - 1rem); margin: 0.5rem; - border: 3px solid mediumorchid !important; } /* --- CKEditor Enhanced Images --- */ From 41cf90f2331e23afa199a1d38a5a54d8608745b9 Mon Sep 17 00:00:00 2001 From: Angela McMahon Date: Fri, 7 Apr 2017 14:23:30 -0500 Subject: [PATCH 04/27] INTERIM-26 Fixed search bar button styling --- css/suitcase.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index f009d49..a3107d7 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -476,7 +476,7 @@ input[type=submit].form-submit { } input[type=submit].form-submit:hover { - background: #ddd; + background-color: #ddd; } /* Select */ @@ -813,7 +813,6 @@ input[type=submit].form-submit { background-size: contain; border: 0; box-shadow: none; - } /* -------------------- */ From 33328e4dc1ee65fcabb386640516afbad6c49020 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Mon, 10 Apr 2017 14:14:03 -0500 Subject: [PATCH 05/27] INTERIM-26 Re-targeted node borders Styling on lists of nodes was inconsistend depending on if they were created with Views/Fields or Display Suite. --- css/suitcase.css | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index a3107d7..ae5d15c 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1,4 +1,4 @@ -/* TESTING VERSION 3.2 */ +/* TESTING VERSION 3.3 */ /* ---------------------------------------- */ /* ## Table of Contents @@ -1571,7 +1571,7 @@ aside.region { margin-bottom: 1rem; } -.views-row > .node { +.view-display-id-page .views-row { padding: 1rem; border: 1px solid #dddddd; } @@ -2086,13 +2086,6 @@ h2.node-title { font-style: normal; } -/* --- News with Views --- */ - -.view-id-news.view-display-id-page .views-row { - padding: 1rem; - border: 1px solid #ddd; -} - /* -------------------- */ /* ## EVENTS /* -------------------- */ From 016fbe4d00e8ae1d6685071458ff083dbc1248fd Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Mon, 10 Apr 2017 14:16:24 -0500 Subject: [PATCH 06/27] INTERIM-26 Multiple select padding Formalize was overriding consistent padding styling for select[multiple] --- css/suitcase.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/suitcase.css b/css/suitcase.css index ae5d15c..0b65d72 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -490,6 +490,10 @@ input[type=submit].form-submit { border: 1px solid #ddd; } +.form-type-select select[multiple] { + padding-right: 0.5rem; +} + /* Views Forms */ /* Overrides styles from views.css */ From 3d7a6004b95d85cf533e4b99995d891c79bf391c Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Mon, 10 Apr 2017 14:48:23 -0500 Subject: [PATCH 07/27] INTERIM-26 Style Header Search Styled the optional menu block that can be placed under search in the header. --- css/suitcase.css | 36 ++++++++++++++++++++++++++++++++++++ css/suitcase_responsive.css | 12 ++++++++++++ 2 files changed, 48 insertions(+) diff --git a/css/suitcase.css b/css/suitcase.css index 0b65d72..d567bb1 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -23,6 +23,7 @@ a. ISU Menu Bar b. Site Name c. Header Search + d. Header Search Menu 06. MENU a. Sticky Menu 07. SECONDARY MENU @@ -819,6 +820,41 @@ input[type=submit].form-submit { box-shadow: none; } +/* --------------------- */ +/* Header Search Menu */ + +.region-search .block-menu { + margin-top: 1rem; +} + +.region-search .block-menu .block-title { + margin-bottom: 0; + color: #ffffff; + text-align: right; +} + +.region-search .block-menu .content { + margin-top: 0; +} + +.region-search .block-menu .menu { + text-align: right; +} + +.region-search .block-menu .menu li { + display: inline-block; + margin-bottom: 0; + margin-left: 0.5rem; + padding: 0; + font-size: 0.9rem; +} + +.region-search .block-menu .menu a { + color: #ffffff; + font-weight: bold; + text-decoration: underline; +} + /* -------------------- */ /* ## MENU /* -------------------- */ diff --git a/css/suitcase_responsive.css b/css/suitcase_responsive.css index 79f1fd0..1903784 100644 --- a/css/suitcase_responsive.css +++ b/css/suitcase_responsive.css @@ -65,6 +65,18 @@ max-width: inherit; } + /* --- Search Menu --- */ + + .region-search .block-menu .block-title, + .region-search .block-menu .menu { + text-align: left; + } + + .region-search .block .menu li { + margin-right: 0.5rem; + margin-left: 0; + } + /* --- Main Menu --- */ .region-menu { From f2ecbed2811e5b1d86a6e27127d76ab64f928c58 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Mon, 10 Apr 2017 14:59:00 -0500 Subject: [PATCH 08/27] INTERIM-26 Darkened read-more button Darkened the background and outline of read-more buttons so they don't get lost now that they're inline again. --- css/suitcase.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index d567bb1..4f39d38 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -207,8 +207,8 @@ a:hover { padding: 0.15rem 0.25rem; font-size: 0.9rem; color: #333; - background: #eee; - border: 1px solid #ddd; + background: #ddd; + border: 1px solid #ccc; border-radius: 3px; cursor: pointer; transition: background 0.2s ease; From 6aadba612dae3d29efabafb46ac2921e473a7319 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Mon, 10 Apr 2017 15:10:54 -0500 Subject: [PATCH 09/27] INTERIM-26 Restored striping styles Restored striping style, which also restores proper row highlight color. --- css/suitcase.css | 6 ------ 1 file changed, 6 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index 4f39d38..8040a71 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -328,12 +328,6 @@ ol, background-color: #eeeeee; } -/* Reset odd/even backgrounds */ - -tr.even td { - background: #ffffff; -} - /* --- Panel Tables --- */ .pane-content td { From aab2e7558d2065e2d30059f4ab10397f1bcc8e56 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Thu, 13 Apr 2017 10:54:55 -0500 Subject: [PATCH 10/27] INTERIM-26 Form label and required * styling Fieldset labels were not getting the same style as other labels in the content editing form. Now they're all bold and have the proper red. --- css/suitcase.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/suitcase.css b/css/suitcase.css index 8040a71..90c15e3 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -502,6 +502,10 @@ input[type=submit].form-submit { margin-top: 0; } +.form-required { + color: #cc0000; +} + /* -------------------- */ /* ## COMPONENTS @@ -1787,6 +1791,7 @@ ul.menu li { fieldset legend { width: 100%; + font-weight: bold; } fieldset.collapsed { From 7895947240850a42f8749b2d32d63bd8c0811d44 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Thu, 13 Apr 2017 11:15:13 -0500 Subject: [PATCH 11/27] INTERIM-26 Basic styling for Publication page New margin settings on the h3's should better visually associate the fields and their values. --- css/suitcase.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/suitcase.css b/css/suitcase.css index 90c15e3..ee1fbbb 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -2411,6 +2411,11 @@ td.views-field-field-resource-screenshot img { padding: 0.5rem 1rem; } +.node-biblio .content h3 { + margin-top: 2rem; + margin-bottom: 0; +} + /* -------------------- */ /* ## BLOG /* -------------------- */ From 89e43f3e8f3ee77cf0359c579d85ad3ea31a602f Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Thu, 13 Apr 2017 15:15:19 -0500 Subject: [PATCH 12/27] INTERIM-26 Facet active/hover colors To reduce the BLUENESS of the facet search, the hover color is now grey instead of blue. --- css/suitcase.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index ee1fbbb..4f69785 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1491,8 +1491,7 @@ h2.block-title { transition: all 100ms ease; } -.block-facetapi .item-list li a.facetapi-active, -.block-facetapi .item-list li a:hover { +.block-facetapi .item-list li a.facetapi-active { color: #ffffff; background: #006ba6; } @@ -1501,7 +1500,8 @@ h2.block-title { font-weight: 700; } -.block-facetapi .item-list li a.facetapi-active:hover { +.block-facetapi .item-list li a.facetapi-active:hover, +.block-facetapi .item-list li a:hover { color: #333; background: #eee; border-color: #ddd; @@ -1549,10 +1549,12 @@ h2.block-title { .block-facetapi .item-list li a.facetapi-active:before, .block-facetapi .item-list li a:hover:before { content: '✓'; + border-color: #bbb; } .block-facetapi .item-list li a.facetapi-active:hover:before { content: '✕'; + border-color: #bbb; } .facetapi-x { From b2270f406a45a85b218441b1c4a965e2a23f2003 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Tue, 18 Apr 2017 15:59:54 -0500 Subject: [PATCH 13/27] INTERIM-26 Color clean-up Cleaned up colors. --- css/suitcase.css | 64 ++++++++++++++++++++++++------------------------ 1 file changed, 32 insertions(+), 32 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index 4f69785..197c894 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -101,7 +101,7 @@ body { } #page { - background: #ffffff; + background: #fff; } /* -------------------- */ @@ -180,7 +180,7 @@ a:hover { margin-top: 0.5rem; margin-bottom: 0.5rem; padding: 0.25rem 0.5rem; - color: #ffffff; + color: #fff; font-weight: 700; border-radius: 3px; background: #cc0000; @@ -301,11 +301,11 @@ ol, } .content tr { - border-bottom: 1px solid #cccccc; + border-bottom: 1px solid #ccc; } .content tr:first-of-type { - border-top: 1px solid #cccccc; + border-top: 1px solid #ccc; } .content tr.even, @@ -316,12 +316,12 @@ ol, .content th, .content td { padding: 0.5rem 0.75rem; - border-left: 1px solid #cccccc; + border-left: 1px solid #ccc; } .content th:last-of-type, .content td:last-of-type { - border-right: 1px solid #cccccc; + border-right: 1px solid #ccc; } .content th { @@ -379,7 +379,7 @@ hr { height: 0; margin: 1rem 0; border: 0; - border-top: 1px solid #cccccc; + border-top: 1px solid #ccc; } sub, sup { font-size: 0.75em; } @@ -555,7 +555,7 @@ input[type=submit].form-submit { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; - background: #ffffff; + background: #fff; } .pager li.pager-current, @@ -655,7 +655,7 @@ input[type=submit].form-submit { /* ISU MENU BAR */ .zone-isu-menu-wrapper { - color: #cccccc; + color: #ccc; background: #333333; } @@ -668,7 +668,7 @@ input[type=submit].form-submit { #isu-menu-nav .sm a:focus, #isu-menu-nav .sm a:active { padding: 4px 8px; - color: #cccccc; + color: #ccc; font-size: 13px; font-weight: 400; line-height: 20px; @@ -767,11 +767,11 @@ input[type=submit].form-submit { .site-name-level-2 a, .site-name-level-3 a { - color: #ffffff; + color: #fff; text-decoration: none; } .site-name-level-2 a:hover, - .site-name-level-3 a:hover { color: #ffffff; } + .site-name-level-3 a:hover { color: #fff; } .region-branding-inner hr { margin: 14px 0; @@ -795,7 +795,7 @@ input[type=submit].form-submit { width: 100%; max-width: 400px; float: right; - background: #ffffff; + background: #fff; border-radius: 2px; } @@ -827,7 +827,7 @@ input[type=submit].form-submit { .region-search .block-menu .block-title { margin-bottom: 0; - color: #ffffff; + color: #fff; text-align: right; } @@ -848,7 +848,7 @@ input[type=submit].form-submit { } .region-search .block-menu .menu a { - color: #ffffff; + color: #fff; font-weight: bold; text-decoration: underline; } @@ -857,7 +857,7 @@ input[type=submit].form-submit { /* ## MENU /* -------------------- */ -.zone-menu-wrapper { background: #eeeeee; } +.zone-menu-wrapper { background: #eee; } .zone-menu-wrapper .sm { z-index: 498 !important; } #main-menu a, @@ -926,7 +926,7 @@ input[type=submit].form-submit { letter-spacing: .5px; text-decoration: none; background: transparent; -border-bottom: none; + border-bottom: none; } #main-menu ul a:hover, @@ -1006,13 +1006,13 @@ border-bottom: none; vertical-align: text-top; } - #secondary-menu.links a:hover { background: #cccccc; } + #secondary-menu.links a:hover { background: #ccc; } #secondary-menu.links a.active, #secondary-menu.links a.active-trail { - color: #000000; + color: #000; font-weight: 700; - background: #cccccc; + background: #ccc; } /* -------------------- */ @@ -1075,16 +1075,16 @@ ul.tabs > li > a { margin-bottom: -1px; padding: 0.5rem 1rem; text-decoration: none; - background: #ffffff; + background: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; - border: 1px solid #cccccc; + border: 1px solid #ccc; border-bottom: 0; } ul.tabs > li > a:hover { background: #eee; } ul.tabs > li > a.active { - border-bottom: 1px solid #ffffff; + border-bottom: 1px solid #fff; } /* --------------------- */ @@ -1219,7 +1219,7 @@ ul.tabs.secondary img { .flexslider .flex-prev, .flexslider .flex-next { height: inherit; - color: rgba(51, 51, 51, 0.9); + color: #333; } .flex-control-nav { @@ -1251,7 +1251,7 @@ ul.tabs.secondary img { .pane-content .views-field-created { display: block; - color: #666; + color: #676767; } /* .panel-pane-overflow must be set @@ -1441,7 +1441,7 @@ h2.block-title { position: absolute; width: 18px; height: 4px; - background: #cccccc; + background: #ccc; } .js-suitcase-facet .caret:after { @@ -1492,7 +1492,7 @@ h2.block-title { } .block-facetapi .item-list li a.facetapi-active { - color: #ffffff; + color: #fff; background: #006ba6; } @@ -1648,7 +1648,7 @@ ul.menu li { padding: inherit; font-size: inherit; font-weight: normal; - color: #616161; + color: #676767; text-align: inherit; border: 0; opacity: inherit; @@ -1769,9 +1769,9 @@ ul.menu li { margin-right: 0.5em; margin-bottom: 0.5rem; padding: 0.25rem 0.5rem; - color: #666; + color: #676767; text-decoration: none; - background: #ffffff; + background: #fff; border-radius: 2px; border: 1px solid #e2e2e2; transition: background 0.25s ease; @@ -2165,7 +2165,7 @@ h2.node-title { .multi-day .calendar.monthview a, .multi-day .calendar.weekview a, .multi-day .calendar.dayview a { - color: #ffffff; + color: #fff; } /* --- Events Pagination --- */ @@ -2176,7 +2176,7 @@ h2.node-title { position: static; margin: 0; padding: 0; - background: #ffffff; + background: #fff; border: 0; } From 811415980d8568e267487fb42ab72f8182755464 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Tue, 18 Apr 2017 16:12:52 -0500 Subject: [PATCH 14/27] INTERIM-26 Font clean up --- css/suitcase.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index 197c894..cfc61a0 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -136,14 +136,14 @@ li.leaf { h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em; font-family: 'Nimbus Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: normal; + font-weight: 400; } h1 { font-size: 2.25rem; line-height: 1.25; } h2 { font-size: 1.75rem; line-height: 1.25; } h3 { font-size: 1.35rem; line-height: 1.25; } h4 { font-size: 1.25rem; line-height: 1.25; } -h5 { font-size: 1.15; line-height: 1.25; } +h5 { font-size: 1.15rem; line-height: 1.25; } h6 { font-size: 1rem; line-height: 1.25; } p { @@ -218,7 +218,7 @@ a:hover { background: #ccc; } -.read-more strong { font-weight: normal; } +.read-more strong { font-weight: 400; } .read-more a, .more-link a { @@ -361,7 +361,7 @@ pre { padding: 0.75rem 1rem; color: #333333; font-size: 0.85rem; - font-family: Menlo, Consolas, 'Courier New', monospace; + font-family: Menlo, Consolas, "Courier New", monospace; word-break: break-all; word-wrap: break-word; background: rgba(102, 128, 153, 0.1); /* #668099 */ @@ -947,7 +947,7 @@ input[type=submit].form-submit { padding: 16px 12px; color: #444; font-size: 15px; - font-weight: normal; + font-weight: 400; text-indent: 40px; } @@ -1001,7 +1001,7 @@ input[type=submit].form-submit { content: ' | '; margin-top: 0.5rem; margin-right: 0.5rem; - font-size: 0.75rem; + font-size: 0.75em; color: #333333; vertical-align: text-top; } @@ -1647,7 +1647,7 @@ ul.menu li { margin-bottom: 1rem; padding: inherit; font-size: inherit; - font-weight: normal; + font-weight: 400; color: #676767; text-align: inherit; border: 0; @@ -2393,7 +2393,7 @@ td.views-field-field-resource-screenshot img { content: '›'; float: right; margin-top: -8px; - font-size: 24px; + font-size: 1.5em; } /* -------------------- */ From 8a0c1d9154d8dd9136b8b93bdcfbbb00bfefa8c8 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Wed, 19 Apr 2017 11:33:13 -0500 Subject: [PATCH 15/27] INTERIM-26 Update content indicator styling --- css/suitcase.css | 75 +++++++++--------------------------------------- 1 file changed, 14 insertions(+), 61 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index cfc61a0..4af7900 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1588,10 +1588,8 @@ a.facetapi-limit-link:not(.open):after { /* ---------------------------------------- */ #page-title { - margin-top: 0; + margin-top: 1.5rem; margin-bottom: 1rem; - /* Try to clear page indicator */ - margin-right: 100px; } /* ---------------------------------------- */ @@ -1640,10 +1638,15 @@ ul.menu li { /* ## CONTENT TYPE INDICATOR /* -------------------- */ +.region-inner { + /* Prevents margin collapse */ + overflow: hidden; +} + .content-type-indicator.ct-search, .content-type-indicator.ct-node { position: absolute; - top: 1rem; left: 1rem; + top: 1rem; right: 1rem; margin-bottom: 1rem; padding: inherit; font-size: inherit; @@ -1654,67 +1657,17 @@ ul.menu li { opacity: inherit; } -.ct-Page:before { - content: '\f016'; - font-family: 'FontAwesome'; - margin-right: 10px; -} - -.ct-News:before { - content: '\f1ea'; - font-family: 'FontAwesome'; - margin-right: 10px; -} - -.ct-People:before { - content: '\f2bb'; - font-family: 'FontAwesome'; - margin-right: 10px; -} - -.ct-Event:before { - content: '\f073'; - font-family: 'FontAwesome'; - margin-right: 10px; -} - -.ct-Question:before { - content: '\f29c'; - font-family: 'FontAwesome'; - margin-right: 10px; -} - -.ct-Book:before { - content: '\f02d'; - font-family: 'FontAwesome'; - margin-right: 10px; -} - -.ct-Resource:before { - content: '\f0c1'; - font-family: 'FontAwesome'; - margin-right: 10px; -} - -.ct-Video:before { - content: '\f03d'; - font-family: 'FontAwesome'; - margin-right: 10px; -} - -.ct-Blog:before { - content: '\f040'; - font-family: 'FontAwesome'; - margin-right: 10px; -} - /* On page */ .content-type-indicator.ct-node { top: 0.25rem; - right: 0; - left: auto; - margin-bottom: 0; +} + +/* In search */ + +.page-search article { + /* Contain absolute positioned indicator */ + position: relative; } /* -------------------- */ From 6bd225427d2c1f2bfe11ef37a67f73e72462ad23 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Wed, 19 Apr 2017 13:32:58 -0500 Subject: [PATCH 16/27] INTERIM-26 Polishing typography --- css/suitcase.css | 53 ++++++++++++++++++++++++++++++++++++------------ 1 file changed, 40 insertions(+), 13 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index 4af7900..b9017cd 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -134,22 +134,32 @@ li.leaf { /* -------------------- */ h1, h2, h3, h4, h5, h6 { - margin: 0 0 0.5em; - font-family: 'Nimbus Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 400; + margin: 0 0 1em; + font-family: 'Roboto'; + font-weight: 500; + letter-spacing: 0; + line-height: 1.35; } -h1 { font-size: 2.25rem; line-height: 1.25; } -h2 { font-size: 1.75rem; line-height: 1.25; } -h3 { font-size: 1.35rem; line-height: 1.25; } -h4 { font-size: 1.25rem; line-height: 1.25; } -h5 { font-size: 1.15rem; line-height: 1.25; } -h6 { font-size: 1rem; line-height: 1.25; } +h1 { font-size: 2.25rem; font-weight: 400;} +h2 { font-size: 1.625rem; } +h3 { font-size: 1.35rem; } +h4 { font-size: 1.25rem; } +h5 { font-size: 1.15rem; } +h6 { font-size: 1.00rem; } + +@media (max-width: 400px), (max-height: 500px) { + h1 { font-size: 2.00rem; } + h2 { font-size: 1.25rem; } + h3 { font-size: 1.15rem; } + h4 { font-size: 1.05rem; } + h5 { font-size: 1.00rem; } + h6 { font-size: 0.95rem; } +} p { - margin: 0 0 1rem; + margin: 0 0 1.5rem; font-size: 1rem; - line-height: 1.65; } small { font-size: 0.85em; } @@ -281,6 +291,18 @@ ol, overflow: hidden; } +.node ul ul, +.node ol ol, +.node ul ol, +.node ol ul { + margin-bottom: 0; +} + +.node ul > li, +.node ol > li { + margin-bottom: 0.5rem; +} + /* -------------------- */ /* Tables */ @@ -349,6 +371,11 @@ blockquote { border-left: 3px solid #f1be48; } +blockquote p:only-child, +blockquote p:last-child { + margin-bottom: 0; +} + /* -------------------- */ /* Misc Typography */ @@ -750,7 +777,7 @@ input[type=submit].form-submit { margin-bottom: 0; padding: 7px 0 0; font-weight: 700; - font-size: 1.125rem; /* 18px */ + font-size: 1.125rem; line-height: 1.25; border: 0; } @@ -760,7 +787,7 @@ input[type=submit].form-submit { display: block; margin-top: 0; margin-bottom: 0; - font-size: 1.375rem; /* 22px */ + font-size: 1.375rem; line-height: 1.25; font-weight: 400; } From 00a0545d3fa91548723aa2a363b5cc5c6243946f Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Wed, 19 Apr 2017 13:48:12 -0500 Subject: [PATCH 17/27] INTERIM-26 This selector was too leaky --- css/suitcase.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index b9017cd..6a00a0d 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1665,9 +1665,9 @@ ul.menu li { /* ## CONTENT TYPE INDICATOR /* -------------------- */ -.region-inner { +.region-inner.region-content-inner { /* Prevents margin collapse */ - overflow: hidden; + overflow-y: hidden; } .content-type-indicator.ct-search, From 2fc102fd15026e9f649c51ab0bc7f6f46985f897 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Wed, 19 Apr 2017 15:46:43 -0500 Subject: [PATCH 18/27] Revert "INTERIM-26 This selector was too leaky" This reverts commit 00a0545d3fa91548723aa2a363b5cc5c6243946f. --- css/suitcase.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index 6a00a0d..b9017cd 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1665,9 +1665,9 @@ ul.menu li { /* ## CONTENT TYPE INDICATOR /* -------------------- */ -.region-inner.region-content-inner { +.region-inner { /* Prevents margin collapse */ - overflow-y: hidden; + overflow: hidden; } .content-type-indicator.ct-search, From 5a3f957f8345cf2e56c52244648c495611db8e50 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Wed, 19 Apr 2017 15:49:30 -0500 Subject: [PATCH 19/27] INTERIM-26 Page titles avoid the indicator and no margin collapse --- css/suitcase.css | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index b9017cd..830b003 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1615,7 +1615,8 @@ a.facetapi-limit-link:not(.open):after { /* ---------------------------------------- */ #page-title { - margin-top: 1.5rem; + /* Steer clear of the content-type-indicator */ + padding-top: 1.5rem; margin-bottom: 1rem; } @@ -1665,11 +1666,6 @@ ul.menu li { /* ## CONTENT TYPE INDICATOR /* -------------------- */ -.region-inner { - /* Prevents margin collapse */ - overflow: hidden; -} - .content-type-indicator.ct-search, .content-type-indicator.ct-node { position: absolute; From ba40c35a6017cf465253db51878adf10a0a2be5f Mon Sep 17 00:00:00 2001 From: Angela McMahon Date: Mon, 1 May 2017 10:59:01 -0500 Subject: [PATCH 20/27] INTERIM-26 Reverted font changes --- css/suitcase.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/suitcase.css b/css/suitcase.css index 830b003..3417c02 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -135,7 +135,7 @@ li.leaf { h1, h2, h3, h4, h5, h6 { margin: 0 0 1em; - font-family: 'Roboto'; + font-family: 'Nimbus Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing: 0; line-height: 1.35; From f8a650984c572dfd0b504fe73dd011e94282ced9 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Fri, 5 May 2017 15:24:42 -0500 Subject: [PATCH 21/27] INTERIM-26 Revamped Social Menus Refocused how social menus are styled so they're consistent wherever the occur. --- css/suitcase.css | 109 ++++++++++++++++++++++++++++------------------- 1 file changed, 64 insertions(+), 45 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index 3417c02..601f3ad 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -17,6 +17,8 @@ 02. COMPONENTS a. Pagination b. Media Card + c. Icon Menus + d. Social Menus 03. UTILITY 04. GRID 05. HEADER @@ -271,6 +273,7 @@ a:hover { /* Exceptions */ #section-content .pane-menu-menu-social a.external:after, +#section-content .block-menu-social a:after, #section-content .view-resources a.external:after, #section-content .bibio-entry a.external:after { content: ''; @@ -617,6 +620,67 @@ input[type=submit].form-submit { margin-bottom: 0; } +/* --- Icon Menus --- */ + +.menu .fa { + margin-top: -0.15em; + margin-right: 0.5em; + font-size: 1.25em; + line-height: inherit; +} + +.menu a > .fa:before { + /* to remove underline on link hover */ + display: inline-block; + text-decoration: none; +} + +/* --- Social Menus --- */ +/* These can appear in blocks, + footer blocks, and panels. +*/ + +.block-menu-social .menu a, +.pane-menu-menu-social a { + color: #333; + text-decoration: none; +} + +.block-menu-social .menu a:hover .fa-facebook-official, +.pane-menu-menu-social .menu a:hover .fa-facebook-official { + color: #3b5998; +} + +.block-menu-social .menu a:hover .fa-twitter-square, +.pane-menu-menu-social .menu a:hover .fa-twitter-square { + color: #1da1f2; +} + +.block-menu-social .menu a:hover .fa-github-square, +.pane-menu-menu-social .menu a:hover .fa-github-square { + color: #4078c0; +} + +.block-menu-social .menu a:hover .fa-pinterest-square, +.pane-menu-menu-social .menu a:hover .fa-pinterest-square { + color: #bd081c; +} + +.block-menu-social .menu a:hover .fa-youtube-square, +.pane-menu-menu-social .menu a:hover .fa-youtube-square { + color: #cd201f; +} + +.block-menu-social .menu a:hover .fa-instagram, +.pane-menu-menu-social .menu a:hover .fa-instagram { + color: #e1306c; +} + +.block-menu-social .menu a:hover .fa-rss-square, +.pane-menu-menu-social .menu a:hover .fa-rss-square { + color: #f77737; +} + /* -------------------- */ /* ## UTILITY /* -------------------- */ @@ -1160,52 +1224,7 @@ ul.tabs.secondary img { color: #006ba6; } -/* Icon menus */ - -.block-menu-social .menu a { - color: #333333; -} - -.menu .fa { - margin-top: -0.15em; - margin-right: 0.5em; - font-size: 1.25em; - line-height: inherit; -} - -.menu a > .fa:before { - /* to remove underline on link hover */ - display: inline-block; - text-decoration: none; -} - -.section-footer .menu a:hover .fa-facebook-official { - color: #3b5998; -} - -.section-footer .menu a:hover .fa-twitter-square { - color: #1da1f2; -} -.section-footer .menu a:hover .fa-github-square { - color: #4078c0; -} - -.section-footer .menu a:hover .fa-pinterest-square { - color: #bd081c; -} - -.section-footer .menu a:hover .fa-youtube-square { - color: #cd201f; -} - -.section-footer .menu a:hover .fa-instagram { - color: #e1306c; -} - -.section-footer .menu a:hover .fa-rss-square { - color: #f77737; -} /* ---------------------------------------- */ /* ## HOME From aac3adbfca3dc683d683ff9e3ef24819ba9c022f Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Fri, 5 May 2017 15:30:35 -0500 Subject: [PATCH 22/27] INTERIM-26 Fix iframe width Videos were overflowing Panels --- css/suitcase.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/suitcase.css b/css/suitcase.css index 601f3ad..004d26d 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1300,6 +1300,11 @@ ul.tabs.secondary img { color: #676767; } +.panel-panel iframe { + max-width: 100%; + padding: 0 1rem; +} + /* .panel-pane-overflow must be set in the panel settings */ From 02a3779add8788c9b5be76fdc9f0301293758d0a Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Fri, 5 May 2017 15:36:17 -0500 Subject: [PATCH 23/27] INTERIM-26 Darkened +/- It wasn't sufficient contrast for some monitors. Easy to fix. --- css/suitcase.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/suitcase.css b/css/suitcase.css index 004d26d..84df1d7 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1492,7 +1492,7 @@ h2.block-title { position: absolute; width: 18px; height: 4px; - background: #ccc; + background: #bbb; } .js-suitcase-facet .caret:after { From dcf8385e42045fafb199eb3f07a8971e17706008 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Wed, 10 May 2017 15:43:48 -0500 Subject: [PATCH 24/27] INTERIM-43 Changed More Sign Ons link --- templates/region--isu_menu.tpl.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/region--isu_menu.tpl.php b/templates/region--isu_menu.tpl.php index 937339a..04deaf6 100644 --- a/templates/region--isu_menu.tpl.php +++ b/templates/region--isu_menu.tpl.php @@ -54,7 +54,7 @@
  • CyBox
  • CyMail
  • Outlook
    • -
  • More Sign Ons...
    • +
  • More Sign Ons...
    • From 33a5cc7e3430784d0f7d012e6623a6ee307b55d7 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Wed, 10 May 2017 16:02:31 -0500 Subject: [PATCH 25/27] INTERIM-43 Replaced parent link as well --- templates/region--isu_menu.tpl.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/region--isu_menu.tpl.php b/templates/region--isu_menu.tpl.php index 04deaf6..8fd3f07 100644 --- a/templates/region--isu_menu.tpl.php +++ b/templates/region--isu_menu.tpl.php @@ -47,7 +47,7 @@
  • Maps
  • Safety
  • - Sign Ons + Sign Ons
    • AccessPlus
    • Blackboard
      • From b74c55be0b897bb5d13ce07cfcb52579336aec0d Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Thu, 11 May 2017 13:56:27 -0500 Subject: [PATCH 26/27] INTERIM-26 Stop images in tables from shrinking to nothing --- css/suitcase.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/css/suitcase.css b/css/suitcase.css index 84df1d7..45d2f11 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -364,6 +364,14 @@ ol, border-right: 0; } +/* --- Views Tables --- */ + +.views-table img { + /* Prevents images from shrinking to nothing + when tables are very wide */ + max-width: none; +} + /* -------------------- */ /* Blockquotes */ @@ -1876,6 +1884,21 @@ table.responsive-table, background-color: #eee; } +/* Images in responsive tables */ + +.responsive-table img { + height: auto !important; +} + +@media (min-width: 801px) { + + .responsive-table img { + /* Prevents images from shrinking to nothing + before responsive table-breaking kicks in. */ + max-width: none; + } +} + /* -------------------- */ /* NO JS /* -------------------- */ From 939a7741b493408e2a60a81822b28d8ec88501f4 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Tue, 30 May 2017 15:49:04 -0500 Subject: [PATCH 27/27] INTERIM-26 Cleaned up formatting --- css/suitcase.css | 66 ++++++++++++++++++------------------- css/suitcase_responsive.css | 2 -- 2 files changed, 33 insertions(+), 35 deletions(-) diff --git a/css/suitcase.css b/css/suitcase.css index 45d2f11..08b9d18 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1,5 +1,3 @@ -/* TESTING VERSION 3.3 */ - /* ---------------------------------------- */ /* ## Table of Contents /* ---------------------------------------- */ @@ -549,7 +547,8 @@ input[type=submit].form-submit { /* ## COMPONENTS /* -------------------- */ -/* --- Pagination --- */ +/* -------------------- */ +/* Pagination */ .item-list .pager { display: flex; @@ -601,7 +600,8 @@ input[type=submit].form-submit { background: #ddd; } -/* --- Media Card --- */ +/* -------------------- */ +/* Media Card */ .media { /* Overrides blog_blog.css */ @@ -628,7 +628,8 @@ input[type=submit].form-submit { margin-bottom: 0; } -/* --- Icon Menus --- */ +/* -------------------- */ +/* Icon Menus */ .menu .fa { margin-top: -0.15em; @@ -643,7 +644,8 @@ input[type=submit].form-submit { text-decoration: none; } -/* --- Social Menus --- */ +/* -------------------- */ +/* Social Menus */ /* These can appear in blocks, footer blocks, and panels. */ @@ -693,8 +695,6 @@ input[type=submit].form-submit { /* ## UTILITY /* -------------------- */ - - /* -------------------- */ /* ## GRID /* -------------------- */ @@ -1313,7 +1313,7 @@ ul.tabs.secondary img { padding: 0 1rem; } -/* .panel-pane-overflow must be set +/* .panel-pane-overflow must be applied in the panel settings */ .panel-pane-overflow .pane-content, @@ -1416,12 +1416,12 @@ in the panel settings */ margin-left: -0.5rem; } -@media (max-width: 740px) { - .front-panel-row { - margin-left: 0.5rem; - margin-right: 0.5rem; + @media (max-width: 740px) { + .front-panel-row { + margin-left: 0.5rem; + margin-right: 0.5rem; + } } -} .front-panel-row .panel-panel.grid-3 { flex: 1 1 250px; @@ -1756,7 +1756,6 @@ ul.menu li { overflow: hidden; } - /* Field Name: Field Tags */ /* Field Name: Field Category */ @@ -1900,8 +1899,8 @@ table.responsive-table, } /* -------------------- */ -/* NO JS -/* -------------------- */ +/* If javascript is not enabled */ + .field-items table { display: block; @@ -1939,10 +1938,9 @@ table.responsive-table, } @media (max-width: 800px) { - -/* -------------------- */ -/* NONE + /* -------------------- */ +/* No headers (none) */ .responsive-table.table-none { display: table; min-width: 75%; } @@ -1956,8 +1954,7 @@ table.responsive-table, .responsive-table.table-none td:last-of-type { border-bottom: none; } /* -------------------- */ -/* FIRST ROW -/* -------------------- */ +/* Headers in first row */ .responsive-table.table-row { display: table; min-width: 75%; } @@ -1994,10 +1991,9 @@ table.responsive-table, } .table-row tr { border-bottom: 3px solid #bbb; } - -/* -------------------- */ -/* FIRST COL + /* -------------------- */ +/* Headers in first column */ .responsive-table.table-col { display: table; min-width: 75%; } @@ -2018,10 +2014,9 @@ table.responsive-table, } .responsive-table.table-col td:last-of-type { border-bottom: none; } - -/* -------------------- */ -/* BOTH + /* -------------------- */ +/* Headers in both first row and first column */ .responsive-table.table-both { display: table; min-width: 75%; } @@ -2193,7 +2188,7 @@ h2.node-title { /* --- Events Pagination --- */ -/* Hard override of module */ +/* Override of module */ .view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next { position: static; @@ -2376,6 +2371,7 @@ td.views-field-field-resource-screenshot img { /* --- Book Navigation --- */ /* Bottom */ + .book-navigation .menu li a { display: block; margin-bottom: 0.5rem; @@ -2514,7 +2510,8 @@ td.views-field-field-resource-screenshot img { padding-right: 1.5rem; } -/* --- Form Element Tables --- */ +/* -------------------- */ +/* Form Element Tables */ .node-form .field-multiple-table th.field-label { padding: 0.5rem 0.75rem; @@ -2546,7 +2543,8 @@ a.tabledrag-handle .handle { margin-right: 0.25rem; } -/* --- Images/Files --- */ +/* -------------------- */ +/* Images/Files */ .file .file-icon { position: relative; @@ -2559,7 +2557,8 @@ a.tabledrag-handle .handle { margin-right: 0.25rem; } -/* --- Text Format --- */ +/* -------------------- */ +/* Text Format */ .filter-help { float: none; @@ -2587,7 +2586,8 @@ a.tabledrag-handle .handle { padding: 0; } -/* --- Vertical Tabs --- */ +/* -------------------- */ +/* Vertical Tabs */ .vertical-tabs ul.vertical-tabs-list .summary { color: #333; diff --git a/css/suitcase_responsive.css b/css/suitcase_responsive.css index 1903784..b42bbd0 100644 --- a/css/suitcase_responsive.css +++ b/css/suitcase_responsive.css @@ -1,5 +1,3 @@ -/* TESTING VERSION 6.1 */ - /* -------------------- */ /* MICRO MOBILE */ /* < 550px */