Browse files

some design

  • Loading branch information...
1 parent bc144fa commit 004e4f1f5dcc79c2c050aff5a6969471ce59e553 Hugo Heuzard committed Aug 29, 2011
Showing with 28 additions and 11 deletions.
  1. +26 −10 resources/style.css
  2. +2 −1 src/opacairo/client.opa
View
36 resources/style.css
@@ -51,7 +51,19 @@ table {
}
.search_container {display:none;}
-#sendit {clear: both;display: block;padding: 10px;text-align: left;}
+#sendit {
+ clear: both;
+ display: block;
+ float: left;
+ padding: 10px;
+ text-align: left;
+}
+
+div.source{
+ float: right;
+ padding: 10px 20px 10px 10px;
+ text-align: right;
+}
table td {vertical-align:top;border-bottom: 1px solid #c6c6c2;padding: 3px;color: #767672;font-size:0.9em;}
table td:after {border-bottom: 1px solid #FFF;content:"";position:relative;top:5px;display:block;}
@@ -68,17 +80,21 @@ h1, h2, h3, h4, h5 {font-family: "proxima-nova", "Avenir", "Futura", "Helvetica"
/***Header***/
#header {
- margin: 0;
- padding: 10px;
- position: relative;
- text-align: left;
+ color: #A6A6A2;
+ font-family: "proxima-nova","Avenir","Futura","Helvetica","Arial",sans-serif;
+ font-size: 1.2em;
+ line-height: 1.3em;
+ margin: 0;
+ padding: 10px;
+ position: relative;
+ text-align: left;
}
#logo {
- background: url("http://opalang.org/img/opa-logo-orange.png") no-repeat 0 0;
- height: 60px;
- margin: 5px 0 15px;
- padding-left: 100px;
- width: 400px;
+ background: url("http://opalang.org/img/opa-logo-orange.png") no-repeat scroll 0 0 transparent;
+ height: 60px;
+ margin: 5px 0 0 0;
+ padding-left: 110px;
+ width: 800px;
}
/*CHAT*/
View
3 src/opacairo/client.opa
@@ -161,6 +161,7 @@ main() =
<div id="header">
<div id="logo">
<p>This is a demo application of the open source Opa technology.
+ <br />
Head to <a href="http://opalang.org">http://opalang.org</a> to learn how to program real-time, distributed, web applications.</p>
</div>
</div>
@@ -181,7 +182,7 @@ Head to <a href="http://opalang.org">http://opalang.org</a> to learn how to prog
<input type="button" onclick={sendit} value="send it"/>
<span id="sent"></span>
</div>
- <div>Get the sources and fork on <a href="https://github.com/hhugo/OpaWhiteBoard">Github</a></div>
+ <div class="source">Get the sources and fork on <a href="https://github.com/hhugo/OpaWhiteBoard">Github</a></div>
</div>
</>

0 comments on commit 004e4f1

Please sign in to comment.