From d1edaa49eb0ede6a0e872be3deabc6f5575ce84c Mon Sep 17 00:00:00 2001
From: Karen <Unknown>
Date: Tue, 25 Oct 2011 19:19:28 +0530
Subject: [PATCH] changed tabbed styling, more buttons

---
 itf/static/css/modules/tabsinnerright.css | 205 +++++++++++-----------
 itf/static/css/noel/home.css              |  14 +-
 itf/static/css/noel/inner.css             |   3 +
 itf/static/images/noel/morenext.jpg       | Bin 0 -> 640 bytes
 itf/templates/noel/index.html             |   2 +-
 5 files changed, 115 insertions(+), 109 deletions(-)
 create mode 100644 itf/static/images/noel/morenext.jpg

diff --git a/itf/static/css/modules/tabsinnerright.css b/itf/static/css/modules/tabsinnerright.css
index dc9041a..32b670b 100755
--- a/itf/static/css/modules/tabsinnerright.css
+++ b/itf/static/css/modules/tabsinnerright.css
@@ -1,102 +1,103 @@
-
-ul.tabsInnerRight {
-/*float: left;*/
-list-style: none;
-height: 32px; /*--Set height of tabs--*/
-border-bottom: 1px solid #e0e0e0;
-border-left: 1px solid #e0e0e0;
-width: 100%;
-margin:0 auto;
-}
-
-
-ul.tabsInnerRight li {
-float: left;
-height: 31px; /*--Subtract 1px from the height of the unordered list--*/
-line-height: 31px; /*--Vertically aligns the text within the tab--*/
-border: 1px solid #e0e0e0;
-border-left: none;
-margin-bottom: -1px; /*--Pull the list item down 1px--*/
-overflow: hidden;
-position: relative;
-background: #FFF;
-}
-
-ul.tabsInnerRight li a {
-text-decoration: none;
-color: #FFB80F;
-display: block;
-font-size: 14px;
-padding: 0 20px;
-border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
-outline: none;
-}
-
-ul.tabsInnerRight li a:hover {
-background: #f2f2f2;
-}
-
-html ul.tabsInnerRight li.active, html ul.tabsInnerRight li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
-background: #fff;
-border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
-}
-
-.tab_container {
-border:1px solid #e0e0e0;
-border-top: none;
-overflow: hidden;
-clear: both;
-float: left; 
-width: 100%;
-background: #fff;
-}
-
-.tab_content {
-padding: 20px;
-font-size: 14px;
-}
-
-.tabTitle {
-padding-top:20px;
-padding-bottom:20px;
-padding-left:10px;
-font-size:18px;
-background-color:#e3e3e3;
-margin-bottom:6px;
-}
-
-.session {
-margin-top:8px;
-margin-bottom:8px;
-}
-
-.sessionTitle {
-color:#FF8400;
-font-weight:bold;
-cursor:pointer;}
-
-.sessionChild {
-display:none;}
-
-.talkIcon a {
-text-decoration:none;
-}
-
-.talks {
-font-weight:bold;
-}
-
-.talks li
-{margin-bottom:3px;}
-
-.pName a, .readingMatTitle a {
-color:#FF8400;
-text-decoration:none;}
-
-.objWrapper {
-margin-bottom:8px;
-}
-
-.pBio {
-margin-bottom:8px;
-display:none;}
+
+ul.tabsInnerRight {
+/*float: left;*/
+list-style: none;
+height: 32px; /*--Set height of tabs--*/
+border-bottom: 1px solid #e0e0e0;
+border-left: 1px solid #e0e0e0;
+width: 100%;
+margin:0 auto;
+}
+
+
+ul.tabsInnerRight li {
+float: left;
+height: 31px; /*--Subtract 1px from the height of the unordered list--*/
+line-height: 31px; /*--Vertically aligns the text within the tab--*/
+border: 1px solid #e0e0e0;
+border-left: none;
+margin-bottom: -1px; /*--Pull the list item down 1px--*/
+overflow: hidden;
+position: relative;
+background: #FFF;
+}
+
+ul.tabsInnerRight li a {
+text-decoration: none;
+color: #FFB80F;
+display: block;
+font-size: 14px;
+padding: 0 20px;
+border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
+outline: none;
+}
+
+ul.tabsInnerRight li a:hover {
+background: #f2f2f2;
+}
+
+html ul.tabsInnerRight li.active, html ul.tabsInnerRight li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
+background: #fff;
+border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
+}
+
+.tab_container {
+border:1px solid #e0e0e0;
+border-top: none;
+overflow: hidden;
+clear: both;
+float: left; 
+width: 100%;
+background: #fff;
+}
+
+.tab_content {
+padding: 20px;
+font-family: 'Arial Regular', Arial, Helvetica, sans-serif;
+font-size: 12px;
+line-height: 17px;}
+
+.tabTitle {
+padding-top:20px;
+padding-bottom:20px;
+padding-left:10px;
+font-size:18px;
+background-color:#e3e3e3;
+margin-bottom:6px;
+}
+
+.session {
+margin-top:8px;
+margin-bottom:8px;
+}
+
+.sessionTitle {
+color:#FF8400;
+font-weight:bold;
+cursor:pointer;}
+
+.sessionChild {
+display:none;}
+
+.talkIcon a {
+text-decoration:none;
+}
+
+.talks {
+font-weight:bold;
+}
+
+.talks li
+{margin-bottom:3px;}
+
+.pName a, .readingMatTitle a {
+color:#FF8400;
+text-decoration:none;}
+
+.objWrapper {
+margin-bottom:8px;
+}
+
+.pBio {
+margin-bottom:8px;
+display:none;}
diff --git a/itf/static/css/noel/home.css b/itf/static/css/noel/home.css
index 50ea528..5c3f135 100755
--- a/itf/static/css/noel/home.css
+++ b/itf/static/css/noel/home.css
@@ -85,7 +85,8 @@ margin-left:9px;
 -moz-box-shadow:2px 3px 20px #252425;
 -webkit-box-shadow:2px 3px 20px #252425;
 box-shadow:2px 3px 20px #252425;
-overflow:hidden;}
+overflow:hidden;
+cursor:pointer;}
 
 #news, #events
 {margin-top:16px;
@@ -302,13 +303,14 @@ color:#FFF;}
 
 .moreTab
 {font-size:12px;
-color:#ffb400;
+color:#FFb400;
 font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
-text-decoration:none;}
+text-decoration:none;
+line-height:17px;
+font-weight:bold;}
 
-.moreUnicode
-{font-size:15px;
-}
+.imageMore
+{margin-bottom:-4px;}
 
 .moreTab:hover
 {text-decoration:underline;
diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index 36ee8bf..74ed2ad 100755
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -386,6 +386,9 @@ clear:both;}
 margin-right:4px;
 cursor:pointer;}
 
+.fb_iframe_widget
+{float:left;}
+
 /*cursor:pointer;
 position:absolute;
 bottom:6px;
diff --git a/itf/static/images/noel/morenext.jpg b/itf/static/images/noel/morenext.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..89eee6b327e15fd7ee6636fa9abb8674233ec73a
GIT binary patch
literal 640
zcmex=<Nrej3D=6uGzJDwPb~%x1_b#3hC$G!G&#GHfsug)C~U*P@c$hHpJPgXQYu5r
z0iX!u|Jw{L3~VecEUYYStgLLDY(UJ-!N$hH&BMjT&Betdzyk&XJbe5D{CqsZ!XhHV
z!ZOm*(lYXJz{t+d&db9qAs`?jB`PQ?1(zU}@&5pWAO`~<g9J09AOn*iBeNjm|04_y
z3=B-nKu010W)@ZsMn(o^MkFzy*O*zE1Q-~ZnAzA6GE9s@g3K%oible$qK=7;N=?d!
zfk7gIKxHh<K(E3KU=(CxP&8z26cR2}GGY;7bqrkSv?y`n!64)Rw-|VU#xV&p3o_U<
zT(Ww%GIZ&LtDGli`YdKzGQ($<OE<fhN>Ab9Mbnjvw~1H06Sp+dV>%w~#}s&EZA98u
z$tfP3Ve%(Gz1_R3kMD2GG5gHimRC`4LsdGXIyzcS4u<I3Ex#P_&{W*JdB4YMksp3#
z_O|!*B9rqQSU1_v{;sE?v3C6o)r<>58&msy*Q?#%Q9ax2^6`&fZ;FeQ+F$k){<O@q
zrZ%{>Z9=H`vHuLK^NX&3&24{LEPn8yY)3=v_K7DJyjh~MZSRHn={r-GMQ_}^pQUEe
zy*)bRC3ihycKvkH7mIx-KWUkf$D6FolO@+#r`Bq>ux@?V^k?sBU8B3bbAKp575n-y
g<K66)+|%PVTpyj@d-zkxF;4-6YM;%II{x1T0Qh;jsQ>@~

literal 0
HcmV?d00001

diff --git a/itf/templates/noel/index.html b/itf/templates/noel/index.html
index 11c8e71..9cb1a55 100755
--- a/itf/templates/noel/index.html
+++ b/itf/templates/noel/index.html
@@ -73,7 +73,7 @@
         <li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;">
             <h4 class="tabHeader">{% autoescape off %} {{ b.title|format_title }} {% endautoescape %}</h4>
             <div class="textTab">
-                <p><span class="boldText">{{ b.boldText }}</span> {{ b.normalText }} <a href="{{ b.url }}" class="moreTab"> More <span class="moreUnicode">&rsaquo;&rsaquo;</span></a>
+                <p><span class="boldText">{{ b.boldText }}</span> {{ b.normalText }} <a href="{{ b.url }}" class="moreTab"> More<img src="/static/images/noel/morenext.jpg" width="24" height="14" class="imageMore" /></a>
 </p>
            
             </div>