From 3a9a327502a0995b06a17d3fb3f2ee4e864c5384 Mon Sep 17 00:00:00 2001 From: Thomas Hounsell Date: Tue, 17 Jan 2017 22:59:10 +0000 Subject: [PATCH] Some styling tweaks --- BuildFeed/App_Code/PaginationHelpers.cshtml | 48 +- BuildFeed/Views/front/editBuild.cshtml | 305 ++--- BuildFeed/Views/front/viewBuild.cshtml | 6 +- BuildFeed/res/css/default.css | 2 +- BuildFeed/res/css/default.css.map | 2 +- BuildFeed/res/css/default.scss | 1308 ++++++++++--------- 6 files changed, 834 insertions(+), 837 deletions(-) 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

    } -
    -
    - -
    - -
    -
    +
    + +
    + +
    @using (Html.BeginForm()) { - @Html.AntiForgeryToken() + @Html.AntiForgeryToken() -
    - @Html.ValidationSummary(true) + @Html.ValidationSummary(true) -
    - @Html.LabelFor(model => model.MajorVersion, new - { - @class = "control-label" - }) -
    +
    + @Html.LabelFor(model => model.MajorVersion) +
    @Html.TextBoxFor(model => model.MajorVersion) @Html.ValidationMessageFor(model => model.MajorVersion) -
    -
    +
    +
    -
    - @Html.LabelFor(model => model.MinorVersion, new - { - @class = "control-label" - }) -
    +
    + @Html.LabelFor(model => model.MinorVersion) +
    @Html.TextBoxFor(model => model.MinorVersion) @Html.ValidationMessageFor(model => model.MinorVersion) -
    -
    +
    +
    -
    - @Html.LabelFor(model => model.Number, new - { - @class = "control-label" - }) -
    +
    + @Html.LabelFor(model => model.Number) +
    @Html.TextBoxFor(model => model.Number) @Html.ValidationMessageFor(model => model.Number) -
    -
    +
    +
    -
    - @Html.LabelFor(model => model.Revision, new - { - @class = "control-label" - }) -
    +
    + @Html.LabelFor(model => model.Revision) +
    @Html.TextBoxFor(model => model.Revision) @Html.ValidationMessageFor(model => model.Revision) -
    -
    +
    +
    -
    - @Html.LabelFor(model => model.Lab, new - { - @class = "control-label" - }) -
    +
    + @Html.LabelFor(model => model.Lab) +
    @Html.TextBoxFor(model => model.Lab) @Html.ValidationMessageFor(model => model.Lab) -
    -
    +
    +
    -
    - @Html.LabelFor(model => model.BuildTime, new - { - @class = "control-label" - }) -
    +
    + @Html.LabelFor(model => model.BuildTime) +
    @Html.TextBoxFor(model => model.BuildTime, "{0:yyMMdd-HHmm}") @Html.ValidationMessageFor(model => model.BuildTime) -
    -
    +
    +
    -
    - @Html.LabelFor(model => model.SourceType, new - { - @class = "control-label" - }) -
    - @Html.DropDownListFor(model => model.SourceType, EnumHelper.GetSelectList(typeof(TypeOfSource)), new - { - @class = "form-control" - }) +
    + @Html.LabelFor(model => model.SourceType) +
    + @Html.DropDownListFor(model => model.SourceType, EnumHelper.GetSelectList(typeof(TypeOfSource))) @Html.ValidationMessageFor(model => model.SourceType) -
    -
    +
    +
    -
    - @Html.LabelFor(model => model.LeakDate, new - { - @class = "control-label" - }) -
    - @Html.TextBoxFor(model => model.LeakDate, "{0:dd/MM/yyyy}", new - { - @class = "form-control" - }) - +
    + @Html.LabelFor(model => model.LeakDate) +
    +
    + @Html.TextBoxFor(model => model.LeakDate, "{0:dd/MM/yyyy}") + +
    @Html.ValidationMessageFor(model => model.LeakDate) -
    -
    +
    +
    -
    - @Html.LabelFor(model => model.SourceDetails, new - { - @class = "control-label" - }) -
    - @Html.TextAreaFor(model => model.SourceDetails, new - { - @class = "form-control", - rows = "5" - }) +
    + @Html.LabelFor(model => model.SourceDetails) +
    + @Html.TextAreaFor(model => model.SourceDetails) @Html.ValidationMessageFor(model => model.SourceDetails) -
    -
    +
    +
    -
    -
    +
    + +
    + ? VariantTerms.Common_AddBuild + : VariantTerms.Front_EditBuild)" class="btn btn-primary" />   - @VariantTerms.Front_ReturnToListing -
    -
    -
    + @VariantTerms.Front_ReturnToListing + +
    +
    } @section Scripts { - - - + + + - - + + - + $("#MajorVersion").val(result[2]); + $("#MinorVersion").val(result[3]); + $("#Number").val(result[4]); + $("#Revision").val(result[6]); + $("#Lab").val(result[7]); + $("#BuildTime").val(result[8]); + }); + }); + } \ No newline at end of file diff --git a/BuildFeed/Views/front/viewBuild.cshtml b/BuildFeed/Views/front/viewBuild.cshtml index 6b5a62c..5e30e55 100644 --- a/BuildFeed/Views/front/viewBuild.cshtml +++ b/BuildFeed/Views/front/viewBuild.cshtml @@ -75,7 +75,7 @@ { lab = Model.LabUrl })" class="more-link"> -   +   @string.Format(VariantTerms.Front_MoreFromLab, Model.Lab) } @@ -92,7 +92,7 @@ { year = Model.BuildTime.Value.Year })" class="more-link"> -   +   @string.Format(VariantTerms.Front_MoreFromYear, Model.BuildTime.Value.Year) } @@ -108,7 +108,7 @@ { source = Model.SourceType })" class="more-link"> -   +   @string.Format(VariantTerms.Front_MoreFromSource, MvcExtensions.GetDisplayTextForEnum(Model.SourceType))
    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":"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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: #{(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; + } + } }