Updated documentation styles

Author: Lanny McNie

build/createjsTheme/assets/scss/elements/tags.scss

@@ -80,7 +80,7 @@ a:visited {
 	//	LAYOUT
 		// Display, Positioning
 		// Box Model
-		padding: 0 2px;
+		//padding: 0 2px;
 		position: relative;
 		// Type
 	//	DISPLAY
@@ -90,8 +90,8 @@ a:visited {
 		z-index: 0;
 		// Type
 		font-family: $fontFamily-default;
-		font-weight: 700;
-		text-decoration: none;
+		font-weight: 400;
+		text-decoration: underline;
 		white-space: nowrap;
 	//	PSUEDO Elements & Classes
 		// Elements :: before, after, first-line, first-letter, selection
@@ -179,7 +179,7 @@ h2 {
 h3 {
 	@extend h1;
 	font-size: $fontSize-smaller;
-	font-weight: 400;
+	font-weight: 700;
 	text-transform: none;
 }
 
@@ -190,6 +190,8 @@ h3 code {
 h3 code {
 	font-weight: bold;
 }
+
+
 .paren {
 	font-size: $fontSize-smaller;
 	margin: auto 5px;
@@ -247,7 +249,7 @@ p {
 
 // abbr[title] {}
 // b {}
-strong {font-weight:400;} // assumes the font is 'effra' weight: 700
+strong {font-weight:700;} // assumes the font is 'effra' weight: 700
 // dfn {}
 
 hr {

build/createjsTheme/assets/scss/library-specific.scss

@@ -0,0 +1,5 @@
+.header {
+	@extend %color_soundjs-gradient;
+}
+
+$library-color: $color_soundjs-default;

build/createjsTheme/assets/scss/main.scss

@@ -31,28 +31,25 @@
 @import "elements/tags.scss";
 
 
-
 //*******************************************
 //
 //  LIBRARY SPECIFIC COLORS
 //
 //*******************************************
-.header {
-  @extend %color_soundjs-gradient;
-}
+@import "library-specific.scss";
+
 .yui3-skin-sam .yui3-tab-selected .yui3-tab-label,
 .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:focus,
 .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:hover {
   background: none !important;
   border: none !important;
-  background-color: $color_soundjs-default !important;
+  background-color: $library-color !important;
 }
 .yui3-skin-sam .yui3-tabview-list {
-  border-bottom: 5px solid $color_soundjs-default !important;
+  border-bottom: 5px solid $library-color !important;
 }
 
 
-
 //*******************************************
 //
 //  RULES
@@ -106,7 +103,8 @@ td p:first-child {
 code,
 kbd,
 pre,
-samp {
+samp,
+A.crosslink {
   font-family: $fontFamily-monospace;
   font-size: $fontSize-smallest;
   line-height: $gridUnit-default;
@@ -149,6 +147,17 @@ pre.code {
   margin: $gridUnit-large 0;
 }
 
+.description,
+.box.intro,
+.param-description,
+.returns-description {
+  code {
+    background-color: $color-gray-lighter;
+  }
+}
+pre code { background-color: transparent !important; }
+
+
 
 /* Used to denote text that shouldn't be selectable, such as line numbers or
    shell prompts. Guess which browser this doesn't work in. */
@@ -312,7 +321,7 @@ th {
 }
 .header {
   padding: 1em 0 0 0 !important;
-  background-color: $color_gray-dark; 
+  background-color: $color_gray-dark;
   a:hover {
     background: transparent;
   }
@@ -393,6 +402,7 @@ ul li p {
 .apidocs .events .extends .inherited {
   font-weight: normal;
 }
+
 #hd {
   padding: 0 15px 1px 20px;
 }
@@ -557,7 +567,7 @@ kbd .cmd {
   border-bottom: 1px solid $color_gray-light;
   color: $color_gray-darker;
   font-size: 13px;
-  margin: 2em 0 0.6em;
+  margin: 1em 0 0.6em;
   padding-bottom: 2px;
 }
 .apidocs .index .no-visible-items {
@@ -647,11 +657,13 @@ kbd .cmd {
 .apidocs .item .type,
 .apidocs .item .type a,
 .apidocs .returns-inline {
-  color: $color_gray-default;
+  //color: $color_gray-default;
+  text-decoration: none;
+  font-size: 12px;
 }
 .apidocs .item .type,
 .apidocs .returns-inline {
-  font-size: 11px;
+  font-size: 12px;
   margin: 0 0 0 0;
 }
 .apidocs .item .type a {
@@ -677,7 +689,7 @@ kbd .cmd {
 }
 .apidocs .param .type,
 .apidocs .param .type a {
-  color: $color_gray-default;
+  //color: $color_gray-default;
 }
 .apidocs .param .type {
   margin: 0 0 0 0.5em;
@@ -694,7 +706,7 @@ kbd .cmd {
 /* -- Item "Returns" block -------------------------------------------------- */
 .apidocs .item .returns .type,
 .apidocs .item .returns .type a {
-  font-size: 11px;
+  font-size: 12px;
   margin: 0;
 }
 /* -- Class Constructor block ----------------------------------------------- */
@@ -890,7 +902,7 @@ ol.linenums {
   .file-line {
     position: relative;
     z-index: 2;
-    color:$color_gray-darkest; 
+    color:$color_gray-darkest;
   }
 }