From 101b76c16ef2d7af846d84b21e94ee695db70cc3 Mon Sep 17 00:00:00 2001
From: karen menezes <karen.menezes@gmail.com>
Date: Fri, 4 Jan 2013 01:28:15 -0800
Subject: [PATCH 1/3] main view page looks better now

---
 itf/static/css/noel/inner-details.css |  5 +++--
 itf/static/css/noel/inner.css         | 15 +++++++++++++--
 itf/templates/mediagallery/view.html  |  4 ++--
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/itf/static/css/noel/inner-details.css b/itf/static/css/noel/inner-details.css
index 3440cf3..2c68b0c 100755
--- a/itf/static/css/noel/inner-details.css
+++ b/itf/static/css/noel/inner-details.css
@@ -73,9 +73,10 @@ display:block;}
 .hideText
 {display:none;}
 
-#lightbox h1 {
-    font-size: 120%;
+.lightboxHeading {
+    font-size: 130%;
     padding: 10px;
+	text-align: center;
 }
 
 #imagesContainer {
diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index 2a11462..68f363d 100755
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -580,7 +580,17 @@ margin-top:6px}
 {position:relative;
 height:100%;}
 
-.lightboxNext, .lightboxPrev {
+
+.closinglightbox {
+    display: block;
+    text-align: center;
+    text-decoration: none;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+}
+
+.closinglightbox, .lightboxNext, .lightboxPrev {
 font-size:14px;
 color:#F7BD00;
 font-weight:bold;
@@ -649,7 +659,8 @@ border-top:1px solid #d3d3d3;
 border-bottom:1px solid #d3d3d3;
 -moz-box-shadow:2px 3px 16px #252425;
 -webkit-box-shadow:2px 3px 16px #252425;
-box-shadow:2px 3px 16px #252425;}
+box-shadow:2px 3px 16px #252425;
+position: relative;}
 
 
 #searchContent {	
diff --git a/itf/templates/mediagallery/view.html b/itf/templates/mediagallery/view.html
index e6d0bb0..9acf235 100644
--- a/itf/templates/mediagallery/view.html
+++ b/itf/templates/mediagallery/view.html
@@ -19,7 +19,7 @@
 </div>
 <div id="lightbox"></div>
 
-<h1>{{ title }}</h1>
+<h1 class="lightboxHeading">{{ title }}</h1>
 {% if photos %}
 <div id="imagesContainer">
     <h3 class="orange">Photos</h3>
@@ -59,6 +59,6 @@
 
 {% endif %}
 
-<a href="Javascript:window.close()">Close</a>
+<a href="Javascript:window.close()" class="closinglightbox">Close</a>
 
 {% endblock %}

From 541abd9f9da1ad8d2b83c48a53cbe116df2f7086 Mon Sep 17 00:00:00 2001
From: karen menezes <karen.menezes@gmail.com>
Date: Fri, 4 Jan 2013 06:18:41 -0800
Subject: [PATCH 2/3] changes to gallery

---
 itf/static/css/noel/inner-details.css  |  8 +-------
 itf/static/css/noel/inner.css          | 25 +++++++++++++++++++++++++
 itf/static/css/noel/main.css           |  4 ++++
 itf/templates/mediagallery/upload.html | 23 +++++++++++++++--------
 itf/templates/mediagallery/view.html   |  4 ++--
 5 files changed, 47 insertions(+), 17 deletions(-)

diff --git a/itf/static/css/noel/inner-details.css b/itf/static/css/noel/inner-details.css
index 2c68b0c..d1c45cf 100755
--- a/itf/static/css/noel/inner-details.css
+++ b/itf/static/css/noel/inner-details.css
@@ -73,13 +73,7 @@ display:block;}
 .hideText
 {display:none;}
 
-.lightboxHeading {
-    font-size: 130%;
-    padding: 10px;
-	text-align: center;
-}
-
-#imagesContainer {
+#imagesContainer, #videosContainer, #linksContainer {
 	padding: 10px 14px;
 }
 
diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index 68f363d..50ca110 100755
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -590,6 +590,25 @@ height:100%;}
     margin: 0 auto;
 }
 
+.photoContainer {
+    margin: 8px 0;
+}
+.photoContainer input, .galleryTitle, #youtubeURL, #linkURL {
+    padding: 4px 0;
+}
+
+#addVideos button, #addLinks button {
+    padding: 4px 6px;
+}
+
+.photoContainer input {
+    vertical-align: top;
+}
+
+#addVideos, #addLinks {
+    padding: 10px;
+}
+
 .closinglightbox, .lightboxNext, .lightboxPrev {
 font-size:14px;
 color:#F7BD00;
@@ -606,6 +625,12 @@ left:10px;}
 {position:absolute;
 right:10px;}
 
+.lightboxHeading {
+    font-size: 130%;
+    padding: 10px;
+	text-align: center;
+}
+
 
 #addForm input, #addForm textarea {
 border:1px solid #e3e3e3; 
diff --git a/itf/static/css/noel/main.css b/itf/static/css/noel/main.css
index a0fbc5b..2871728 100755
--- a/itf/static/css/noel/main.css
+++ b/itf/static/css/noel/main.css
@@ -14,6 +14,10 @@ strong
     display: block;
 }
 
+.inlineBlock {
+	display: inline-block;
+}
+
 #header
 {width:960px;
 height:140px;
diff --git a/itf/templates/mediagallery/upload.html b/itf/templates/mediagallery/upload.html
index 4c030e7..daa8a9e 100644
--- a/itf/templates/mediagallery/upload.html
+++ b/itf/templates/mediagallery/upload.html
@@ -139,6 +139,7 @@ $(function() {
     min-width: 400px;
     min-height: 300px;
     max-width: 50%;
+    padding: 10px;
 }
 
 .progressBar {
@@ -149,6 +150,12 @@ $(function() {
 .deleteItem {
     font-weight: bold;
     cursor: pointer;
+    vertical-align: top;
+
+}
+
+.closinglightbox {
+    padding: 10px;
 }
 
 .section {
@@ -164,10 +171,10 @@ $(function() {
 {% endblock %}
 
 {% block main_content %}
-    Gallery Title: <input class="galleryTitle" value="{{ gallery.title }}" />
+    <h1 class="lightboxHeading inlineBlock">Gallery Title:</h1> <input class="galleryTitle" value="{{ gallery.title }}" />
 
     <div id="uploadImages" class="section">
-        <h3>Upload Images</h3>
+        <h3 class="orange inlineBlock">Upload Images</h3>
         <input type="file" id="uploadImageFiles" multiple />
         
         <ul id="photosContainer">
@@ -187,7 +194,7 @@ $(function() {
     </div>
 
     <div id="addVideos" class="section">
-        <h3>Add Youtube Videos</h3>
+        <h3 class="orange inlineBlock">Add Youtube Videos</h3>
         <div id="addYoutubeVideos">
             Youtube Share Link: <input type="text" id="youtubeURL" placeholder="eg. http://youtu.be/Wo_mFYW-jLU" />
             <button id="addYoutubeVideo">Add</button>
@@ -206,9 +213,9 @@ $(function() {
     </div>
 
     <div id="addLinks" class="section">
-        <h3>Other Links to Online Media</h3>
-        Link: <input type="text" id="linkURL" placeholder="eg. http://flickr.com/xyz" />
-        <button id="addLink">Add</button>
+        <h3 class="orange inlineBlock">Other Links to Online Media</h3>
+        <p>Link: <input type="text" id="linkURL" placeholder="eg. http://flickr.com/xyz" /><button id="addLink">Add</button></p>
+        
 
         <ul id="links">
             {% for link in links %}
@@ -221,6 +228,6 @@ $(function() {
         </ul>
 
     </div>
-
-    <a href="Javascript:close()">Done</a>
+    <br>
+    <a href="Javascript:close()" class="closinglightbox">Done</a>
 {% endblock %}
diff --git a/itf/templates/mediagallery/view.html b/itf/templates/mediagallery/view.html
index 9acf235..a779fda 100644
--- a/itf/templates/mediagallery/view.html
+++ b/itf/templates/mediagallery/view.html
@@ -38,7 +38,7 @@
 
 {% if videos %}
     <div id="videosContainer">
-        <h3>Videos</h3>
+        <h3 class="orange">Videos</h3>
         {% for v in videos %}
             <img src="{{ v.thumbnail }}" class="youtubeLink thumbsDetails" title="{{ v.title }}" data-iframe='{{ v.iframe }}' /> 
         {% endfor %}
@@ -47,7 +47,7 @@
 
 {% if links %}
     <div id="linksContainer">
-        <h3>Links</h3>
+        <h3 class="orange">Links</h3>
         <ul id="linksList">
         {% for l in links %}
             <li>

From d6a6fff786c4a3112367b12083c1ce9d06d582d0 Mon Sep 17 00:00:00 2001
From: karen menezes <karen.menezes@gmail.com>
Date: Fri, 4 Jan 2013 12:35:47 -0800
Subject: [PATCH 3/3] main view page looks better now

---
 itf/static/css/noel/inner-details.css  | 17 +++++++++++++++--
 itf/static/css/noel/inner.css          |  9 ++++++++-
 itf/templates/mediagallery/upload.html |  7 ++++++-
 3 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/itf/static/css/noel/inner-details.css b/itf/static/css/noel/inner-details.css
index d1c45cf..6386f1f 100755
--- a/itf/static/css/noel/inner-details.css
+++ b/itf/static/css/noel/inner-details.css
@@ -73,15 +73,28 @@ display:block;}
 .hideText
 {display:none;}
 
-#imagesContainer, #videosContainer, #linksContainer {
+#imagesContainer, #videosContainer {
 	padding: 10px 14px;
 }
 
-#imagesContainer h3 {
+#linksContainer {
+	padding: 10px 14px 30px 14px;
+}
+
+#imagesContainer h3, #videosContainer h3, #linksContainer h3 {
 	font-family: 'Arial Regular', Arial, Helvetica, sans-serif;
 	font-size: 110%;
 }
 
+#linksList a {
+	color: #FF8400;
+	text-decoration: none;
+}
+
+#linksList a:hover {
+	text-decoration: underline;
+}
+
 /* FORMS FOR E-RANG */
 #comment_form {
     margin-top: 24px;
diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index 50ca110..42aea94 100755
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -594,7 +594,10 @@ height:100%;}
     margin: 8px 0;
 }
 .photoContainer input, .galleryTitle, #youtubeURL, #linkURL {
-    padding: 4px 0;
+    padding: 4px;
+    border-radius: 8px;
+    box-shadow: inset 2px 2px 6px #D7D7D7;
+    border: 1px solid #ddd;
 }
 
 #addVideos button, #addLinks button {
@@ -609,6 +612,10 @@ height:100%;}
     padding: 10px;
 }
 
+#links li {
+	padding-bottom: 10px;
+}
+
 .closinglightbox, .lightboxNext, .lightboxPrev {
 font-size:14px;
 color:#F7BD00;
diff --git a/itf/templates/mediagallery/upload.html b/itf/templates/mediagallery/upload.html
index daa8a9e..ed4ed6e 100644
--- a/itf/templates/mediagallery/upload.html
+++ b/itf/templates/mediagallery/upload.html
@@ -147,13 +147,18 @@ $(function() {
     background: #00f;
 }
 
-.deleteItem {
+.deleteItem, .deleteLink {
     font-weight: bold;
     cursor: pointer;
     vertical-align: top;
 
 }
 
+.deleteItem {
+    padding-top: 6px;
+    display: inline-block;
+}
+
 .closinglightbox {
     padding: 10px;
 }