Theme: Change default widget font-size to 1em

Fixes #10131
Closes gh-1374

Author: tjvantoll

demos/demos.css

@@ -1,5 +1,4 @@
 body {
-	font-size: 62.5%;
 	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
 }
 
@@ -10,8 +9,6 @@ table {
 .demo-description {
 	clear: both;
 	padding: 12px;
-	font-size: 1.3em;
-	line-height: 1.4em;
 }
 
 .ui-draggable, .ui-droppable {

demos/dialog/modal-form.html

@@ -16,7 +16,6 @@
 	<script src="../../ui/effect.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
-		body { font-size: 62.5%; }
 		label, input { display:block; }
 		input.text { margin-bottom:12px; width:95%; padding: .4em; }
 		fieldset { padding:0; border:0; margin-top:25px; }

tests/index.css

@@ -1,6 +1,3 @@
-body {
-	font-size: 62.5%;
-}
 .ui-widget-header {
 	padding: 0.2em 0.5em;
 	margin: 0;

tests/visual/dialog/complex-dialogs.html

@@ -20,11 +20,6 @@
 	<script src="../../../ui/autocomplete.js"></script>
 	<script src="../../../ui/tooltip.js"></script>
 
-	<style>
-	body {
-		font-size: 62.5%;
-	}
-	</style>
 	<script>
 	$(function() {
 		var dialog = $( "#dialog" ).dialog({

tests/visual/dialog/stacking.html

@@ -14,11 +14,6 @@
 	<script src="../../../ui/button.js"></script>
 	<script src="../../../ui/dialog.js"></script>
 
-	<style>
-	body {
-		font-size: 62.5%;
-	}
-	</style>
 	<script>
 	$(function() {
 		var iframeDialog = $( "#dialog-iframe" ).dialog({

tests/visual/menu/menu.html

@@ -45,9 +45,7 @@
 	});
 	</script>
 	<style>
-		body { font-size:62.5%; }
-		.ui-menu { width: 200px; margin-bottom: 2em; }
-		.menu2-container { width: 220px; }
+		.ui-menu { width: 250px; margin-bottom: 2em; }
 		.menu4 { height: 225px; overflow-y: auto; overflow-x: hidden; }
 		.address-item { border-bottom: 1px solid #999; }
 		.address-header { display: block; margin-bottom: .2em; font-weight: bold; }

tests/visual/selectmenu/selectmenu.html

@@ -122,7 +122,6 @@
 	});
 	</script>
 	<style>
-		body { font-size:62.5%; }
 		fieldset { border: 0; }
 		label { display: block; }
 		select { width: 200px; }

tests/visual/visual.css

@@ -1,3 +1,2 @@
-body { font-size: 62.5%; }
 #draggable, #resizable { width: 100px; height: 100px; background: #abc; }
 #droppable { width: 100px; height: 100px; background: #cde; }

themes/base/theme.css

@@ -16,7 +16,7 @@
 ----------------------------------*/
 .ui-widget {
 	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
-	font-size: 1.1em/*{fsDefault}*/;
+	font-size: 1em/*{fsDefault}*/;
 }
 .ui-widget .ui-widget {
 	font-size: 1em;