Initial small styling (mimicking Core site)

2015-07-27 22:45:58 -07:00
parent 1e50b3facf
commit 97cd50d788
8 changed files with 74 additions and 16 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -194,3 +194,6 @@ FakesAssemblies/

 # Visual Studio 6 workspace options file
 *.opt
+
+# Vim files
+*.swp
--- a/css/main.css
+++ b/css/main.css
@@ -0,0 +1,44 @@
+/* Import statements here ...*/
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);
+@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700);
+
+body {
+    font-family: 'Open Sans';
+    margin: 0px 20px;
+}
+
+h1, h2 h3, h4, h5, h6 {
+    font-family: 'Roboto Condensed';
+}
+
+/* Adding some whitespace */
+p {
+    margin-bottom: 12px;
+}
+#platforms > h2 {
+    font-family: 'Roboto Condensed';
+}
+#platforms > table {
+    font-family: 'Open Sans';
+}
+
+/* Links */
+a {
+    color: #682079;
+}
+a:hover {
+    color: #682079;
+    text-decoration: underline;
+}
+
+.btn-gs:hover, .btn-gs:active, .btn-gs:focus, .jquery-active {
+  color: #fff;
+  background-color: #682079;
+}
+.btn-gs-active {
+    color: #fff;
+    background-color: #682079;
+}
+
+
+
--- a/dotnet-nuget-packages.html
+++ b/dotnet-nuget-packages.html
@@ -1,6 +1,8 @@
 <html>
 <head>
 <title>Microsoft .NET Framework NuGet Packages</title>
+    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
+    <link rel="stylesheet" href="css/main.css" />
 </head>
 <body>
 <h1>Microsoft .NET Framework NuGet Packages</h1>
--- a/get-dotnet.html
+++ b/get-dotnet.html
@@ -3,6 +3,8 @@

 <head>
 <title>Get .NET. Get your app working.</title>
+    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
+    <link rel="stylesheet" href="css/main.css" />
 </head>
 <!--Incoming link look like this: 
    http://go2.microsoft.com/fwlink/?LinkID=134774&rClrVer=v4.0.30319. Will get mapped to this:
--- a/help/dotnet-framework-initialization-error.html
+++ b/help/dotnet-framework-initialization-error.html
@@ -2,12 +2,14 @@

 <head>
 <title>.NET Framework Initialization Error</title>
+    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
+    <link rel="stylesheet" href="../css/main.css" />
 </head>
+<body>
+<div>

-<div style="font-family:Segoe UI,
-Lucida Grande,Verdana,Arial,Helvetica,sans-serif; font-size:30px;vertical-align:middle">
-    <img src="http://i.microsoft.com/net/images/chrome/net-logo.jpg" style="vertical-align:middle"/>.NET Framework Initialization Error
-    </div>
+    <h1><img src="http://i.microsoft.com/net/images/chrome/net-logo.jpg" style="vertical-align:middle"/> .NET Framework Initialization Error</h1>
+</div>

 <p>Every .NET app targets a particular .NET version. This is either the target version of the app project, which is automatically recorded with the app, or a version that is manually updated later. When an app is launched, the .NET runtime checks to see if this version is installed on a given machine before running an app. If that version is not installed, you will see an error message similar to the one shown in the image below.</p>

--- a/help/dotnet45-xp.html
+++ b/help/dotnet45-xp.html
@@ -1,6 +1,8 @@
 <html>
 <head>
 <title>.NET Framework 4.5 and Windows XP</title>
+    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
+    <link rel="stylesheet" href="../css/main.css" />
 </head>
 <body>
 <div style="font-family:Segoe UI,
--- a/install-dotnet.html
+++ b/install-dotnet.html
@@ -5,6 +5,8 @@
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
+    <link rel="stylesheet" href="css/main.css" />
    <!--
 __   __                       _           _   _ _____ _____ 
 \ \ / /__  _   _    __ _  ___| |_ ___    | \ | | ____|_   _|
@@ -33,7 +35,6 @@

 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

-<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
 <style>
 li {font-size: 14pt;}
 div {font-size: 12pt;}
--- a/target-dotnet-platforms.html
+++ b/target-dotnet-platforms.html
@@ -2,6 +2,8 @@
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 <head>
    <title>Targeting .NET Platforms</title>
+    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
+    <link rel="stylesheet" href="css/main.css" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -31,7 +33,6 @@
 <p class="lead">Note: These SDK and .NET Framework downloads may update Visual Studio and the .NET Framework on your machine.</p>

 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
-<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
 <style>
 td:first-child {width: 40%;}
 h1 {padding-top: 10px;}
@@ -64,17 +65,18 @@ $(document).ready(function() {

    function generateButtons()
    {
+        $("#navigation").append("<div class='btn-group'>");

         $.each(data.vsversions,function(key,val)
        {
-            $("#navigation").append("<a id="+ val.alias+" class='btn btn-lg btn-default' href=# role=button>"+val.name +"</a>");
+            $("#navigation > .btn-group").append("<a id="+ val.alias+" class='btn btn-gs btn-lg btn-default' href=# role=button>"+val.name +"</a>");
            $("#" + val.alias).click(function()
            {
                changeButtonStatus(val.alias);
                initPage(val.alias)
            });
        });
-        $("#" + data.vsversions[data.vsversions.length-1].alias).removeClass("btn-default").addClass("btn-success");
+        $("#" + data.vsversions[data.vsversions.length-1].alias).removeClass("btn-default").addClass("btn-gs-active");
    }

    function changeButtonStatus(mode)
@@ -86,11 +88,11 @@ $(document).ready(function() {
            var id = "#" + modes[i];
            if (modes[i] == mode && $(id).hasClass("btn-default"))
            {
-                $(id).removeClass("btn-default").addClass("btn-success");   
+                $(id).removeClass("btn-default").addClass("btn-gs-active");   
            }
-            else if (modes[i] != mode && $(id).hasClass("btn-success"))
+            else if (modes[i] != mode && $(id).hasClass("btn-gs-active"))
            {
-                $(id).removeClass("btn-success").addClass("btn-default");
+                $(id).removeClass("btn-gs-active").addClass("btn-default");
            }
        }
    }