Applying CSS to planet home and submit a blog

Matheus Figueiredo
1 parent f8b3dd30
Showing 3 changed files with 74 additions and 33 deletions Show diff stats
src/colab/static/css/screen.css
src/planet/templates/feedzilla/base.html
src/planet/templates/feedzilla/submit_blog.html
@@ -99,3 +99,39 @@
     /* Overwritting max-width for better web responsive */
     max-width: 95% !important;
 }
+
+/* Forms */ 
+.required label:before {
+    color: #f00;
+    content: "* ";
+}
+
+input[type="text"],
+input[type="password"] {
+    width: 300px;
+    padding: 3px;
+}
+/* End Forms */
+
+/* Changing Bootstrap*/
+fieldset>legend {
+    display:block;
+    font-weight:bold;
+    font-size:1.2em;
+    margin-top:-0.2em;
+    margin-bottom:0em;
+    border: none;
+}
+
+.well {
+    background:#e5eCf9 !important;
+}
+
+.col-lg-6 .well{
+    max-width:570px;
+}
+
+.col-lg-3 .well{
+    max-width:285px;
+}
+/* End changes */
@@ -6,25 +6,21 @@
     <h2>{% trans 'Planet' %}</h2>
     <hr/>
-    <div>
-      {% block feedzilla_content %}{% endblock %}
-    </div>
-
-    <div class="row">
-      <div class="well col-lg-2">
-        <a href="{% url "feedzilla_submit_blog" %}">{% trans "Submit a blog" %}</a>
-      </div>
-    </div>
-    <div class="row">
-      <div class="well col-lg-2">
-        <h3>{% trans 'Tags' %}</h3>
-        {% feedzilla_tag_cloud %}
-      </div>
-    </div>
     <div class="row">
-      <div class="well col-lg-2">
-        <h3>{% trans 'Source Blogs' %}</h3>
-        {% feedzilla_donor_list %}
+        {% block feedzilla_content %}{% endblock %}
+  
+      <div class="col-lg-3">
+        <div class="well">
+          <a href="{% url "feedzilla_submit_blog" %}">{% trans "Submit a blog" %}</a>
+        </div>
+        <div class="well">
+          <h3>{% trans 'Tags' %}</h3>
+          {% feedzilla_tag_cloud %}
+        </div>
+        <div class="well">
+          <h3>{% trans 'Source Blogs' %}</h3>
+          {% feedzilla_donor_list %}
+        </div>
       </div>
     </div>
 {% endblock %}
@@ -2,22 +2,31 @@
 {% load i18n %}
 {% block feedzilla_content %}
-<h1>{% trans "Submit a blog" %}</h1>
-{% if success %}
-<p>{% trans "Thank you. Your application has been accepted and will be reviewed by admin in the near time." %}</p>
-{% else %}
-<p class="required span-11 last"><label>{% trans "Required fields" %}</label></p>
-<form method="post" class="span-12">
+<div class="col-lg-6">  
+  <h1>{% trans "Submit a blog" %}</h1>
+
+  {% if success %}
+
+  <p>{% trans "Thank you. Your application has been accepted and will be reviewed by admin in the near time." %}</p>
+  {% else %}
+  <p class="required"><label>{% trans "Required fields" %}</label></p>
+  <form method="post">
     {% csrf_token %}
-    <fieldset class="box span-11">
-        <legend>{% trans "Blog Information" %}</legend>
-        <p class=" required"><label for="id_url">{% trans "Blog URL" %}:</label><br /><input id="id_url" maxlength="255" name="url" type="text" /></p>
-        <p class=" required"><label for="id_title">{% trans "Blog name" %}:</label><br /><input id="id_title" maxlength="255" name="title" type="text" /></p>
-        <p class=""><label for="id_author">{% trans "Name of author of the blog" %}:</label><br /><input id="id_author" maxlength="50" name="author" type="text" /></p>
-        <p class=""><label for="id_feed_url">{% trans "Feed URL" %}:</label><br /><input id="id_feed_url" maxlength="255" name="feed_url" type="text" /><br /><span class="helptext">{% trans "You can specify what exactly feed you want submit" %}</span></p>
-        <p><input type="submit" value="{% trans "Submit" %}"></p>
+    <fieldset class="well">
+      <legend>{% trans "Blog Information" %}</legend>
+      <p class="required"><label for="id_url">{% trans "Blog URL" %}:</label><br /><input id="id_url" maxlength="255" name="url" type="text" /></p>
+      <p class="required"><label for="id_title">{% trans "Blog name" %}:</label><br /><input id="id_title" maxlength="255" name="title" type="text" /></p>
+      <p><label for="id_author">{% trans "Name of author of the blog" %}:</label><br /><input id="id_author" maxlength="50" name="author" type="text" /></p>
+      <p><label for="id_feed_url">{% trans "Feed URL" %}:</label><br /><input id="id_feed_url" maxlength="255" name="feed_url" type="text" /><br /><span class="helptext">{% trans "You can specify what exactly feed you want submit" %}</span></p>
+      <p><input type="submit" value="{% trans "Submit" %}"></p>
     </fieldset>
-</form>
-{% endif %}
+  </form>
+
+  {% endif %}
+
+</div>
+
+<div class="col-lg-2"></div>
+
 {% endblock %}
	@@ -99,3 +99,39 @@		@@ -99,3 +99,39 @@
99	/* Overwritting max-width for better web responsive */	99	/* Overwritting max-width for better web responsive */
100	max-width: 95% !important;	100	max-width: 95% !important;
101	}	101	}
		102	+
		103	+/* Forms */
		104	+.required label:before {
		105	+ color: #f00;
		106	+ content: "* ";
		107	+}
		108	+
		109	+input[type="text"],
		110	+input[type="password"] {
		111	+ width: 300px;
		112	+ padding: 3px;
		113	+}
		114	+/* End Forms */
		115	+
		116	+/* Changing Bootstrap*/
		117	+fieldset>legend {
		118	+ display:block;
		119	+ font-weight:bold;
		120	+ font-size:1.2em;
		121	+ margin-top:-0.2em;
		122	+ margin-bottom:0em;
		123	+ border: none;
		124	+}
		125	+
		126	+.well {
		127	+ background:#e5eCf9 !important;
		128	+}
		129	+
		130	+.col-lg-6 .well{
		131	+ max-width:570px;
		132	+}
		133	+
		134	+.col-lg-3 .well{
		135	+ max-width:285px;
		136	+}
		137	+/* End changes */