Dariaceli's Git
Browse code

remove unused styles from posts.css

Dario Rodriguez authored on 23/07/2014 09:52:53
Showing 1 changed files
res/posts.css
History View file @ 2c2340d
... ... 
@@ -33,59 +33,6 @@ input#gotonewpost {
33 33 
 	margin-top: 10px;
34 34 
 }
35 35
36 
-input.almostrounded {
37 
-        border: 1px solid #ccc;
38 
-        -moz-border-radius: 2px;
39 
-        -webkit-border-radius: 2px;
40 
-        border-radius: 2px;
41 
-        -moz-box-shadow: 0px 0px 3px #666;
42 
-        -webkit-box-shadow: 0px 0px 3px #666;
43 
-        box-shadow: 0px 0px 3px #666;
44 
-        font-size: 20px;
45 
-        padding: 4px 7px;
46 
-        outline: 0;
47 
-        -webkit-appearance: none;
48 
-}
49 
-
50 
-input.almostrounded:focus {
51 
-        border-color: #339933;
52 
-}
53 
-
54 
-div.centered {
55 
-/* gradient */
56 
-background-image: -webkit-gradient(
57 
-        linear,
58 
-        left bottom,
59 
-        left bottom,
60 
-        color-stop(0.11, #C7C7C7),
61 
-        color-stop(0.81, #EEEEEE)
62 
-);
63 
-background-image: -o-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
64 
-background-image: -moz-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
65 
-background-image: -webkit-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
66 
-background-image: -ms-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
67 
-background-image: linear-gradient(to left bottom, #C7C7C7 11%, #EEEEEE 81%);
68 
-/* border */
69 
-        border: 1px solid #ccc;
70 
-        -moz-border-radius: 2px;
71 
-        -webkit-border-radius: 2px;
72 
-        border-radius: 2px;
73 
-        -moz-box-shadow: 0px 0px 3px #666;
74 
-        -webkit-box-shadow: 0px 0px 3px #666;
75 
-        box-shadow: 0px 0px 3px #666;
76 
-        font-size: 20px;
77 
-        padding: 16px 24px;
78 
-        outline: 0;
79 
-        -webkit-appearance: none;
80 
-}
81 
-
82 
-div.centered {
83 
-        text-align: center;
84 
-        width: 450px;
85 
-        margin-left: auto;
86 
-        margin-right: auto;
87 
-}
88 
-
89 36 
 div.centeredbutton {
90 37 
         text-align: center;
91 38 
         width: 450px;
... ... 
@@ -93,17 +40,6 @@ div.centeredbutton {
93 40 
         margin-right: auto;
94 41 
 }
95 42
96 
-.aligned {
97 
-        list-style-type: none;
98 
-        padding-left: 30px;
99 
-}
100 
-
101 
-.aligned .label {
102 
-        float: left;
103 
-        width: 50px;
104 
-        padding: 4px 10px 0px 0px;
105 
-}
106 
-
107 43 
 div.post {
108 44 
         padding: 10px 10px 20px 10px;
109 45 
         width: 800px;
... ... 
@@ -254,7 +190,6 @@ span.newerolder {
254 190 
 /* HEADER_START */
255 191 
 div.header {
256 192 
         background: #fbfbfb;
257 
-        /*background: #3b3b3b;*/
258 193 
         margin: 0px;
259 194 
         padding: 0px;
260 195 
         border-style: none solid solid solid;
... ... 
@@ -270,7 +205,6 @@ div.header {
270 205 
 a#account {
271 206 
 	padding: 4px;
272 207 
 	color: #8080a5;
273 
-	/*color: #f0f0f0;*/
274 208 
 	text-decoration: none;
275 209 
 	font-weight: bold;
276 210 
 }
Browse code

add account link in posts page

Dario Rodriguez authored on 23/07/2014 09:47:46
Showing 1 changed files
res/posts.css
History View file @ c29cda0
... ... 
@@ -6,10 +6,12 @@ body {
6 6
7 7 
 div.banner {
8 8 
 	width: 820px;
9 
+	height: 150px;
9 10 
         margin-left: auto;
10 11 
         margin-right: auto;
11 12 
 }
12 13
14 
+
13 15 
 input.rounded {
14 16 
         border: 1px solid #ccc;
15 17 
         -moz-border-radius: 10px;
... ... 
@@ -27,6 +29,10 @@ input.rounded:focus {
27 29 
         border-color: #339933;
28 30 
 }
29 31
32 
+input#gotonewpost {
33 
+	margin-top: 10px;
34 
+}
35 
+
30 36 
 input.almostrounded {
31 37 
         border: 1px solid #ccc;
32 38 
         -moz-border-radius: 2px;
... ... 
@@ -244,3 +250,28 @@ span.paginas {
244 250 
 span.newerolder {
245 251 
         float: right;
246 252 
 }
253 
+
254 
+/* HEADER_START */
255 
+div.header {
256 
+        background: #fbfbfb;
257 
+        /*background: #3b3b3b;*/
258 
+        margin: 0px;
259 
+        padding: 0px;
260 
+        border-style: none solid solid solid;
261 
+        border-bottom: 1px solid #ddd;
262 
+        border-left: 1px solid #ddd;
263 
+        border-right: 1px solid #ddd;
264 
+        width: 818px;
265 
+        margin-left: auto;
266 
+        margin-right: auto;
267 
+	text-align: right;
268 
+}
269 
+
270 
+a#account {
271 
+	padding: 4px;
272 
+	color: #8080a5;
273 
+	/*color: #f0f0f0;*/
274 
+	text-decoration: none;
275 
+	font-weight: bold;
276 
+}
277 
+/* HEADER_END */
Browse code

add banner image

Dario Rodriguez authored on 10/07/2014 17:17:13
Showing 1 changed files
res/posts.css
History View file @ ca7e799
... ... 
@@ -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 {
Browse code

Add the older posts/newer posts links at the bottom of the posts page

Dario Rodriguez authored on 09/07/2014 12:58:18
Showing 1 changed files
res/posts.css
History View file @ 106e4cd
... ... 
@@ -159,6 +159,23 @@ div.comment {
159 159 
         border-bottom: 1px solid #ddd;
160 160 
 }
161 161
162 
+div.commentheader {
163 
+        margin: 10px;
164 
+}
165 
+
166 
+span.commentauthor {
167 
+        font-size: 18px;
168 
+        float: left;
169 
+}
170 
+
171 
+span.commentdate {
172 
+        float: right;
173 
+}
174 
+
175 
+div.commenttext {
176 
+        margin: 5px 30px 10px;
177 
+}
178 
+
162 179 
 p.commentbox {
163 180 
         margin: 0px;
164 181 
         padding: 0px;
... ... 
@@ -201,3 +218,23 @@ input.inputsendcomment:active {
201 218 
         color: #eee;
202 219 
 }
203 220
221 
+div#prevnext {
222 
+        width: 820px;
223 
+        margin-left: auto;
224 
+        margin-right: auto;
225 
+        margin-top: 15px;
226 
+        margin-bottom: 10px;
227 
+        padding: 10px;
228 
+}
229 
+
230 
+a.pagenum {
231 
+        text-decoration: none;
232 
+}
233 
+
234 
+span.paginas {
235 
+        float: left;
236 
+}
237 
+
238 
+span.newerolder {
239 
+        float: right;
240 
+}
Browse code

fix post_addcomment(), implement comments in the UI

Dario Rodriguez authored on 08/07/2014 21:35:57
Showing 1 changed files
res/posts.css
History View file @ 2c31379
... ... 
@@ -93,12 +93,12 @@ div.centeredbutton {
93 93 
 }
94 94
95 95 
 div.post {
96 
-        padding: 10px;
96 
+        padding: 10px 10px 20px 10px;
97 97 
         width: 800px;
98 98 
         margin-left: auto;
99 99 
         margin-right: auto;
100 100 
         margin-top: 35px;
101 
-        margin-bottom: 20px;
101 
+        margin-bottom: 0px;
102 102 
         background: #f4f4f4;
103 103 
         -moz-box-shadow: 0px 0px 1px #aaa;
104 104 
         -webkit-box-shadow: 0px 0px 1px #aaa;
... ... 
@@ -130,7 +130,6 @@ p.authorpostnum, p.date {
130 130 
 }
131 131
132 132 
 span.author {
133 
-/*        float: left;*/
134 133 
         font-weight: bold;
135 134 
 }
136 135
... ... 
@@ -144,3 +143,61 @@ div.postbody {
144 143 
         margin-right: 0px;
145 144 
 }
146 145
146 
+div.comments {
147 
+        background: #eee;
148 
+        margin: 0px;
149 
+        padding: 0px 0px 0px 0px;
150 
+        width: 820px;
151 
+        margin-left: auto;
152 
+        margin-right: auto;
153 
+        border-style: solid none none none;
154 
+        border-top: 1px solid #ddd;
155 
+}
156 
+
157 
+div.comment {
158 
+        border-style: none none solid none;
159 
+        border-bottom: 1px solid #ddd;
160 
+}
161 
+
162 
+p.commentbox {
163 
+        margin: 0px;
164 
+        padding: 0px;
165 
+        width: 800px;
166 
+        margin-left: auto;
167 
+        margin-right: auto;
168 
+}
169 
+
170 
+input.inputcomment {
171 
+        width: 680px;
172 
+        margin: 10px;
173 
+        border-style: none;
174 
+        color: #8080a5;
175 
+}
176 
+
177 
+input.inputcomment:focus {
178 
+        border-style: solid;
179 
+        border-width: 1px;
180 
+}
181 
+
182 
+input.inputsendcomment {
183 
+        width: 70px;
184 
+        margin: 10px;
185 
+        border-style: solid;
186 
+        border-width: 1px;
187 
+        background: #eee;
188 
+        padding: 0px;
189 
+        color: #aaa;
190 
+        -webkit-transition-duration: 0.2s;
191 
+        -moz-transition-duration: 0.2s;
192 
+        transition-duration: 0.2s;
193 
+}
194 
+
195 
+input.inputsendcomment:hover, input.inputsendcomment:focus {
196 
+        background: #fff;
197 
+}
198 
+
199 
+input.inputsendcomment:active {
200 
+        background: #aaa;
201 
+        color: #eee;
202 
+}
203 
+
Browse code

Add titles to the posts

Dario Rodriguez authored on 08/07/2014 11:34:03
Showing 1 changed files
res/posts.css
History View file @ 7aa33a1
... ... 
@@ -81,11 +81,6 @@ div.centeredbutton {
81 81 
         margin-right: auto;
82 82 
 }
83 83
84 
-p.title {
85 
-        font-size: 28px;
86 
-        padding: 0px 0px 20px 0px;
87 
-}
88 
-
89 84 
 .aligned {
90 85 
         list-style-type: none;
91 86 
         padding-left: 30px;
... ... 
@@ -102,23 +97,30 @@ div.post {
102 97 
         width: 800px;
103 98 
         margin-left: auto;
104 99 
         margin-right: auto;
105 
-	margin-top: 35px;
106 
-	margin-bottom: 20px;
107 
-	background: #f4f4f4;
100 
+        margin-top: 35px;
101 
+        margin-bottom: 20px;
102 
+        background: #f4f4f4;
108 103 
         -moz-box-shadow: 0px 0px 1px #aaa;
109 104 
         -webkit-box-shadow: 0px 0px 1px #aaa;
110 105 
         box-shadow: 0px 0px 1px #aaa;
111 106 
 }
112 107
113 108 
 div.postheader {
114 
-        border: 1px solid #ddd;
115 
-        padding: 4px;
116 
-        margin-left: 0px;
117 
-        margin-right: 0px;
118 
-	background: #eee;
119 
-        -moz-box-shadow: 0px 0px 1px #eee;
120 
-        -webkit-box-shadow: 0px 0px 1px #eee;
121 
-        box-shadow: 0px 0px 1px #eee;
109 
+        border-style: none none solid none;
110 
+        border-bottom: 1px solid #ddd;
111 
+        margin-bottom: 10px;
112 
+        padding-bottom: 10px;
113 
+}
114 
+
115 
+p.title {
116 
+        margin-top: 0px;
117 
+}
118 
+
119 
+span.title {
120 
+        font-size: 20px;
121 
+        padding: 0px;
122 
+        margin-top: 0px;
123 
+        margin-bottom: 20px;
122 124 
 }
123 125
124 126 
 p.authorpostnum, p.date {
... ... 
@@ -128,11 +130,12 @@ p.authorpostnum, p.date {
128 130 
 }
129 131
130 132 
 span.author {
131 
-	float: left;
133 
+/*        float: left;*/
134 
+        font-weight: bold;
132 135 
 }
133 136
134 137 
 span.postnum {
135 
-	float: right;
138 
+        float: right;
136 139 
 }
137 140
138 141 
 div.postbody {
Browse code

View several posts in the posts page

Dario Rodriguez authored on 07/07/2014 12:08:14
Showing 1 changed files
res/posts.css
History View file @ eaeacca
... ... 
@@ -1,42 +1,42 @@
1 1 
 body {
2 
-	font-family: Sans;
3 
-	color: #8080a5;
4 
-	padding: 80px 0px 0px 0px;
2 
+        font-family: Sans;
3 
+        color: #8080a5;
4 
+        padding: 80px 0px 0px 0px;
5 5 
 }
6 6
7 7 
 input.rounded {
8 
-	border: 1px solid #ccc;
9 
-	-moz-border-radius: 10px;
10 
-	-webkit-border-radius: 10px;
11 
-	border-radius: 10px;
12 
-	-moz-box-shadow: 2px 2px 3px #666;
13 
-	-webkit-box-shadow: 2px 2px 3px #666;
14 
-	box-shadow: 2px 2px 3px #666;
15 
-	font-size: 20px;
16 
-	padding: 4px 7px;
17 
-	outline: 0;
18 
-	-webkit-appearance: none;
8 
+        border: 1px solid #ccc;
9 
+        -moz-border-radius: 10px;
10 
+        -webkit-border-radius: 10px;
11 
+        border-radius: 10px;
12 
+        -moz-box-shadow: 2px 2px 3px #666;
13 
+        -webkit-box-shadow: 2px 2px 3px #666;
14 
+        box-shadow: 2px 2px 3px #666;
15 
+        font-size: 20px;
16 
+        padding: 4px 7px;
17 
+        outline: 0;
18 
+        -webkit-appearance: none;
19 19 
 }
20 20 
 input.rounded:focus {
21 
-	border-color: #339933;
21 
+        border-color: #339933;
22 22 
 }
23 23
24 24 
 input.almostrounded {
25 
-	border: 1px solid #ccc;
26 
-	-moz-border-radius: 2px;
27 
-	-webkit-border-radius: 2px;
28 
-	border-radius: 2px;
29 
-	-moz-box-shadow: 0px 0px 3px #666;
30 
-	-webkit-box-shadow: 0px 0px 3px #666;
31 
-	box-shadow: 0px 0px 3px #666;
32 
-	font-size: 20px;
33 
-	padding: 4px 7px;
34 
-	outline: 0;
35 
-	-webkit-appearance: none;
25 
+        border: 1px solid #ccc;
26 
+        -moz-border-radius: 2px;
27 
+        -webkit-border-radius: 2px;
28 
+        border-radius: 2px;
29 
+        -moz-box-shadow: 0px 0px 3px #666;
30 
+        -webkit-box-shadow: 0px 0px 3px #666;
31 
+        box-shadow: 0px 0px 3px #666;
32 
+        font-size: 20px;
33 
+        padding: 4px 7px;
34 
+        outline: 0;
35 
+        -webkit-appearance: none;
36 36 
 }
37 37
38 38 
 input.almostrounded:focus {
39 
-	border-color: #339933;
39 
+        border-color: #339933;
40 40 
 }
41 41
42 42 
 div.centered {
... ... 
@@ -54,38 +54,90 @@ background-image: -webkit-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%)
54 54 
 background-image: -ms-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
55 55 
 background-image: linear-gradient(to left bottom, #C7C7C7 11%, #EEEEEE 81%);
56 56 
 /* border */
57 
-	border: 1px solid #ccc;
58 
-	-moz-border-radius: 2px;
59 
-	-webkit-border-radius: 2px;
60 
-	border-radius: 2px;
61 
-	-moz-box-shadow: 0px 0px 3px #666;
62 
-	-webkit-box-shadow: 0px 0px 3px #666;
63 
-	box-shadow: 0px 0px 3px #666;
64 
-	font-size: 20px;
65 
-	padding: 16px 24px;
66 
-	outline: 0;
67 
-	-webkit-appearance: none;
57 
+        border: 1px solid #ccc;
58 
+        -moz-border-radius: 2px;
59 
+        -webkit-border-radius: 2px;
60 
+        border-radius: 2px;
61 
+        -moz-box-shadow: 0px 0px 3px #666;
62 
+        -webkit-box-shadow: 0px 0px 3px #666;
63 
+        box-shadow: 0px 0px 3px #666;
64 
+        font-size: 20px;
65 
+        padding: 16px 24px;
66 
+        outline: 0;
67 
+        -webkit-appearance: none;
68 68 
 }
69 69
70 70 
 div.centered {
71 
-	text-align: center;
72 
-	width: 450px;
73 
-	margin-left: auto;
74 
-	margin-right: auto;
71 
+        text-align: center;
72 
+        width: 450px;
73 
+        margin-left: auto;
74 
+        margin-right: auto;
75 
+}
76 
+
77 
+div.centeredbutton {
78 
+        text-align: center;
79 
+        width: 450px;
80 
+        margin-left: auto;
81 
+        margin-right: auto;
75 82 
 }
76 83
77 84 
 p.title {
78 
-	font-size: 28px;
79 
-	padding: 0px 0px 20px 0px;
85 
+        font-size: 28px;
86 
+        padding: 0px 0px 20px 0px;
80 87 
 }
81 88
82 89 
 .aligned {
83 
-	list-style-type: none;
84 
-	padding-left: 30px;
90 
+        list-style-type: none;
91 
+        padding-left: 30px;
85 92 
 }
86 93
87 94 
 .aligned .label {
95 
+        float: left;
96 
+        width: 50px;
97 
+        padding: 4px 10px 0px 0px;
98 
+}
99 
+
100 
+div.post {
101 
+        padding: 10px;
102 
+        width: 800px;
103 
+        margin-left: auto;
104 
+        margin-right: auto;
105 
+	margin-top: 35px;
106 
+	margin-bottom: 20px;
107 
+	background: #f4f4f4;
108 
+        -moz-box-shadow: 0px 0px 1px #aaa;
109 
+        -webkit-box-shadow: 0px 0px 1px #aaa;
110 
+        box-shadow: 0px 0px 1px #aaa;
111 
+}
112 
+
113 
+div.postheader {
114 
+        border: 1px solid #ddd;
115 
+        padding: 4px;
116 
+        margin-left: 0px;
117 
+        margin-right: 0px;
118 
+	background: #eee;
119 
+        -moz-box-shadow: 0px 0px 1px #eee;
120 
+        -webkit-box-shadow: 0px 0px 1px #eee;
121 
+        box-shadow: 0px 0px 1px #eee;
122 
+}
123 
+
124 
+p.authorpostnum, p.date {
125 
+        padding: 0px;
126 
+        margin-top: 0px;
127 
+        margin-bottom: 0px;
128 
+}
129 
+
130 
+span.author {
88 131 
 	float: left;
89 
-	width: 50px;
90 
-	padding: 4px 10px 0px 0px;
91 132 
 }
133 
+
134 
+span.postnum {
135 
+	float: right;
136 
+}
137 
+
138 
+div.postbody {
139 
+        padding: 4px 4px 16px;
140 
+        margin-left: 0px;
141 
+        margin-right: 0px;
142 
+}
143 
+
Browse code

finish new user creation

Dario Rodriguez authored on 25/06/2014 20:52:20
Showing 1 changed files
res/posts.css
History View file @ b9c559a
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,91 @@
1 
+body {
2 
+	font-family: Sans;
3 
+	color: #8080a5;
4 
+	padding: 80px 0px 0px 0px;
5 
+}
6 
+
7 
+input.rounded {
8 
+	border: 1px solid #ccc;
9 
+	-moz-border-radius: 10px;
10 
+	-webkit-border-radius: 10px;
11 
+	border-radius: 10px;
12 
+	-moz-box-shadow: 2px 2px 3px #666;
13 
+	-webkit-box-shadow: 2px 2px 3px #666;
14 
+	box-shadow: 2px 2px 3px #666;
15 
+	font-size: 20px;
16 
+	padding: 4px 7px;
17 
+	outline: 0;
18 
+	-webkit-appearance: none;
19 
+}
20 
+input.rounded:focus {
21 
+	border-color: #339933;
22 
+}
23 
+
24 
+input.almostrounded {
25 
+	border: 1px solid #ccc;
26 
+	-moz-border-radius: 2px;
27 
+	-webkit-border-radius: 2px;
28 
+	border-radius: 2px;
29 
+	-moz-box-shadow: 0px 0px 3px #666;
30 
+	-webkit-box-shadow: 0px 0px 3px #666;
31 
+	box-shadow: 0px 0px 3px #666;
32 
+	font-size: 20px;
33 
+	padding: 4px 7px;
34 
+	outline: 0;
35 
+	-webkit-appearance: none;
36 
+}
37 
+
38 
+input.almostrounded:focus {
39 
+	border-color: #339933;
40 
+}
41 
+
42 
+div.centered {
43 
+/* gradient */
44 
+background-image: -webkit-gradient(
45 
+        linear,
46 
+        left bottom,
47 
+        left bottom,
48 
+        color-stop(0.11, #C7C7C7),
49 
+        color-stop(0.81, #EEEEEE)
50 
+);
51 
+background-image: -o-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
52 
+background-image: -moz-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
53 
+background-image: -webkit-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
54 
+background-image: -ms-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
55 
+background-image: linear-gradient(to left bottom, #C7C7C7 11%, #EEEEEE 81%);
56 
+/* border */
57 
+	border: 1px solid #ccc;
58 
+	-moz-border-radius: 2px;
59 
+	-webkit-border-radius: 2px;
60 
+	border-radius: 2px;
61 
+	-moz-box-shadow: 0px 0px 3px #666;
62 
+	-webkit-box-shadow: 0px 0px 3px #666;
63 
+	box-shadow: 0px 0px 3px #666;
64 
+	font-size: 20px;
65 
+	padding: 16px 24px;
66 
+	outline: 0;
67 
+	-webkit-appearance: none;
68 
+}
69 
+
70 
+div.centered {
71 
+	text-align: center;
72 
+	width: 450px;
73 
+	margin-left: auto;
74 
+	margin-right: auto;
75 
+}
76 
+
77 
+p.title {
78 
+	font-size: 28px;
79 
+	padding: 0px 0px 20px 0px;
80 
+}
81 
+
82 
+.aligned {
83 
+	list-style-type: none;
84 
+	padding-left: 30px;
85 
+}
86 
+
87 
+.aligned .label {
88 
+	float: left;
89 
+	width: 50px;
90 
+	padding: 4px 10px 0px 0px;
91 
+}