From 1d395711bf591302478b8e44c19236175bedd985 Mon Sep 17 00:00:00 2001 From: John Flatness Date: Tue, 27 Nov 2018 13:46:32 -0500 Subject: [PATCH] Fix nav layout bug --- asset/css/style.css | 2 +- asset/sass/_screen.scss | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/asset/css/style.css b/asset/css/style.css index 2f2f84b..028121c 100644 --- a/asset/css/style.css +++ b/asset/css/style.css @@ -1 +1 @@ -@media screen{*{box-sizing:border-box}html{font-family:"Lora",serif;font-size:16px;line-height:24px}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Bitter",serif}h1{font-size:32px;margin:12px 0;line-height:48px}h2{font-size:28px;margin:12px 0;line-height:48px}h3{font-size:24px;margin:12px 0}h4{font-size:20px;margin:12px 0}a{color:#089494}a:link,a:visited{text-decoration:none}p a,span a,div a{text-decoration:underline}table{border-collapse:collapse;width:100%}th{border-bottom:3px solid #000;padding:6px}td{border-bottom:1px solid #c8c8c8;padding:6px}textarea,input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="number"],input[type="date"],input[type="datetime-local"]{font-family:"Lora",serif;font-size:16px;line-height:24px;border:1px solid #000;padding:5px}input[type="submit"],button,.button{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer}input[type="submit"]:hover,button:hover,.button:hover{background-color:#089494;color:#fff;border-bottom-width:0px}input[type="submit"].inactive,button.inactive,.button.inactive{background-color:rgba(0,0,0,0.08);color:#999}[type="submit"]{margin-left:28.57143%}input[type="checkbox"]{margin:0;vertical-align:bottom}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #000;border-radius:2px;font-family:"Lora",serif;font-size:16px;line-height:24px;padding:5px;padding-right:24px;background:#fff url(../../../../application/asset/img/select-arrow.svg) no-repeat;background-position:right 6px center;background-size:8px;height:36px}.field{display:flex;flex-wrap:wrap;margin:24px 0}.field .field-meta{width:28.57143%;text-align:right;padding:6px 24px 0 0}.required.field .field-meta:after{content:"*"}.field .field-meta .field-description{font-size:14px;line-height:18px;font-style:italic}.field .inputs{width:69.38776%}.field .inputs .value{margin-bottom:12px}.oc-content-inner{background-color:#fff}.oc-content-inner:after{content:"";background-color:#fff;position:absolute;top:100%;right:0;left:0;z-index:-1;height:9999px}nav ul{list-style-type:none;display:inline-block}.pagination .button{min-width:36px}.pagination form{display:inline-block;margin-right:24px}.pagination input[type="text"]{text-align:center}header{max-width:960px;margin:0 auto;color:#e7e7e7;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;flex-wrap:wrap}header:before{content:"";position:absolute;top:0;left:-9999px;right:-9999px;bottom:0;background-color:#000;z-index:-1}header a:link,header a:visited{color:#fff}header .site-title{display:inline-block;vertical-align:middle;margin-right:auto}header .site-title img{vertical-align:top}header h1{margin:6px 24px 6px 0;font-size:20px;line-height:24px}header nav{padding:24px;font-size:14px;line-height:18px}header nav ul{padding-left:0}header nav>ul>li{border-bottom:1px solid #cacaca;padding-bottom:11px;margin-bottom:12px}header nav>ul>li:last-child{border-bottom:0}header nav>ul>li>ul li{padding-left:12px;text-indent:-12px;margin:6px 0}header nav>ul>li>ul li:before{content:"\2014";color:#000;width:12px;display:block;float:left}header nav ul ul ul{display:block}header nav a:link,header nav a:visited{color:#000}#search-form{border:1px solid #fff;border-radius:2px;margin:0 12px 0 0;height:36px;overflow:hidden;display:flex}#search-form>*{vertical-align:top}#search-form input[type="text"]{background-color:#000;color:#fff;border:0}#search-form button[type="submit"]{margin-left:0;text-indent:-9999px;position:relative}#search-form button[type="submit"]:before{content:"\f002";font-family:"Font Awesome 5 Free";text-indent:0;position:absolute;top:0;right:0;left:0;bottom:0;line-height:36px}#search-form button,#menu-button{border:1px solid #fff;border-radius:2px;width:36px;height:36px;text-align:center;font-size:18px}#search-form button{border-width:0px 0px 0px 1px;border-radius:0}footer{max-width:960px;margin:0 auto;padding:24px;overflow:hidden}.oc-container,.oc-pusher,.oc-content{height:100%}.oc-content,.oc-content-inner{position:relative}.oc-container{position:relative;overflow:hidden}.oc-pusher{height:auto;min-height:100vh;position:relative;left:0;transition:transform 400ms;z-index:99}.oc-pusher::after{content:'';height:0;position:absolute;top:0;right:0;opacity:0;width:0;transition:opacity 400ms, width 0.1s 400ms, height 0.1s 400ms;background:transparent}.oc-menu-open .oc-pusher::after{height:100%;opacity:1;transition:opacity 400ms;width:100%}.oc-menu{height:100%;position:absolute;top:0;left:0;transition:all 400ms;visibility:hidden;width:225px;z-index:100;background:#bfdcdc}.oc-menu-open .oc-menu::after{height:0;opacity:0;transition:opacity 400ms, width 0.1s 400ms, height 0.1s 400ms;width:0}.oc-push.oc-menu{transform:translate3d(-100%, 0, 0)}.oc-push.oc-menu::after{display:none}.oc-push.oc-menu-open .oc-pusher{transform:translate3d(225px, 0, 0)}.oc-push.oc-menu-open .oc-push.oc-menu{overflow:hidden;overflow-y:scroll;transition:transform 400ms;visibility:visible}.no-js .oc-menu{height:auto;position:static;transform:translate3d(0, 0, 0);width:100%;visibility:visible}.no-js #oc-trigger{display:none}.no-js .oc-pusher{padding-left:0}.no-csstransforms3d .oc-pusher{padding-left:225px}#content{max-width:960px;margin:0 auto;padding:24px;overflow:hidden}#content>*:first-child{margin-top:0}nav.breadcrumbs{padding:6px;border-radius:2px;margin:12px 0;background-color:#e7e7e7}.sub-menu ul{padding-left:0;margin:0}.sub-menu li{display:inline-block}.sub-menu a{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer;margin-bottom:6px}.sub-menu a:hover{background-color:#089494;color:#fff;border-bottom-width:0px}.sub-menu a.inactive{background-color:rgba(0,0,0,0.08);color:#999}.item-showcase{margin:24px 0 23px;border-top:1px solid rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.08);padding:23px 0 0;overflow:hidden;text-align:center;clear:both;display:flex;flex-wrap:wrap;justify-content:center}.item.resource .caption{font-size:12px;line-height:24px}.item.resource .caption *{margin:0 0 24px 0}.item.resource .caption>*:last-child{margin-bottom:0}.item-showcase .resource.item{display:inline-block;vertical-align:top;margin-bottom:24px}.item-showcase .resource.item img{margin-right:12px}.item-showcase .resource.item:only-child img{margin:0 auto}.item-showcase .resource.item:not(:only-child){width:33.33%;clear:none;padding:0 6px}.item-showcase .resource.item:not(:only-child) h3{clear:left;font-size:12px;line-height:24px;margin:12px 0 0}.item-showcase .resource.item:not(:only-child) img{max-width:100%;height:auto;float:none;margin-right:0;vertical-align:top}.right,.left{overflow:hidden}.left .item.resource,.right .item.resource{margin:0 0 24px 0;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:40vw}.left .item.resource .media-render a,.right .item.resource .media-render a{vertical-align:top}.left .item.resource .media-render>*,.left .item.resource img,.right .item.resource .media-render>*,.right .item.resource img{max-width:40vw}.left .item.resource img,.right .item.resource img{vertical-align:top;margin-bottom:12px}.left:not(.file) .item.resource,.right:not(.file) .item.resource{max-width:50%}.file{display:-ms-grid;-ms-grid-columns:min-content}.left.file{float:left;clear:left;margin-right:24px}.right.file{float:right;clear:right;margin-left:24px}.left .item.resource>a:first-child,.right .item.resource>a:first-child{vertical-align:top}.medium .item.resource>h3,.square .item.resource>h3{font-size:16px;line-height:24px}.left .item.resource+p,.right .item.resource+p{margin-top:0}.break{width:100%;clear:both;border-bottom:1px solid #eee;padding-bottom:-1px;margin:24px 0}.break.transparent{border-color:transparent}.break.opaque{border-color:rgba(0,0,0,0.08)}.preview-block{margin:24px 0;overflow:hidden;clear:both}.resource-list.preview+a{background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold}.resource-list.preview+a:hover{background-color:#089494;color:#fff;border-bottom-width:0px}.resource-list .resource>*:only-child{margin-bottom:0}.toc-block>ul{margin:24px 0;list-style-type:none;border-left:5px solid #eee}.toc-block>ul>li{margin-bottom:12px}.toc-block>ul>li>a{font-weight:bold}.toc-block ul ul{list-style-type:none;padding-left:0}.toc-block ul ul ul{padding-left:1.25em}.toc-block ul ul li:before{content:"\2014";color:rgba(0,0,0,0.08)}.list-of-sites .site-list .site{margin-bottom:12px}.list-of-sites .site-list .site-link{display:inline-block;font-size:20px;margin-bottom:6px}.list-of-sites .site-list .site-summary{margin:0 0 0 12px;line-height:20px}.site-page-pagination{clear:both;margin-top:24px;color:#fff}.site-page-pagination a{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer}.site-page-pagination a:hover{background-color:#089494;color:#fff;border-bottom-width:0px}.site-page-pagination a.inactive{background-color:rgba(0,0,0,0.08);color:#999}ul.resource-list{list-style-type:none;padding-left:0}ul.resource-list .resource{border-bottom:1px solid rgba(0,0,0,0.08);padding-bottom:23px;margin:24px 0;overflow:hidden;position:relative}ul.resource-list .resource>*:last-child{margin-bottom:0}ul.resource-list .resource:first-child{border-top:1px solid rgba(0,0,0,0.08);padding-top:23px}ul.resource-list .resource img{height:auto;width:96px;float:right;margin-left:12px}ul.resource-list .resource h4{margin-top:0}ul.resource-list .resource .description{max-height:96px;overflow:hidden;position:relative}ul.resource-list .resource .description:after{content:"";position:absolute;top:66px;left:0;right:0;height:30px;background:linear-gradient(to top, #fff, rgba(255,255,255,0))}ul.resource-list .resource img ~ *{width:calc(100% - 108px)}.resource.show #content>h2:first-of-type{margin-bottom:0;display:block;width:80%;float:right;word-break:break-word;margin:0 6px 24px 0}.resource.show #content>h2+h3{font-family:"Lora",serif;font-size:16px;background-color:#000;color:#e7e7e7;padding:6px 12px;display:block;margin:6px 0;line-height:24px;vertical-align:middle;width:calc(20% - 18px);float:left;text-align:right}.resource.show .property{margin-bottom:24px;text-align:right;width:80%;float:left;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-right:24px;clear:left}.resource.show .property h4,#linked-resources>h4{width:25%;display:inline-block;margin:0;vertical-align:top;padding-right:12px;font-size:16px;line-height:24px}.resource.show .property .field-term{font-size:12px;display:inline-block}.resource.show .property .values,.resource.show .property h4+.value{width:75%;display:inline-block;vertical-align:top;text-align:left}.resource.show .property .values:not(:first-of-type),.resource.show .property h4+.value:not(:first-of-type){border-top:1px solid #eee;padding-top:5px;margin-top:6px}.resource.show .property .language{background-color:rgba(0,0,0,0.08);padding:0 6px}.resource-link img{height:36px;width:auto;vertical-align:middle;margin:0 6px 0 0}.resource.show .property table{margin-top:-6px}.resource.show .media-list{width:20%;margin:24px 0 0;display:inline-block;text-align:center}.resource.show .media-list .resource-link{margin-bottom:24px;display:block}.resource.show .media-list img{max-width:100%;height:auto}.resource.show .media-list .resource-name{word-wrap:break-word;margin-top:6px;display:block}.resource.show .media-list ~ *{clear:both}.media-render{clear:both}.media-render>*{max-width:100%}.media.resource.show .property{width:100%;display:flex}.media.resource.show .property h4{width:20%}.media.resource.show .property .value{width:80%}.media.resource.show .media-render{margin:24px 0;text-align:center}#item-linked{clear:left}#item-linked h3{margin:12px 0 36px}#linked-resources{display:flex;justify-content:flex-end;width:80%;flex-wrap:wrap;align-items:flex-start}#linked-resources caption{text-align:left;font-weight:bold;padding:6px 6px 3px;border-bottom:3px solid #000}#linked-resources th{text-align:left;border-bottom:1px solid #000}.linked-header,.linked-footer{width:100%;margin-bottom:24px;display:flex;justify-content:flex-end}#linked-filter{display:flex;align-items:center;width:50%;justify-content:flex-start;margin-right:auto}#linked-filter h4{font-size:16px;width:auto;padding:0;margin-right:6px;text-align:left}#linked-resources>h4{padding:6px;margin:0;text-align:right}#item-linked .pagination{width:50%;text-align:right}#item-linked .resource-link img{height:36px;width:auto;display:block;margin-right:6px}#linked-resources .linked-resource{border-bottom:1px solid #eee;margin-bottom:12px;width:75%;padding:0 6px 11px}#linked-resources .resource-link{display:flex;align-items:center}.filter{border-radius:2px;margin-bottom:12px;border:1px solid #000;display:inline-block}.filter-label{display:inline-block;padding:5px}.filter-value{padding:5px 12px;display:inline-block;background-color:#000;color:#fff}a.advanced-search{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer;float:right}a.advanced-search:hover{background-color:#089494;color:#fff;border-bottom-width:0px}a.advanced-search.inactive{background-color:rgba(0,0,0,0.08);color:#999}.browse-controls{display:flex;justify-content:space-between;flex-wrap:wrap}.sorting button{margin-left:0}#advanced-search .inputs .value{margin-bottom:12px}.remove-value.button{width:36px;height:36px;position:relative;margin-left:6px;text-indent:-9999px}.remove-value.button:before{text-indent:0;position:absolute;top:0;bottom:0;right:0;left:0;padding:6px;line-height:24px}.query-property{width:30%}.value a.metadata-browse-link{font-size:14px}}@media screen and (max-width: 640px){img,select{max-width:100%;height:auto}.field .field-meta,.field .inputs{width:100%;text-align:left;margin-bottom:6px}.item.resource.show #content{display:flex;flex-wrap:wrap}.item.resource.show #content>h2+h3{order:1;width:auto;margin:0}.item.resource.show #content>h2{order:2;width:100%}.item.resource.show #content>.media-list{order:3;width:100%;margin-top:0;display:flex;justify-content:space-between;flex-wrap:wrap}.item.resource.show #content>*{order:4;width:100%}.item.resource.show .property{display:block}.item.resource.show .property h4,.item.resource.show .property .values,#linked-resources,#linked-resources>h4,#linked-resources .linked-resource{text-align:left;width:100%;float:none}#linked-resources>h4,#linked-resources .linked-resource{padding-left:0;padding-right:0}.linked-resource .resource-link{flex:2}.linked.resources .resource-class{flex:1}} +@media screen{*{box-sizing:border-box}html{font-family:"Lora",serif;font-size:16px;line-height:24px}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Bitter",serif}h1{font-size:32px;margin:12px 0;line-height:48px}h2{font-size:28px;margin:12px 0;line-height:48px}h3{font-size:24px;margin:12px 0}h4{font-size:20px;margin:12px 0}a{color:#089494}a:link,a:visited{text-decoration:none}p a,span a,div a{text-decoration:underline}table{border-collapse:collapse;width:100%}th{border-bottom:3px solid #000;padding:6px}td{border-bottom:1px solid #c8c8c8;padding:6px}textarea,input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="number"],input[type="date"],input[type="datetime-local"]{font-family:"Lora",serif;font-size:16px;line-height:24px;border:1px solid #000;padding:5px}input[type="submit"],button,.button{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer}input[type="submit"]:hover,button:hover,.button:hover{background-color:#089494;color:#fff;border-bottom-width:0px}input[type="submit"].inactive,button.inactive,.button.inactive{background-color:rgba(0,0,0,0.08);color:#999}[type="submit"]{margin-left:28.57143%}input[type="checkbox"]{margin:0;vertical-align:bottom}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #000;border-radius:2px;font-family:"Lora",serif;font-size:16px;line-height:24px;padding:5px;padding-right:24px;background:#fff url(../../../../application/asset/img/select-arrow.svg) no-repeat;background-position:right 6px center;background-size:8px;height:36px}.field{display:flex;flex-wrap:wrap;margin:24px 0}.field .field-meta{width:28.57143%;text-align:right;padding:6px 24px 0 0}.required.field .field-meta:after{content:"*"}.field .field-meta .field-description{font-size:14px;line-height:18px;font-style:italic}.field .inputs{width:69.38776%}.field .inputs .value{margin-bottom:12px}.oc-content-inner{background-color:#fff}.oc-content-inner:after{content:"";background-color:#fff;position:absolute;top:100%;right:0;left:0;z-index:-1;height:9999px}nav ul{list-style-type:none}.pagination .button{min-width:36px}.pagination form{display:inline-block;margin-right:24px}.pagination input[type="text"]{text-align:center}header{max-width:960px;margin:0 auto;color:#e7e7e7;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;flex-wrap:wrap}header:before{content:"";position:absolute;top:0;left:-9999px;right:-9999px;bottom:0;background-color:#000;z-index:-1}header a:link,header a:visited{color:#fff}header .site-title{display:inline-block;vertical-align:middle;margin-right:auto}header .site-title img{vertical-align:top}header h1{margin:6px 24px 6px 0;font-size:20px;line-height:24px}header nav{padding:24px;font-size:14px;line-height:18px}header nav ul{padding-left:0}header nav>ul>li{border-bottom:1px solid #cacaca;padding-bottom:11px;margin-bottom:12px}header nav>ul>li:last-child{border-bottom:0}header nav>ul>li>ul li{padding-left:12px;text-indent:-12px;margin:6px 0}header nav>ul>li>ul li:before{content:"\2014";color:#000;width:12px;display:block;float:left}header nav ul ul ul{display:block}header nav a:link,header nav a:visited{color:#000}#search-form{border:1px solid #fff;border-radius:2px;margin:0 12px 0 0;height:36px;overflow:hidden;display:flex}#search-form>*{vertical-align:top}#search-form input[type="text"]{background-color:#000;color:#fff;border:0}#search-form button[type="submit"]{margin-left:0;text-indent:-9999px;position:relative}#search-form button[type="submit"]:before{content:"\f002";font-family:"Font Awesome 5 Free";text-indent:0;position:absolute;top:0;right:0;left:0;bottom:0;line-height:36px}#search-form button,#menu-button{border:1px solid #fff;border-radius:2px;width:36px;height:36px;text-align:center;font-size:18px}#search-form button{border-width:0px 0px 0px 1px;border-radius:0}footer{max-width:960px;margin:0 auto;padding:24px;overflow:hidden}.oc-container,.oc-pusher,.oc-content{height:100%}.oc-content,.oc-content-inner{position:relative}.oc-container{position:relative;overflow:hidden}.oc-pusher{height:auto;min-height:100vh;position:relative;left:0;transition:transform 400ms;z-index:99}.oc-pusher::after{content:'';height:0;position:absolute;top:0;right:0;opacity:0;width:0;transition:opacity 400ms, width 0.1s 400ms, height 0.1s 400ms;background:transparent}.oc-menu-open .oc-pusher::after{height:100%;opacity:1;transition:opacity 400ms;width:100%}.oc-menu{height:100%;position:absolute;top:0;left:0;transition:all 400ms;visibility:hidden;width:225px;z-index:100;background:#bfdcdc}.oc-menu-open .oc-menu::after{height:0;opacity:0;transition:opacity 400ms, width 0.1s 400ms, height 0.1s 400ms;width:0}.oc-push.oc-menu{transform:translate3d(-100%, 0, 0)}.oc-push.oc-menu::after{display:none}.oc-push.oc-menu-open .oc-pusher{transform:translate3d(225px, 0, 0)}.oc-push.oc-menu-open .oc-push.oc-menu{overflow:hidden;overflow-y:scroll;transition:transform 400ms;visibility:visible}.no-js .oc-menu{height:auto;position:static;transform:translate3d(0, 0, 0);width:100%;visibility:visible}.no-js #oc-trigger{display:none}.no-js .oc-pusher{padding-left:0}.no-csstransforms3d .oc-pusher{padding-left:225px}#content{max-width:960px;margin:0 auto;padding:24px;overflow:hidden}#content>*:first-child{margin-top:0}nav.breadcrumbs{padding:6px;border-radius:2px;margin:12px 0;background-color:#e7e7e7}.sub-menu ul{padding-left:0;margin:0}.sub-menu li{display:inline-block}.sub-menu a{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer;margin-bottom:6px}.sub-menu a:hover{background-color:#089494;color:#fff;border-bottom-width:0px}.sub-menu a.inactive{background-color:rgba(0,0,0,0.08);color:#999}.item-showcase{margin:24px 0 23px;border-top:1px solid rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.08);padding:23px 0 0;overflow:hidden;text-align:center;clear:both;display:flex;flex-wrap:wrap;justify-content:center}.item.resource .caption{font-size:12px;line-height:24px}.item.resource .caption *{margin:0 0 24px 0}.item.resource .caption>*:last-child{margin-bottom:0}.item-showcase .resource.item{display:inline-block;vertical-align:top;margin-bottom:24px}.item-showcase .resource.item img{margin-right:12px}.item-showcase .resource.item:only-child img{margin:0 auto}.item-showcase .resource.item:not(:only-child){width:33.33%;clear:none;padding:0 6px}.item-showcase .resource.item:not(:only-child) h3{clear:left;font-size:12px;line-height:24px;margin:12px 0 0}.item-showcase .resource.item:not(:only-child) img{max-width:100%;height:auto;float:none;margin-right:0;vertical-align:top}.right,.left{overflow:hidden}.left .item.resource,.right .item.resource{margin:0 0 24px 0;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:40vw}.left .item.resource .media-render a,.right .item.resource .media-render a{vertical-align:top}.left .item.resource .media-render>*,.left .item.resource img,.right .item.resource .media-render>*,.right .item.resource img{max-width:40vw}.left .item.resource img,.right .item.resource img{vertical-align:top;margin-bottom:12px}.left:not(.file) .item.resource,.right:not(.file) .item.resource{max-width:50%}.file{display:-ms-grid;-ms-grid-columns:min-content}.left.file{float:left;clear:left;margin-right:24px}.right.file{float:right;clear:right;margin-left:24px}.left .item.resource>a:first-child,.right .item.resource>a:first-child{vertical-align:top}.medium .item.resource>h3,.square .item.resource>h3{font-size:16px;line-height:24px}.left .item.resource+p,.right .item.resource+p{margin-top:0}.break{width:100%;clear:both;border-bottom:1px solid #eee;padding-bottom:-1px;margin:24px 0}.break.transparent{border-color:transparent}.break.opaque{border-color:rgba(0,0,0,0.08)}.preview-block{margin:24px 0;overflow:hidden;clear:both}.resource-list.preview+a{background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold}.resource-list.preview+a:hover{background-color:#089494;color:#fff;border-bottom-width:0px}.resource-list .resource>*:only-child{margin-bottom:0}.toc-block>ul{margin:24px 0;list-style-type:none;border-left:5px solid #eee}.toc-block>ul>li{margin-bottom:12px}.toc-block>ul>li>a{font-weight:bold}.toc-block ul ul{list-style-type:none;padding-left:0}.toc-block ul ul ul{padding-left:1.25em}.toc-block ul ul li:before{content:"\2014";color:rgba(0,0,0,0.08)}.list-of-sites .site-list .site{margin-bottom:12px}.list-of-sites .site-list .site-link{display:inline-block;font-size:20px;margin-bottom:6px}.list-of-sites .site-list .site-summary{margin:0 0 0 12px;line-height:20px}.site-page-pagination{clear:both;margin-top:24px;color:#fff}.site-page-pagination a{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer}.site-page-pagination a:hover{background-color:#089494;color:#fff;border-bottom-width:0px}.site-page-pagination a.inactive{background-color:rgba(0,0,0,0.08);color:#999}ul.resource-list{list-style-type:none;padding-left:0}ul.resource-list .resource{border-bottom:1px solid rgba(0,0,0,0.08);padding-bottom:23px;margin:24px 0;overflow:hidden;position:relative}ul.resource-list .resource>*:last-child{margin-bottom:0}ul.resource-list .resource:first-child{border-top:1px solid rgba(0,0,0,0.08);padding-top:23px}ul.resource-list .resource img{height:auto;width:96px;float:right;margin-left:12px}ul.resource-list .resource h4{margin-top:0}ul.resource-list .resource .description{max-height:96px;overflow:hidden;position:relative}ul.resource-list .resource .description:after{content:"";position:absolute;top:66px;left:0;right:0;height:30px;background:linear-gradient(to top, #fff, rgba(255,255,255,0))}ul.resource-list .resource img ~ *{width:calc(100% - 108px)}.resource.show #content>h2:first-of-type{margin-bottom:0;display:block;width:80%;float:right;word-break:break-word;margin:0 6px 24px 0}.resource.show #content>h2+h3{font-family:"Lora",serif;font-size:16px;background-color:#000;color:#e7e7e7;padding:6px 12px;display:block;margin:6px 0;line-height:24px;vertical-align:middle;width:calc(20% - 18px);float:left;text-align:right}.resource.show .property{margin-bottom:24px;text-align:right;width:80%;float:left;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-right:24px;clear:left}.resource.show .property h4,#linked-resources>h4{width:25%;display:inline-block;margin:0;vertical-align:top;padding-right:12px;font-size:16px;line-height:24px}.resource.show .property .field-term{font-size:12px;display:inline-block}.resource.show .property .values,.resource.show .property h4+.value{width:75%;display:inline-block;vertical-align:top;text-align:left}.resource.show .property .values:not(:first-of-type),.resource.show .property h4+.value:not(:first-of-type){border-top:1px solid #eee;padding-top:5px;margin-top:6px}.resource.show .property .language{background-color:rgba(0,0,0,0.08);padding:0 6px}.resource-link img{height:36px;width:auto;vertical-align:middle;margin:0 6px 0 0}.resource.show .property table{margin-top:-6px}.resource.show .media-list{width:20%;margin:24px 0 0;display:inline-block;text-align:center}.resource.show .media-list .resource-link{margin-bottom:24px;display:block}.resource.show .media-list img{max-width:100%;height:auto}.resource.show .media-list .resource-name{word-wrap:break-word;margin-top:6px;display:block}.resource.show .media-list ~ *{clear:both}.media-render{clear:both}.media-render>*{max-width:100%}.media.resource.show .property{width:100%;display:flex}.media.resource.show .property h4{width:20%}.media.resource.show .property .value{width:80%}.media.resource.show .media-render{margin:24px 0;text-align:center}#item-linked{clear:left}#item-linked h3{margin:12px 0 36px}#linked-resources{display:flex;justify-content:flex-end;width:80%;flex-wrap:wrap;align-items:flex-start}#linked-resources caption{text-align:left;font-weight:bold;padding:6px 6px 3px;border-bottom:3px solid #000}#linked-resources th{text-align:left;border-bottom:1px solid #000}.linked-header,.linked-footer{width:100%;margin-bottom:24px;display:flex;justify-content:flex-end}#linked-filter{display:flex;align-items:center;width:50%;justify-content:flex-start;margin-right:auto}#linked-filter h4{font-size:16px;width:auto;padding:0;margin-right:6px;text-align:left}#linked-resources>h4{padding:6px;margin:0;text-align:right}#item-linked .pagination{width:50%;text-align:right}#item-linked .resource-link img{height:36px;width:auto;display:block;margin-right:6px}#linked-resources .linked-resource{border-bottom:1px solid #eee;margin-bottom:12px;width:75%;padding:0 6px 11px}#linked-resources .resource-link{display:flex;align-items:center}.filter{border-radius:2px;margin-bottom:12px;border:1px solid #000;display:inline-block}.filter-label{display:inline-block;padding:5px}.filter-value{padding:5px 12px;display:inline-block;background-color:#000;color:#fff}a.advanced-search{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer;float:right}a.advanced-search:hover{background-color:#089494;color:#fff;border-bottom-width:0px}a.advanced-search.inactive{background-color:rgba(0,0,0,0.08);color:#999}.browse-controls{display:flex;justify-content:space-between;flex-wrap:wrap}.sorting button{margin-left:0}#advanced-search .inputs .value{margin-bottom:12px}.remove-value.button{width:36px;height:36px;position:relative;margin-left:6px;text-indent:-9999px}.remove-value.button:before{text-indent:0;position:absolute;top:0;bottom:0;right:0;left:0;padding:6px;line-height:24px}.query-property{width:30%}.value a.metadata-browse-link{font-size:14px}}@media screen and (max-width: 640px){img,select{max-width:100%;height:auto}.field .field-meta,.field .inputs{width:100%;text-align:left;margin-bottom:6px}.item.resource.show #content{display:flex;flex-wrap:wrap}.item.resource.show #content>h2+h3{order:1;width:auto;margin:0}.item.resource.show #content>h2{order:2;width:100%}.item.resource.show #content>.media-list{order:3;width:100%;margin-top:0;display:flex;justify-content:space-between;flex-wrap:wrap}.item.resource.show #content>*{order:4;width:100%}.item.resource.show .property{display:block}.item.resource.show .property h4,.item.resource.show .property .values,#linked-resources,#linked-resources>h4,#linked-resources .linked-resource{text-align:left;width:100%;float:none}#linked-resources>h4,#linked-resources .linked-resource{padding-left:0;padding-right:0}.linked-resource .resource-link{flex:2}.linked.resources .resource-class{flex:1}} diff --git a/asset/sass/_screen.scss b/asset/sass/_screen.scss index 77fcfe6..6f0bdae 100644 --- a/asset/sass/_screen.scss +++ b/asset/sass/_screen.scss @@ -203,7 +203,6 @@ td { nav ul { list-style-type: none; - display: inline-block; } /* @end */