Skip to content
Browse files

minor css cleanup

  • Loading branch information...
1 parent a4282ca commit b5a1dee0dc69e6abc948523e30fc26c6c14f06b8 @synodinos committed Sep 18, 2010
Showing with 48 additions and 15 deletions.
  1. +1 −0 .gitignore
  2. +35 −4 public/css/style.css
  3. +12 −11 public/index.html
View
1 .gitignore
@@ -2,3 +2,4 @@
*.swp
public/.idea
tmp/*.js
+.idea
View
39 public/css/style.css
@@ -235,10 +235,6 @@ button { width: auto; overflow: visible; }
}
-a.prj-lnk {
- color: white;
-}
-
.loading {
background: #FFC129;
color: black;
@@ -291,6 +287,7 @@ a.prj-lnk {
body {
font: 62.5% "Trebuchet MS", sans-serif;
margin: 50px;
+ background-color:#1E1916;
}
input.store-btn {
@@ -302,6 +299,10 @@ form.store-form {
display: inline;
}
+a#more, a#console-clear {
+ color: #ffffff;
+}
+
#console {
display: none;
background-color: black;
@@ -327,6 +328,36 @@ form.store-form {
color: white;
}
+#div-lnk-new, #div-lnk-rn, #div-lnk-del, #div-lnk-start, #div-lnk-debug, #div-lnk-stop {
+ display:inline;
+ border-right-width: .2em;
+ border-right-style: solid;
+ border-right-color: #4C4A41;
+ padding-left:14px;
+ padding-right:14px;
+ padding-top:5px;
+}
+
+a#lnk-new, a#lnk-rn, a#lnk-del, a#lnk-start, a#lnk-debug, a#lnk-stop {
+ color: #ffffff;
+}
+
+#div-lnk-new {
+ margin-left:55px;
+}
+
+img#btn-forum, img#btn-twitter {
+ top: 10px; border: 0px;
+}
+
+img#btn-twitter {
+ right: 131px;
+}
+
+img#btn-forum {
+ right: 257px;
+}
+
#blurb {
display: none;
font-size: 14px;
View
23 public/index.html
@@ -46,6 +46,7 @@
<!-- CSS : implied media="all" -->
<link rel="stylesheet" href="css/style.css?v=1">
+
<!-- For the less-enabled mobile browsers like Opera Mini -->
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">
@@ -55,32 +56,32 @@
<script src="js/modernizr-1.5.min.js"></script>
</head>
-<body style="background-color:#1E1916">
+<body>
<table cellspacing="0" style="width: 100%;"><tr><td align="left" style="padding-right: 10px;">
<table cellspacing="0"><tr><td>
<div><img src="nodify-logo.png"></div>
</td><td align="left" style="vertical-align: middle;">
-<div id="subtitle">a web-based IDE for NodeJS applications (<a href="#" id="more" class="prj-lnk">more</a>)</div>
+<div id="subtitle">a web-based IDE for NodeJS applications (<a href="#" id="more">more</a>)</div>
</td></tr></table>
</td><td align="right" style="vertical-align: middle;">
<a href="http://twitter.com/nodifyjs">
- <img style="top: 10px; right: 131px; border: 0px;" src="btn-twitter.png"/>
+ <img id="btn-twitter" src="btn-twitter.png"/>
</a>
<a href="http://nodify.uservoice.com">
- <img style="top: 10px; right: 257px; border: 0px;" src="btn-forum.png"/>
+ <img id="btn-forum" src="btn-forum.png"/>
</a>
</td></tr></table>
<div style="text-align:right; color:white; font-size:14px;">
<label>Project
<select name="projects" id="projects" style="font-size:14px;"></select>
</label>
- <div style="display:inline; border-right-width: .2em; border-right-style: solid; border-right-color: #4C4A41; padding-left:14px; padding-right:14px; padding-top:5px; margin-left:55px;"><a href="#" id="lnk-new" class="prj-lnk">New</a></div>
- <div style="display:inline; border-right-width: .2em; border-right-style: solid; border-right-color: #4C4A41; padding-left:14px; padding-right:14px; padding-top:5px;"><a href="#" id="lnk-rn" class="prj-lnk">Rename</a></div>
- <div style="display:inline; border-right-width: .2em; border-right-style: solid; border-right-color: #4C4A41; padding-left:14px; padding-right:14px; padding-top:5px;"><a href="#" id="lnk-del" class="prj-lnk">Delete</a></div>
- <div style="display:inline; border-right-width: .2em; border-right-style: solid; border-right-color: #4C4A41; padding-left:14px; padding-right:14px; padding-top:5px;"><a href="#" id="lnk-start" class="prj-lnk">Run</a></div>
- <div style="display:inline; border-right-width: .2em; border-right-style: solid; border-right-color: #4C4A41; padding-left:14px; padding-right:14px; padding-top:5px;"><a href="#" id="lnk-debug" class="prj-lnk">Debug</a></div>
- <div style="display:inline; border-right-width: .2em; border-right-style: solid; border-right-color: #4C4A41; padding-left:14px; padding-right:14px; padding-top:5px;"><a href="#" id="lnk-stop" class="prj-lnk">Stop</a></div>
+ <div id="div-lnk-new"><a href="#" id="lnk-new" >New</a></div>
+ <div id="div-lnk-rn"><a href="#" id="lnk-rn" >Rename</a></div>
+ <div id="div-lnk-del"><a href="#" id="lnk-del" >Delete</a></div>
+ <div id="div-lnk-start"><a href="#" id="lnk-start" >Run</a></div>
+ <div id="div-lnk-debug"><a href="#" id="lnk-debug" >Debug</a></div>
+ <div id="div-lnk-stop"><a href="#" id="lnk-stop" >Stop</a></div>
</div>
<hr>
@@ -97,7 +98,7 @@
<div id="editor1" class="bespin" data-bespinoptions='{ "stealFocus": true, "syntax": "js" }'>
</div>
-<div id="console-label">Console (<a href="#" id="console-clear" class="prj-lnk">clear</a>)</div>
+<div id="console-label">Console (<a href="#" id="console-clear">clear</a>)</div>
<textarea id="console" readonly="true"></textarea>
<div id="blurb" title="About">Nodify is a web-based IDE for creating and testing JavaScript programs on NodeJS.<p>You can edit and save your programming projects, using the on-screen Bespin editor that provides syntax highlighting and natural keyboard shortcuts. Executing your project is performed by clicking 'Execute'. After the execution is finished, the console will be displayed containing the program's output. If the program is a server or enters an infinite loop, it will be killed after 5 minutes, but you can terminate its execution by clicking 'Terminate'. Currently projects are single-file, but soon you will be able to have multiple files per project. You may create multiple projects, rename or delete them using the links on top of the screen. You don't need to create an account to use nodify, a unique user account is created and stored in a cookie in your browser. Currently, if you browse the service from a different browser you will create a new user account.<p>There is also an option to install nodify locally using npm:<br><code>npm install nodify</code><br>Then run "nodify" to launch the IDE and use your browser to access it.

0 comments on commit b5a1dee

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