Prevent text selection, tweak styles

2026-02-12 16:52:50 +00:00 · 2012-10-17 16:40:15 -04:00
parent f360ec0bc2
commit a3515e16ee
2 changed files with 23 additions and 8 deletions
--- a/css/app.css
+++ b/css/app.css
@@ -1,4 +1,17 @@
-/* Additional CSS rules will go here */
+body {
+    font:normal 13px/20px Helvetica, Arial, sans-serif;
+    background:#e4e4e4;
+}
+:focus {
+    outline-color: transparent;
+    outline-style: none;
+}
+p {
+    font-size: x-small;
+}
+a:visited, a {
+    color: black;
+}

 * {
    -moz-box-sizing: border-box;
@@ -6,7 +19,14 @@
    box-sizing: border-box;
 }

-.currentMode { font-weight: bold; }
+text {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+}
+
+.currentMode {
+    font-weight: bold;
+}

 /* Zoom controls */
 #zoombuttons {
@@ -16,6 +36,7 @@
 }

 #zoombuttons button {
+    cursor:pointer;
    width:30px;
    height:30px;
    text-align:center;
--- a/index.html
+++ b/index.html
@@ -9,12 +9,6 @@
 	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojox/layout/resources/ResizeHandle.css">
 	<link rel="stylesheet" href="css/app.css">
 	<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true, baseUrl: 'js/iD/'"></script>
-	<style type="text/css">
-		:focus { outline-color: transparent; outline-style: none; }
-		* { font-family: Helvetica, Arial; }
-		p { font-size: x-small; }
-		a:visited,a { color: black; }
-	</style>
 </head>
 <body class="claro">
 <div id="appLayout" class="demoLayout">