From 97cd50d7885b56a4a11da473f3bacf7d91a78b2e Mon Sep 17 00:00:00 2001
From: Zlatko Knezevic <zlakne@microsoft.com>
Date: Mon, 27 Jul 2015 22:45:58 -0700
Subject: [PATCH] Initial small styling (mimicking Core site)

---
 .gitignore                                    |  3 ++
 css/main.css                                  | 44 +++++++++++++++++++
 dotnet-nuget-packages.html                    |  4 +-
 get-dotnet.html                               |  4 +-
 ...dotnet-framework-initialization-error.html | 12 ++---
 help/dotnet45-xp.html                         |  2 +
 install-dotnet.html                           |  5 ++-
 target-dotnet-platforms.html                  | 16 ++++---
 8 files changed, 74 insertions(+), 16 deletions(-)
 create mode 100644 css/main.css
diff --git a/.gitignore b/.gitignore
index 57a1574..8875a80 100644
--- a/.gitignore
+++ b/.gitignore
@@ -194,3 +194,6 @@ FakesAssemblies/
 
 # Visual Studio 6 workspace options file
 *.opt
+
+# Vim files
+*.swp
diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..4fa660b
--- /dev/null
+++ 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;
+}
+
+
+
diff --git a/dotnet-nuget-packages.html b/dotnet-nuget-packages.html
index 2ad9320..bd87f45 100644
--- 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>
@@ -66,4 +68,4 @@
 
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/get-dotnet.html b/get-dotnet.html
index b36c2b8..cc158c2 100644
--- 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:
@@ -73,4 +75,4 @@
 
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/help/dotnet-framework-initialization-error.html b/help/dotnet-framework-initialization-error.html
index 22fa445..5af580e 100644
--- 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>
 
@@ -44,4 +46,4 @@ Lucida Grande,Verdana,Arial,Helvetica,sans-serif; font-size:30px;vertical-align:
 
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/help/dotnet45-xp.html b/help/dotnet45-xp.html
index 62c56a0..509c59d 100644
--- 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,
diff --git a/install-dotnet.html b/install-dotnet.html
index 3576e68..46e513a 100644
--- 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;}
@@ -70,4 +71,4 @@ $(document).ready(function() {
 
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/target-dotnet-platforms.html b/target-dotnet-platforms.html
index e1abedb..9c9eb4d 100644
--- 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");
             }
         }
     }
@@ -166,4 +168,4 @@ $(document).ready(function() {
 
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
