Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
  • 3 commits
  • 5 files changed
  • 0 commit comments
  • 2 contributors
Commits on Jun 27, 2012
@schanzer schanzer Splash page edits
Remove blurb, and replace video link to a BootstrapWorld link. Also
shrink the Title margin to make the whole page fit in 768 vertical
pixels.
1c941de
@schanzer schanzer Editor Styling Update
NOTE - without being able to test this on a live instance, all of this
was done on a static copy of the editor page (see
www.litech.org/~schanzer/IDE/ ). It's possible this whole thing breaks
when used on a running WeScheme instance, so please double-check before
pushing.

1) move docs/login/console buttons to the subheading, in place of
"Sometimes iPhone…."
2) Move button images into list-style declarations via CSS
3) Remove now-unused SPANs and IMGs from toolbar links
4) Update CSS to create flexible formatting of toolbar buttons, and
accommodate changes to DOM
5) Add DesignRecipe icon
a96d3df
@dyoo Merge pull request #60 from schanzer/master
Minor edits to splash page.
54062ed
View
65 war/css/default.css
@@ -1,8 +1,7 @@
/* Some global settings */
html {
- width: 100%;
height: 100%;
- min-width: 625px;
+ min-width: 320px;
background: #f5deb3;
padding: 0px;
margin: 0px;
@@ -103,20 +102,25 @@ body {
height: 65px;
background: url(/css/images/icon-trans.png) ;
background-repeat:no-repeat;
- clear: both;
+ clear: both;
+ padding-bottom: 4px;
}
h1{ font-size: 38px; margin-left: 65px;}
-h2{ font-size: 14px; font-style: italic; margin-left: 65px;}
+h2{ font-size: 14px; margin-left: 65px;}
+
+h2 a, h2 a:visited {color: black; margin-right: 15px; text-decoration: none;}
+h2 > a:hover{text-decoration: underline;}
/* 30px: FILENAME & URL */
#fileInfo{
width: 100%;
- height: 29px; /\* leave room for the border *\/
+ height: 24px; /\* leave room for the border *\/
clear: both;
- padding: 5px 0px;
+ padding-top: 5px;
white-space: nowrap;
border-top: solid 1px black;
+ margin: 0px;
}
#fileInfo *{
@@ -133,33 +137,42 @@ h2{ font-size: 14px; font-style: italic; margin-left: 65px;}
/* 20px: TOOLBAR, BUTTONS, ETC */
#toolbar{
width: 100%;
- /* height: 19px; /\* leave room for the border *\/ */
- padding-top: 0px;
- padding-bottom: 0px;
- border-bottom: solid 1px black;
+ /* height: 19px; /\* leave room for the border *\/ */
+ padding-bottom: 0px;
+ border-top: solid 1px black;
background: black;
clear: both;
}
#toolbar ul{
clear: both;
- list-style-type:none;
}
#toolbar li{
float: left;
text-align: center;
- width: 125px;
+ width: 20%;
+ max-width: 125px;
+ list-style-position: inside;
+ display: list-item;
background-repeat: no-repeat;
background-position: 0 50%;
clear: right;
}
+#toolbar li.run{list-style-image: url(run.png);}
+#toolbar li.stop{list-style-image: url(break.png);}
+#toolbar li.save{list-style-image: url(save.png);}
+#toolbar li.share{list-style-image: url(share.png);}
+#toolbar li.designrecipe{list-style-image: url(recipe.png);}
+
#toolbar li a, #toolbar li a:visited{
display: block;
color: white;
width: 100%;
text-decoration:none;
+ vertical-align: top;
+ margin-right: 50px;
}
#toolbar li a:hover{
background: #546DAF;
@@ -167,24 +180,6 @@ h2{ font-size: 14px; font-style: italic; margin-left: 65px;}
cursor: pointer;
}
-#toolbar img.button-icon {
- margin-right: 5px;
- vertical-align: text-bottom;
-}
-
-
-/* tooltips */
-a:hover {background:white;} /*BG color is a must for IE6*/
-a span {display:none; width: 130px; text-align: left;}
-a:hover span{display: inline; position: absolute; background:#546DAF; color: white; }
-
-/* Images and text alignment for buttons */
-#toolbar li.logout{float: right; clear: none;}
-#toolbar li.account{float: right; clear: none;}
-#toolbar li.docs{float: right; clear: none;}
-#toolbar li.designrecipe{float: right; clear: none;}
-
-
@@ -201,10 +196,10 @@ a:hover span{display: inline; position: absolute; background:#546DAF; color: whi
height: 50%;
clear: both;
text-align: center;
- padding: 0px;
+ padding: 0px;
overflow: hidden;
margin: 0px;
- borders: 0px;
+ border: 0px;
background: gray;
border-bottom: solid 1px black;
}
@@ -219,8 +214,7 @@ a:hover span{display: inline; position: absolute; background:#546DAF; color: whi
background: white url(/css/images/fadeIcon.png) no-repeat right bottom;
font-size: 12px;
font-family: Monaco, sans-serif;
-
- padding: 0px;
+ padding: 0px;
margin: 0px;
borders: 0px;
}
@@ -268,13 +262,12 @@ a:hover span{display: inline; position: absolute; background:#546DAF; color: whi
/* 22px: FOOTER */
#footer {
- clear: both;
+ clear: both;
width: 100%;
height: 24px;
padding: 1px 0px;
border-top: solid 1px black;
color: black;
- min-width: 625px;
background: #f5deb3; /* prevent interactions from peeking through footer in short windows */
}
View
BIN  war/css/images/recipe.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
2  war/css/splash.css
@@ -18,7 +18,7 @@ h1, h2{
background: #f5deb3;
}
-h1{font-size: 60px;}
+h1{font-size: 60px; margin-bottom: 0px;}
h2{font-size: 20px;}
img{background: none;
View
5 war/index.jsp
@@ -80,12 +80,9 @@ $(document).ready(function() {
<input id="logoutButton" value="Log Out" type="button">
<% } %>
-
-<h2>Sometimes YouTube. Perhaps iPhone. Together, WeScheme!</h2>
-
<div id="links">
- <a href="http://www.vidiowiki.com/watch/cydr9yk/#">What is WeScheme? [video]</a>
+ <a href="http://www.BootstrapWorld.org">Looking for a curriculum, too?</a>
</div>
View
22 war/openEditor/index.jsp
@@ -289,27 +289,29 @@
<div id="header">
<h1>WeScheme</h1>
- <h2>Sometimes YouTube. Perhaps iPhone. Together, WeScheme!</h2>
+ <h2>
+ <a id="docs">Documentation</a>
+ <% if (userSession != null) { %>
+ <a id="account" href="/console" target="console">Programs</a>
+ <a id="logout">Logout</a>
+ <% } %>
+ </h2>
</div>
<div id="toolbar">
<ul>
<li class="run">
- <a id="run"><img src="/images/run.png" class="button-icon" />Run</a>
+ <a id="run">Run</a>
</li>
<li class="stop">
- <a id="stop"><img src="/images/break.png" class="button-icon"/>Stop</a>
+ <a id="stop">Stop</a>
</li>
<% if (userSession != null) { %>
- <li class="save"><a id="save"><img src="/images/save.png" class="button-icon"/>Save<span></span></a></li>
- <li class="share"><a id="share"><img src="/images/share.png" class="button-icon"/>Share<span></span></a></li>
- <li class="logout"><a id="logout">Logout</a></li>
- <li class="account"><a id="account" href="/console" target="console">Programs<span></span></a></li>
+ <li class="save"><a id="save">Save</a></li>
+ <li class="share"><a id="share">Share</a></li>
<% } %>
- <li class="docs"> <a id="docs">Documentation</a></li>
-
- <li class="designrecipe"><a id="designrecipebutton">Design Recipe</a></li>
+ <li class="designrecipe"><a id="designrecipebutton">Design Recipe</a></li>
</ul>
<ul></ul>
<!-- This is here to force the div height. This may be unnecessary

No commit comments for this range

Something went wrong with that request. Please try again.