diff --git a/BuildFeed/App_Code/PaginationHelpers.cshtml b/BuildFeed/App_Code/PaginationHelpers.cshtml
index bd13c6b..256c9ba 100644
--- a/BuildFeed/App_Code/PaginationHelpers.cshtml
+++ b/BuildFeed/App_Code/PaginationHelpers.cshtml
@@ -12,28 +12,28 @@
{
RouteValueDictionary rvd = new RouteValueDictionary(rd);
rvd.Remove("page");
-
@MvcIntrinsics.Html.ActionLink(HttpUtility.HtmlDecode("«"), view, rvd)
- @MvcIntrinsics.Html.ActionLink(HttpUtility.HtmlDecode("‹"), view, rvd)
+
+
}
else if (currentPage > 2)
{
- RouteValueDictionary firstRvd = new RouteValueDictionary(rd);
- firstRvd.Remove("page");
- @MvcIntrinsics.Html.ActionLink(HttpUtility.HtmlDecode("«"), view, firstRvd)
+ RouteValueDictionary firstRvd = new RouteValueDictionary(rd);
+ firstRvd.Remove("page");
+
- RouteValueDictionary rvd = new RouteValueDictionary(rd)
- {
- ["page"] = currentPage - 1
- };
- @MvcIntrinsics.Html.ActionLink(HttpUtility.HtmlDecode("‹"), multiView, rvd)
+ RouteValueDictionary rvd = new RouteValueDictionary(rd)
+ {
+ ["page"] = currentPage - 1
+ };
+
}
else
{
- «
+
- ‹
+
}
@@ -77,26 +77,26 @@
@if (currentPage < totalPages)
{
- RouteValueDictionary rvd = new RouteValueDictionary(rd)
- {
- ["page"] = currentPage + 1
- };
+ RouteValueDictionary rvd = new RouteValueDictionary(rd)
+ {
+ ["page"] = currentPage + 1
+ };
- @MvcIntrinsics.Html.ActionLink(HttpUtility.HtmlDecode("›"), multiView, rvd)
+
- RouteValueDictionary lastRvd = new RouteValueDictionary(rd)
- {
- ["page"] = totalPages
- };
- @MvcIntrinsics.Html.ActionLink(HttpUtility.HtmlDecode("»"), multiView, lastRvd)
+ RouteValueDictionary lastRvd = new RouteValueDictionary(rd)
+ {
+ ["page"] = totalPages
+ };
+
}
else
{
- ›
+
- »
+
}
diff --git a/BuildFeed/Views/front/editBuild.cshtml b/BuildFeed/Views/front/editBuild.cshtml
index e898536..0d0c326 100644
--- a/BuildFeed/Views/front/editBuild.cshtml
+++ b/BuildFeed/Views/front/editBuild.cshtml
@@ -1,227 +1,194 @@
@using BuildFeed.Model
@model BuildFeed.Model.Build
@{
- ViewBag.Title = (string)ViewContext.RouteData.Values["action"] == "addBuild"
- ? $"{VariantTerms.Common_AddBuild} | {InvariantTerms.SiteName}"
- : $"{VariantTerms.Front_EditBuild} {Model.FullBuildString} | {InvariantTerms.SiteName}";
- Html.EnableClientValidation();
- Html.EnableUnobtrusiveJavaScript();
+ ViewBag.Title = (string)ViewContext.RouteData.Values["action"] == "addBuild"
+ ? $"{VariantTerms.Common_AddBuild} | {InvariantTerms.SiteName}"
+ : $"{VariantTerms.Front_EditBuild} {Model.FullBuildString} | {InvariantTerms.SiteName}";
+ Html.EnableClientValidation();
+ Html.EnableUnobtrusiveJavaScript();
}
@if ((string)ViewContext.RouteData.Values["action"] == "addBuild")
{
- @VariantTerms.Common_AddBuild
+ @VariantTerms.Common_AddBuild
}
else
{
- @VariantTerms.Front_EditBuild @Model.FullBuildString
+ @VariantTerms.Front_EditBuild @Model.AlternateBuildString
}
-
diff --git a/BuildFeed/res/css/default.css b/BuildFeed/res/css/default.css
index 908381a..122190e 100644
--- a/BuildFeed/res/css/default.css
+++ b/BuildFeed/res/css/default.css
@@ -1,2 +1,2 @@
-body{font-family:Roboto,sans-serif;font-size:10pt;line-height:1.6;margin:0;box-sizing:border-box}a{text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}.dropdown-parent .dropdown-menu .dropdown-menu-block li>a:active,.dropdown-parent .dropdown-menu .dropdown-menu-block li>a:focus,.dropdown-parent .dropdown-menu .dropdown-menu-block li>a:hover,.latest-flex .latest-flex-item:active,.latest-flex .latest-flex-item:focus,.latest-flex .latest-flex-item:hover,.latest-full:active,.latest-full:focus,.latest-full:hover,a.button,header#page-header h1 a,input[type=submit].button,nav#page-navigation #page-navigation-links>li>a:active,nav#page-navigation #page-navigation-links>li>a:focus,nav#page-navigation #page-navigation-links>li>a:hover,ul.pagination>li>a,ul.pagination>li>span{text-decoration:none}h1{font-size:3em;font-weight:500}p{margin:0 0 1em}table{width:100%;border-collapse:collapse}table td,table th{margin:0;border:0;padding:4px 6px}table thead th{border-bottom:1px solid;text-align:left}.at-share-btn-elements{margin-left:-8px}.at-share-btn-elements>.at_flat_counter{font-size:14px!important;vertical-align:top!important}.at-share-btn-elements>.at-share-btn{margin-left:8px!important}.container{width:1240px;max-width:80%;margin:0 auto;position:relative}.no-wrapping{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.eager-wrapping{word-wrap:break-word}.field-validation-error{display:block;margin:.33333em 0;color:#FF2626}a.button,input[type=submit].button{display:inline-block;vertical-align:middle;padding:.33333em 1em;background-color:#1274B2;color:#fff;border-radius:.16667em;text-align:center}a.button.edit-button,input[type=submit].button.edit-button{background-color:#FF9F19}a.button.delete-button,input[type=submit].button.delete-button{background-color:#FF2626}a.button.add-button,input[type=submit].button.add-button{background-color:#12B23F}header#page-header h1{font-weight:300;margin:.33em 0}nav#page-navigation{border-bottom-width:1px;border-bottom-style:solid;position:relative;z-index:10}nav#page-navigation #page-navigation-links{margin:0 -15px;padding:0;text-align:right}nav#page-navigation #page-navigation-links>li{display:inline-block;vertical-align:top}nav#page-navigation #page-navigation-links>li>a{display:block;padding:15px}nav#page-navigation button{display:none;width:100%;border:0;font-size:1.2em;font-weight:300;padding:.66667em 0;background:0 0}.dropdown-parent .dropdown-menu{box-sizing:border-box;display:none;position:absolute;left:-15px;right:-15px;max-width:1270px;padding:15px;text-align:left;z-index:10;border-width:0 1px 1px;border-style:solid}#menu-open-overlay,#modal-search-overlay{position:fixed;top:0;bottom:0;left:0;right:0}.dropdown-parent .dropdown-menu h4{margin:0 0 .5em;font-size:1.2em;font-weight:500}article h1,article h1.eager-wrapping{font-size:4em}.dropdown-parent .dropdown-menu .dropdown-menu-block{float:left;display:inline-block;vertical-align:top}.dropdown-parent .dropdown-menu .dropdown-menu-block ul{padding:0}.dropdown-parent .dropdown-menu .dropdown-menu-block li{list-style-type:none;line-height:2em;float:left;width:20%;min-width:100px;vertical-align:top}.dropdown-parent .dropdown-menu .dropdown-menu-block li>a{display:block;padding:0 1em}.dropdown-parent .dropdown-menu #settings-theme-menu{width:120px}.dropdown-parent .dropdown-menu #settings-lang-menu{width:calc(100% - 120px)}.dropdown-parent.open .dropdown-menu{display:block}article{padding:2em 0}article h1{font-weight:300;text-align:center;margin:0 0 .5em}article h3{font-size:2em;font-weight:700;margin:.33333em 0 .66667em;text-transform:uppercase;letter-spacing:.25em;border-bottom:1px solid}article h4{margin:1em 0 0}article .build-group-listing{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 -.75em}article .build-group-listing .build-group{width:175px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0 .75em 1em;box-sizing:border-box}article .build-group-listing .build-group h3{font-size:1.75em;font-weight:300;padding:0;margin:0 0 .4em;letter-spacing:-.05em;border-bottom:0;text-transform:lowercase;text-align:left}article .build-group-listing .build-group p{font-size:1.1em;font-weight:300;margin:0 0 .66667em}article .build-group-listing .build-group-empty{width:180px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0 .75em;box-sizing:border-box}.latest-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:2em -2em 0 0}.latest-flex .latest-flex-item{width:240px;box-sizing:border-box;background:#fff;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0 2em 2em 0}.latest-flex .latest-flex-item h3.latest-flex-title{border-bottom:0;font-size:1.25em;font-weight:400;text-align:center;padding:.4em .5em;margin:-1px;color:#fff}.latest-flex .latest-flex-item.latest-flex-red{border:.33333em solid #FF2626}.latest-flex .latest-flex-item.latest-flex-red h3.latest-flex-title{background:#FF2626}.latest-flex .latest-flex-item.latest-flex-yellow{border:.33333em solid #FF9F19}.latest-flex .latest-flex-item.latest-flex-yellow h3.latest-flex-title{background:#FF9F19}.latest-flex .latest-flex-item.latest-flex-green{border:.33333em solid #12B23F}.latest-flex .latest-flex-item.latest-flex-green h3.latest-flex-title{background:#12B23F}.latest-flex .latest-flex-item .latest-flex-detail{color:#373736;text-align:center;font-weight:300}.latest-flex .latest-flex-item .latest-flex-detail .latest-flex-build{font-size:2.33333em;margin:.33333em 0 .16667em}.latest-flex .latest-flex-item .latest-flex-detail .latest-flex-lab{font-size:1.5em;margin:0 0 .5em}.latest-flex .latest-flex-item .latest-flex-detail .latest-flex-time{margin:0 0 .75em}.latest-full{display:block;background:#1274B2;font-weight:400;text-align:center;color:#fff;margin:0 0 2em;padding:.66667em}.build-details-flex,.credits-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.build-details-flex{display:flex;font-size:1.1em;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.build-details-flex .build-details-flex-item{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:1.5em;width:160px}.build-details-flex .build-details-flex-item label{font-weight:700;display:inline-block;vertical-align:top;margin-right:1em;min-width:100px}.build-details-flex .build-details-flex-item .build-details-flex-value{display:inline-block;vertical-align:top;margin-right:20px}.form-group{margin-bottom:1.5em}.form-group>label{width:20%;text-align:right;font-weight:700;margin-right:1em;display:inline-block;vertical-align:top;margin-top:.25em}.form-group>div{margin-left:calc(20% + 1em);width:30%;display:inline-block;vertical-align:top}.credits-list dd,.form-group>label+div{margin-left:0}.form-group>div input,.form-group>div select,.form-group>div textarea{width:100%;box-sizing:border-box;border:1px solid;padding:.33333em .5em;border-radius:2px;line-height:1em}.form-group>div input[type=checkbox],.form-group>div input[type=submit]{width:auto}.form-group>div button,.form-group>div input[type=submit]{display:inline-block;vertical-align:middle;padding:.33333em 1em;background-color:#12B23F;color:#fff;text-decoration:none;border-radius:.16667em;border:0;line-height:1.6}.form-group>div.wide-group{width:40%}.form-group>div.wide-group>.trumbowyg-box{width:100%;margin:0}.credits-wrapper{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.credits-wrapper .credits-list{width:480px;max-width:100%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.credits-list dt{font-weight:700}.credits-list dd+dt{margin-top:1.5em}ul.pagination{text-align:center;margin:0 0 1em;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}ul.pagination>li{list-style:none;width:1.5em;line-height:1.5em;margin:0 .25em}ul.pagination>li>a,ul.pagination>li>span{display:block;border-radius:.5em}ul.pagination>li>span{cursor:not-allowed}footer#page-footer{padding:1.33333em 0 .66667em;font-size:.85em}footer#page-footer .footer-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}footer#page-footer .footer-flex .footer-flex-item{width:50%;min-width:200px;text-align:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}footer#page-footer .footer-flex .footer-flex-item:last-child{text-align:right}footer#page-footer .footer-flex .footer-flex-item:first-child{text-align:left}footer#page-footer p{margin:0 0 .4em}#modal-search-overlay{display:none;transition:background-color linear .6s,-webkit-backdrop-filter linear .6s,backdrop-filter linear .6s;background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);z-index:100}#modal-search-overlay.open{display:block;background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#modal-search-overlay #modal-search{position:absolute;top:15%;left:25%;width:50%;max-height:70%;overflow:auto;padding:2em;border-radius:2px;box-sizing:border-box;border:1px solid #ccc}#modal-search-overlay #modal-search h3{margin:0 0 1em;font-size:1.5em;font-weight:300}#modal-search-overlay #modal-search>#modal-search-box{width:100%}#modal-search-overlay #modal-search>#modal-search-box>*{display:inline-block;height:2.5em;padding:.5em;box-sizing:border-box;border:1px solid}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{width:calc(100% - 3.33333em)}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button{width:2.66667em}#modal-search-overlay #modal-search>#modal-search-result{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#modal-search-overlay #modal-search>#modal-search-result>.search-result-item{display:block;padding:0 1em;width:140px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}#modal-search-overlay #modal-search>#modal-search-result>.search-result-item>.search-result-heading{font-size:1.2em;margin-bottom:0}#menu-open-overlay{display:none;z-index:5}#menu-open-overlay.open{display:block}@media (max-width:980px){#modal-search-overlay #modal-search{left:10%;width:80%}}@media (max-width:640px){header#page-header h1{text-align:center}nav#page-navigation #page-navigation-links.open,nav#page-navigation button{display:block}nav#page-navigation #page-navigation-links{display:none}nav#page-navigation #page-navigation-links>li{display:block;text-align:left}article .addthis_sharing_toolbox,article h3,footer#page-footer .footer-flex .footer-flex-item:last-child{text-align:center}article h1,article h1.eager-wrapping{font-size:3em;line-height:1.33333}footer#page-footer .footer-flex .footer-flex-item:first-child{text-align:center;margin-bottom:1.5em}}
+body{font-family:Roboto,sans-serif;font-size:10pt;line-height:1.6;margin:0;box-sizing:border-box}a{text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}.dropdown-parent .dropdown-menu .dropdown-menu-block li>a:active,.dropdown-parent .dropdown-menu .dropdown-menu-block li>a:focus,.dropdown-parent .dropdown-menu .dropdown-menu-block li>a:hover,.latest-flex .latest-flex-item:active,.latest-flex .latest-flex-item:focus,.latest-flex .latest-flex-item:hover,.latest-full:active,.latest-full:focus,.latest-full:hover,a.button,header#page-header h1 a,input[type=submit].button,nav#page-navigation #page-navigation-links>li>a:active,nav#page-navigation #page-navigation-links>li>a:focus,nav#page-navigation #page-navigation-links>li>a:hover,ul.pagination>li>a,ul.pagination>li>span{text-decoration:none}h1{font-size:3em;font-weight:500}p{margin:0 0 1em}table{width:100%;border-collapse:collapse}table td,table th{margin:0;border:0;padding:4px 6px}table thead th{border-bottom:1px solid;text-align:left}.at-share-btn-elements{margin-left:-8px}.at-share-btn-elements>.at_flat_counter{font-size:14px!important;vertical-align:top!important}.at-share-btn-elements>.at-share-btn{margin-left:8px!important}.container{width:1240px;max-width:80%;margin:0 auto;position:relative}.no-wrapping{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.eager-wrapping{word-wrap:break-word}.field-validation-error{display:block;margin:.33333em 0;color:#FF2626}a.button,input[type=submit].button{display:inline-block;vertical-align:middle;padding:.33333em 1em;background-color:#1274B2;color:#fff;border-radius:.16667em;text-align:center}a.button.edit-button,input[type=submit].button.edit-button{background-color:#FF9F19}a.button.delete-button,input[type=submit].button.delete-button{background-color:#FF2626}a.button.add-button,input[type=submit].button.add-button{background-color:#12B23F}header#page-header h1{font-weight:300;margin:.33em 0}nav#page-navigation{border-bottom-width:1px;border-bottom-style:solid;position:relative;z-index:10}nav#page-navigation #page-navigation-links{margin:0 -15px;padding:0;text-align:right}nav#page-navigation #page-navigation-links>li{display:inline-block;vertical-align:top}nav#page-navigation #page-navigation-links>li>a{display:block;padding:15px}nav#page-navigation button{display:none;width:100%;border:0;font-size:1.2em;font-weight:300;padding:.66667em 0;background:0 0}.dropdown-parent .dropdown-menu{box-sizing:border-box;display:none;position:absolute;left:-15px;right:-15px;max-width:1270px;padding:15px;text-align:left;z-index:10;border-width:0 1px 1px;border-style:solid}#menu-open-overlay,#modal-search-overlay{position:fixed;top:0;bottom:0;left:0;right:0}.dropdown-parent .dropdown-menu h4{margin:0 0 .5em;font-size:1.2em;font-weight:500}article h1,article h1.eager-wrapping{font-size:4em}.dropdown-parent .dropdown-menu .dropdown-menu-block{float:left;display:inline-block;vertical-align:top}.dropdown-parent .dropdown-menu .dropdown-menu-block ul{padding:0}.dropdown-parent .dropdown-menu .dropdown-menu-block li{list-style-type:none;line-height:2em;float:left;width:20%;min-width:100px;vertical-align:top}.dropdown-parent .dropdown-menu .dropdown-menu-block li>a{display:block;padding:0 1em}.dropdown-parent .dropdown-menu #settings-theme-menu{width:120px}.dropdown-parent .dropdown-menu #settings-lang-menu{width:calc(100% - 120px)}.dropdown-parent.open .dropdown-menu{display:block}article{padding:2em 0}article h1{font-weight:300;text-align:center;margin:0 0 .5em}article h3{font-size:2em;font-weight:700;margin:.33333em 0 .66667em;text-transform:uppercase;letter-spacing:.25em;border-bottom:1px solid}article h4{margin:1em 0 0}article .build-group-listing{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 -.75em}article .build-group-listing .build-group{width:175px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0 .75em 1em;box-sizing:border-box}article .build-group-listing .build-group h3{font-size:1.75em;font-weight:300;padding:0;margin:0 0 .4em;letter-spacing:-.05em;border-bottom:0;text-transform:lowercase;text-align:left}article .build-group-listing .build-group p{font-size:1.1em;font-weight:300;margin:0 0 .66667em}article .build-group-listing .build-group-empty{width:180px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0 .75em;box-sizing:border-box}.latest-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:2em -2em 0 0}.latest-flex .latest-flex-item{width:240px;box-sizing:border-box;background:#fff;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:0 2em 2em 0}.latest-flex .latest-flex-item h3.latest-flex-title{border-bottom:0;font-size:1.25em;font-weight:400;text-align:center;padding:.4em .5em;margin:-1px;color:#fff}.latest-flex .latest-flex-item.latest-flex-red{border:.25em solid #FF2626}.latest-flex .latest-flex-item.latest-flex-red h3.latest-flex-title{background:#FF2626}.latest-flex .latest-flex-item.latest-flex-yellow{border:.25em solid #FF9F19}.latest-flex .latest-flex-item.latest-flex-yellow h3.latest-flex-title{background:#FF9F19}.latest-flex .latest-flex-item.latest-flex-green{border:.25em solid #12B23F}.latest-flex .latest-flex-item.latest-flex-green h3.latest-flex-title{background:#12B23F}.latest-flex .latest-flex-item .latest-flex-detail{color:#373736;text-align:center;font-weight:300}.latest-flex .latest-flex-item .latest-flex-detail .latest-flex-build{font-size:2.33333em;margin:.33333em 0 .16667em}.latest-flex .latest-flex-item .latest-flex-detail .latest-flex-lab{font-size:1.5em;margin:0 0 .5em}.latest-flex .latest-flex-item .latest-flex-detail .latest-flex-time{margin:0 0 .75em}.latest-full{display:block;background:#1274B2;font-weight:400;text-align:center;color:#fff;margin:0 0 2em;padding:.66667em}.build-details-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:1.1em;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.build-details-flex .build-details-flex-item{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:1.5em;width:160px}.build-details-flex .build-details-flex-item label{font-weight:700;display:inline-block;vertical-align:top;margin-right:1em;min-width:100px}.build-details-flex .build-details-flex-item .build-details-flex-value{display:inline-block;vertical-align:top;margin-right:20px}.form-group{margin-bottom:1.5em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-group>div,.form-group>label{display:inline-block;vertical-align:top}.form-group>label{width:20%;max-width:240px;min-width:120px;text-align:left;font-weight:700;margin-right:1em;margin-top:.25em;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.form-group>div{margin-left:calc(20% + 1em);width:40%;min-width:240px;max-width:560px;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2}.credits-list dd,.form-group>label+div{margin-left:0}.credits-wrapper,.form-group>div .group-input-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.form-group>div input,.form-group>div select,.form-group>div textarea{width:100%;box-sizing:border-box;border:1px solid #888;padding:.33333em .5em;border-radius:.16667em;line-height:1em}.form-group>div .group-input-button{display:flex}.form-group>div .group-input-button input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.form-group>div .group-input-button button{border-top-left-radius:0;border-bottom-left-radius:0;width:120px;border:1px solid #888;border-left:0}.form-group>div input[type=checkbox],.form-group>div input[type=submit]{width:auto}.form-group>div button,.form-group>div input[type=submit]{display:inline-block;vertical-align:middle;padding:.33333em 1em;background-color:#12B23F;color:#fff;text-decoration:none;border-radius:.16667em;border:0;line-height:1.6}.form-group>div.wide-group{width:40%}.form-group>div.wide-group>.trumbowyg-box{width:100%;margin:0}.credits-wrapper{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.credits-wrapper .credits-list{width:480px;max-width:100%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.credits-list dt{font-weight:700}.credits-list dd+dt{margin-top:1.5em}ul.pagination{text-align:center;margin:.5em 0 1em;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}ul.pagination>li{list-style:none;width:1.8em;line-height:1.8em;margin:0 .33333em}ul.pagination>li>a,ul.pagination>li>span{display:block;border-radius:.33333em}ul.pagination>li>span{cursor:not-allowed}footer#page-footer{padding:1.33333em 0 .66667em;font-size:.85em}footer#page-footer .footer-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}footer#page-footer .footer-flex .footer-flex-item{width:50%;min-width:200px;text-align:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}footer#page-footer .footer-flex .footer-flex-item:last-child{text-align:right}footer#page-footer .footer-flex .footer-flex-item:first-child{text-align:left}footer#page-footer p{margin:0 0 .4em}#modal-search-overlay{display:none;transition:background-color linear .6s,-webkit-backdrop-filter linear .6s,backdrop-filter linear .6s;background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);z-index:100}#modal-search-overlay.open{display:block;background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#modal-search-overlay #modal-search{position:absolute;top:15%;left:25%;width:50%;max-height:70%;overflow:auto;padding:2em;border-radius:2px;box-sizing:border-box;border:1px solid #ccc}#modal-search-overlay #modal-search h3{margin:0 0 1em;font-size:1.5em;font-weight:300}#modal-search-overlay #modal-search>#modal-search-box{width:100%}#modal-search-overlay #modal-search>#modal-search-box>*{display:inline-block;height:2.5em;padding:.5em;box-sizing:border-box;border:1px solid}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{width:calc(100% - 3.33333em)}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button{width:2.66667em}#modal-search-overlay #modal-search>#modal-search-result{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#modal-search-overlay #modal-search>#modal-search-result>.search-result-item{display:block;padding:0 1em;width:140px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}#modal-search-overlay #modal-search>#modal-search-result>.search-result-item>.search-result-heading{font-size:1.2em;margin-bottom:0}#menu-open-overlay{display:none;z-index:5}#menu-open-overlay.open{display:block}@media (max-width:980px){#modal-search-overlay #modal-search{left:10%;width:80%}}@media (max-width:640px){header#page-header h1{text-align:center}nav#page-navigation #page-navigation-links.open,nav#page-navigation button{display:block}nav#page-navigation #page-navigation-links{display:none}nav#page-navigation #page-navigation-links>li{display:block;text-align:left}article .addthis_sharing_toolbox,article h3,footer#page-footer .footer-flex .footer-flex-item:last-child{text-align:center}article h1,article h1.eager-wrapping{font-size:3em;line-height:1.33333}footer#page-footer .footer-flex .footer-flex-item:first-child{text-align:center;margin-bottom:1.5em}}
/*# sourceMappingURL=default.css.map */
diff --git a/BuildFeed/res/css/default.css.map b/BuildFeed/res/css/default.css.map
index 3d356db..705e936 100644
--- a/BuildFeed/res/css/default.css.map
+++ b/BuildFeed/res/css/default.css.map
@@ -1 +1 @@
-{"version":3,"sources":["default.scss"],"names":[],"mappings":"AAAA;EAEG,kCAAiC;EACjC,gBAAe;EACf,iBAAgB;EAChB,UAAS;EACT,uBAAsB,EACxB;;AAED;EAEG,sBAAqB,EAQvB;EAVD;IAQM,2BAA0B,EAC5B;;AAGJ;EAEG,eAAc;EACd,iBAAgB,EAClB;;AAED;EAEG,gBAAe,EACjB;;AAED;EAEG,YAAW;EACX,0BAAyB,EAe3B;EAlBD;;IAQM,UAAS;IACT,UAAS;IACT,iBAAgB,EAClB;EAXJ;IAeM,yBAAwB;IACxB,iBAAgB,EAClB;;AAGJ;EAEG,kBAAiB,EAYnB;EAdD;IAMM,2BAA0B;IAC1B,+BAA8B,EAChC;EARJ;IAYM,4BAA2B,EAC7B;;AAIJ;EAEG,cAAa;EACb,eAAc;EACd,eAAc;EACd,mBAAkB,EACpB;;AAED;EAEG,wBAAuB;EACvB,iBAAgB;EAChB,oBAAmB,EACrB;;AAED;EAEG,sBAAqB,EACvB;;AAED;EAEG,eAAc;EACd,oBAAsB;EACtB,eAAc,EAChB;;AAED;;EAGG,sBAAqB;EACrB,uBAAsB;EACtB,uBAAyB;EACzB,0BAAyB;EACzB,YAAW;EACX,sBAAqB;EACrB,yBAAe;EACf,mBAAkB,EAgBpB;EA1BD;;IAcM,0BAAyB,EAC3B;EAfJ;;IAmBM,0BAAyB,EAC3B;EApBJ;;IAwBM,0BAAyB,EAC3B;;AAGJ;EAIM,iBAAgB;EAChB,gBAAe,EAMjB;EAXJ;IASS,sBAAqB,EACvB;;AAIP;EAEG,yBAAwB;EACxB,2BAA0B;EAC1B,mBAAkB;EAClB,YAAW,EAsCb;EA3CD;IASM,gBAAe;IACf,WAAU;IACV,kBAAiB,EAoBnB;IA/BJ;MAeS,sBAAqB;MACrB,oBAAmB,EAcrB;MA9BP;QAoBY,eAAc;QACd,cAAa,EAQf;QA7BV;UA2Be,sBAAqB,EACvB;EA5Bb;IAmCM,cAAa;IACb,YAAW;IACX,UAAS;IACT,iBAAgB;IAChB,iBAAgB;IAChB,qBAAuB;IACvB,iBAAgB,EAClB;;AAGJ;EAIM,uBAAsB;EACtB,cAAa;EACb,mBAAkB;EAClB,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,cAAa;EACb,iBAAgB;EAChB,YAAW;EACX,kBAAiB;EACjB,oBAAmB;EACnB,oBAAmB,EAqDrB;EApEJ;IAmBS,iBAAgB;IAChB,iBAAgB;IAChB,iBAAgB,EAClB;EAtBP;IA0BS,YAAW;IACX,sBAAqB;IACrB,oBAAmB,EA6BrB;IAzDP;MAgCY,WAAU,EACZ;IAjCV;MAqCY,sBAAqB;MACrB,iBAAgB;MAChB,YAAW;MACX,WAAU;MACV,iBAAgB;MAChB,oBAAmB,EAcrB;MAxDV;QA8Ce,eAAc;QACd,eAAc,EAQhB;QAvDb;UAqDkB,sBAAqB,EACvB;EAtDhB;IA6DS,aAAY,EACd;EA9DP;IAkES,0BAAyB,EAC3B;;AAnEP;EA0ES,eAAc,EAChB;;AAIP;EAEG,eAAc,EAwEhB;EA1ED;IAMM,eAAc;IACd,iBAAgB;IAChB,mBAAkB;IAClB,kBAAwB,EAM1B;IAfJ;MAaS,eAAc,EAChB;EAdP;IAmBM,eAAc;IACd,kBAAiB;IACjB,8BAAmC;IACnC,0BAAyB;IACzB,uBAAgB;IAChB,yBAAwB,EAC1B;EAzBJ;IA6BM,gBAAe,EACjB;EA9BJ;IAkCM,qBAAa;IAAb,sBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,wBAAe;IAAf,oBAAe;IAAf,gBAAe;IACf,yBAAuB;IAAvB,gCAAuB;IAAvB,sBAAuB;IAAvB,wBAAuB;IACvB,kBAAiB,EAoCnB;IAzEJ;MAyCS,aAAY;MACZ,oBAAY;MAAZ,qBAAY;MAAZ,qBAAY;MAAZ,aAAY;MACZ,qBAAoB;MACpB,uBAAsB,EAoBxB;MAhEP;QAgDY,kBAAiB;QACjB,iBAAgB;QAChB,WAAU;QACV,kBAAiB;QACjB,wBAAuB;QACvB,iBAAgB;QAChB,0BAAyB;QACzB,iBAAgB,EAClB;MAxDV;QA4DY,iBAAgB;QAChB,iBAAgB;QAChB,sBAAwB,EAC1B;IA/DV;MAoES,aAAY;MACZ,oBAAY;MAAZ,qBAAY;MAAZ,qBAAY;MAAZ,aAAY;MACZ,iBAAgB;MAChB,uBAAsB,EACxB;;AAIP;EAEG,qBAAa;EAAb,sBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,wBAAe;EAAf,oBAAe;EAAf,gBAAe;EACf,0BAA8B;EAA9B,uCAA8B;EAA9B,uBAA8B;EAA9B,+BAA8B;EAC9B,qBAAoB,EAoFtB;EAzFD;IASM,aAAY;IACZ,uBAAsB;IACtB,iBAAgB;IAChB,oBAAY;IAAZ,qBAAY;IAAZ,qBAAY;IAAZ,aAAY;IACZ,oBAAmB,EA2ErB;IAxFJ;MAmBS,sBAAqB,EACvB;IApBP;MAwBS,iBAAgB;MAChB,UAAS;MACT,WAAU;MACV,kBAAiB;MACjB,oBAAmB;MACnB,mBAAkB;MAClB,qBAAoB;MACpB,aAAY;MACZ,YAAW,EACb;IAjCP;MAqCS,gCAAkC,EAMpC;MA3CP;QAyCY,oBAAmB,EACrB;IA1CV;MA+CS,gCAAkC,EAMpC;MArDP;QAmDY,oBAAmB,EACrB;IApDV;MAyDS,gCAAkC,EAMpC;MA/DP;QA6DY,oBAAmB,EACrB;IA9DV;MAmES,eAAc;MACd,mBAAkB;MAClB,iBAAgB,EAkBlB;MAvFP;QAyEY,qBAAW;QACX,8BAAmC,EACrC;MA3EV;QA+EY,iBAAgB;QAChB,kBAAiB,EACnB;MAjFV;QAqFY,mBAAkB,EACpB;;AAKV;EAEG,eAAc;EACd,oBAAmB;EACnB,oBAAmB;EACnB,mBAAkB;EAClB,YAAW;EACX,gBAAe;EACf,mBAAS,EAQX;EAhBD;IAcM,sBAAqB,EACvB;;AAGJ;EAEG,qBAAa;EAAb,sBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,iBAAgB;EAChB,wBAAe;EAAf,oBAAe;EAAf,gBAAe,EAwBjB;EA5BD;IAQM,oBAAY;IAAZ,qBAAY;IAAZ,qBAAY;IAAZ,aAAY;IACZ,qBAAoB;IACpB,aAAY,EAiBd;IA3BJ;MAcS,kBAAiB;MACjB,sBAAqB;MACrB,oBAAmB;MACnB,kBAAiB;MACjB,iBAAgB,EAClB;IAnBP;MAuBS,sBAAqB;MACrB,oBAAmB;MACnB,mBAAkB,EACpB;;AAIP;EAEG,qBAAoB,EAkEtB;EApED;IAMM,WAAU;IACV,kBAAiB;IACjB,kBAAiB;IACjB,kBAAiB;IACjB,sBAAqB;IACrB,oBAAmB;IACnB,mBAAY,EACd;EAbJ;IAiBM,6BAA4B;IAC5B,WAAU;IACV,sBAAqB;IACrB,oBAAmB,EA0CrB;IA9DJ;MAwBS,YAAW;MACX,uBAAsB;MACtB,kBAAiB;MACjB,yBAAkC;MAClC,mBAAkB;MAClB,iBAAgB,EAClB;IA9BP;;MAmCS,YAAW,EACb;IApCP;;MAyCS,sBAAqB;MACrB,uBAAsB;MACtB,uBAAyB;MACzB,0BAAyB;MACzB,YAAW;MACX,sBAAqB;MACrB,yBAAe;MACf,UAAS;MACT,iBAAgB,EAClB;IAlDP;MAsDS,WAAU,EAOZ;MA7DP;QA0DY,YAAW;QACX,UAAS,EACX;EA5DV;IAkEM,eAAc,EAChB;;AAGJ;EAEG,qBAAa;EAAb,sBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,wBAAe;EAAf,oBAAe;EAAf,gBAAe,EAQjB;EAXD;IAOM,aAAY;IACZ,gBAAe;IACf,oBAAY;IAAZ,qBAAY;IAAZ,qBAAY;IAAZ,aAAY,EACd;;AAGJ;EAIM,kBAAiB,EACnB;;AALJ;EASM,eAAc,EAChB;;AAVJ;EAcM,kBAAiB,EACnB;;AAGJ;EAEG,mBAAkB;EAClB,gBAAe;EACf,WAAU;EACV,qBAAa;EAAb,sBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,yBAAuB;EAAvB,gCAAuB;EAAvB,sBAAuB;EAAvB,wBAAuB,EAsBzB;EA5BD;IAUM,iBAAgB;IAChB,aAAY;IACZ,mBAAkB;IAClB,iBAAsB,EAcxB;IA3BJ;;MAkBS,eAAc;MACd,qBAAoB;MACpB,sBAAqB,EACvB;IArBP;MAyBS,oBAAmB,EACrB;;AAIP;EAEG,+BAAoC;EACpC,kBAAiB,EA8BnB;EAjCD;IAOM,qBAAa;IAAb,sBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,wBAAe;IAAf,oBAAe;IAAf,gBAAe,EAmBjB;IA3BJ;MAYS,WAAU;MACV,iBAAgB;MAChB,mBAAkB;MAClB,oBAAY;MAAZ,qBAAY;MAAZ,qBAAY;MAAZ,aAAY,EAWd;MA1BP;QAmBY,kBAAiB,EACnB;MApBV;QAwBY,iBAAgB,EAClB;EAzBV;IA+BM,kBAAwB,EAC1B;;AAGJ;EAEG,cAAa;EACb,gBAAe;EACf,OAAM;EACN,UAAS;EACT,QAAO;EACP,SAAQ;EACR,2GAA0G;EAC1G,8BAAgC;EAChC,iCAAgC;EAChC,yBAAwB;EACxB,aAAY,EA2Ed;EAvFD;IAgBM,eAAc;IACd,sCAAmC;IACnC,oCAAmC;IACnC,4BAA2B,EAC7B;EApBJ;IAwBM,mBAAkB;IAClB,SAAQ;IACR,UAAS;IACT,WAAU;IACV,gBAAe;IACf,eAAc;IACd,aAAY;IACZ,mBAAkB;IAClB,uBAAsB;IACtB,uBAAsB,EAqDxB;IAtFJ;MAqCS,gBAAe;MACf,iBAAgB;MAChB,iBAAgB,EAClB;IAxCP;MA4CS,YAAW,EAoBb;MAhEP;QAgDY,sBAAqB;QACrB,cAAa;QACb,eAAc;QACd,uBAAsB;QACtB,kBAAiB,EACnB;MArDV;QAyDY,8BAAiC,EACnC;MA1DV;QA8DY,iBAAO,EACT;IA/DV;MAoES,qBAAa;MAAb,sBAAa;MAAb,qBAAa;MAAb,cAAa;MACb,wBAAe;MAAf,oBAAe;MAAf,gBAAe;MACf,0BAA8B;MAA9B,uCAA8B;MAA9B,uBAA8B;MAA9B,+BAA8B,EAehC;MArFP;QA0EY,eAAc;QACd,eAAc;QACd,aAAY;QACZ,oBAAY;QAAZ,qBAAY;QAAZ,qBAAY;QAAZ,aAAY,EAOd;QApFV;UAiFe,iBAAgB;UAChB,iBAAgB,EAClB;;AAMb;EAEG,cAAa;EACb,gBAAe;EACf,OAAM;EACN,UAAS;EACT,QAAO;EACP,SAAQ;EACR,WAAU,EAMZ;EAdD;IAYM,eAAc,EAChB;;AAGJ;EAEG;IAEG,UAAS;IACT,WAAU,EACZ,EAAA;;AAGJ;EAEG;IAEG,mBAAkB,EACpB;EAED;IAIM,eAAc,EAChB;EALJ;IASM,cAAa,EAYf;IArBJ;MAaS,eAAc,EAChB;IAdP;MAkBS,eAAc;MACd,iBAAgB,EAClB;EAIP;;IAKM,eAAc;IACd,qBAAa,EACf;EAPJ;IAWM,mBAAkB,EACpB;EAZJ;IAgBM,mBAAkB,EACpB;EAGJ;IAIM,mBAAkB;IAClB,qBAAe,EACjB;EANJ;IAUM,mBAAkB,EACpB,EAAA","file":"default.css","sourcesContent":["body\r\n{\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 10pt;\r\n line-height: 1.6;\r\n margin: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\na\r\n{\r\n text-decoration: none;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: underline;\r\n }\r\n}\r\n\r\nh1\r\n{\r\n font-size: 3em;\r\n font-weight: 500;\r\n}\r\n\r\np\r\n{\r\n margin: 0 0 1em;\r\n}\r\n\r\ntable\r\n{\r\n width: 100%;\r\n border-collapse: collapse;\r\n\r\n th,\r\n td\r\n {\r\n margin: 0;\r\n border: 0;\r\n padding: 4px 6px;\r\n }\r\n\r\n thead th\r\n {\r\n border-bottom: 1px solid;\r\n text-align: left;\r\n }\r\n}\r\n\r\n.at-share-btn-elements\r\n{\r\n margin-left: -8px;\r\n\r\n > .at_flat_counter\r\n {\r\n font-size: 14px !important;\r\n vertical-align: top !important;\r\n }\r\n\r\n > .at-share-btn\r\n {\r\n margin-left: 8px !important;\r\n }\r\n}\r\n\r\n\r\n.container\r\n{\r\n width: 1240px;\r\n max-width: 80%;\r\n margin: 0 auto;\r\n position: relative;\r\n}\r\n\r\n.no-wrapping\r\n{\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n}\r\n\r\n.eager-wrapping\r\n{\r\n word-wrap: break-word;\r\n}\r\n\r\n.field-validation-error\r\n{\r\n display: block;\r\n margin: #{(1em / 3)} 0;\r\n color: #FF2626;\r\n}\r\n\r\na.button,\r\ninput[type=submit].button\r\n{\r\n display: inline-block;\r\n vertical-align: middle;\r\n padding: #{(1em / 3)} 1em;\r\n background-color: #1274B2;\r\n color: #fff;\r\n text-decoration: none;\r\n border-radius: #{(1em / 6)};\r\n text-align: center;\r\n\r\n &.edit-button\r\n {\r\n background-color: #FF9F19;\r\n }\r\n\r\n &.delete-button\r\n {\r\n background-color: #FF2626;\r\n }\r\n\r\n &.add-button\r\n {\r\n background-color: #12B23F;\r\n }\r\n}\r\n\r\nheader#page-header\r\n{\r\n h1\r\n {\r\n font-weight: 300;\r\n margin: .33em 0;\r\n\r\n a\r\n {\r\n text-decoration: none;\r\n }\r\n }\r\n}\r\n\r\nnav#page-navigation\r\n{\r\n border-bottom-width: 1px;\r\n border-bottom-style: solid;\r\n position: relative;\r\n z-index: 10;\r\n\r\n #page-navigation-links\r\n {\r\n margin: 0 -15px;\r\n padding: 0;\r\n text-align: right;\r\n\r\n > li\r\n {\r\n display: inline-block;\r\n vertical-align: top;\r\n\r\n > a\r\n {\r\n display: block;\r\n padding: 15px;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n button\r\n {\r\n display: none;\r\n width: 100%;\r\n border: 0;\r\n font-size: 1.2em;\r\n font-weight: 300;\r\n padding: #{(2em / 3)} 0;\r\n background: none;\r\n }\r\n}\r\n\r\n.dropdown-parent\r\n{\r\n .dropdown-menu\r\n {\r\n box-sizing: border-box;\r\n display: none;\r\n position: absolute;\r\n left: -15px;\r\n right: -15px;\r\n max-width: 1270px;\r\n padding: 15px;\r\n text-align: left;\r\n z-index: 10;\r\n border-width: 1px;\r\n border-style: solid;\r\n border-top-width: 0;\r\n\r\n h4\r\n {\r\n margin: 0 0 .5em;\r\n font-size: 1.2em;\r\n font-weight: 500;\r\n }\r\n\r\n .dropdown-menu-block\r\n {\r\n float: left;\r\n display: inline-block;\r\n vertical-align: top;\r\n\r\n ul\r\n {\r\n padding: 0;\r\n }\r\n\r\n li\r\n {\r\n list-style-type: none;\r\n line-height: 2em;\r\n float: left;\r\n width: 20%;\r\n min-width: 100px;\r\n vertical-align: top;\r\n\r\n > a\r\n {\r\n display: block;\r\n padding: 0 1em;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n #settings-theme-menu\r\n {\r\n width: 120px;\r\n }\r\n\r\n #settings-lang-menu\r\n {\r\n width: calc(100% - 120px);\r\n }\r\n }\r\n\r\n &.open\r\n {\r\n .dropdown-menu\r\n {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\narticle\r\n{\r\n padding: 2em 0;\r\n\r\n h1\r\n {\r\n font-size: 4em;\r\n font-weight: 300;\r\n text-align: center;\r\n margin: 0 0 #{(1em / 2)};\r\n\r\n &.eager-wrapping\r\n {\r\n font-size: 4em;\r\n }\r\n }\r\n\r\n h3\r\n {\r\n font-size: 2em;\r\n font-weight: bold;\r\n margin: #{(1em / 3)} 0 #{(2em / 3)};\r\n text-transform: uppercase;\r\n letter-spacing: #{(1em / 4)};\r\n border-bottom: 1px solid;\r\n }\r\n\r\n h4\r\n {\r\n margin: 1em 0 0;\r\n }\r\n\r\n .build-group-listing\r\n {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n margin: 0 -0.75em;\r\n\r\n .build-group\r\n {\r\n width: 175px;\r\n flex-grow: 1;\r\n margin: 0 0.75em 1em;\r\n box-sizing: border-box;\r\n\r\n h3\r\n {\r\n font-size: 1.75em;\r\n font-weight: 300;\r\n padding: 0;\r\n margin: 0 0 0.4em;\r\n letter-spacing: -0.05em;\r\n border-bottom: 0;\r\n text-transform: lowercase;\r\n text-align: left;\r\n }\r\n\r\n p\r\n {\r\n font-size: 1.1em;\r\n font-weight: 300;\r\n margin: 0 0 #{(2em / 3)};\r\n }\r\n }\r\n\r\n .build-group-empty\r\n {\r\n width: 180px;\r\n flex-grow: 1;\r\n margin: 0 0.75em;\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n\r\n.latest-flex\r\n{\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n margin: 2em -2em 0 0;\r\n\r\n .latest-flex-item\r\n {\r\n width: 240px;\r\n box-sizing: border-box;\r\n background: #fff;\r\n flex-grow: 1;\r\n margin: 0 2em 2em 0;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: none;\r\n }\r\n\r\n h3.latest-flex-title\r\n {\r\n border-bottom: 0;\r\n margin: 0;\r\n padding: 0;\r\n font-size: 1.25em;\r\n font-weight: normal;\r\n text-align: center;\r\n padding: 0.4em 0.5em;\r\n margin: -1px;\r\n color: #fff;\r\n }\r\n\r\n &.latest-flex-red\r\n {\r\n border: #{(2em / 6)} solid #FF2626;\r\n\r\n h3.latest-flex-title\r\n {\r\n background: #FF2626;\r\n }\r\n }\r\n\r\n &.latest-flex-yellow\r\n {\r\n border: #{(2em / 6)} solid #FF9F19;\r\n\r\n h3.latest-flex-title\r\n {\r\n background: #FF9F19;\r\n }\r\n }\r\n\r\n &.latest-flex-green\r\n {\r\n border: #{(2em / 6)} solid #12B23F;\r\n\r\n h3.latest-flex-title\r\n {\r\n background: #12B23F;\r\n }\r\n }\r\n\r\n .latest-flex-detail\r\n {\r\n color: #373736;\r\n text-align: center;\r\n font-weight: 300;\r\n\r\n .latest-flex-build\r\n {\r\n font-size: #{(7em / 3)};\r\n margin: #{(1em / 3)} 0 #{(1em / 6)};\r\n }\r\n\r\n .latest-flex-lab\r\n {\r\n font-size: 1.5em;\r\n margin: 0 0 0.5em;\r\n }\r\n\r\n .latest-flex-time\r\n {\r\n margin: 0 0 0.75em;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.latest-full\r\n{\r\n display: block;\r\n background: #1274B2;\r\n font-weight: normal;\r\n text-align: center;\r\n color: #fff;\r\n margin: 0 0 2em;\r\n padding: #{(2em / 3)};\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.build-details-flex\r\n{\r\n display: flex;\r\n font-size: 1.1em;\r\n flex-wrap: wrap;\r\n\r\n .build-details-flex-item\r\n {\r\n flex-grow: 1;\r\n margin-bottom: 1.5em;\r\n width: 160px;\r\n\r\n label\r\n {\r\n font-weight: bold;\r\n display: inline-block;\r\n vertical-align: top;\r\n margin-right: 1em;\r\n min-width: 100px;\r\n }\r\n\r\n .build-details-flex-value\r\n {\r\n display: inline-block;\r\n vertical-align: top;\r\n margin-right: 20px;\r\n }\r\n }\r\n}\r\n\r\n.form-group\r\n{\r\n margin-bottom: 1.5em;\r\n\r\n > label\r\n {\r\n width: 20%;\r\n text-align: right;\r\n font-weight: bold;\r\n margin-right: 1em;\r\n display: inline-block;\r\n vertical-align: top;\r\n margin-top: #{(1em / 4)};\r\n }\r\n\r\n > div\r\n {\r\n margin-left: calc(20% + 1em);\r\n width: 30%;\r\n display: inline-block;\r\n vertical-align: top;\r\n\r\n input, textarea, select\r\n {\r\n width: 100%;\r\n box-sizing: border-box;\r\n border: 1px solid;\r\n padding: #{(1em / 3)} #{(1em / 2)};\r\n border-radius: 2px;\r\n line-height: 1em;\r\n }\r\n\r\n input[type=submit],\r\n input[type=checkbox]\r\n {\r\n width: auto;\r\n }\r\n\r\n input[type=submit],\r\n button\r\n {\r\n display: inline-block;\r\n vertical-align: middle;\r\n padding: #{(1em / 3)} 1em;\r\n background-color: #12B23F;\r\n color: #fff;\r\n text-decoration: none;\r\n border-radius: #{(1em / 6)};\r\n border: 0;\r\n line-height: 1.6;\r\n }\r\n\r\n &.wide-group\r\n {\r\n width: 40%;\r\n\r\n > .trumbowyg-box\r\n {\r\n width: 100%;\r\n margin: 0;\r\n }\r\n }\r\n }\r\n\r\n > label + div\r\n {\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.credits-wrapper\r\n{\r\n display: flex;\r\n flex-wrap: wrap;\r\n\r\n .credits-list\r\n {\r\n width: 480px;\r\n max-width: 100%;\r\n flex-grow: 1;\r\n }\r\n}\r\n\r\n.credits-list\r\n{\r\n dt\r\n {\r\n font-weight: bold;\r\n }\r\n\r\n dd\r\n {\r\n margin-left: 0;\r\n }\r\n\r\n dd + dt\r\n {\r\n margin-top: 1.5em;\r\n }\r\n}\r\n\r\nul.pagination\r\n{\r\n text-align: center;\r\n margin: 0 0 1em;\r\n padding: 0;\r\n display: flex;\r\n justify-content: center;\r\n\r\n > li\r\n {\r\n list-style: none;\r\n width: 1.5em;\r\n line-height: 1.5em;\r\n margin: 0 #{(1em / 4)};\r\n\r\n > a,\r\n > span\r\n {\r\n display: block;\r\n border-radius: 0.5em;\r\n text-decoration: none;\r\n }\r\n\r\n > span\r\n {\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\nfooter#page-footer\r\n{\r\n padding: #{(4em / 3)} 0 #{(4em / 6)};\r\n font-size: 0.85em;\r\n\r\n .footer-flex\r\n {\r\n display: flex;\r\n flex-wrap: wrap;\r\n\r\n .footer-flex-item\r\n {\r\n width: 50%;\r\n min-width: 200px;\r\n text-align: center;\r\n flex-grow: 1;\r\n\r\n &:last-child\r\n {\r\n text-align: right;\r\n }\r\n\r\n &:first-child\r\n {\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n p\r\n {\r\n margin: 0 0 #{(2em / 5)};\r\n }\r\n}\r\n\r\n#modal-search-overlay\r\n{\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n transition: background-color linear 0.6s, -webkit-backdrop-filter linear 0.6s, backdrop-filter linear 0.6s;\r\n background-color: rgba(0,0,0, 0);\r\n -webkit-backdrop-filter: blur(0);\r\n backdrop-filter: blur(0);\r\n z-index: 100;\r\n\r\n &.open\r\n {\r\n display: block;\r\n background-color: rgba(0,0,0, 0.75);\r\n -webkit-backdrop-filter: blur(10px);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n #modal-search\r\n {\r\n position: absolute;\r\n top: 15%;\r\n left: 25%;\r\n width: 50%;\r\n max-height: 70%;\r\n overflow: auto;\r\n padding: 2em;\r\n border-radius: 2px;\r\n box-sizing: border-box;\r\n border: 1px solid #ccc;\r\n\r\n h3\r\n {\r\n margin: 0 0 1em;\r\n font-size: 1.5em;\r\n font-weight: 300;\r\n }\r\n\r\n > #modal-search-box\r\n {\r\n width: 100%;\r\n\r\n > *\r\n {\r\n display: inline-block;\r\n height: 2.5em;\r\n padding: 0.5em;\r\n box-sizing: border-box;\r\n border: 1px solid;\r\n }\r\n\r\n > #modal-search-input\r\n {\r\n width: calc(100% - #{(10em / 3)});\r\n }\r\n\r\n > #modal-search-button\r\n {\r\n width: #{(8em / 3)};\r\n }\r\n }\r\n\r\n > #modal-search-result\r\n {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n\r\n > .search-result-item\r\n {\r\n display: block;\r\n padding: 0 1em;\r\n width: 140px;\r\n flex-grow: 1;\r\n\r\n > .search-result-heading\r\n {\r\n font-size: 1.2em;\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#menu-open-overlay\r\n{\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 5;\r\n\r\n &.open\r\n {\r\n display: block;\r\n }\r\n}\r\n\r\n@media (max-width: 980px)\r\n{\r\n #modal-search-overlay #modal-search\r\n {\r\n left: 10%;\r\n width: 80%;\r\n }\r\n}\r\n\r\n@media (max-width: 640px)\r\n{\r\n header#page-header h1\r\n {\r\n text-align: center;\r\n }\r\n\r\n nav#page-navigation\r\n {\r\n button\r\n {\r\n display: block;\r\n }\r\n\r\n #page-navigation-links\r\n {\r\n display: none;\r\n\r\n &.open\r\n {\r\n display: block;\r\n }\r\n\r\n > li\r\n {\r\n display: block;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n article\r\n {\r\n h1,\r\n h1.eager-wrapping\r\n {\r\n font-size: 3em;\r\n line-height: #{(4 / 3)};\r\n }\r\n\r\n h3\r\n {\r\n text-align: center;\r\n }\r\n\r\n .addthis_sharing_toolbox\r\n {\r\n text-align: center;\r\n }\r\n }\r\n\r\n footer#page-footer .footer-flex .footer-flex-item\r\n {\r\n &:first-child\r\n {\r\n text-align: center;\r\n margin-bottom: #{(3em / 2)};\r\n }\r\n\r\n &:last-child\r\n {\r\n text-align: center;\r\n }\r\n }\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["default.scss"],"names":[],"mappings":"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","file":"default.css","sourcesContent":["body\r\n{\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 10pt;\r\n line-height: 1.6;\r\n margin: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\na\r\n{\r\n text-decoration: none;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: underline;\r\n }\r\n}\r\n\r\nh1\r\n{\r\n font-size: 3em;\r\n font-weight: 500;\r\n}\r\n\r\np\r\n{\r\n margin: 0 0 1em;\r\n}\r\n\r\ntable\r\n{\r\n width: 100%;\r\n border-collapse: collapse;\r\n\r\n th,\r\n td\r\n {\r\n margin: 0;\r\n border: 0;\r\n padding: 4px 6px;\r\n }\r\n\r\n thead th\r\n {\r\n border-bottom: 1px solid;\r\n text-align: left;\r\n }\r\n}\r\n\r\n.at-share-btn-elements\r\n{\r\n margin-left: -8px;\r\n\r\n > .at_flat_counter\r\n {\r\n font-size: 14px !important;\r\n vertical-align: top !important;\r\n }\r\n\r\n > .at-share-btn\r\n {\r\n margin-left: 8px !important;\r\n }\r\n}\r\n\r\n\r\n.container\r\n{\r\n width: 1240px;\r\n max-width: 80%;\r\n margin: 0 auto;\r\n position: relative;\r\n}\r\n\r\n.no-wrapping\r\n{\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n}\r\n\r\n.eager-wrapping\r\n{\r\n word-wrap: break-word;\r\n}\r\n\r\n.field-validation-error\r\n{\r\n display: block;\r\n margin: #{(1em / 3)} 0;\r\n color: #FF2626;\r\n}\r\n\r\na.button,\r\ninput[type=submit].button\r\n{\r\n display: inline-block;\r\n vertical-align: middle;\r\n padding: #{(1em / 3)} 1em;\r\n background-color: #1274B2;\r\n color: #fff;\r\n text-decoration: none;\r\n border-radius: #{(1em / 6)};\r\n text-align: center;\r\n\r\n &.edit-button\r\n {\r\n background-color: #FF9F19;\r\n }\r\n\r\n &.delete-button\r\n {\r\n background-color: #FF2626;\r\n }\r\n\r\n &.add-button\r\n {\r\n background-color: #12B23F;\r\n }\r\n}\r\n\r\nheader#page-header\r\n{\r\n h1\r\n {\r\n font-weight: 300;\r\n margin: .33em 0;\r\n\r\n a\r\n {\r\n text-decoration: none;\r\n }\r\n }\r\n}\r\n\r\nnav#page-navigation\r\n{\r\n border-bottom-width: 1px;\r\n border-bottom-style: solid;\r\n position: relative;\r\n z-index: 10;\r\n\r\n #page-navigation-links\r\n {\r\n margin: 0 -15px;\r\n padding: 0;\r\n text-align: right;\r\n\r\n > li\r\n {\r\n display: inline-block;\r\n vertical-align: top;\r\n\r\n > a\r\n {\r\n display: block;\r\n padding: 15px;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n button\r\n {\r\n display: none;\r\n width: 100%;\r\n border: 0;\r\n font-size: 1.2em;\r\n font-weight: 300;\r\n padding: #{(2em / 3)} 0;\r\n background: none;\r\n }\r\n}\r\n\r\n.dropdown-parent\r\n{\r\n .dropdown-menu\r\n {\r\n box-sizing: border-box;\r\n display: none;\r\n position: absolute;\r\n left: -15px;\r\n right: -15px;\r\n max-width: 1270px;\r\n padding: 15px;\r\n text-align: left;\r\n z-index: 10;\r\n border-width: 1px;\r\n border-style: solid;\r\n border-top-width: 0;\r\n\r\n h4\r\n {\r\n margin: 0 0 .5em;\r\n font-size: 1.2em;\r\n font-weight: 500;\r\n }\r\n\r\n .dropdown-menu-block\r\n {\r\n float: left;\r\n display: inline-block;\r\n vertical-align: top;\r\n\r\n ul\r\n {\r\n padding: 0;\r\n }\r\n\r\n li\r\n {\r\n list-style-type: none;\r\n line-height: 2em;\r\n float: left;\r\n width: 20%;\r\n min-width: 100px;\r\n vertical-align: top;\r\n\r\n > a\r\n {\r\n display: block;\r\n padding: 0 1em;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n #settings-theme-menu\r\n {\r\n width: 120px;\r\n }\r\n\r\n #settings-lang-menu\r\n {\r\n width: calc(100% - 120px);\r\n }\r\n }\r\n\r\n &.open\r\n {\r\n .dropdown-menu\r\n {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\narticle\r\n{\r\n padding: 2em 0;\r\n\r\n h1\r\n {\r\n font-size: 4em;\r\n font-weight: 300;\r\n text-align: center;\r\n margin: 0 0 #{(1em / 2)};\r\n\r\n &.eager-wrapping\r\n {\r\n font-size: 4em;\r\n }\r\n }\r\n\r\n h3\r\n {\r\n font-size: 2em;\r\n font-weight: bold;\r\n margin: #{(1em / 3)} 0 #{(2em / 3)};\r\n text-transform: uppercase;\r\n letter-spacing: #{(1em / 4)};\r\n border-bottom: 1px solid;\r\n }\r\n\r\n h4\r\n {\r\n margin: 1em 0 0;\r\n }\r\n\r\n .build-group-listing\r\n {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n margin: 0 -0.75em;\r\n\r\n .build-group\r\n {\r\n width: 175px;\r\n flex-grow: 1;\r\n margin: 0 0.75em 1em;\r\n box-sizing: border-box;\r\n\r\n h3\r\n {\r\n font-size: 1.75em;\r\n font-weight: 300;\r\n padding: 0;\r\n margin: 0 0 0.4em;\r\n letter-spacing: -0.05em;\r\n border-bottom: 0;\r\n text-transform: lowercase;\r\n text-align: left;\r\n }\r\n\r\n p\r\n {\r\n font-size: 1.1em;\r\n font-weight: 300;\r\n margin: 0 0 #{(2em / 3)};\r\n }\r\n }\r\n\r\n .build-group-empty\r\n {\r\n width: 180px;\r\n flex-grow: 1;\r\n margin: 0 0.75em;\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n\r\n.latest-flex\r\n{\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n margin: 2em -2em 0 0;\r\n\r\n .latest-flex-item\r\n {\r\n width: 240px;\r\n box-sizing: border-box;\r\n background: #fff;\r\n flex-grow: 1;\r\n margin: 0 2em 2em 0;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: none;\r\n }\r\n\r\n h3.latest-flex-title\r\n {\r\n border-bottom: 0;\r\n margin: 0;\r\n padding: 0;\r\n font-size: 1.25em;\r\n font-weight: normal;\r\n text-align: center;\r\n padding: 0.4em 0.5em;\r\n margin: -1px;\r\n color: #fff;\r\n }\r\n\r\n &.latest-flex-red\r\n {\r\n border: #{(1em / 4)} solid #FF2626;\r\n\r\n h3.latest-flex-title\r\n {\r\n background: #FF2626;\r\n }\r\n }\r\n\r\n &.latest-flex-yellow\r\n {\r\n border: #{(1em / 4)} solid #FF9F19;\r\n\r\n h3.latest-flex-title\r\n {\r\n background: #FF9F19;\r\n }\r\n }\r\n\r\n &.latest-flex-green\r\n {\r\n border: #{(1em / 4)} solid #12B23F;\r\n\r\n h3.latest-flex-title\r\n {\r\n background: #12B23F;\r\n }\r\n }\r\n\r\n .latest-flex-detail\r\n {\r\n color: #373736;\r\n text-align: center;\r\n font-weight: 300;\r\n\r\n .latest-flex-build\r\n {\r\n font-size: #{(7em / 3)};\r\n margin: #{(1em / 3)} 0 #{(1em / 6)};\r\n }\r\n\r\n .latest-flex-lab\r\n {\r\n font-size: 1.5em;\r\n margin: 0 0 0.5em;\r\n }\r\n\r\n .latest-flex-time\r\n {\r\n margin: 0 0 0.75em;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.latest-full\r\n{\r\n display: block;\r\n background: #1274B2;\r\n font-weight: normal;\r\n text-align: center;\r\n color: #fff;\r\n margin: 0 0 2em;\r\n padding: #{(2em / 3)};\r\n\r\n &:hover,\r\n &:active,\r\n &:focus\r\n {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.build-details-flex\r\n{\r\n display: flex;\r\n font-size: 1.1em;\r\n flex-wrap: wrap;\r\n\r\n .build-details-flex-item\r\n {\r\n flex-grow: 1;\r\n margin-bottom: 1.5em;\r\n width: 160px;\r\n\r\n label\r\n {\r\n font-weight: bold;\r\n display: inline-block;\r\n vertical-align: top;\r\n margin-right: 1em;\r\n min-width: 100px;\r\n }\r\n\r\n .build-details-flex-value\r\n {\r\n display: inline-block;\r\n vertical-align: top;\r\n margin-right: 20px;\r\n }\r\n }\r\n}\r\n\r\n.form-group\r\n{\r\n margin-bottom: 1.5em;\r\n display: flex;\r\n flex-wrap: wrap;\r\n\r\n > label\r\n {\r\n width: 20%;\r\n max-width: 240px;\r\n min-width: 120px;\r\n text-align: left;\r\n font-weight: bold;\r\n margin-right: 1em;\r\n display: inline-block;\r\n vertical-align: top;\r\n margin-top: #{(1em / 4)};\r\n flex-grow: 1;\r\n }\r\n\r\n > div\r\n {\r\n margin-left: calc(20% + 1em);\r\n width: 40%;\r\n min-width: 240px;\r\n max-width: 560px;\r\n display: inline-block;\r\n vertical-align: top;\r\n flex-grow: 2;\r\n\r\n input, textarea, select\r\n {\r\n width: 100%;\r\n box-sizing: border-box;\r\n border: 1px solid;\r\n padding: #{(1em / 3)} #{(1em / 2)};\r\n border-radius: #{(1em / 6)};\r\n line-height: 1em;\r\n border-color: #888;\r\n }\r\n\r\n .group-input-button\r\n {\r\n display: flex;\r\n\r\n input\r\n {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n border-right: 0;\r\n }\r\n\r\n button\r\n {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n width: 120px;\r\n border: 1px solid #888;\r\n border-left: 0;\r\n }\r\n }\r\n\r\n input[type=submit],\r\n input[type=checkbox]\r\n {\r\n width: auto;\r\n }\r\n\r\n input[type=submit],\r\n button\r\n {\r\n display: inline-block;\r\n vertical-align: middle;\r\n padding: #{(1em / 3)} 1em;\r\n background-color: #12B23F;\r\n color: #fff;\r\n text-decoration: none;\r\n border-radius: #{(1em / 6)};\r\n border: 0;\r\n line-height: 1.6;\r\n }\r\n\r\n &.wide-group\r\n {\r\n width: 40%;\r\n\r\n > .trumbowyg-box\r\n {\r\n width: 100%;\r\n margin: 0;\r\n }\r\n }\r\n }\r\n\r\n > label + div\r\n {\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.credits-wrapper\r\n{\r\n display: flex;\r\n flex-wrap: wrap;\r\n\r\n .credits-list\r\n {\r\n width: 480px;\r\n max-width: 100%;\r\n flex-grow: 1;\r\n }\r\n}\r\n\r\n.credits-list\r\n{\r\n dt\r\n {\r\n font-weight: bold;\r\n }\r\n\r\n dd\r\n {\r\n margin-left: 0;\r\n }\r\n\r\n dd + dt\r\n {\r\n margin-top: 1.5em;\r\n }\r\n}\r\n\r\nul.pagination\r\n{\r\n text-align: center;\r\n margin: 0.5em 0 1em;\r\n padding: 0;\r\n display: flex;\r\n justify-content: center;\r\n\r\n > li\r\n {\r\n list-style: none;\r\n width: 1.8em;\r\n line-height: 1.8em;\r\n margin: 0 #{(1em / 3)};\r\n\r\n > a,\r\n > span\r\n {\r\n display: block;\r\n border-radius: #{(1em / 3)};\r\n text-decoration: none;\r\n }\r\n\r\n > span\r\n {\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\nfooter#page-footer\r\n{\r\n padding: #{(4em / 3)} 0 #{(4em / 6)};\r\n font-size: 0.85em;\r\n\r\n .footer-flex\r\n {\r\n display: flex;\r\n flex-wrap: wrap;\r\n\r\n .footer-flex-item\r\n {\r\n width: 50%;\r\n min-width: 200px;\r\n text-align: center;\r\n flex-grow: 1;\r\n\r\n &:last-child\r\n {\r\n text-align: right;\r\n }\r\n\r\n &:first-child\r\n {\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n p\r\n {\r\n margin: 0 0 #{(2em / 5)};\r\n }\r\n}\r\n\r\n#modal-search-overlay\r\n{\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n transition: background-color linear 0.6s, -webkit-backdrop-filter linear 0.6s, backdrop-filter linear 0.6s;\r\n background-color: rgba(0,0,0, 0);\r\n -webkit-backdrop-filter: blur(0);\r\n backdrop-filter: blur(0);\r\n z-index: 100;\r\n\r\n &.open\r\n {\r\n display: block;\r\n background-color: rgba(0,0,0, 0.75);\r\n -webkit-backdrop-filter: blur(10px);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n #modal-search\r\n {\r\n position: absolute;\r\n top: 15%;\r\n left: 25%;\r\n width: 50%;\r\n max-height: 70%;\r\n overflow: auto;\r\n padding: 2em;\r\n border-radius: 2px;\r\n box-sizing: border-box;\r\n border: 1px solid #ccc;\r\n\r\n h3\r\n {\r\n margin: 0 0 1em;\r\n font-size: 1.5em;\r\n font-weight: 300;\r\n }\r\n\r\n > #modal-search-box\r\n {\r\n width: 100%;\r\n\r\n > *\r\n {\r\n display: inline-block;\r\n height: 2.5em;\r\n padding: 0.5em;\r\n box-sizing: border-box;\r\n border: 1px solid;\r\n }\r\n\r\n > #modal-search-input\r\n {\r\n width: calc(100% - #{(10em / 3)});\r\n }\r\n\r\n > #modal-search-button\r\n {\r\n width: #{(8em / 3)};\r\n }\r\n }\r\n\r\n > #modal-search-result\r\n {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n\r\n > .search-result-item\r\n {\r\n display: block;\r\n padding: 0 1em;\r\n width: 140px;\r\n flex-grow: 1;\r\n\r\n > .search-result-heading\r\n {\r\n font-size: 1.2em;\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#menu-open-overlay\r\n{\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 5;\r\n\r\n &.open\r\n {\r\n display: block;\r\n }\r\n}\r\n\r\n@media (max-width: 980px)\r\n{\r\n #modal-search-overlay #modal-search\r\n {\r\n left: 10%;\r\n width: 80%;\r\n }\r\n}\r\n\r\n@media (max-width: 640px)\r\n{\r\n header#page-header h1\r\n {\r\n text-align: center;\r\n }\r\n\r\n nav#page-navigation\r\n {\r\n button\r\n {\r\n display: block;\r\n }\r\n\r\n #page-navigation-links\r\n {\r\n display: none;\r\n\r\n &.open\r\n {\r\n display: block;\r\n }\r\n\r\n > li\r\n {\r\n display: block;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n article\r\n {\r\n h1,\r\n h1.eager-wrapping\r\n {\r\n font-size: 3em;\r\n line-height: #{(4 / 3)};\r\n }\r\n\r\n h3\r\n {\r\n text-align: center;\r\n }\r\n\r\n .addthis_sharing_toolbox\r\n {\r\n text-align: center;\r\n }\r\n }\r\n\r\n footer#page-footer .footer-flex .footer-flex-item\r\n {\r\n &:first-child\r\n {\r\n text-align: center;\r\n margin-bottom: #{(3em / 2)};\r\n }\r\n\r\n &:last-child\r\n {\r\n text-align: center;\r\n }\r\n }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/BuildFeed/res/css/default.scss b/BuildFeed/res/css/default.scss
index 7018e66..1fb85f8 100644
--- a/BuildFeed/res/css/default.scss
+++ b/BuildFeed/res/css/default.scss
@@ -1,822 +1,852 @@
body
{
- font-family: 'Roboto', sans-serif;
- font-size: 10pt;
- line-height: 1.6;
- margin: 0;
- box-sizing: border-box;
+ font-family: 'Roboto', sans-serif;
+ font-size: 10pt;
+ line-height: 1.6;
+ margin: 0;
+ box-sizing: border-box;
}
a
{
- text-decoration: none;
+ text-decoration: none;
- &:hover,
- &:active,
- &:focus
- {
- text-decoration: underline;
- }
+ &:hover,
+ &:active,
+ &:focus
+ {
+ text-decoration: underline;
+ }
}
h1
{
- font-size: 3em;
- font-weight: 500;
+ font-size: 3em;
+ font-weight: 500;
}
p
{
- margin: 0 0 1em;
+ margin: 0 0 1em;
}
table
{
- width: 100%;
- border-collapse: collapse;
+ width: 100%;
+ border-collapse: collapse;
- th,
- td
- {
- margin: 0;
- border: 0;
- padding: 4px 6px;
- }
+ th,
+ td
+ {
+ margin: 0;
+ border: 0;
+ padding: 4px 6px;
+ }
- thead th
- {
- border-bottom: 1px solid;
- text-align: left;
- }
+ thead th
+ {
+ border-bottom: 1px solid;
+ text-align: left;
+ }
}
.at-share-btn-elements
{
- margin-left: -8px;
+ margin-left: -8px;
- > .at_flat_counter
- {
- font-size: 14px !important;
- vertical-align: top !important;
- }
+ > .at_flat_counter
+ {
+ font-size: 14px !important;
+ vertical-align: top !important;
+ }
- > .at-share-btn
- {
- margin-left: 8px !important;
- }
+ > .at-share-btn
+ {
+ margin-left: 8px !important;
+ }
}
.container
{
- width: 1240px;
- max-width: 80%;
- margin: 0 auto;
- position: relative;
+ width: 1240px;
+ max-width: 80%;
+ margin: 0 auto;
+ position: relative;
}
.no-wrapping
{
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
}
.eager-wrapping
{
- word-wrap: break-word;
+ word-wrap: break-word;
}
.field-validation-error
{
- display: block;
- margin: #{(1em / 3)} 0;
- color: #FF2626;
+ display: block;
+ margin: #{(1em / 3)} 0;
+ color: #FF2626;
}
a.button,
input[type=submit].button
{
- display: inline-block;
- vertical-align: middle;
- padding: #{(1em / 3)} 1em;
- background-color: #1274B2;
- color: #fff;
- text-decoration: none;
- border-radius: #{(1em / 6)};
- text-align: center;
+ display: inline-block;
+ vertical-align: middle;
+ padding: #{(1em / 3)} 1em;
+ background-color: #1274B2;
+ color: #fff;
+ text-decoration: none;
+ border-radius: #{(1em / 6)};
+ text-align: center;
- &.edit-button
- {
- background-color: #FF9F19;
- }
+ &.edit-button
+ {
+ background-color: #FF9F19;
+ }
- &.delete-button
- {
- background-color: #FF2626;
- }
+ &.delete-button
+ {
+ background-color: #FF2626;
+ }
- &.add-button
- {
- background-color: #12B23F;
- }
+ &.add-button
+ {
+ background-color: #12B23F;
+ }
}
header#page-header
{
- h1
- {
- font-weight: 300;
- margin: .33em 0;
+ h1
+ {
+ font-weight: 300;
+ margin: .33em 0;
- a
- {
- text-decoration: none;
- }
- }
+ a
+ {
+ text-decoration: none;
+ }
+ }
}
nav#page-navigation
{
- border-bottom-width: 1px;
- border-bottom-style: solid;
- position: relative;
- z-index: 10;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ position: relative;
+ z-index: 10;
- #page-navigation-links
- {
- margin: 0 -15px;
- padding: 0;
- text-align: right;
+ #page-navigation-links
+ {
+ margin: 0 -15px;
+ padding: 0;
+ text-align: right;
- > li
- {
- display: inline-block;
- vertical-align: top;
-
- > a
- {
- display: block;
- padding: 15px;
-
- &:hover,
- &:active,
- &:focus
- {
- text-decoration: none;
- }
- }
- }
- }
-
- button
- {
- display: none;
- width: 100%;
- border: 0;
- font-size: 1.2em;
- font-weight: 300;
- padding: #{(2em / 3)} 0;
- background: none;
- }
-}
-
-.dropdown-parent
-{
- .dropdown-menu
- {
- box-sizing: border-box;
- display: none;
- position: absolute;
- left: -15px;
- right: -15px;
- max-width: 1270px;
- padding: 15px;
- text-align: left;
- z-index: 10;
- border-width: 1px;
- border-style: solid;
- border-top-width: 0;
-
- h4
- {
- margin: 0 0 .5em;
- font-size: 1.2em;
- font-weight: 500;
- }
-
- .dropdown-menu-block
- {
- float: left;
- display: inline-block;
- vertical-align: top;
-
- ul
- {
- padding: 0;
- }
-
- li
- {
- list-style-type: none;
- line-height: 2em;
- float: left;
- width: 20%;
- min-width: 100px;
+ > li
+ {
+ display: inline-block;
vertical-align: top;
> a
{
- display: block;
- padding: 0 1em;
+ display: block;
+ padding: 15px;
- &:hover,
- &:active,
- &:focus
- {
- text-decoration: none;
- }
+ &:hover,
+ &:active,
+ &:focus
+ {
+ text-decoration: none;
+ }
}
- }
- }
+ }
+ }
- #settings-theme-menu
- {
- width: 120px;
- }
+ button
+ {
+ display: none;
+ width: 100%;
+ border: 0;
+ font-size: 1.2em;
+ font-weight: 300;
+ padding: #{(2em / 3)} 0;
+ background: none;
+ }
+}
- #settings-lang-menu
- {
- width: calc(100% - 120px);
- }
- }
+.dropdown-parent
+{
+ .dropdown-menu
+ {
+ box-sizing: border-box;
+ display: none;
+ position: absolute;
+ left: -15px;
+ right: -15px;
+ max-width: 1270px;
+ padding: 15px;
+ text-align: left;
+ z-index: 10;
+ border-width: 1px;
+ border-style: solid;
+ border-top-width: 0;
- &.open
- {
- .dropdown-menu
- {
- display: block;
- }
- }
+ h4
+ {
+ margin: 0 0 .5em;
+ font-size: 1.2em;
+ font-weight: 500;
+ }
+
+ .dropdown-menu-block
+ {
+ float: left;
+ display: inline-block;
+ vertical-align: top;
+
+ ul
+ {
+ padding: 0;
+ }
+
+ li
+ {
+ list-style-type: none;
+ line-height: 2em;
+ float: left;
+ width: 20%;
+ min-width: 100px;
+ vertical-align: top;
+
+ > a
+ {
+ display: block;
+ padding: 0 1em;
+
+ &:hover,
+ &:active,
+ &:focus
+ {
+ text-decoration: none;
+ }
+ }
+ }
+ }
+
+ #settings-theme-menu
+ {
+ width: 120px;
+ }
+
+ #settings-lang-menu
+ {
+ width: calc(100% - 120px);
+ }
+ }
+
+ &.open
+ {
+ .dropdown-menu
+ {
+ display: block;
+ }
+ }
}
article
{
- padding: 2em 0;
+ padding: 2em 0;
- h1
- {
- font-size: 4em;
- font-weight: 300;
- text-align: center;
- margin: 0 0 #{(1em / 2)};
+ h1
+ {
+ font-size: 4em;
+ font-weight: 300;
+ text-align: center;
+ margin: 0 0 #{(1em / 2)};
- &.eager-wrapping
- {
- font-size: 4em;
- }
- }
+ &.eager-wrapping
+ {
+ font-size: 4em;
+ }
+ }
- h3
- {
- font-size: 2em;
- font-weight: bold;
- margin: #{(1em / 3)} 0 #{(2em / 3)};
- text-transform: uppercase;
- letter-spacing: #{(1em / 4)};
- border-bottom: 1px solid;
- }
+ h3
+ {
+ font-size: 2em;
+ font-weight: bold;
+ margin: #{(1em / 3)} 0 #{(2em / 3)};
+ text-transform: uppercase;
+ letter-spacing: #{(1em / 4)};
+ border-bottom: 1px solid;
+ }
- h4
- {
- margin: 1em 0 0;
- }
+ h4
+ {
+ margin: 1em 0 0;
+ }
- .build-group-listing
- {
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- margin: 0 -0.75em;
+ .build-group-listing
+ {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ margin: 0 -0.75em;
- .build-group
- {
- width: 175px;
- flex-grow: 1;
- margin: 0 0.75em 1em;
- box-sizing: border-box;
+ .build-group
+ {
+ width: 175px;
+ flex-grow: 1;
+ margin: 0 0.75em 1em;
+ box-sizing: border-box;
- h3
- {
- font-size: 1.75em;
- font-weight: 300;
- padding: 0;
- margin: 0 0 0.4em;
- letter-spacing: -0.05em;
- border-bottom: 0;
- text-transform: lowercase;
- text-align: left;
- }
+ h3
+ {
+ font-size: 1.75em;
+ font-weight: 300;
+ padding: 0;
+ margin: 0 0 0.4em;
+ letter-spacing: -0.05em;
+ border-bottom: 0;
+ text-transform: lowercase;
+ text-align: left;
+ }
- p
- {
- font-size: 1.1em;
- font-weight: 300;
- margin: 0 0 #{(2em / 3)};
- }
- }
+ p
+ {
+ font-size: 1.1em;
+ font-weight: 300;
+ margin: 0 0 #{(2em / 3)};
+ }
+ }
- .build-group-empty
- {
- width: 180px;
- flex-grow: 1;
- margin: 0 0.75em;
- box-sizing: border-box;
- }
- }
+ .build-group-empty
+ {
+ width: 180px;
+ flex-grow: 1;
+ margin: 0 0.75em;
+ box-sizing: border-box;
+ }
+ }
}
.latest-flex
{
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- margin: 2em -2em 0 0;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin: 2em -2em 0 0;
- .latest-flex-item
- {
- width: 240px;
- box-sizing: border-box;
- background: #fff;
- flex-grow: 1;
- margin: 0 2em 2em 0;
+ .latest-flex-item
+ {
+ width: 240px;
+ box-sizing: border-box;
+ background: #fff;
+ flex-grow: 1;
+ margin: 0 2em 2em 0;
- &:hover,
- &:active,
- &:focus
- {
- text-decoration: none;
- }
+ &:hover,
+ &:active,
+ &:focus
+ {
+ text-decoration: none;
+ }
- h3.latest-flex-title
- {
- border-bottom: 0;
- margin: 0;
- padding: 0;
- font-size: 1.25em;
- font-weight: normal;
- text-align: center;
- padding: 0.4em 0.5em;
- margin: -1px;
- color: #fff;
- }
+ h3.latest-flex-title
+ {
+ border-bottom: 0;
+ margin: 0;
+ padding: 0;
+ font-size: 1.25em;
+ font-weight: normal;
+ text-align: center;
+ padding: 0.4em 0.5em;
+ margin: -1px;
+ color: #fff;
+ }
- &.latest-flex-red
- {
- border: #{(2em / 6)} solid #FF2626;
+ &.latest-flex-red
+ {
+ border: #{(1em / 4)} solid #FF2626;
- h3.latest-flex-title
- {
- background: #FF2626;
- }
- }
+ h3.latest-flex-title
+ {
+ background: #FF2626;
+ }
+ }
- &.latest-flex-yellow
- {
- border: #{(2em / 6)} solid #FF9F19;
+ &.latest-flex-yellow
+ {
+ border: #{(1em / 4)} solid #FF9F19;
- h3.latest-flex-title
- {
- background: #FF9F19;
- }
- }
+ h3.latest-flex-title
+ {
+ background: #FF9F19;
+ }
+ }
- &.latest-flex-green
- {
- border: #{(2em / 6)} solid #12B23F;
+ &.latest-flex-green
+ {
+ border: #{(1em / 4)} solid #12B23F;
- h3.latest-flex-title
- {
- background: #12B23F;
- }
- }
+ h3.latest-flex-title
+ {
+ background: #12B23F;
+ }
+ }
- .latest-flex-detail
- {
- color: #373736;
- text-align: center;
- font-weight: 300;
+ .latest-flex-detail
+ {
+ color: #373736;
+ text-align: center;
+ font-weight: 300;
- .latest-flex-build
- {
- font-size: #{(7em / 3)};
- margin: #{(1em / 3)} 0 #{(1em / 6)};
- }
+ .latest-flex-build
+ {
+ font-size: #{(7em / 3)};
+ margin: #{(1em / 3)} 0 #{(1em / 6)};
+ }
- .latest-flex-lab
- {
- font-size: 1.5em;
- margin: 0 0 0.5em;
- }
+ .latest-flex-lab
+ {
+ font-size: 1.5em;
+ margin: 0 0 0.5em;
+ }
- .latest-flex-time
- {
- margin: 0 0 0.75em;
- }
- }
- }
+ .latest-flex-time
+ {
+ margin: 0 0 0.75em;
+ }
+ }
+ }
}
.latest-full
{
- display: block;
- background: #1274B2;
- font-weight: normal;
- text-align: center;
- color: #fff;
- margin: 0 0 2em;
- padding: #{(2em / 3)};
+ display: block;
+ background: #1274B2;
+ font-weight: normal;
+ text-align: center;
+ color: #fff;
+ margin: 0 0 2em;
+ padding: #{(2em / 3)};
- &:hover,
- &:active,
- &:focus
- {
- text-decoration: none;
- }
+ &:hover,
+ &:active,
+ &:focus
+ {
+ text-decoration: none;
+ }
}
.build-details-flex
{
- display: flex;
- font-size: 1.1em;
- flex-wrap: wrap;
+ display: flex;
+ font-size: 1.1em;
+ flex-wrap: wrap;
- .build-details-flex-item
- {
- flex-grow: 1;
- margin-bottom: 1.5em;
- width: 160px;
+ .build-details-flex-item
+ {
+ flex-grow: 1;
+ margin-bottom: 1.5em;
+ width: 160px;
- label
- {
- font-weight: bold;
- display: inline-block;
- vertical-align: top;
- margin-right: 1em;
- min-width: 100px;
- }
+ label
+ {
+ font-weight: bold;
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 1em;
+ min-width: 100px;
+ }
- .build-details-flex-value
- {
- display: inline-block;
- vertical-align: top;
- margin-right: 20px;
- }
- }
+ .build-details-flex-value
+ {
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 20px;
+ }
+ }
}
.form-group
{
- margin-bottom: 1.5em;
+ margin-bottom: 1.5em;
+ display: flex;
+ flex-wrap: wrap;
- > label
- {
- width: 20%;
- text-align: right;
- font-weight: bold;
- margin-right: 1em;
- display: inline-block;
- vertical-align: top;
- margin-top: #{(1em / 4)};
- }
+ > label
+ {
+ width: 20%;
+ max-width: 240px;
+ min-width: 120px;
+ text-align: left;
+ font-weight: bold;
+ margin-right: 1em;
+ display: inline-block;
+ vertical-align: top;
+ margin-top: #{(1em / 4)};
+ flex-grow: 1;
+ }
- > div
- {
- margin-left: calc(20% + 1em);
- width: 30%;
- display: inline-block;
- vertical-align: top;
+ > div
+ {
+ margin-left: calc(20% + 1em);
+ width: 40%;
+ min-width: 240px;
+ max-width: 560px;
+ display: inline-block;
+ vertical-align: top;
+ flex-grow: 2;
- input, textarea, select
- {
- width: 100%;
- box-sizing: border-box;
- border: 1px solid;
- padding: #{(1em / 3)} #{(1em / 2)};
- border-radius: 2px;
- line-height: 1em;
- }
-
- input[type=submit],
- input[type=checkbox]
- {
- width: auto;
- }
-
- input[type=submit],
- button
- {
- display: inline-block;
- vertical-align: middle;
- padding: #{(1em / 3)} 1em;
- background-color: #12B23F;
- color: #fff;
- text-decoration: none;
- border-radius: #{(1em / 6)};
- border: 0;
- line-height: 1.6;
- }
-
- &.wide-group
- {
- width: 40%;
-
- > .trumbowyg-box
- {
+ input, textarea, select
+ {
width: 100%;
- margin: 0;
- }
- }
- }
+ box-sizing: border-box;
+ border: 1px solid;
+ padding: #{(1em / 3)} #{(1em / 2)};
+ border-radius: #{(1em / 6)};
+ line-height: 1em;
+ border-color: #888;
+ }
- > label + div
- {
- margin-left: 0;
- }
+ .group-input-button
+ {
+ display: flex;
+
+ input
+ {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-right: 0;
+ }
+
+ button
+ {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ width: 120px;
+ border: 1px solid #888;
+ border-left: 0;
+ }
+ }
+
+ input[type=submit],
+ input[type=checkbox]
+ {
+ width: auto;
+ }
+
+ input[type=submit],
+ button
+ {
+ display: inline-block;
+ vertical-align: middle;
+ padding: #{(1em / 3)} 1em;
+ background-color: #12B23F;
+ color: #fff;
+ text-decoration: none;
+ border-radius: #{(1em / 6)};
+ border: 0;
+ line-height: 1.6;
+ }
+
+ &.wide-group
+ {
+ width: 40%;
+
+ > .trumbowyg-box
+ {
+ width: 100%;
+ margin: 0;
+ }
+ }
+ }
+
+ > label + div
+ {
+ margin-left: 0;
+ }
}
.credits-wrapper
{
- display: flex;
- flex-wrap: wrap;
+ display: flex;
+ flex-wrap: wrap;
- .credits-list
- {
- width: 480px;
- max-width: 100%;
- flex-grow: 1;
- }
+ .credits-list
+ {
+ width: 480px;
+ max-width: 100%;
+ flex-grow: 1;
+ }
}
.credits-list
{
- dt
- {
- font-weight: bold;
- }
+ dt
+ {
+ font-weight: bold;
+ }
- dd
- {
- margin-left: 0;
- }
+ dd
+ {
+ margin-left: 0;
+ }
- dd + dt
- {
- margin-top: 1.5em;
- }
+ dd + dt
+ {
+ margin-top: 1.5em;
+ }
}
ul.pagination
{
- text-align: center;
- margin: 0 0 1em;
- padding: 0;
- display: flex;
- justify-content: center;
+ text-align: center;
+ margin: 0.5em 0 1em;
+ padding: 0;
+ display: flex;
+ justify-content: center;
- > li
- {
- list-style: none;
- width: 1.5em;
- line-height: 1.5em;
- margin: 0 #{(1em / 4)};
+ > li
+ {
+ list-style: none;
+ width: 1.8em;
+ line-height: 1.8em;
+ margin: 0 #{(1em / 3)};
- > a,
- > span
- {
- display: block;
- border-radius: 0.5em;
- text-decoration: none;
- }
+ > a,
+ > span
+ {
+ display: block;
+ border-radius: #{(1em / 3)};
+ text-decoration: none;
+ }
- > span
- {
- cursor: not-allowed;
- }
- }
+ > span
+ {
+ cursor: not-allowed;
+ }
+ }
}
footer#page-footer
{
- padding: #{(4em / 3)} 0 #{(4em / 6)};
- font-size: 0.85em;
+ padding: #{(4em / 3)} 0 #{(4em / 6)};
+ font-size: 0.85em;
- .footer-flex
- {
- display: flex;
- flex-wrap: wrap;
+ .footer-flex
+ {
+ display: flex;
+ flex-wrap: wrap;
- .footer-flex-item
- {
- width: 50%;
- min-width: 200px;
- text-align: center;
- flex-grow: 1;
+ .footer-flex-item
+ {
+ width: 50%;
+ min-width: 200px;
+ text-align: center;
+ flex-grow: 1;
- &:last-child
- {
- text-align: right;
- }
+ &:last-child
+ {
+ text-align: right;
+ }
- &:first-child
- {
- text-align: left;
- }
- }
- }
+ &:first-child
+ {
+ text-align: left;
+ }
+ }
+ }
- p
- {
- margin: 0 0 #{(2em / 5)};
- }
+ p
+ {
+ margin: 0 0 #{(2em / 5)};
+ }
}
#modal-search-overlay
{
- display: none;
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- transition: background-color linear 0.6s, -webkit-backdrop-filter linear 0.6s, backdrop-filter linear 0.6s;
- background-color: rgba(0,0,0, 0);
- -webkit-backdrop-filter: blur(0);
- backdrop-filter: blur(0);
- z-index: 100;
+ display: none;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ transition: background-color linear 0.6s, -webkit-backdrop-filter linear 0.6s, backdrop-filter linear 0.6s;
+ background-color: rgba(0,0,0, 0);
+ -webkit-backdrop-filter: blur(0);
+ backdrop-filter: blur(0);
+ z-index: 100;
- &.open
- {
- display: block;
- background-color: rgba(0,0,0, 0.75);
- -webkit-backdrop-filter: blur(10px);
- backdrop-filter: blur(10px);
- }
+ &.open
+ {
+ display: block;
+ background-color: rgba(0,0,0, 0.75);
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ }
- #modal-search
- {
- position: absolute;
- top: 15%;
- left: 25%;
- width: 50%;
- max-height: 70%;
- overflow: auto;
- padding: 2em;
- border-radius: 2px;
- box-sizing: border-box;
- border: 1px solid #ccc;
+ #modal-search
+ {
+ position: absolute;
+ top: 15%;
+ left: 25%;
+ width: 50%;
+ max-height: 70%;
+ overflow: auto;
+ padding: 2em;
+ border-radius: 2px;
+ box-sizing: border-box;
+ border: 1px solid #ccc;
- h3
- {
- margin: 0 0 1em;
- font-size: 1.5em;
- font-weight: 300;
- }
+ h3
+ {
+ margin: 0 0 1em;
+ font-size: 1.5em;
+ font-weight: 300;
+ }
- > #modal-search-box
- {
- width: 100%;
+ > #modal-search-box
+ {
+ width: 100%;
- > *
- {
- display: inline-block;
- height: 2.5em;
- padding: 0.5em;
- box-sizing: border-box;
- border: 1px solid;
- }
-
- > #modal-search-input
- {
- width: calc(100% - #{(10em / 3)});
- }
-
- > #modal-search-button
- {
- width: #{(8em / 3)};
- }
- }
-
- > #modal-search-result
- {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
-
- > .search-result-item
- {
- display: block;
- padding: 0 1em;
- width: 140px;
- flex-grow: 1;
-
- > .search-result-heading
+ > *
{
- font-size: 1.2em;
- margin-bottom: 0;
+ display: inline-block;
+ height: 2.5em;
+ padding: 0.5em;
+ box-sizing: border-box;
+ border: 1px solid;
}
- }
- }
- }
+
+ > #modal-search-input
+ {
+ width: calc(100% - #{(10em / 3)});
+ }
+
+ > #modal-search-button
+ {
+ width: #{(8em / 3)};
+ }
+ }
+
+ > #modal-search-result
+ {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+
+ > .search-result-item
+ {
+ display: block;
+ padding: 0 1em;
+ width: 140px;
+ flex-grow: 1;
+
+ > .search-result-heading
+ {
+ font-size: 1.2em;
+ margin-bottom: 0;
+ }
+ }
+ }
+ }
}
#menu-open-overlay
{
- display: none;
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 5;
+ display: none;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 5;
- &.open
- {
- display: block;
- }
+ &.open
+ {
+ display: block;
+ }
}
@media (max-width: 980px)
{
- #modal-search-overlay #modal-search
- {
- left: 10%;
- width: 80%;
- }
+ #modal-search-overlay #modal-search
+ {
+ left: 10%;
+ width: 80%;
+ }
}
@media (max-width: 640px)
{
- header#page-header h1
- {
- text-align: center;
- }
+ header#page-header h1
+ {
+ text-align: center;
+ }
- nav#page-navigation
- {
- button
- {
- display: block;
- }
-
- #page-navigation-links
- {
- display: none;
-
- &.open
- {
+ nav#page-navigation
+ {
+ button
+ {
display: block;
- }
+ }
- > li
- {
- display: block;
- text-align: left;
- }
- }
- }
+ #page-navigation-links
+ {
+ display: none;
- article
- {
- h1,
- h1.eager-wrapping
- {
- font-size: 3em;
- line-height: #{(4 / 3)};
- }
+ &.open
+ {
+ display: block;
+ }
- h3
- {
- text-align: center;
- }
+ > li
+ {
+ display: block;
+ text-align: left;
+ }
+ }
+ }
- .addthis_sharing_toolbox
- {
- text-align: center;
- }
- }
+ article
+ {
+ h1,
+ h1.eager-wrapping
+ {
+ font-size: 3em;
+ line-height: #{(4 / 3)};
+ }
- footer#page-footer .footer-flex .footer-flex-item
- {
- &:first-child
- {
- text-align: center;
- margin-bottom: #{(3em / 2)};
- }
+ h3
+ {
+ text-align: center;
+ }
- &:last-child
- {
- text-align: center;
- }
- }
+ .addthis_sharing_toolbox
+ {
+ text-align: center;
+ }
+ }
+
+ footer#page-footer .footer-flex .footer-flex-item
+ {
+ &:first-child
+ {
+ text-align: center;
+ margin-bottom: #{(3em / 2)};
+ }
+
+ &:last-child
+ {
+ text-align: center;
+ }
+ }
}