From 01e7e2448bc58698fb5808d141c1a8a5dfbdaaf7 Mon Sep 17 00:00:00 2001
From: Jon Reid
Date: Fri, 27 Jan 2012 16:15:38 -0800
Subject: Fixes to radio button base styles. Comment clean-up.

---
 _scss/imports/scss/_Base.scss | 49 +++++++++++++++++++++++--------------------
 1 file changed, 26 insertions(+), 23 deletions(-)

(limited to '_scss/imports/scss/_Base.scss')

diff --git a/_scss/imports/scss/_Base.scss b/_scss/imports/scss/_Base.scss
index f9a1cfa3..75ccc07d 100644
--- a/_scss/imports/scss/_Base.scss
+++ b/_scss/imports/scss/_Base.scss
@@ -4,12 +4,12 @@
 // (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 // </copyright>
 
-/*
- * Base.scss
- * Base styles for entire application.
- * Note that colors and font definitions go in 
- * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
- */
+
+//Base.scss
+//Base styles for entire application.
+//Note that colors and font definitions go in 
+//_scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
+
 
 .clear {
     display: block;
@@ -42,8 +42,8 @@
     float: right;
 }
 
-/* Begin: Basic skinning for form fields */
-/* Reset all */
+// Begin: Basic skinning for form fields 
+// Reset all 
 input.nj-skinned, 
 textarea.nj-skinned, 
 button.nj-skinned,
@@ -54,7 +54,7 @@ button.nj-skinned {
 	outline: none;
 }
 
-/* Base styles */
+// Base styles
 input[type="text"].nj-skinned,
 input[type="password"].nj-skinned,
 input[type="search"].nj-skinned,
@@ -68,7 +68,7 @@ select.nj-skinned option {
 	font-family: 'Droid Sans', sans-serif;
 }
 
-/* Disabled styles */
+// Disabled styles
 input.nj-skinned:disabled,
 textarea.nj-skinned:disabled,
 select.nj-skinned:disabled,
@@ -76,7 +76,7 @@ button.nj-skinned:disabled {
 	opacity: 0.4;
 }
 
-/* Text inputs and select boxes */
+// Text inputs and select boxes 
 input[type="text"].nj-skinned,
 input[type="password"].nj-skinned,
 input[type="search"].nj-skinned,
@@ -84,7 +84,7 @@ select.nj-skinned,
 select.nj-skinned option {
 	height: 13px;
 }
-/*
+//
 input[type="text"].nj-skinned:focus,
 input[type="password"].nj-skinned:focus,
 input[type="search"].nj-skinned:focus,
@@ -93,7 +93,7 @@ select.nj-skinned:focus,
 select.nj-skinned option:focus {
 	-webkit-box-shadow: 0px 0px 3px $color-focus-outline;
 }
-*/
+
 
 select.nj-skinned {
     background-image: url("../images/dropdown-bg.png");
@@ -118,13 +118,13 @@ input[type="search"].nj-skinned::-webkit-search-cancel-button:after {
 	content:"\2716";
 }
 
-/* Buttons */
+// Buttons 
 button.nj-skinned {
 	font-size: 9px;
     cursor: pointer;
 }
 
-/* Radio buttons */
+// Radio buttons 
 input[type="radio"].nj-skinned {
 	background-color: $color-menu-bg;
 	background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
@@ -143,15 +143,18 @@ input[type="radio"].nj-skinned {
     box-shadow: 0px 0px 2px $color-radio-shadow;
 }
 input[type="radio"].nj-skinned:checked {
-	background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
+	background: -webkit-radial-gradient(center, 
+										circle cover, 
+										$color-radio 0%, 
+										$color-radio 15%, 
+										$color-radio 30%, 
+										$color-transparent 31%), 
+										-webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
 	border: 2px solid $color-radio-border;
 }
 input[type="radio"].nj-skinned:hover {
 	border: 2px solid $color-radio-border;
 }
-input[type="radio"].nj-skinned:checked:after {
-	content:"\a0 \a0 \2022";
-}
 input[type="radio"].nj-skinned:active {
 	background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%);
 }
@@ -160,7 +163,7 @@ input[type="radio"].nj-skinned:disabled {
 	border: 2px solid $color-radio-border;
 	cursor: default;
 }
-/* Checkboxes */
+// Checkboxes 
 input[type="checkbox"].nj-skinned {
 	background-color: $color-menu-bg;
 	background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
@@ -190,9 +193,9 @@ input[type="checkbox"].nj-skinned:disabled {
 	background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
 	cursor: default;
 }
-/* End: Basic skinning for form fields */
+// End: Basic skinning for form fields 
 
-/* Begin:  Basic skinning for visual dividers */
+// Begin:  Basic skinning for visual dividers 
 .nj-divider {
 	background-color: $color-divider-second;
 	border-width: 0px;
@@ -208,4 +211,4 @@ input[type="checkbox"].nj-skinned:disabled {
 	border-right: 1px solid $color-divider-third;
 	width: 1px;
 }
-/* End: Basic skinning for visual dividers */
+// End: Basic skinning for visual dividers 
-- 
cgit v1.2.3