Browse code

add banner image

Dario Rodriguez authored on 10/07/2014 17:17:13
Showing 6 changed files
... ...
@@ -4,5 +4,8 @@ src/kakumei-invite
4 4
 src/*~
5 5
 res/gen_res.c
6 6
 res/gen_res.h
7
+res/*.workingnote
7 8
 src/data
8 9
 src/*.txt
10
+src/*.workingnote
11
+
9 12
new file mode 100644
10 13
Binary files /dev/null and b/res/default.png differ
... ...
@@ -1,4 +1,29 @@
1 1
 
2
+div.banner {
3
+	width: 820px;
4
+        margin-left: auto;
5
+        margin-right: auto;
6
+	float: top;
7
+}
8
+
9
+#wysihtml5-editor-toolbar {
10
+	top: 120px;
11
+}
12
+
13
+#wysihtml5-editor {
14
+        margin-top: 7px;
15
+        border: 1px solid #ccc;
16
+}
17
+
18
+section.editorsection {
19
+	top: 300px;
20
+}
21
+div.titlediv {
22
+        width: 810px;
23
+        margin-left: auto;
24
+        margin-right: auto;
25
+	float: top;
26
+}
2 27
 
3 28
 span.title {
4 29
         color: #777;
... ...
@@ -16,13 +41,14 @@ input.roundedtext {
16 41
 
17 42
 
18 43
 input.rounded, input.roundedtext {
19
-        -moz-border-radius: 10px;
20
-        -webkit-border-radius: 10px;
21
-        border-radius: 10px;
44
+        -moz-border-radius: 5px;
45
+        -webkit-border-radius: 5px;
46
+        border-radius: 5px;
22 47
         font-size: 20px;
23
-        padding: 4px 7px;
48
+        padding: 2px 7px 4px;
24 49
         outline: 0;
25 50
         -webkit-appearance: none;
51
+        border: 1px solid #eee;
26 52
 }
27 53
 
28 54
 input.rounded:focus, input.roundedtext:focus, #wysihtml5-editor:focus {
... ...
@@ -42,10 +68,14 @@ input.roundedtext {
42 68
 
43 69
 div.buttondiv {
44 70
         text-align: center;
45
-        width: 650px;
71
+        width: 820px;
46 72
         margin-left: auto;
47 73
         margin-right: auto;
48 74
         margin-top: 10px;
75
+	position: absolute;
76
+	top: 150px;
77
+	left: auto;
78
+	right: auto;
49 79
 }
50 80
 
51 81
 span.buttonspan {
... ...
@@ -53,13 +83,4 @@ span.buttonspan {
53 83
         margin-right: 0px;
54 84
 }
55 85
 
56
-div.titlediv {
57
-        width: 810px;
58
-        margin-left: auto;
59
-        margin-right: auto;
60
-        margin-top: 10px;
61
-}
62 86
 
63
-#wysihtml5-editor {
64
-        margin-top: 30px;
65
-}
... ...
@@ -10,8 +10,9 @@
10 10
     <link rel="stylesheet" href="newpost.css">
11 11
   </head>
12 12
   <body>
13
+   <div class='banner'><img src="banner.png" /></div>
13 14
     <div id="wysihtml5-editor-toolbar">
14
-      <header>
15
+	<header>
15 16
         <ul class="commands">
16 17
           <li data-wysihtml5-command="bold" title="Make text bold (CTRL + B)" class="command"></li>
17 18
           <li data-wysihtml5-command="italic" title="Make text italic (CTRL + I)" class="command"></li>
... ...
@@ -54,7 +55,7 @@
54 55
       </div>
55 56
     </div>
56 57
 
57
-    <section>
58
+    <section class="editorsection">
58 59
       <textarea id="wysihtml5-editor" spellcheck="false" wrap="off" autofocus placeholder="Escribe aquĆ­ ...">
59 60
       </textarea>
60 61
     </section>
... ...
@@ -63,7 +64,7 @@
63 64
     </div>
64 65
 
65 66
     <div class='titlediv'>
66
-    <p><input id="title" class="roundedtext" placeholder="T&iacute;tulo"></input></p>
67
+    <p><input id="title" class="roundedtext" placeholder="T&iacute;tulo"/></p>
67 68
     </div>
68 69
 
69 70
     <script>
... ...
@@ -1,7 +1,13 @@
1 1
 body {
2 2
         font-family: Sans;
3 3
         color: #8080a5;
4
-        padding: 80px 0px 0px 0px;
4
+        padding: 0px 0px 0px 0px;
5
+}
6
+
7
+div.banner {
8
+	width: 820px;
9
+        margin-left: auto;
10
+        margin-right: auto;
5 11
 }
6 12
 
7 13
 input.rounded {
... ...
@@ -7,6 +7,7 @@
7 7
  <link rel="stylesheet" type="text/css" href="posts.css">
8 8
 </head>
9 9
 <body>
10
+   <div class='banner'><img src="banner.png" /></div>
10 11
 <!-- HEADER_START -->
11 12
 <!-- HEADER_END -->
12 13
    <div class='centeredbutton'><input class='rounded' id='gotonewpost' type ='button' value='Nuevo post'/></div>