Commit 37f49074622de28aff4a58949aacfeb84ea750b2
1 parent
f8b3dd30
Exists in
master
and in
39 other branches
Applying CSS to planet home and submit a blog
Showing
3 changed files
with
74 additions
and
33 deletions
Show diff stats
src/colab/static/css/screen.css
... | ... | @@ -99,3 +99,39 @@ |
99 | 99 | /* Overwritting max-width for better web responsive */ |
100 | 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 */ | ... | ... |
src/planet/templates/feedzilla/base.html
... | ... | @@ -6,25 +6,21 @@ |
6 | 6 | <h2>{% trans 'Planet' %}</h2> |
7 | 7 | <hr/> |
8 | 8 | |
9 | - <div> | |
10 | - {% block feedzilla_content %}{% endblock %} | |
11 | - </div> | |
12 | - | |
13 | - <div class="row"> | |
14 | - <div class="well col-lg-2"> | |
15 | - <a href="{% url "feedzilla_submit_blog" %}">{% trans "Submit a blog" %}</a> | |
16 | - </div> | |
17 | - </div> | |
18 | - <div class="row"> | |
19 | - <div class="well col-lg-2"> | |
20 | - <h3>{% trans 'Tags' %}</h3> | |
21 | - {% feedzilla_tag_cloud %} | |
22 | - </div> | |
23 | - </div> | |
24 | 9 | <div class="row"> |
25 | - <div class="well col-lg-2"> | |
26 | - <h3>{% trans 'Source Blogs' %}</h3> | |
27 | - {% feedzilla_donor_list %} | |
10 | + {% block feedzilla_content %}{% endblock %} | |
11 | + | |
12 | + <div class="col-lg-3"> | |
13 | + <div class="well"> | |
14 | + <a href="{% url "feedzilla_submit_blog" %}">{% trans "Submit a blog" %}</a> | |
15 | + </div> | |
16 | + <div class="well"> | |
17 | + <h3>{% trans 'Tags' %}</h3> | |
18 | + {% feedzilla_tag_cloud %} | |
19 | + </div> | |
20 | + <div class="well"> | |
21 | + <h3>{% trans 'Source Blogs' %}</h3> | |
22 | + {% feedzilla_donor_list %} | |
23 | + </div> | |
28 | 24 | </div> |
29 | 25 | </div> |
30 | 26 | {% endblock %} | ... | ... |
src/planet/templates/feedzilla/submit_blog.html
... | ... | @@ -2,22 +2,31 @@ |
2 | 2 | {% load i18n %} |
3 | 3 | |
4 | 4 | {% block feedzilla_content %} |
5 | -<h1>{% trans "Submit a blog" %}</h1> | |
6 | 5 | |
7 | -{% if success %} | |
8 | -<p>{% trans "Thank you. Your application has been accepted and will be reviewed by admin in the near time." %}</p> | |
9 | -{% else %} | |
10 | -<p class="required span-11 last"><label>{% trans "Required fields" %}</label></p> | |
11 | -<form method="post" class="span-12"> | |
6 | +<div class="col-lg-6"> | |
7 | + <h1>{% trans "Submit a blog" %}</h1> | |
8 | + | |
9 | + {% if success %} | |
10 | + | |
11 | + <p>{% trans "Thank you. Your application has been accepted and will be reviewed by admin in the near time." %}</p> | |
12 | + {% else %} | |
13 | + <p class="required"><label>{% trans "Required fields" %}</label></p> | |
14 | + <form method="post"> | |
12 | 15 | {% csrf_token %} |
13 | - <fieldset class="box span-11"> | |
14 | - <legend>{% trans "Blog Information" %}</legend> | |
15 | - <p class=" required"><label for="id_url">{% trans "Blog URL" %}:</label><br /><input id="id_url" maxlength="255" name="url" type="text" /></p> | |
16 | - <p class=" required"><label for="id_title">{% trans "Blog name" %}:</label><br /><input id="id_title" maxlength="255" name="title" type="text" /></p> | |
17 | - <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> | |
18 | - <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> | |
19 | - <p><input type="submit" value="{% trans "Submit" %}"></p> | |
16 | + <fieldset class="well"> | |
17 | + <legend>{% trans "Blog Information" %}</legend> | |
18 | + <p class="required"><label for="id_url">{% trans "Blog URL" %}:</label><br /><input id="id_url" maxlength="255" name="url" type="text" /></p> | |
19 | + <p class="required"><label for="id_title">{% trans "Blog name" %}:</label><br /><input id="id_title" maxlength="255" name="title" type="text" /></p> | |
20 | + <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> | |
21 | + <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> | |
22 | + <p><input type="submit" value="{% trans "Submit" %}"></p> | |
20 | 23 | </fieldset> |
21 | -</form> | |
22 | -{% endif %} | |
24 | + </form> | |
25 | + | |
26 | + {% endif %} | |
27 | + | |
28 | +</div> | |
29 | + | |
30 | +<div class="col-lg-2"></div> | |
31 | + | |
23 | 32 | {% endblock %} | ... | ... |