Permalink
Browse files

Altered more of the instructional ui

  • Loading branch information...
adrianbravo committed Mar 25, 2011
1 parent ab26ae3 commit 1f295e86d5d48f04d0161457ff1437ba923bffae
Showing with 6 additions and 5 deletions.
  1. +2 −2 public/javascripts/views.js
  2. +4 −3 public/stylesheets/style.css
@@ -60,8 +60,8 @@ Views = {
'<li class="rad5"><span class="number">1</span> Save the <strong>url</strong>. It\'s your only way to get back to this page!' +
'<div class="instructional_marker first">1 <span>URL</span></div></li>' +
'<li class="rad5"><span class="number">2</span> The <strong>toolbar</strong> contains the page elements you will use.' +
- '<div class="instructional_marker second">2 <span>Tools</span></div></li>' +
- '<li class="rad5"><span class="number">3</span> Drag and drop elements on to the <strong>canvas</strong>.' +
+ '<div class="instructional_marker second">2 <span>Toolbar</span></div></li>' +
+ '<li class="rad5"><span class="number">3</span> Drag and drop elements from the toolbar onto the <strong>canvas</strong>.' +
'<div class="instructional_marker third">3 <span>Canvas</span></div></li>' +
'<li class="rad5"><span class="number">4</span> Set a name, project password, and new pages in <strong>settings</strong>.' +
'<div class="instructional_marker fourth">4 <span>Settings</span></div></li>' +
@@ -13,8 +13,8 @@ strong { font-weight: bold; }
#connected h2 { margin: 5px 0 10px; text-align: center; font-size: 20px; line-height: 20px; }
#connected sup { font-size: 10px; vertical-align: bottom; }
#connected ol { text-align: left; line-height: 25px; font-size: 13px; background: red; display: block; }
-#connected ol li { display: inline-block; float: left; margin: 5px 0 5px 10px; padding: 5px; background: #444; color: #fff; width: 240px; }
-#connected ol li .number { font-size: 24px; margin-right: 5px; }
+#connected ol li { display: inline-block; float: left; margin: 5px 0 5px 10px; padding: 5px 10px 5px 5px; background: #444; color: #fff; width: 240px; }
+#connected ol li .number { font-size: 24px; height: 48px; float: left; margin-right: 10px; }
#connected ol li:hover, #connected ol li:hover .instructional_marker { background: #069; }
#connected ol li:hover .instructional_marker {
-webkit-transform: scale(2);
@@ -66,6 +66,7 @@ strong { font-weight: bold; }
}
.instructional_marker {
+ text-transform: uppercase;
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;
-webkit-animation-name: zoom;
-webkit-animation-duration: .4s;
@@ -129,7 +130,7 @@ strong { font-weight: bold; }
border: 1px solid #888;
font-family: 'Thonburi', 'Verdana', sans-serif;
font-size: 12px;
- position: absolute;
+ position: fixed;
top: 20px;
left: 860px;
z-index: 9000;

0 comments on commit 1f295e8

Please sign in to comment.