Skip to content
This repository
Browse code

Altered more of the instructional ui

  • Loading branch information...
commit 1f295e86d5d48f04d0161457ff1437ba923bffae 1 parent ab26ae3
Adrian Bravo authored
4  public/javascripts/views.js
@@ -60,8 +60,8 @@ Views = {
60 60
 			'<li class="rad5"><span class="number">1</span> Save the <strong>url</strong>.  It\'s your only way to get back to this page!' +
61 61
 			'<div class="instructional_marker first">1 <span>URL</span></div></li>' +
62 62
 			'<li class="rad5"><span class="number">2</span> The <strong>toolbar</strong> contains the page elements you will use.' +
63  
-			'<div class="instructional_marker second">2 <span>Tools</span></div></li>' +
64  
-			'<li class="rad5"><span class="number">3</span> Drag and drop elements on to the <strong>canvas</strong>.' +
  63
+			'<div class="instructional_marker second">2 <span>Toolbar</span></div></li>' +
  64
+			'<li class="rad5"><span class="number">3</span> Drag and drop elements from the toolbar onto the <strong>canvas</strong>.' +
65 65
 			'<div class="instructional_marker third">3 <span>Canvas</span></div></li>' +
66 66
 			'<li class="rad5"><span class="number">4</span> Set a name, project password, and new pages in <strong>settings</strong>.' +
67 67
 			'<div class="instructional_marker fourth">4 <span>Settings</span></div></li>' +
7  public/stylesheets/style.css
@@ -13,8 +13,8 @@ strong { font-weight: bold; }
13 13
 #connected h2 { margin: 5px 0 10px; text-align: center; font-size: 20px; line-height: 20px; }
14 14
 #connected sup { font-size: 10px; vertical-align: bottom; }
15 15
 #connected ol { text-align: left; line-height: 25px; font-size: 13px; background: red; display: block;  }
16  
-#connected ol li { display: inline-block; float: left; margin: 5px 0 5px 10px; padding: 5px; background: #444; color: #fff; width: 240px; }
17  
-#connected ol li .number { font-size: 24px; margin-right: 5px; }
  16
+#connected ol li { display: inline-block; float: left; margin: 5px 0 5px 10px; padding: 5px 10px 5px 5px; background: #444; color: #fff; width: 240px; }
  17
+#connected ol li .number { font-size: 24px; height: 48px; float: left;  margin-right: 10px; }
18 18
 #connected ol li:hover, #connected ol li:hover .instructional_marker { background: #069; }
19 19
 #connected ol li:hover .instructional_marker {
20 20
 	-webkit-transform: scale(2);
@@ -66,6 +66,7 @@ strong { font-weight: bold; }
66 66
 }
67 67
 
68 68
 .instructional_marker {
  69
+	text-transform: uppercase;
69 70
 	position: fixed; -moz-border-radius: 20px; -webkit-border-radius: 20px; height: 30px; width: 30px; margin-top: 0; line-height: 30px; text-align: center; font-weight: normal; font-size: 22px; background: #333; z-index:11000; color: #fff; padding: 3px;
70 71
 	-webkit-animation-name: zoom;
71 72
 	-webkit-animation-duration: .4s;
@@ -129,7 +130,7 @@ strong { font-weight: bold; }
129 130
 	border: 1px solid #888;
130 131
 	font-family: 'Thonburi', 'Verdana', sans-serif;
131 132
 	font-size: 12px;
132  
-	position: absolute;
  133
+	position: fixed;
133 134
 	top: 20px;
134 135
 	left: 860px;
135 136
 	z-index: 9000;

0 notes on commit 1f295e8

Please sign in to comment.
Something went wrong with that request. Please try again.