Revamp the colour scheme

Also some tweaks to how the navigation menu works and collapses down to
mobile.
This commit is contained in:
Thomas Hounsell 2017-05-08 20:07:59 +01:00
parent 6629aeeac4
commit a982810b51
20 changed files with 547 additions and 202 deletions

View File

@ -23,7 +23,7 @@
@Html.TextAreaFor(model => model.MetaDescription, new
{
@class = "form-control",
rows = "2"
rows = "4"
})
<div class="help-block">
<span id="meta-count">0</span> characters
@ -58,12 +58,12 @@
@section Scripts
{
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js" type="text/javascript"></script>
<script src="~/Scripts/trumbowyg/trumbowyg.min.js" type="text/javascript"></script>
<link href="~/Scripts/trumbowyg/ui/trumbowyg.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.validate.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script type="text/javascript">
function updateMetaCount()
@ -90,17 +90,19 @@
$("#@Html.IdFor(model => model.PageContent)")
.trumbowyg({
semantic: true,
autogrow: true,
btns: [
'viewHTML',
'|', 'strong', 'em',
['strong', 'em'],
'|', 'link',
'|', btnsGrps.justify,
'|', btnsGrps.lists
'|', 'btnGrp-lists',
'|', 'btnGrp-justify',
'|', 'viewHTML',
'|'
]
});
$(".trumbowyg").addClass("trumbowyg-black");
$("#@Html.IdFor(model => model.MetaDescription)")
.keyup(function()
{

View File

@ -31,8 +31,8 @@
<th>
Last Lockout Time
</th>
<th style="width: 108px;"></th>
<th style="width: 108px;"></th>
<th style="width: 100px;"></th>
<th style="width: 100px;"></th>
</tr>
</thead>
<tbody>
@ -65,16 +65,14 @@
id = mu.ProviderUserKey
}, new
{
@class = "button delete-button",
style = "width:70px;"
@class = "button delete-button"
})
: Html.ActionLink("Approve", "approve", new
{
id = mu.ProviderUserKey
}, new
{
@class = "button add-button",
style = "width:70px;"
@class = "button add-button"
}))
</td>
<td class="text-right">
@ -84,16 +82,14 @@
id = mu.ProviderUserKey
}, new
{
@class = "button delete-button",
style = "width:70px;"
@class = "button delete-button"
})
: Html.ActionLink("Unlock", "unlock", new
{
id = mu.ProviderUserKey
}, new
{
@class = "button add-button",
style = "width:70px;"
@class = "button add-button"
}))
</td>
</tr>

View File

@ -261,6 +261,7 @@
<None Include="Properties\PublishProfiles\Milestone 1 WebDeploy %28Private%29.pubxml" />
<None Include="Properties\PublishProfiles\Milestone 1 WebDeploy.pubxml" />
<Content Include="res\css\inc\variables.scss" />
<Content Include="res\css\inc\nord.scss" />
<None Include="Scripts\jquery-3.1.1.intellisense.js" />
<Content Include="Scripts\jquery-3.1.1.js" />
<Content Include="Scripts\jquery-3.1.1.min.js" />

View File

@ -89,75 +89,6 @@
<i class="fa fa-bars"></i>&ensp;@VariantTerms.Common_ToggleNavigation
</button>
<ul id="page-navigation-links">
@if (!User.Identity.IsAuthenticated)
{
<li>
<a href="@Url.Action(nameof(AccountController.Login), new
{
controller = "Account",
area = ""
})" title="@VariantTerms.Common_LogIn">
<i class="fa fa-fw fa-user"></i> @VariantTerms.Common_LogIn
</a>
</li>
}
else
{
if (Roles.IsUserInRole("Administrators"))
{
<li>
<a href="@Url.Action("index", new
{
controller = "base",
area = "admin"
})" title="@VariantTerms.Common_Admin">
<i class="fa fa-fw fa-cogs"></i> @VariantTerms.Common_Admin
</a>
</li>
}
if (Roles.IsUserInRole("Administrators") || Roles.IsUserInRole("Editors"))
{
<li>
<a href="@Url.Action(nameof(FrontController.AddBuild), new
{
controller = "Front",
area = ""
})" title="@VariantTerms.Common_AddBuild">
<i class="fa fa-fw fa-plus-square"></i> @VariantTerms.Common_AddBuild
</a>
</li>
}
if (Roles.IsUserInRole("Administrators"))
{
<li>
<a href="@Url.Action(nameof(FrontController.AddBulk), new
{
controller = "Front",
area = ""
})" title="@VariantTerms.Common_AddBulk">
<i class="fa fa-fw fa-database"></i> @VariantTerms.Common_AddBulk
</a>
</li>
}
<li>
<a href="@Url.Action(nameof(AccountController.Logout), new
{
controller = "Account",
area = ""
})" title="@VariantTerms.Common_LogOut">
<i class="fa fa-fw fa-user"></i> @VariantTerms.Common_LogOut
</a>
</li>
<li>
<a href="@Url.Action(nameof(AccountController.Password), new
{
controller = "Account",
area = ""
})" title="@VariantTerms.Common_ChangePassword">
<i class="fa fa-fw fa-key"></i> @VariantTerms.Common_ChangePassword
</a>
</li>
}
<li>
<a href="#" id="page-navigation-search" title="@VariantTerms.Search_Title">
<i class="fa fa-fw fa-search"></i> @VariantTerms.Search_Title
@ -179,7 +110,87 @@
</li>
<li class="dropdown-parent">
<a href="#">
<i class="fa fa-gear"></i>
<i class="fa fa-fw fa-user"></i>
</a>
<ul class="dropdown-menu">
<li id="user-action-menu" class="dropdown-menu-block">
<ul>
@if (!User.Identity.IsAuthenticated)
{
<li>
<a href="@Url.Action(nameof(AccountController.Login), new
{
controller = "Account",
area = ""
})" title="@VariantTerms.Common_LogIn">
<i class="fa fa-fw fa-user"></i> @VariantTerms.Common_LogIn
</a>
</li>
}
else
{
if (Roles.IsUserInRole("Administrators"))
{
<li>
<a href="@Url.Action("index", new
{
controller = "base",
area = "admin"
})" title="@VariantTerms.Common_Admin">
<i class="fa fa-fw fa-cogs"></i> @VariantTerms.Common_Admin
</a>
</li>
}
if (Roles.IsUserInRole("Administrators") || Roles.IsUserInRole("Editors"))
{
<li>
<a href="@Url.Action(nameof(FrontController.AddBuild), new
{
controller = "Front",
area = ""
})" title="@VariantTerms.Common_AddBuild">
<i class="fa fa-fw fa-plus-square"></i> @VariantTerms.Common_AddBuild
</a>
</li>
}
if (Roles.IsUserInRole("Administrators"))
{
<li>
<a href="@Url.Action(nameof(FrontController.AddBulk), new
{
controller = "Front",
area = ""
})" title="@VariantTerms.Common_AddBulk">
<i class="fa fa-fw fa-database"></i> @VariantTerms.Common_AddBulk
</a>
</li>
}
<li>
<a href="@Url.Action(nameof(AccountController.Logout), new
{
controller = "Account",
area = ""
})" title="@VariantTerms.Common_LogOut">
<i class="fa fa-fw fa-user"></i> @VariantTerms.Common_LogOut
</a>
</li>
<li>
<a href="@Url.Action(nameof(AccountController.Password), new
{
controller = "Account",
area = ""
})" title="@VariantTerms.Common_ChangePassword">
<i class="fa fa-fw fa-key"></i> @VariantTerms.Common_ChangePassword
</a>
</li>
}
</ul>
</li>
</ul>
</li>
<li class="dropdown-parent">
<a href="#">
<i class="fa fa-gear fa-fw"></i>
</a>
<ul class="dropdown-menu">
<li id="settings-theme-menu" class="dropdown-menu-block">
@ -237,16 +248,18 @@
@VariantTerms.Common_Sitemap
</a>
</p>
<p>
<a href="@Url.Action(nameof(SupportController.Credits), new
{
controller = "Support",
area = ""
})">
@VariantTerms.Common_Credits
</a>
</p>
<p>
<i class="fa fa-language"></i>&ensp;
@CultureInfo.CurrentUICulture.NativeName
(<a href="@Url.Action(nameof(SupportController.Credits), new
{
controller = "Support",
area = ""
})">
@VariantTerms.Common_Credits
</a>)
</p>
</div>
<div class="footer-flex-item">

View File

@ -11,6 +11,7 @@
<dd>Nick (ultrawindows)&ensp;<a target="_blank" rel="nofollow" href="https://twitter.com/nickurtnl"><i class="fa fa-twitter"></i></a></dd>
<dd>Ahmed (airportsfan)&ensp;<a target="_blank" rel="nofollow" href="https://twitter.com/airportsfan"><i class="fa fa-twitter"></i></a></dd>
<dd>Lukas (tfwboredom)&ensp;<a target="_blank" rel="nofollow" href="https://twitter.com/tfwboredom"><i class="fa fa-twitter"></i></a></dd>
<dd>Soorya&ensp;<a target="_blank" rel="nofollow" href="https://twitter.com/fakirmeditation"><i class="fa fa-twitter"></i></a></dd>
</dl>
<div class="credits-wrapper">
<dl class="credits-list">

View File

@ -1,8 +1,8 @@
{
"name": "BuildFeed",
"short_name": "BuildFeed",
"background_color": "#373736",
"theme_color": "#373736",
"background_color": "#2E3440",
"theme_color": "#2E3440",
"description": "Learn what Dona Sarkar won't tell you. Keep up to date with the latest Microsoft Windows developments with BuildFeed, the comprehensive build tracker.",
"icons": [
{

View File

@ -1,2 +1,2 @@
body{background-color:#f6f5f3;color:#373736}a{color:#fff}#page-footer a,h1>a{color:#373736}table thead th{border-bottom-color:#f6f5f3}#page-content{background-color:#373736;color:#f6f5f3}#page-content h3{border-bottom-color:#ccc}#page-navigation{background-color:#242423;color:#f6f5f3;border-bottom-color:#f6f5f3}#page-navigation button{color:#f6f5f3}#page-navigation #page-navigation-links>li a{color:#f6f5f3}#page-navigation #page-navigation-links>li.open>a,#page-navigation #page-navigation-links>li>a:hover{background-color:#373736}.dropdown-menu{background-color:#242423;border-color:#f6f5f3;box-shadow:0 5px 10px rgba(0,0,0,.15)}.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover{background-color:#373736}article{box-shadow:0 5px 10px rgba(0,0,0,.15) inset}article h1,article h3{color:#f6f5f3}article .build-details-comments a,article .build-group>h3>a,article a.more-link{color:#d6d5d3}ul.pagination>li.active>a{background:#f6f5f3;color:#242423!important}ul.pagination>li:active:not(.disabled)>a,ul.pagination>li:focus:not(.disabled)>a,ul.pagination>li:hover:not(.disabled)>a{background:#d6d5d3;color:#373736!important}#modal-search-overlay #modal-search{background-color:#242423}#modal-search-overlay #modal-search h3{color:#f6f5f3}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button,#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{background-color:#373736;color:#f6f5f3;border-color:#d6d5d3}
body{background-color:#3b4252;color:#f8fbff}a{color:#fff}#page-footer a,h1>a{color:#f8fbff}table thead th{border-bottom-color:#f8fbff}#page-content{background-color:#2e3440;color:#f8fbff}#page-content h3{border-bottom-color:#d8dee9}#page-navigation{background-color:#434c5e;color:#e5e9f0;border-bottom-color:#2e3440}#page-navigation button{color:#e5e9f0}#page-navigation #page-navigation-links>li a{color:#e5e9f0}#page-navigation #page-navigation-links>li.open>a,#page-navigation #page-navigation-links>li>a:hover{background-color:#4c566a}.dropdown-menu{background-color:#4c566a;border-color:#2e3440;box-shadow:0 5px 10px rgba(0,0,0,.15)}.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover{background-color:#434c5e}article{box-shadow:0 0 15px rgba(0,0,0,.15) inset}article h1,article h3{color:#f8fbff}article .build-details-comments a,article .build-group>h3>a,article a.more-link{color:#e5e9f0}article .build-group-listing .build-group{background-color:#4c566a}.latest-flex .latest-flex-item{background:#4c566a}.latest-flex .latest-flex-item .latest-flex-detail{color:#fff}ul.pagination>li.active>a{background:#f8fbff;color:#3b4252!important}ul.pagination>li:active:not(.disabled)>a,ul.pagination>li:focus:not(.disabled)>a,ul.pagination>li:hover:not(.disabled)>a{background:#e5e9f0;color:#2e3440!important}#modal-search-overlay #modal-search{background-color:#3b4252}#modal-search-overlay #modal-search h3{color:#f8fbff}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button,#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{background-color:#2e3440;color:#f8fbff;border-color:#e5e9f0}
/*# sourceMappingURL=dark.css.map */

View File

@ -1 +1 @@
{"version":3,"sources":["dark.scss","dark.css"],"names":[],"mappings":"AAAA,KAEG,iBAAA,QACA,MAAA,QAGH,EAEG,MAAA,KCAH,eDGA,KAGG,MAAA,QAGH,eAEG,oBAAA,QAGH,cAEG,iBAAA,QACA,MAAA,QAHH,iBAOM,oBAAA,KAIN,iBAEG,iBAAA,QACA,MAAA,QACA,oBAAA,QAJH,wBAQM,MAAA,QARN,6CAiBY,MAAA,QAjBZ,kDCJE,mDD2BU,iBAAA,QAMZ,eAEG,iBAAA,QACA,aAAA,QACA,WAAA,EAAA,IAAA,KAAA,gBC5BD,wBADA,uBDyBF,uBAUM,iBAAA,QAIN,QAEG,WAAA,EAAA,IAAA,KAAA,gBAAA,MAFH,WAAA,WAMM,MAAA,QCnCJ,kCD6BF,0BC9BE,oBD2CI,MAAA,QAIN,0BAIM,WAAA,QACA,MAAA,kBC1CN,yCADA,wCDsCA,wCAYM,WAAA,QACA,MAAA,kBAIN,oCAEG,iBAAA,QAFH,uCAMM,MAAA,QCnDJ,2ED6CF,0EAYM,iBAAA,QACA,MAAA,QACA,aAAA","file":"dark.css","sourcesContent":["body\r\n{\r\n background-color: #f6f5f3;\r\n color: #373736;\r\n}\r\n\r\na\r\n{\r\n color: #fff;\r\n}\r\n\r\nh1 > a,\r\n#page-footer a\r\n{\r\n color: #373736;\r\n}\r\n\r\ntable thead th\r\n{\r\n border-bottom-color: #f6f5f3;\r\n}\r\n\r\n#page-content\r\n{\r\n background-color: #373736;\r\n color: #f6f5f3;\r\n\r\n h3\r\n {\r\n border-bottom-color: #ccc;\r\n }\r\n}\r\n\r\n#page-navigation\r\n{\r\n background-color: #242423;\r\n color: #f6f5f3;\r\n border-bottom-color: #f6f5f3;\r\n\r\n button\r\n {\r\n color: #f6f5f3;\r\n }\r\n\r\n #page-navigation-links\r\n {\r\n > li\r\n {\r\n a\r\n {\r\n color: #f6f5f3;\r\n }\r\n\r\n &.open > a,\r\n > a:hover\r\n {\r\n background-color: #373736;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.dropdown-menu\r\n{\r\n background-color: #242423;\r\n border-color: #f6f5f3;\r\n box-shadow: 0 5px 10px rgba(0,0,0,0.15);\r\n\r\n a:hover,\r\n a:focus,\r\n a:active\r\n {\r\n background-color: #373736;\r\n }\r\n}\r\n\r\narticle\r\n{\r\n box-shadow: 0 5px 10px rgba(0,0,0,0.15) inset;\r\n\r\n h1, h3\r\n {\r\n color: #f6f5f3;\r\n }\r\n\r\n .build-group > h3 > a,\r\n a.more-link,\r\n .build-details-comments a\r\n {\r\n color: #d6d5d3;\r\n }\r\n}\r\n\r\nul.pagination\r\n{\r\n > li.active > a\r\n {\r\n background: #f6f5f3;\r\n color: #242423 !important;\r\n }\r\n\r\n > li:hover:not(.disabled) > a,\r\n > li:focus:not(.disabled) > a,\r\n > li:active:not(.disabled) > a\r\n {\r\n background: #d6d5d3;\r\n color: #373736 !important;\r\n }\r\n}\r\n\r\n#modal-search-overlay #modal-search\r\n{\r\n background-color: #242423;\r\n\r\n h3\r\n {\r\n color: #f6f5f3;\r\n }\r\n\r\n > #modal-search-box > #modal-search-input,\r\n > #modal-search-box > #modal-search-button\r\n {\r\n background-color: #373736;\r\n color: #f6f5f3;\r\n border-color: #d6d5d3;\r\n }\r\n}\r\n","body{background-color:#f6f5f3;color:#373736}a{color:#fff}#page-footer a,h1>a{color:#373736}table thead th{border-bottom-color:#f6f5f3}#page-content{background-color:#373736;color:#f6f5f3}#page-content h3{border-bottom-color:#ccc}#page-navigation{background-color:#242423;color:#f6f5f3;border-bottom-color:#f6f5f3}#page-navigation button{color:#f6f5f3}#page-navigation #page-navigation-links>li a{color:#f6f5f3}#page-navigation #page-navigation-links>li.open>a,#page-navigation #page-navigation-links>li>a:hover{background-color:#373736}.dropdown-menu{background-color:#242423;border-color:#f6f5f3;box-shadow:0 5px 10px rgba(0,0,0,.15)}.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover{background-color:#373736}article{box-shadow:0 5px 10px rgba(0,0,0,.15) inset}article h1,article h3{color:#f6f5f3}article .build-details-comments a,article .build-group>h3>a,article a.more-link{color:#d6d5d3}ul.pagination>li.active>a{background:#f6f5f3;color:#242423!important}ul.pagination>li:active:not(.disabled)>a,ul.pagination>li:focus:not(.disabled)>a,ul.pagination>li:hover:not(.disabled)>a{background:#d6d5d3;color:#373736!important}#modal-search-overlay #modal-search{background-color:#242423}#modal-search-overlay #modal-search h3{color:#f6f5f3}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button,#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{background-color:#373736;color:#f6f5f3;border-color:#d6d5d3}\n/*# sourceMappingURL=dark.css.map */\n"]}
{"version":3,"sources":["dark.scss","dark.css"],"names":[],"mappings":"AAEA,KAEG,iBAAA,QACA,MAAA,QAGH,EAEG,MAAA,KCFH,eDKA,KAGG,MAAA,QAGH,eAEG,oBAAA,QAGH,cAEG,iBAAA,QACA,MAAA,QAHH,iBAOM,oBAAA,QAIN,iBAEG,iBAAA,QACA,MAAA,QACA,oBAAA,QAJH,wBAQM,MAAA,QARN,6CAiBY,MAAA,QAjBZ,kDCNE,mDD6BU,iBAAA,QAMZ,eAEG,iBAAA,QACA,aAAA,QACA,WAAA,EAAA,IAAA,KAAA,gBC9BD,wBADA,uBD2BF,uBAUM,iBAAA,QAIN,QAEG,WAAA,EAAA,EAAA,KAAA,gBAAA,MAFH,WAAA,WAMM,MAAA,QCrCJ,kCD+BF,0BChCE,oBD6CI,MAAA,QAbN,0CAkBM,iBAAA,QAIN,+BAIM,WAAA,QAJN,mDAQS,MAAA,KAKT,0BAIM,WAAA,QACA,MAAA,kBCvDN,yCADA,wCDmDA,wCAYM,WAAA,QACA,MAAA,kBAIN,oCAEG,iBAAA,QAFH,uCAMM,MAAA,QChEJ,2ED0DF,0EAYM,iBAAA,QACA,MAAA,QACA,aAAA","file":"dark.css","sourcesContent":["@import \"inc/variables.scss\";\r\n\r\nbody\r\n{\r\n background-color: $nord1;\r\n color: $nord6;\r\n}\r\n\r\na\r\n{\r\n color: #fff;\r\n}\r\n\r\nh1 > a,\r\n#page-footer a\r\n{\r\n color: $nord6;\r\n}\r\n\r\ntable thead th\r\n{\r\n border-bottom-color: $nord6;\r\n}\r\n\r\n#page-content\r\n{\r\n background-color: $nord0;\r\n color: $nord6;\r\n\r\n h3\r\n {\r\n border-bottom-color: $nord4;\r\n }\r\n}\r\n\r\n#page-navigation\r\n{\r\n background-color: $nord2;\r\n color: $nord5;\r\n border-bottom-color: $nord0;\r\n\r\n button\r\n {\r\n color: $nord5;\r\n }\r\n\r\n #page-navigation-links\r\n {\r\n > li\r\n {\r\n a\r\n {\r\n color: $nord5;\r\n }\r\n\r\n &.open > a,\r\n > a:hover\r\n {\r\n background-color: $nord3;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.dropdown-menu\r\n{\r\n background-color: $nord3;\r\n border-color: $nord0;\r\n box-shadow: 0 5px 10px rgba(0,0,0,0.15);\r\n\r\n a:hover,\r\n a:focus,\r\n a:active\r\n {\r\n background-color: $nord2;\r\n }\r\n}\r\n\r\narticle\r\n{\r\n box-shadow: 0 0 15px rgba(0,0,0,0.15) inset;\r\n\r\n h1, h3\r\n {\r\n color: $nord6;\r\n }\r\n\r\n .build-group > h3 > a,\r\n a.more-link,\r\n .build-details-comments a\r\n {\r\n color: $nord5;\r\n }\r\n\r\n .build-group-listing .build-group\r\n {\r\n background-color: $nord3;\r\n }\r\n}\r\n\r\n.latest-flex\r\n{\r\n .latest-flex-item\r\n {\r\n background: $nord3;\r\n\r\n .latest-flex-detail\r\n {\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\nul.pagination\r\n{\r\n > li.active > a\r\n {\r\n background: $nord6;\r\n color: $nord1 !important;\r\n }\r\n\r\n > li:hover:not(.disabled) > a,\r\n > li:focus:not(.disabled) > a,\r\n > li:active:not(.disabled) > a\r\n {\r\n background: $nord5;\r\n color: $nord0 !important;\r\n }\r\n}\r\n\r\n#modal-search-overlay #modal-search\r\n{\r\n background-color: $nord1;\r\n\r\n h3\r\n {\r\n color: $nord6;\r\n }\r\n\r\n > #modal-search-box > #modal-search-input,\r\n > #modal-search-box > #modal-search-button\r\n {\r\n background-color: $nord0;\r\n color: $nord6;\r\n border-color: $nord5;\r\n }\r\n}\r\n","body{background-color:#3b4252;color:#f8fbff}a{color:#fff}#page-footer a,h1>a{color:#f8fbff}table thead th{border-bottom-color:#f8fbff}#page-content{background-color:#2e3440;color:#f8fbff}#page-content h3{border-bottom-color:#d8dee9}#page-navigation{background-color:#434c5e;color:#e5e9f0;border-bottom-color:#2e3440}#page-navigation button{color:#e5e9f0}#page-navigation #page-navigation-links>li a{color:#e5e9f0}#page-navigation #page-navigation-links>li.open>a,#page-navigation #page-navigation-links>li>a:hover{background-color:#4c566a}.dropdown-menu{background-color:#4c566a;border-color:#2e3440;box-shadow:0 5px 10px rgba(0,0,0,.15)}.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover{background-color:#434c5e}article{box-shadow:0 0 15px rgba(0,0,0,.15) inset}article h1,article h3{color:#f8fbff}article .build-details-comments a,article .build-group>h3>a,article a.more-link{color:#e5e9f0}article .build-group-listing .build-group{background-color:#4c566a}.latest-flex .latest-flex-item{background:#4c566a}.latest-flex .latest-flex-item .latest-flex-detail{color:#fff}ul.pagination>li.active>a{background:#f8fbff;color:#3b4252!important}ul.pagination>li:active:not(.disabled)>a,ul.pagination>li:focus:not(.disabled)>a,ul.pagination>li:hover:not(.disabled)>a{background:#e5e9f0;color:#2e3440!important}#modal-search-overlay #modal-search{background-color:#3b4252}#modal-search-overlay #modal-search h3{color:#f8fbff}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button,#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{background-color:#2e3440;color:#f8fbff;border-color:#e5e9f0}\n/*# sourceMappingURL=dark.css.map */\n"]}

View File

@ -1,7 +1,9 @@
body
@import "inc/variables.scss";
body
{
background-color: #f6f5f3;
color: #373736;
background-color: $nord1;
color: $nord6;
}
a
@ -12,34 +14,34 @@ a
h1 > a,
#page-footer a
{
color: #373736;
color: $nord6;
}
table thead th
{
border-bottom-color: #f6f5f3;
border-bottom-color: $nord6;
}
#page-content
{
background-color: #373736;
color: #f6f5f3;
background-color: $nord0;
color: $nord6;
h3
{
border-bottom-color: #ccc;
border-bottom-color: $nord4;
}
}
#page-navigation
{
background-color: #242423;
color: #f6f5f3;
border-bottom-color: #f6f5f3;
background-color: $nord2;
color: $nord5;
border-bottom-color: $nord0;
button
{
color: #f6f5f3;
color: $nord5;
}
#page-navigation-links
@ -48,13 +50,13 @@ table thead th
{
a
{
color: #f6f5f3;
color: $nord5;
}
&.open > a,
> a:hover
{
background-color: #373736;
background-color: $nord3;
}
}
}
@ -62,32 +64,50 @@ table thead th
.dropdown-menu
{
background-color: #242423;
border-color: #f6f5f3;
background-color: $nord3;
border-color: $nord0;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
a:hover,
a:focus,
a:active
{
background-color: #373736;
background-color: $nord2;
}
}
article
{
box-shadow: 0 5px 10px rgba(0,0,0,0.15) inset;
box-shadow: 0 0 15px rgba(0,0,0,0.15) inset;
h1, h3
{
color: #f6f5f3;
color: $nord6;
}
.build-group > h3 > a,
a.more-link,
.build-details-comments a
{
color: #d6d5d3;
color: $nord5;
}
.build-group-listing .build-group
{
background-color: $nord3;
}
}
.latest-flex
{
.latest-flex-item
{
background: $nord3;
.latest-flex-detail
{
color: #fff;
}
}
}
@ -95,33 +115,33 @@ ul.pagination
{
> li.active > a
{
background: #f6f5f3;
color: #242423 !important;
background: $nord6;
color: $nord1 !important;
}
> li:hover:not(.disabled) > a,
> li:focus:not(.disabled) > a,
> li:active:not(.disabled) > a
{
background: #d6d5d3;
color: #373736 !important;
background: $nord5;
color: $nord0 !important;
}
}
#modal-search-overlay #modal-search
{
background-color: #242423;
background-color: $nord1;
h3
{
color: #f6f5f3;
color: $nord6;
}
> #modal-search-box > #modal-search-input,
> #modal-search-box > #modal-search-button
{
background-color: #373736;
color: #f6f5f3;
border-color: #d6d5d3;
background-color: $nord0;
color: $nord6;
border-color: $nord5;
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -43,7 +43,12 @@ table
{
margin: 0;
border: 0;
padding: 4px 6px;
padding: 4px;
.button
{
display: block;
}
}
thead th
@ -106,7 +111,7 @@ table
.container
{
width: $container-width;
max-width: 80%;
max-width: 88%;
margin: 0 auto;
position: relative;
}
@ -128,7 +133,7 @@ table
{
display: block;
margin: #{(1em / 3)} 0;
color: #FF2626;
color: $strong-red;
}
a.button,
@ -136,8 +141,8 @@ input[type=submit].button
{
display: inline-block;
vertical-align: middle;
padding: #{(1em / 3)} 1em;
background-color: #0A81CC;
padding: #{(1em / 2)} 1em #{(1em / 3)};
background-color: $nord10;
color: #fff;
text-decoration: none;
border-radius: $border-size;
@ -145,17 +150,17 @@ input[type=submit].button
&.edit-button
{
background-color: #FF9F19;
background-color: $strong-yellow;
}
&.delete-button
{
background-color: #FF2626;
background-color: $strong-red;
}
&.add-button
{
background-color: #12B23F;
background-color: $strong-green;
}
}
@ -175,7 +180,7 @@ header#page-header
nav#page-navigation
{
border-bottom-width: $border-size;
border-bottom-width: 0;
border-bottom-style: solid;
position: relative;
z-index: 10;
@ -231,9 +236,7 @@ nav#page-navigation
padding: 15px 15px 0;
text-align: left;
z-index: 10;
border-width: $border-size;
border-style: solid;
border-top-width: 0;
border-width: 0;
flex-wrap: wrap;
h4
@ -249,7 +252,10 @@ nav#page-navigation
vertical-align: top;
margin-bottom: 15px;
flex-grow: 1;
}
.dropdown-menu-block
{
ul
{
padding: 0;
@ -268,7 +274,7 @@ nav#page-navigation
> a
{
display: block;
padding: 0 1em;
padding: #{(1em / 3)} 1em #{(1em / 6)};
&:hover,
&:active,
@ -291,6 +297,20 @@ nav#page-navigation
width: 320px;
flex-grow: 1000;
}
#user-action-menu
{
ul
{
justify-content: flex-start;
text-align: center;
}
.fa
{
vertical-align: 1px;
}
}
}
&.open
@ -304,7 +324,7 @@ nav#page-navigation
article
{
padding: 2em 0;
padding: 3em 0;
h1
{
@ -357,12 +377,12 @@ article
flex-grow: 1;
margin: 0 #{(3em / 2)} 3em;
box-sizing: border-box;
border: $border-size solid #0A81CC;
border: $border-size solid $nord10;
padding: 0.5em 1.5em;
h3
{
background-color: #0A81CC;
background-color: $nord10;
color: #fff;
margin: -0.25em -0.75em 0.75em;
font-size: 2em;
@ -379,7 +399,7 @@ article
color: #fff;
text-decoration: none !important;
display: block;
padding: 0.25em 0;
padding: #{(1em / 3)} 0;
}
}
@ -412,7 +432,6 @@ article
{
width: 240px;
box-sizing: border-box;
background: #fff;
flex-grow: 1;
margin: 0 2em 2em 0;
border: $border-size solid;
@ -439,47 +458,46 @@ article
&.latest-flex-red
{
border-color: #FF2626;
border-color: $strong-red;
h3.latest-flex-title
{
background: #FF2626;
background: $strong-red;
}
}
&.latest-flex-yellow
{
border-color: #FF9F19;
border-color: $strong-yellow;
h3.latest-flex-title
{
background: #FF9F19;
background: $strong-yellow;
}
}
&.latest-flex-blue
{
border-color: #0A81CC;
border-color: $strong-blue;
h3.latest-flex-title
{
background: #0A81CC;
background: $strong-blue;
}
}
&.latest-flex-green
{
border-color: #12B23F;
border-color: $strong-green;
h3.latest-flex-title
{
background: #12B23F;
background: $strong-green;
}
}
.latest-flex-detail
{
color: #373736;
text-align: center;
font-weight: 300;
line-height: #{(3 / 2)};
@ -509,7 +527,7 @@ article
.latest-full
{
display: block;
background: #0A81CC;
background: $nord10;
font-weight: normal;
text-align: center;
color: #fff;
@ -629,7 +647,7 @@ article
display: inline-block;
vertical-align: middle;
padding: #{(1em / 3)} 1em;
background-color: #12B23F;
background-color: $strong-green;
color: #fff;
text-decoration: none;
border-radius: #{(1em / 6)};
@ -680,10 +698,10 @@ article
margin-left: 0;
}
dd + dt
{
margin-top: 1.5em;
}
dd + dt
{
margin-top: 1.5em;
}
}
ul.pagination
@ -707,6 +725,7 @@ ul.pagination
display: block;
border-radius: #{(1em / 3)};
text-decoration: none;
padding-top: 0.15em;
}
> span
@ -882,6 +901,7 @@ footer#page-footer
#page-navigation-links
{
display: none;
padding-bottom: 1em;
&.open
{
@ -896,6 +916,22 @@ footer#page-footer
}
}
.dropdown-parent .dropdown-menu
{
position: static;
.dropdown-menu-block
{
min-width: 100%;
li
{
min-width: 50%;
text-align: left;
}
}
}
article
{
h1,

View File

@ -0,0 +1,242 @@
//
// ++++++++++++++++++++++++++++++++++++++++++++++++++++
// title Nord +
// project nord +
// version 0.2.0 +
// repository https://github.com/arcticicestudio/nord +
// author Arctic Ice Studio +
// email development@arcticicestudio.com +
// copyright Copyright (C) 2017 +
// ++++++++++++++++++++++++++++++++++++++++++++++++++++
//
// [References]
// Sass
// (http://sass-lang.com)
// SassDoc
// (http://sassdoc.com)
////
/// An arctic, north-bluish color palette.
/// Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax
/// highlighting and UI.
/// It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful
/// ambiance.
///
/// @author Arctic Ice Studio <development@arcticicestudio.com>
////
/// Base component color of "Polar Night".
///
/// Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.
///
/// @access public
/// @example scss - SCSS
/// /* For dark ambiance themes */
/// .background {
/// background-color: $nord0;
/// }
/// /* For light ambiance themes */
/// .text {
/// color: $nord0;
/// }
/// @group polarnight
/// @since 0.1.0
$nord0: #2E3440;
/// Lighter shade color of the base component color.
///
/// Used as a lighter background color for UI elements like status bars.
///
/// @access public
/// @group polarnight
/// @see $nord0
/// @since 0.1.0
$nord1: #3B4252;
/// Lighter shade color of the base component color.
///
/// Used as line highlighting in the editor.
/// In the UI scope it may be used as selection- and hightlight color.
///
/// @access public
/// @example scss - SCSS
/// /* Code Syntax Highlighting scope */
/// .editor {
/// &.line {
/// background-color: $nord2;
/// }
/// }
///
/// /* UI scope */
/// button {
/// &:selected {
/// background-color: $nord2;
/// }
/// }
/// @group polarnight
/// @see $nord0
/// @since 0.1.0
$nord2: #434C5E;
/// Lighter shade color of the base component color.
///
/// Used for comments, invisibles, indent- and wrap guide marker.
/// In the UI scope used as pseudoclass color for disabled elements.
///
/// @access public
/// @example scss - SCSS
/// /* Code Syntax Highlighting scope */
/// .editor {
/// &.indent-guide,
/// &.wrap-guide {
/// &.marker {
/// color: $nord3;
/// }
/// }
/// }
/// .comment,
/// .invisible {
/// color: $nord3;
/// }
///
/// /* UI scope */
/// button {
/// &:disabled {
/// background-color: $nord3;
/// }
/// }
/// @group polarnight
/// @see $nord0
/// @since 0.1.0
$nord3: #4C566A;
/// Base component color of "Snow Storm".
///
/// Main color for text, variables, constants and attributes.
/// In the UI scope used as semi-light background depending on the theme shading design.
///
/// @access public
/// @example scss - SCSS
/// /* For light ambiance themes */
/// .background {
/// background-color: $nord4;
/// }
/// /* For dark ambiance themes */
/// .text {
/// color: $nord4;
/// }
/// @group snowstorm
/// @since 0.1.0
$nord4: #D8DEE9;
/// Lighter shade color of the base component color.
///
/// Used as a lighter background color for UI elements like status bars.
/// Used as semi-light background depending on the theme shading design.
///
/// @access public
/// @group snowstorm
/// @see $nord4
/// @since 0.1.0
$nord5: #E5E9F0;
/// Lighter shade color of the base component color.
///
/// Used for punctuations, carets and structuring characters like curly- and square brackets.
/// In the UI scope used as background, selection- and hightlight color depending on the theme shading design.
///
/// @access public
/// @group snowstorm
/// @see $nord4
/// @since 0.1.0
//$nord6: #ECEFF4;
$nord6: #f8fbff;
/// Bluish core color.
///
/// Used for classes, types and documentation tags.
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord7: #8FBCBB;
/// Bluish core accent color.
///
/// Represents the accent color of the color palette.
/// Main color for primary UI elements and methods/functions.
///
/// Can be used for
/// - Markup quotes
/// - Markup link URLs
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord8: #88C0D0;
/// Bluish core color.
///
/// Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and
/// punctuations like (semi)colons,commas and braces.
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord9: #81A1C1;
/// Bluish core color.
///
/// Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord10: #5E81AC;
/// Colorful component color.
///
/// Used for errors, git/diff deletion and linter marker.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord11: #BF616A;
/// Colorful component color.
///
/// Used for annotations.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord12: #D08770;
/// Colorful component color.
///
/// Used for escape characters, regular expressions and markup entities.
/// In the UI scope used for warnings and git/diff renamings.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord13: #EBCB8B;
/// Colorful component color.
///
/// Main color for strings and attribute values.
/// In the UI scope used for git/diff additions and success visualizations.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord14: #A3BE8C;
/// Colorful component color.
///
/// Used for numbers.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord15: #B48EAD;

View File

@ -1,2 +1,9 @@
$container-width: 1340px;
$border-size: 2px;
@import "nord.scss";
$container-width: 1340px;
$border-size: 2px;
$strong-red: #A72F3B;
$strong-yellow: #F5B83D;
$strong-green: #76B540;
$strong-blue: #4076b5;

View File

@ -1,2 +1,2 @@
body{background-color:#373736;color:#f6f5f3}a{color:#000}#page-footer a,h1>a{color:#f6f5f3}table thead th{border-bottom-color:#373736}#page-content{background-color:#f6f5f3;color:#373736}#page-content h3{border-bottom-color:#ccc}#page-navigation{background-color:#e6e5e3;color:#373736;border-bottom-color:#373736}#page-navigation button{color:#373736}#page-navigation #page-navigation-links>li a{color:#373736}#page-navigation #page-navigation-links>li.open>a,#page-navigation #page-navigation-links>li>a:hover{background-color:#f6f5f3}.dropdown-menu{background-color:#e6e5e3;border-color:#373736;box-shadow:0 5px 10px rgba(0,0,0,.15)}.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover{background-color:#f6f5f3}article{box-shadow:none}article h1,article h3{color:#242423}article .build-details-comments a,article .build-group>h3>a,article a.more-link{color:#242423}ul.pagination>li.active>a{background:#373736;color:#e6e5e3!important}ul.pagination>li:active:not(.disabled)>a,ul.pagination>li:focus:not(.disabled)>a,ul.pagination>li:hover:not(.disabled)>a{background:#242423;color:#f6f5f3!important}#modal-search-overlay #modal-search{background-color:#f6f5f3}#modal-search-overlay #modal-search h3{color:#373736}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button,#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{background-color:#fff;color:#373736;border-color:#242423}
body{background-color:#2e3440;color:#f8fbff}a{color:#2e3440}#page-footer a,h1>a{color:#f8fbff}table thead th{border-bottom-color:#2e3440}#page-content{background-color:#f8fbff;color:#2e3440}#page-content h3{border-bottom-color:#d8dee9}#page-navigation{background-color:#3b4252;color:#e5e9f0;border-bottom-color:#2e3440}#page-navigation button{color:#e5e9f0}#page-navigation #page-navigation-links>li a{color:#e5e9f0}#page-navigation #page-navigation-links>li.open>a,#page-navigation #page-navigation-links>li>a:hover{background-color:#434c5e}.dropdown-menu{background-color:#434c5e;border-color:#2e3440;box-shadow:0 5px 10px rgba(0,0,0,.15)}.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover{background-color:#4c566a}article{box-shadow:0 0 15px rgba(0,0,0,.15) inset}article h1,article h3{color:#4c566a}article .build-details-comments a,article .build-group>h3>a,article a.more-link{color:#4c566a}article .build-group-listing .build-group{background-color:#fff}ul.pagination>li.active>a{background:#2e3440;color:#e5e9f0!important}ul.pagination>li:active:not(.disabled)>a,ul.pagination>li:focus:not(.disabled)>a,ul.pagination>li:hover:not(.disabled)>a{background:#4c566a;color:#f8fbff!important}.latest-flex .latest-flex-item{background:#fff}.latest-flex .latest-flex-item .latest-flex-detail{color:#4c566a}#modal-search-overlay #modal-search{background-color:#f8fbff}#modal-search-overlay #modal-search h3{color:#2e3440}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button,#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{background-color:#fff;color:#2e3440;border-color:#4c566a}
/*# sourceMappingURL=light.css.map */

View File

@ -1 +1 @@
{"version":3,"sources":["light.scss","light.css"],"names":[],"mappings":"AAAA,KAEG,iBAAA,QACA,MAAA,QAGH,EAEG,MAAA,KCAH,eDGA,KAGG,MAAA,QAGH,eAEG,oBAAA,QAGH,cAEG,iBAAA,QACA,MAAA,QAHH,iBAOM,oBAAA,KAIN,iBAEG,iBAAA,QACA,MAAA,QACA,oBAAA,QAJH,wBAQM,MAAA,QARN,6CAiBY,MAAA,QAjBZ,kDCJE,mDD2BU,iBAAA,QAMZ,eAEG,iBAAA,QACA,aAAA,QACA,WAAA,EAAA,IAAA,KAAA,gBC5BD,wBADA,uBDyBF,uBAUM,iBAAA,QAIN,QAEG,WAAA,KAFH,WAAA,WAMM,MAAA,QCnCJ,kCD6BF,0BC9BE,oBD2CI,MAAA,QAIN,0BAIM,WAAA,QACA,MAAA,kBC1CN,yCADA,wCDsCA,wCAYM,WAAA,QACA,MAAA,kBAIN,oCAEG,iBAAA,QAFH,uCAMM,MAAA,QCnDJ,2ED6CF,0EAYM,iBAAA,KACA,MAAA,QACA,aAAA","file":"light.css","sourcesContent":["body\r\n{\r\n background-color: #373736;\r\n color: #f6f5f3;\r\n}\r\n\r\na\r\n{\r\n color: #000;\r\n}\r\n\r\nh1 > a,\r\n#page-footer a\r\n{\r\n color: #f6f5f3;\r\n}\r\n\r\ntable thead th\r\n{\r\n border-bottom-color: #373736;\r\n}\r\n\r\n#page-content\r\n{\r\n background-color: #f6f5f3;\r\n color: #373736;\r\n\r\n h3\r\n {\r\n border-bottom-color: #ccc;\r\n }\r\n}\r\n\r\n#page-navigation\r\n{\r\n background-color: #e6e5e3;\r\n color: #373736;\r\n border-bottom-color: #373736;\r\n\r\n button\r\n {\r\n color: #373736;\r\n }\r\n\r\n #page-navigation-links\r\n {\r\n > li\r\n {\r\n a\r\n {\r\n color: #373736;\r\n }\r\n\r\n &.open > a,\r\n > a:hover\r\n {\r\n background-color: #f6f5f3;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.dropdown-menu\r\n{\r\n background-color: #e6e5e3;\r\n border-color: #373736;\r\n box-shadow: 0 5px 10px rgba(0,0,0,0.15);\r\n\r\n a:hover,\r\n a:focus,\r\n a:active\r\n {\r\n background-color: #f6f5f3;\r\n }\r\n}\r\n\r\narticle\r\n{\r\n box-shadow: none;\r\n\r\n h1, h3\r\n {\r\n color: #242423;\r\n }\r\n\r\n .build-group > h3 > a,\r\n a.more-link,\r\n .build-details-comments a\r\n {\r\n color: #242423;\r\n }\r\n}\r\n\r\nul.pagination\r\n{\r\n > li.active > a\r\n {\r\n background: #373736;\r\n color: #e6e5e3 !important;\r\n }\r\n\r\n > li:hover:not(.disabled) > a,\r\n > li:focus:not(.disabled) > a,\r\n > li:active:not(.disabled) > a\r\n {\r\n background: #242423;\r\n color: #f6f5f3 !important;\r\n }\r\n}\r\n\r\n#modal-search-overlay #modal-search\r\n{\r\n background-color: #f6f5f3;\r\n\r\n h3\r\n {\r\n color: #373736;\r\n }\r\n\r\n > #modal-search-box > #modal-search-input,\r\n > #modal-search-box > #modal-search-button\r\n {\r\n background-color: #fff;\r\n color: #373736;\r\n border-color: #242423;\r\n }\r\n}\r\n","body{background-color:#373736;color:#f6f5f3}a{color:#000}#page-footer a,h1>a{color:#f6f5f3}table thead th{border-bottom-color:#373736}#page-content{background-color:#f6f5f3;color:#373736}#page-content h3{border-bottom-color:#ccc}#page-navigation{background-color:#e6e5e3;color:#373736;border-bottom-color:#373736}#page-navigation button{color:#373736}#page-navigation #page-navigation-links>li a{color:#373736}#page-navigation #page-navigation-links>li.open>a,#page-navigation #page-navigation-links>li>a:hover{background-color:#f6f5f3}.dropdown-menu{background-color:#e6e5e3;border-color:#373736;box-shadow:0 5px 10px rgba(0,0,0,.15)}.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover{background-color:#f6f5f3}article{box-shadow:none}article h1,article h3{color:#242423}article .build-details-comments a,article .build-group>h3>a,article a.more-link{color:#242423}ul.pagination>li.active>a{background:#373736;color:#e6e5e3!important}ul.pagination>li:active:not(.disabled)>a,ul.pagination>li:focus:not(.disabled)>a,ul.pagination>li:hover:not(.disabled)>a{background:#242423;color:#f6f5f3!important}#modal-search-overlay #modal-search{background-color:#f6f5f3}#modal-search-overlay #modal-search h3{color:#373736}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button,#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{background-color:#fff;color:#373736;border-color:#242423}\n/*# sourceMappingURL=light.css.map */\n"]}
{"version":3,"sources":["light.scss","light.css"],"names":[],"mappings":"AAEA,KAEG,iBAAA,QACA,MAAA,QAGH,EAEG,MAAA,QCFH,eDKA,KAGG,MAAA,QAGH,eAEG,oBAAA,QAGH,cAEG,iBAAA,QACA,MAAA,QAHH,iBAOM,oBAAA,QAIN,iBAEG,iBAAA,QACA,MAAA,QACA,oBAAA,QAJH,wBAQM,MAAA,QARN,6CAiBY,MAAA,QAjBZ,kDCNE,mDD6BU,iBAAA,QAMZ,eAEG,iBAAA,QACA,aAAA,QACA,WAAA,EAAA,IAAA,KAAA,gBC9BD,wBADA,uBD2BF,uBAUM,iBAAA,QAIN,QAEG,WAAA,EAAA,EAAA,KAAA,gBAAA,MAFH,WAAA,WAMM,MAAA,QCrCJ,kCD+BF,0BChCE,oBD6CI,MAAA,QAbN,0CAkBM,iBAAA,KAIN,0BAIM,WAAA,QACA,MAAA,kBC/CN,yCADA,wCD2CA,wCAYM,WAAA,QACA,MAAA,kBAIN,+BAIM,WAAA,KAJN,mDAQS,MAAA,QAKT,oCAEG,iBAAA,QAFH,uCAMM,MAAA,QChEJ,2ED0DF,0EAYM,iBAAA,KACA,MAAA,QACA,aAAA","file":"light.css","sourcesContent":["@import \"inc/variables.scss\";\r\n\r\nbody\r\n{\r\n background-color: $nord0;\r\n color: $nord6;\r\n}\r\n\r\na\r\n{\r\n color: $nord0;\r\n}\r\n\r\nh1 > a,\r\n#page-footer a\r\n{\r\n color: $nord6;\r\n}\r\n\r\ntable thead th\r\n{\r\n border-bottom-color: $nord0;\r\n}\r\n\r\n#page-content\r\n{\r\n background-color: $nord6;\r\n color: $nord0;\r\n\r\n h3\r\n {\r\n border-bottom-color: $nord4;\r\n }\r\n}\r\n\r\n#page-navigation\r\n{\r\n background-color: $nord1;\r\n color: $nord5;\r\n border-bottom-color: $nord0;\r\n\r\n button\r\n {\r\n color: $nord5;\r\n }\r\n\r\n #page-navigation-links\r\n {\r\n > li\r\n {\r\n a\r\n {\r\n color: $nord5;\r\n }\r\n\r\n &.open > a,\r\n > a:hover\r\n {\r\n background-color: $nord2;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.dropdown-menu\r\n{\r\n background-color: $nord2;\r\n border-color: $nord0;\r\n box-shadow: 0 5px 10px rgba(0,0,0,0.15);\r\n\r\n a:hover,\r\n a:focus,\r\n a:active\r\n {\r\n background-color: $nord3;\r\n }\r\n}\r\n\r\narticle\r\n{\r\n box-shadow: 0 0 15px rgba(0,0,0,0.15) inset;\r\n\r\n h1, h3\r\n {\r\n color: $nord3;\r\n }\r\n\r\n .build-group > h3 > a,\r\n a.more-link,\r\n .build-details-comments a\r\n {\r\n color: $nord3;\r\n }\r\n\r\n .build-group-listing .build-group\r\n {\r\n background-color: #fff;\r\n }\r\n}\r\n\r\nul.pagination\r\n{\r\n > li.active > a\r\n {\r\n background: $nord0;\r\n color: $nord5 !important;\r\n }\r\n\r\n > li:hover:not(.disabled) > a,\r\n > li:focus:not(.disabled) > a,\r\n > li:active:not(.disabled) > a\r\n {\r\n background: $nord3;\r\n color: $nord6 !important;\r\n }\r\n}\r\n\r\n.latest-flex\r\n{\r\n .latest-flex-item\r\n {\r\n background: #fff;\r\n\r\n .latest-flex-detail\r\n {\r\n color: $nord3;\r\n }\r\n }\r\n}\r\n\r\n#modal-search-overlay #modal-search\r\n{\r\n background-color: $nord6;\r\n\r\n h3\r\n {\r\n color: $nord0;\r\n }\r\n\r\n > #modal-search-box > #modal-search-input,\r\n > #modal-search-box > #modal-search-button\r\n {\r\n background-color: #fff;\r\n color: $nord0;\r\n border-color: $nord3;\r\n }\r\n}\r\n","body{background-color:#2e3440;color:#f8fbff}a{color:#2e3440}#page-footer a,h1>a{color:#f8fbff}table thead th{border-bottom-color:#2e3440}#page-content{background-color:#f8fbff;color:#2e3440}#page-content h3{border-bottom-color:#d8dee9}#page-navigation{background-color:#3b4252;color:#e5e9f0;border-bottom-color:#2e3440}#page-navigation button{color:#e5e9f0}#page-navigation #page-navigation-links>li a{color:#e5e9f0}#page-navigation #page-navigation-links>li.open>a,#page-navigation #page-navigation-links>li>a:hover{background-color:#434c5e}.dropdown-menu{background-color:#434c5e;border-color:#2e3440;box-shadow:0 5px 10px rgba(0,0,0,.15)}.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover{background-color:#4c566a}article{box-shadow:0 0 15px rgba(0,0,0,.15) inset}article h1,article h3{color:#4c566a}article .build-details-comments a,article .build-group>h3>a,article a.more-link{color:#4c566a}article .build-group-listing .build-group{background-color:#fff}ul.pagination>li.active>a{background:#2e3440;color:#e5e9f0!important}ul.pagination>li:active:not(.disabled)>a,ul.pagination>li:focus:not(.disabled)>a,ul.pagination>li:hover:not(.disabled)>a{background:#4c566a;color:#f8fbff!important}.latest-flex .latest-flex-item{background:#fff}.latest-flex .latest-flex-item .latest-flex-detail{color:#4c566a}#modal-search-overlay #modal-search{background-color:#f8fbff}#modal-search-overlay #modal-search h3{color:#2e3440}#modal-search-overlay #modal-search>#modal-search-box>#modal-search-button,#modal-search-overlay #modal-search>#modal-search-box>#modal-search-input{background-color:#fff;color:#2e3440;border-color:#4c566a}\n/*# sourceMappingURL=light.css.map */\n"]}

View File

@ -1,45 +1,47 @@
body
@import "inc/variables.scss";
body
{
background-color: #373736;
color: #f6f5f3;
background-color: $nord0;
color: $nord6;
}
a
{
color: #000;
color: $nord0;
}
h1 > a,
#page-footer a
{
color: #f6f5f3;
color: $nord6;
}
table thead th
{
border-bottom-color: #373736;
border-bottom-color: $nord0;
}
#page-content
{
background-color: #f6f5f3;
color: #373736;
background-color: $nord6;
color: $nord0;
h3
{
border-bottom-color: #ccc;
border-bottom-color: $nord4;
}
}
#page-navigation
{
background-color: #e6e5e3;
color: #373736;
border-bottom-color: #373736;
background-color: $nord1;
color: $nord5;
border-bottom-color: $nord0;
button
{
color: #373736;
color: $nord5;
}
#page-navigation-links
@ -48,13 +50,13 @@ table thead th
{
a
{
color: #373736;
color: $nord5;
}
&.open > a,
> a:hover
{
background-color: #f6f5f3;
background-color: $nord2;
}
}
}
@ -62,32 +64,37 @@ table thead th
.dropdown-menu
{
background-color: #e6e5e3;
border-color: #373736;
background-color: $nord2;
border-color: $nord0;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
a:hover,
a:focus,
a:active
{
background-color: #f6f5f3;
background-color: $nord3;
}
}
article
{
box-shadow: none;
box-shadow: 0 0 15px rgba(0,0,0,0.15) inset;
h1, h3
{
color: #242423;
color: $nord3;
}
.build-group > h3 > a,
a.more-link,
.build-details-comments a
{
color: #242423;
color: $nord3;
}
.build-group-listing .build-group
{
background-color: #fff;
}
}
@ -95,33 +102,46 @@ ul.pagination
{
> li.active > a
{
background: #373736;
color: #e6e5e3 !important;
background: $nord0;
color: $nord5 !important;
}
> li:hover:not(.disabled) > a,
> li:focus:not(.disabled) > a,
> li:active:not(.disabled) > a
{
background: #242423;
color: #f6f5f3 !important;
background: $nord3;
color: $nord6 !important;
}
}
.latest-flex
{
.latest-flex-item
{
background: #fff;
.latest-flex-detail
{
color: $nord3;
}
}
}
#modal-search-overlay #modal-search
{
background-color: #f6f5f3;
background-color: $nord6;
h3
{
color: #373736;
color: $nord0;
}
> #modal-search-box > #modal-search-input,
> #modal-search-box > #modal-search-button
{
background-color: #fff;
color: #373736;
border-color: #242423;
color: $nord0;
border-color: $nord3;
}
}

View File

@ -1,2 +1,2 @@
"use strict";var BuildFeed;!function(e){function t(e){e.preventDefault(),this.nextElementSibling.classList.toggle("open")}function n(e){e.preventDefault(),this.parentElement.classList.toggle("open"),document.getElementById("menu-open-overlay").classList.add("open")}function a(e){e.preventDefault();for(var t=document.getElementsByClassName("dropdown-parent"),n=0;n<t.length;n++)t[n].classList.remove("open");document.getElementById("menu-open-overlay").classList.remove("open")}function o(e){e.preventDefault();var t=this;document.cookie="bf_theme="+t.dataset.theme+"; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/",location.reload(!0)}function l(e){e.preventDefault();var t=this;document.cookie="bf_lang="+t.dataset.lang+"; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/",location.reload(!0)}function d(e){e.preventDefault(),document.getElementById("modal-search-overlay").classList.add("open")}function r(e){e.preventDefault(),document.getElementById("modal-search-overlay").classList.remove("open")}function c(e){e.preventDefault(),e.stopPropagation()}function i(e){document.getElementById("modal-search-result").innerHTML="",void 0!==p&&clearTimeout(p),void 0!==g&&g.readyState!==XMLHttpRequest.DONE&&g.abort(),p=setInterval(s,200)}function s(){void 0!==p&&clearTimeout(p);var e=document.getElementById("modal-search-input");g=new XMLHttpRequest,g.onreadystatechange=u,g.open("GET","/api/GetSearchResult/"+e.value+"/",!0),g.setRequestHeader("accept","application/json"),g.send(null)}function u(e){if(g.readyState===XMLHttpRequest.DONE&&200===g.status){var t=document.getElementById("modal-search-result"),n=document.getElementById("result-template"),a=jsrender.templates(n.innerHTML),o=a.render(JSON.parse(g.responseText));t.innerHTML=o;for(var l=t.getElementsByTagName("a"),d=0;d<l.length;d++)l[d].addEventListener("click",function(e){e.preventDefault();var t=document.getElementById("modal-search-input");ga("send","pageview","/api/GetSearchResult/"+t.value+"/"),location.assign(e.currentTarget.href)})}}function m(e){for(var s=document.getElementsByClassName("dropdown-parent"),u=0;u<s.length;u++)for(var m=0;m<s[u].childNodes.length;m++){var g=s[u].childNodes[m];"A"===g.nodeName&&g.addEventListener("click",n)}document.getElementById("menu-open-overlay").addEventListener("click",a);for(var p=document.getElementById("settings-theme-menu").getElementsByTagName("a"),u=0;u<p.length;u++)p[u].addEventListener("click",o);for(var v=document.getElementById("settings-lang-menu").getElementsByTagName("a"),u=0;u<v.length;u++)v[u].addEventListener("click",l);document.getElementById("page-navigation-toggle").addEventListener("click",t),document.getElementById("page-navigation-search").addEventListener("click",d),document.getElementById("modal-search-overlay").addEventListener("click",r),document.getElementById("modal-search").addEventListener("click",c),document.getElementById("modal-search-input").addEventListener("keyup",i)}var g,p;e.MobileMenuToggle=t,e.DropdownClick=n,e.CloseDropdowns=a,e.SwitchTheme=o,e.SwitchLanguage=l,e.OpenSearch=d,e.CloseSearch=r,e.StopClick=c,e.InitiateSearch=i,e.SendSearch=s,e.CompleteSearch=u,e.BuildFeedSetup=m}(BuildFeed||(BuildFeed={})),window.addEventListener("load",BuildFeed.BuildFeedSetup);
"use strict";var BuildFeed;!function(e){function t(e){e.preventDefault(),this.nextElementSibling.classList.toggle("open")}function n(e){e.preventDefault();var t=this,n=t.parentElement.classList.contains("open");if(a(e),!n){t.parentElement.classList.toggle("open");document.getElementById("menu-open-overlay").classList.add("open")}}function a(e){e.preventDefault();for(var t=document.getElementsByClassName("dropdown-parent"),n=0;n<t.length;n++)t[n].classList.remove("open");document.getElementById("menu-open-overlay").classList.remove("open")}function o(e){e.preventDefault();var t=this;document.cookie="bf_theme="+t.dataset.theme+"; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/",location.reload(!0)}function l(e){e.preventDefault();var t=this;document.cookie="bf_lang="+t.dataset.lang+"; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/",location.reload(!0)}function d(e){e.preventDefault(),document.getElementById("modal-search-overlay").classList.add("open")}function r(e){e.preventDefault(),document.getElementById("modal-search-overlay").classList.remove("open")}function i(e){e.preventDefault(),e.stopPropagation()}function c(e){document.getElementById("modal-search-result").innerHTML="",void 0!==g&&clearTimeout(g),void 0!==p&&p.readyState!==XMLHttpRequest.DONE&&p.abort(),g=setInterval(s,200)}function s(){void 0!==g&&clearTimeout(g);var e=document.getElementById("modal-search-input");p=new XMLHttpRequest,p.onreadystatechange=u,p.open("GET","/api/GetSearchResult/"+e.value+"/",!0),p.setRequestHeader("accept","application/json"),p.send(null)}function u(e){if(p.readyState===XMLHttpRequest.DONE&&200===p.status){var t=document.getElementById("modal-search-result"),n=document.getElementById("result-template"),a=jsrender.templates(n.innerHTML),o=a.render(JSON.parse(p.responseText));t.innerHTML=o;for(var l=t.getElementsByTagName("a"),d=0;d<l.length;d++)l[d].addEventListener("click",function(e){e.preventDefault();var t=document.getElementById("modal-search-input");ga("send","pageview","/api/GetSearchResult/"+t.value+"/"),location.assign(e.currentTarget.href)})}}function m(e){for(var s=document.getElementsByClassName("dropdown-parent"),u=0;u<s.length;u++)for(var m=0;m<s[u].childNodes.length;m++){var p=s[u].childNodes[m];"A"===p.nodeName&&p.addEventListener("click",n)}document.getElementById("menu-open-overlay").addEventListener("click",a);for(var g=document.getElementById("settings-theme-menu").getElementsByTagName("a"),u=0;u<g.length;u++)g[u].addEventListener("click",o);for(var v=document.getElementById("settings-lang-menu").getElementsByTagName("a"),u=0;u<v.length;u++)v[u].addEventListener("click",l);document.getElementById("page-navigation-toggle").addEventListener("click",t),document.getElementById("page-navigation-search").addEventListener("click",d),document.getElementById("modal-search-overlay").addEventListener("click",r),document.getElementById("modal-search").addEventListener("click",i),document.getElementById("modal-search-input").addEventListener("keyup",c)}var p,g;e.MobileMenuToggle=t,e.DropdownClick=n,e.CloseDropdowns=a,e.SwitchTheme=o,e.SwitchLanguage=l,e.OpenSearch=d,e.CloseSearch=r,e.StopClick=i,e.InitiateSearch=c,e.SendSearch=s,e.CompleteSearch=u,e.BuildFeedSetup=m}(BuildFeed||(BuildFeed={})),window.addEventListener("load",BuildFeed.BuildFeedSetup);
//# sourceMappingURL=bfs.js.map

File diff suppressed because one or more lines are too long

View File

@ -20,10 +20,17 @@ module BuildFeed
ev.preventDefault();
const link = this as HTMLAnchorElement;
link.parentElement.classList.toggle("open");
const alreadyOpen = link.parentElement.classList.contains("open");
const menuClickCapture = document.getElementById("menu-open-overlay") as HTMLDivElement;
menuClickCapture.classList.add("open");
CloseDropdowns(ev);
if (!alreadyOpen)
{
link.parentElement.classList.toggle("open");
const menuClickCapture = document.getElementById("menu-open-overlay") as HTMLDivElement;
menuClickCapture.classList.add("open");
}
}
export function CloseDropdowns(ev: MouseEvent)