From 6452bbe21cdc0624b5d9b2ddfeef5efa6d396546 Mon Sep 17 00:00:00 2001 From: Parth Buch Date: Fri, 27 Jul 2012 18:00:40 +0530 Subject: UI Changes Added background and borders --- stapp/static/video/css/style.css | 25 +++++++++++++++++++------ stapp/static/video/img/background_texture.jpg | Bin 0 -> 74190 bytes stapp/templates/video/home.html | 10 +++++----- 3 files changed, 24 insertions(+), 11 deletions(-) create mode 100644 stapp/static/video/img/background_texture.jpg diff --git a/stapp/static/video/css/style.css b/stapp/static/video/css/style.css index 4aa6c6e..594835d 100644 --- a/stapp/static/video/css/style.css +++ b/stapp/static/video/css/style.css @@ -1,8 +1,11 @@ body{ - background : #D9D9D9; + background : url("../img/background_texture.jpg") repeat fixed 50% 0 transparent; padding-top:40px; } +.title{ + border-bottom : 1px solid #E1E2E1; +} .top-row{ background:none repeat scroll 0 0 #8E8E8E; @@ -15,13 +18,23 @@ body{ height : 100%; } +.module-row{ + border-bottom: 1px solid #E1E1E2; + margin-bottom: 20px; + padding-bottom: 10px; +} + +.module-description{ + margin-bottom : 10px; +} .module-list{ - position:relative; - float:left; - margin-right:30px; - margin-bottom:30px; + border-right: 1px solid #E1E1E2; + float: left; + height: 150px; + margin-left: 20px; + padding: 10px; + position: relative; width: 250px; - height:150px; } video{ diff --git a/stapp/static/video/img/background_texture.jpg b/stapp/static/video/img/background_texture.jpg new file mode 100644 index 0000000..17d57ec Binary files /dev/null and b/stapp/static/video/img/background_texture.jpg differ diff --git a/stapp/templates/video/home.html b/stapp/templates/video/home.html index d1da82d..c3ae717 100644 --- a/stapp/templates/video/home.html +++ b/stapp/templates/video/home.html @@ -29,11 +29,11 @@ function changeDetail(video,image,idname,iddesc) {% endblock %} {% block module_list %} -
+

Latest Modules

{% for module in latest_modules %} -

{{module.name}}

-
{{module.description|safe}}
+

{{module.name}}

+
{{module.description|safe}}
{% for video in module.video_list.all %} @@ -46,11 +46,11 @@ function changeDetail(video,image,idname,iddesc) {% endfor %}
-
+

All Modules

{% for module in all_modules %}

{{module.name}}

-
{{module.description|safe}}
+
{{module.description|safe}}
{% for video in module.video_list.all %} -- cgit