Fix CSS layout issue on the Package Contents page.

NuGet · Jan 8, 2013 · 4eeb3fe · 4eeb3fe
1 parent d689346
commit 4eeb3fe
Show file tree

Hide file tree

Showing 53 changed files with 5,814 additions and 113 deletions.
diff --git a/Website/Content/Site.css b/Website/Content/Site.css
@@ -303,7 +303,7 @@ nav.main ul a:hover {
     width: 27px;
 }
 
-        /* On Page Search */
+/* On Page Search */
 
 #pageSearchBox {
     -moz-border-radius: 4px;
@@ -339,7 +339,7 @@ nav.main ul a:hover {
     width: 345px;
 }
 
-    /* User Info */
+/* User Info */
 
 .user-display {
     background: url(../Content/Images/usericonwhite.png) no-repeat;
@@ -387,7 +387,7 @@ hgroup.page-heading h2 { display: inline; }
 
 hgroup.page-heading h2 { padding-left: 7px; }
 
-    /* Featured */
+/* Featured */
 
 .featured {
     -moz-border-radius: 3px;
@@ -451,7 +451,7 @@ hgroup.page-heading h2 { padding-left: 7px; }
     text-decoration: none;
 }
 
-    /* Aggregate Stats */
+/* Aggregate Stats */
 
 .aggstats {
     background: #555;
@@ -479,7 +479,7 @@ hgroup.page-heading h2 { padding-left: 7px; }
 
 .aggstats .num > span { position: relative; }
 
-    /* Account/Actions */
+/* Account/Actions */
 
 #actions h1 { font-size: 2em; }
 
@@ -555,8 +555,7 @@ hgroup.page-heading h2 { padding-left: 7px; }
 
 #generateKey .form input[type="submit"] { width: auto; }
 
-
-    /* Sequence Steps */
+/* Sequence Steps */
 
 .sequence {
     letter-spacing: 1px;
@@ -597,7 +596,7 @@ hgroup.page-heading h2 { padding-left: 7px; }
 }
 
 
-    /* Tags & Authors */
+/* Tags & Authors */
 
 ul.tags,
 ul.authors {
@@ -612,7 +611,7 @@ ul.authors li {
     padding-right: 6px;
 }
 
-    /* DependencySets */
+/* DependencySets */
 
 #dependencySets {
     list-style: none;
@@ -637,7 +636,7 @@ ul.dependencySet li {
     padding-right: 6px;
 }
 
-    /* Owners */
+/* Owners */
 
 .owners {
     list-style: none;
@@ -650,7 +649,7 @@ ul.dependencySet li {
 .owner-image { margin-right: 5px; }
 
 
-    /* Package Details */
+/* Package Details */
 
 #packageDetails {
     list-style: none;
@@ -663,7 +662,7 @@ ul.dependencySet li {
 #packageDetails p { margin-left: 10px; }
 
 
-    /* Package Page */
+/* Package Page */
 
 .package-page h3 {
     font-size: 1.75em;
@@ -810,51 +809,78 @@ section.package .side img {
     width: 50px;
 }
 
-    /* Package Contents page */
+/* Package Contents page */
+
+#upsellMessage {
+    margin: 0px 0px 10px 0px;
+}
 
-#metadata {
+#contentsNav {
     float: left;
-    width: 60%;
+    width: 28%;
+    height: 450px;
+    padding: 5px 5px 0px 5px;
     margin-bottom: 50px;
+    border: 1px solid darkgray;
+    overflow: auto;
 }
 
-#metadata > h3 { margin-bottom: 15px; }
+#metadataLabel {
+    font-size: 1.1em;
+}
 
-#metadata .toplabel { vertical-align: top; }
+#metadata .toplabel {
+    vertical-align: top; 
+}
 
 #contents {
     float: right;
-    width: 35%;
+    width: 68%;
     margin-bottom: 50px;
+    padding: 5px 5px 0px 5px;
+    height: 450px;
+    border: 1px solid darkgray;
+    overflow: auto;
+    position: relative;
 }
 
-#contents > h3 { margin-bottom: 15px; }
+#contents .header 
+{
+    font-size: 1.1em;
+}
 
-img.packageicon { vertical-align: top; }
+img.packageicon { 
+    vertical-align: top; 
+    width: 50px;
+    height: 50px;
+}
 
 #fileContentContainer {
-    clear: both;
     display: none;
 }
 
-#fileContentArea
-{
-    width: 100%;
-    margin: 10px 10px 10px 10px;
-    height: 300px;
-    background-color: lightgray;
-}
-
-#fileImageBorder {
-    border: 1px solid blue;
+#progressMessage {
+    background-color: lightyellow;
+    padding: 10px 2px 10px 20px;
+    border: 1px solid gray;
     display: none;
+    position: absolute;
+    top: 100px;
+    left: 50px;
+    right: 50px;
+    z-index: 100;
+    font-size: 1.2em;
 }
 
-#downloadFileLink {
-    margin-left: 10px;
+#fileImage {
+    border: 1px solid gray;
+    margin-top: 10px;
+    max-height: 400px;
+    max-width: 400px;
+    display: none;
 }
 
-    /* Pager */
+/* Pager */
 
 ul.pager {
     font-size: 1.5em;