Some minor styling tweaks

refactor-intermediate-models
Thomas Hounsell 2017-04-28 21:24:17 +01:00
parent 1b4459f618
commit 93d8560e32
8 changed files with 41 additions and 33 deletions

View File

@ -260,6 +260,7 @@
<Content Include="packages.config" />
<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" />
<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

@ -19,7 +19,7 @@
})" class="latest-flex-item latest-flex-red">
<h3 class="latest-flex-title">@VariantTerms.Front_CurrentCanary</h3>
<div class="latest-flex-detail">
<p class="latest-flex-build">@(Model.CurrentCanary.MajorVersion).@(Model.CurrentCanary.MinorVersion).@(Model.CurrentCanary.Number).@(Model.CurrentCanary.Revision)</p>
<p class="latest-flex-build">@(Model.CurrentCanary.Number).@(Model.CurrentCanary.Revision)</p>
<p class="latest-flex-lab">@Model.CurrentCanary.Lab</p>
<p class="latest-flex-time">@(Model.CurrentCanary.BuildTime?.ToString("HH:mm, dddd dd MMMM yyyy"))</p>
</div>
@ -33,7 +33,7 @@
})" class="latest-flex-item latest-flex-yellow">
<h3 class="latest-flex-title">@VariantTerms.Front_CurrentInsider</h3>
<div class="latest-flex-detail">
<p class="latest-flex-build">@(Model.CurrentInsider.MajorVersion).@(Model.CurrentInsider.MinorVersion).@(Model.CurrentInsider.Number).@(Model.CurrentInsider.Revision)</p>
<p class="latest-flex-build">@(Model.CurrentInsider.Number).@(Model.CurrentInsider.Revision)</p>
<p class="latest-flex-lab">@Model.CurrentInsider.Lab</p>
<p class="latest-flex-time">@(Model.CurrentInsider.BuildTime?.ToString("HH:mm, dddd dd MMMM yyyy"))</p>
</div>
@ -47,7 +47,7 @@
})" class="latest-flex-item latest-flex-blue">
<h3 class="latest-flex-title">@VariantTerms.Front_CurrentRelease</h3>
<div class="latest-flex-detail">
<p class="latest-flex-build">@(Model.CurrentRelease.MajorVersion).@(Model.CurrentRelease.MinorVersion).@(Model.CurrentRelease.Number).@(Model.CurrentRelease.Revision)</p>
<p class="latest-flex-build">@(Model.CurrentRelease.Number).@(Model.CurrentRelease.Revision)</p>
<p class="latest-flex-lab">@Model.CurrentRelease.Lab</p>
<p class="latest-flex-time">@(Model.CurrentRelease.BuildTime?.ToString("HH:mm, dddd dd MMMM yyyy"))</p>
</div>
@ -61,7 +61,7 @@
})" class="latest-flex-item latest-flex-green">
<h3 class="latest-flex-title">@VariantTerms.Front_CurrentXbox</h3>
<div class="latest-flex-detail">
<p class="latest-flex-build">@(Model.CurrentXbox.MajorVersion).@(Model.CurrentXbox.MinorVersion).@(Model.CurrentXbox.Number).@(Model.CurrentXbox.Revision)</p>
<p class="latest-flex-build">@(Model.CurrentXbox.Number).@(Model.CurrentXbox.Revision)</p>
<p class="latest-flex-lab">@Model.CurrentXbox.Lab</p>
<p class="latest-flex-time">@(Model.CurrentXbox.BuildTime?.ToString("HH:mm, dddd dd MMMM yyyy"))</p>
</div>

View File

@ -29,7 +29,7 @@
{
<link href="/res/css/rtl.css" rel="stylesheet" type="text/css" />
}
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,700&amp;subset=cyrillic,greek,vietnamese" rel="stylesheet" type="text/css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
<link rel="manifest" href="~/manifest.json">
<link rel="shortcut icon" href="~/favicon.ico" />
@ -279,7 +279,7 @@
<div id="menu-open-overlay"></div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/1.0.0-rc.70/jsrender.min.js" integrity="sha256-3UBtL0tzgKVuJU8ZZiWLXEWGEjXEr6Z023rpauMnBUE=" crossorigin="anonymous"></script>
<script type="text/javascript" src="/res/ts/bfs.js"></script>
<script type="text/javascript" src="/res/ts/bfs.js" async="async"></script>
@RenderSection("scripts", false)
<script id="result-template" type="text/x-jsrender">
<a href="{{:Url}}" class="search-result-item" title="{{:Title}}">

View File

@ -22,7 +22,7 @@
{
<link href="/res/css/rtl.css" rel="stylesheet" type="text/css" />
}
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,700&amp;subset=cyrillic,greek,vietnamese" rel="stylesheet" type="text/css" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
<link rel="manifest" href="~/manifest.json">
<link rel="shortcut icon" href="~/favicon.ico" />

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,8 +1,10 @@
body
@import "inc/variables.scss";
body
{
font-family: 'Roboto', sans-serif;
font-family: 'Fira Sans', sans-serif;
font-size: 10pt;
line-height: 1.6;
line-height: #{(9 / 5)};
margin: 0;
box-sizing: border-box;
}
@ -23,11 +25,12 @@ h1
{
font-size: 3em;
font-weight: 500;
line-height: #{(4 / 3)};
}
p
{
margin: 0 0 1em;
margin: 0 0 1.5em;
}
table
@ -45,7 +48,7 @@ table
thead th
{
border-bottom: 1px solid;
border-bottom: $border-size solid;
text-align: left;
}
@ -102,7 +105,7 @@ table
.container
{
width: 1240px;
width: 1340px;
max-width: 80%;
margin: 0 auto;
position: relative;
@ -137,7 +140,7 @@ input[type=submit].button
background-color: #0A81CC;
color: #fff;
text-decoration: none;
border-radius: #{(1em / 6)};
border-radius: $border-size;
text-align: center;
&.edit-button
@ -172,7 +175,7 @@ header#page-header
nav#page-navigation
{
border-bottom-width: 1px;
border-bottom-width: $border-size;
border-bottom-style: solid;
position: relative;
z-index: 10;
@ -228,7 +231,7 @@ nav#page-navigation
padding: 15px 15px 0;
text-align: left;
z-index: 10;
border-width: 1px;
border-width: $border-size;
border-style: solid;
border-top-width: 0;
flex-wrap: wrap;
@ -308,7 +311,7 @@ article
font-size: 4em;
font-weight: 300;
text-align: center;
margin: 0 0 #{(1em / 2)};
margin: 0 0 #{(3em / 4)};
&.eager-wrapping
{
@ -320,10 +323,10 @@ article
{
font-size: 2em;
font-weight: bold;
margin: #{(1em / 3)} 0 #{(2em / 3)};
margin: 1em 0 #{(2em / 3)};
text-transform: uppercase;
letter-spacing: #{(1em / 4)};
border-bottom: 1px solid;
border-bottom: $border-size solid;
}
h4
@ -340,11 +343,11 @@ article
.build-group
{
width: 250px;
width: 240px;
flex-grow: 1;
margin: 0 #{(3em / 2)} 3em;
box-sizing: border-box;
border: 3px solid #0A81CC;
border: $border-size solid #0A81CC;
padding: 0.5em 1.5em;
h3
@ -353,7 +356,7 @@ article
color: #fff;
margin: -0.25em -0.75em 0.75em;
font-size: 2em;
line-height: 1.25em;
line-height: 1em;
font-weight: normal;
padding: 0;
letter-spacing: 0;
@ -402,6 +405,7 @@ article
background: #fff;
flex-grow: 1;
margin: 0 2em 2em 0;
border: $border-size solid;
&:hover,
&:active,
@ -425,7 +429,7 @@ article
&.latest-flex-red
{
border: #{(1em / 4)} solid #FF2626;
border-color: #FF2626;
h3.latest-flex-title
{
@ -435,7 +439,7 @@ article
&.latest-flex-yellow
{
border: #{(1em / 4)} solid #FF9F19;
border-color: #FF9F19;
h3.latest-flex-title
{
@ -445,7 +449,7 @@ article
&.latest-flex-blue
{
border: #{(1em / 4)} solid #0A81CC;
border-color: #0A81CC;
h3.latest-flex-title
{
@ -455,7 +459,7 @@ article
&.latest-flex-green
{
border: #{(1em / 4)} solid #12B23F;
border-color: #12B23F;
h3.latest-flex-title
{
@ -468,16 +472,18 @@ article
color: #373736;
text-align: center;
font-weight: 300;
line-height: #{(3 / 2)};
.latest-flex-build
{
font-size: #{(7em / 3)};
margin: #{(1em / 3)} 0 #{(1em / 6)};
font-weight: normal;
}
.latest-flex-lab
{
font-size: 1.5em;
font-size: #{(4em / 3)};
margin: 0 0 0.5em;
}
@ -571,7 +577,7 @@ article
{
width: 100%;
box-sizing: border-box;
border: 1px solid;
border: $border-size solid;
padding: #{(1em / 3)} #{(1em / 2)};
border-radius: #{(1em / 6)};
line-height: 1em;
@ -594,7 +600,7 @@ article
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 120px;
border: 1px solid #888;
border: $border-size solid #888;
border-left: 0;
}
}
@ -767,7 +773,7 @@ footer#page-footer
padding: 2em;
border-radius: 2px;
box-sizing: border-box;
border: 1px solid #ccc;
border: $border-size solid #ccc;
h3
{
@ -786,7 +792,7 @@ footer#page-footer
height: 2.5em;
padding: 0.5em;
box-sizing: border-box;
border: 1px solid;
border: $border-size solid;
}
> #modal-search-input

View File

@ -0,0 +1 @@
$border-size: 2px;