From 90afdf8d2b80a5f2145d20eb6a03d67fcdc3744b Mon Sep 17 00:00:00 2001
From: Karen <Unknown>
Date: Fri, 21 Oct 2011 19:43:05 +0530
Subject: [PATCH] made lots of design changes to home and inner pages

---
 itf/static/css/noel/home.css          | 33 +++++++----
 itf/static/css/noel/inner-details.css |  7 +++
 itf/static/css/noel/inner.css         |  5 +-
 itf/static/css/noel/main.css          | 80 ++++++++++++++++++---------
 4 files changed, 87 insertions(+), 38 deletions(-)

diff --git a/itf/static/css/noel/home.css b/itf/static/css/noel/home.css
index 841b149..0cfcf6d 100755
--- a/itf/static/css/noel/home.css
+++ b/itf/static/css/noel/home.css
@@ -145,7 +145,7 @@ clear:both;
 height:172px;
 overflow:hidden;} /*we may need to do some JAVASCRIPT for this*/
 
-#contentTab ul li span
+.contentTab ul li span
 {color:#0024ff;}
 
 #contentTab li
@@ -186,7 +186,8 @@ z-index:5;
 padding-left:0;
 padding-right:120px;
 padding-bottom:60px;
-padding-top:60px;} 
+padding-top:60px;
+cursor:pointer;} 
 
 #arrowRight
 {position:absolute;
@@ -196,7 +197,8 @@ z-index:5;
 padding-right:0;
 padding-left:120px;
 padding-bottom:60px;
-padding-top:60px;}
+padding-top:60px;
+cursor:pointer;}
 
 #sliderTabs /*at 800 res, we have different probs in different browsers with the tabs, ok to give position absolute to the ul?*/
 {width:4000px;
@@ -234,10 +236,15 @@ font-size:14px; /*if someone increases their font size, then what?*/
 color:#FFF;
 text-align:center;
 text-decoration:none;
-padding:5px 3px 5px 3px;
-background-color:#feb200; /*fallback for old browsers*/
-background:-moz-linear-gradient(top, #e77400 0%, #feb200);
-background:-webkit-gradient(linear, left top, left bottom, from(#e77400), to(#feb200)); /*w/o prefix not mentioned here for a reason???*/
+padding:2px 3px 5px 3px;
+background: rgb(221,115,8); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(221,115,8,1) 0%, rgba(239,194,31,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,115,8,1)), color-stop(100%,rgba(239,194,31,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* IE10+ */
+background: linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7308', endColorstr='#efc21f',GradientType=0 ); /* IE6-9 */
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
@@ -262,10 +269,14 @@ color:#FFF;
 text-decoration:none;
 padding:2px 3px 5px 3px;
 text-align:center;
-background-color:#e77400; /*fallback for old browsers*/
-background:-moz-linear-gradient(top, #feb200 0%, #e77400);
-background:-webkit-gradient(linear, left top, left bottom, from(#feb200), to(#e77400));
--moz-border-radius:10px;
+background: rgb(254,178,0); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(254,178,0,1) 0%, rgba(231,116,0,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,178,0,1)), color-stop(100%,rgba(231,116,0,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* IE10+ */
+background: linear-gradient(top, rgba(254,178,0,1) 0%,rgba(231,116,0,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb200', endColorstr='#e77400',GradientType=0 ); /* IE6-9 */-moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 -moz-box-shadow:0px 3px 10px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
diff --git a/itf/static/css/noel/inner-details.css b/itf/static/css/noel/inner-details.css
index d4506da..bd9ad95 100755
--- a/itf/static/css/noel/inner-details.css
+++ b/itf/static/css/noel/inner-details.css
@@ -36,6 +36,13 @@ margin:10px;}
 {background-color:#f7d76c;
 padding:0px 2px 1px 1px;}
 
+.bpRelated:link, .bpRelated:visited, .bpRelated:active 
+{color:#ff8400;
+text-decoration:none;}
+
+ .bpRelated:hover
+ {text-decoration:underline;}
+
 .noListTitle a
 {color:#f7bd00;
 font-weight:bold;
diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index fe0f5a2..24c9c75 100755
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -58,6 +58,9 @@ cursor:pointer;}
 color:#FFF;
 cursor:pointer;} 
 
+#aboutBtn
+{cursor:pointer;}
+
 #searchInnerDiv
 {position:absolute;
 right:16px;
@@ -134,7 +137,7 @@ border-top-right-radius:8px;
 -moz-border-radius-topleft:8px; 
 -webkit-border-top-left-radius:8px; 
 border-top-left-radius:8px;
-border:1px solid #ececec;
+border:1px solid transparent;
 padding:1px 1px;
 background-color:#f7bd00;
 color:#FFF;
diff --git a/itf/static/css/noel/main.css b/itf/static/css/noel/main.css
index 66a5c3c..c8ebf47 100755
--- a/itf/static/css/noel/main.css
+++ b/itf/static/css/noel/main.css
@@ -61,7 +61,8 @@ box-shadow:inset 2px 2px 6px #d7d7d7;}  /*placeholder input text supported by ht
 position:absolute;
 left:413px;
 top:69px;*/
-cursor:pointer;}
+cursor:pointer;
+background:none;}
 
 #navMenu 
 {background-color:#FFF; 
@@ -78,73 +79,94 @@ text-align:left;}
 line-height:30px;
 padding:0;
 margin:0;
-float:left;}
+float:left;
+}
 	
 #navMenu a 
 {display:block;
 color:#737373;
 text-decoration:none;
-padding:0px 15px;}
+padding:0px 15px;
+}
 	
 #navMenu>li /*browser compatibility????*/
 {padding:0;
 float:left;
--moz-border-radius:10px;
+/*-moz-border-radius:10px;
 -webkit-border-radius:10px;
-border-radius:10px;
-}
+border-radius:10px;*/
+width:180px;}
  
 #navMenu ul 
-{width:180px;
+{/*width:180px;*/
 font-size:14px;
 line-height:24px;
 margin:0;
 position:absolute;
 left:-999em;
 height:auto;
-text-align:left;}
+text-align:left;
+}
 	
 #navMenu li li 
 {width:180px;
 border-bottom:1px solid #e0e0e0;
 text-align:left;
-box-shadow:1px 1px 6px #919191;}
+-moz-box-shadow:1px 1px 3px #e1e1e1;
+-webkit-box-shadow:1px 1px 3px #e1e1e1;
+box-shadow:1px 1px 3px #e1e1e1;
+}
 	
-#navMenu li:first-child:hover
-{background:none;}
+/*#navMenu li a img:only-of-type:hover
+{background-image:none !important;
+cursor:drag;}*/
 	
 #navMenu li li a 
 {padding:2px 10px;
-color:#737373;} /*menu may break in IE, add JS hack and one for navigation by keyboard*/
+color:#737373;
+} /*menu may break in IE, add JS hack and one for navigation by keyboard*/
 	
 #navMenu li li:hover 
-{background-color:#e77400;
-background:-moz-linear-gradient(top, rgba(231,116,0, 0.7) 0%, rgba(254,178,0,0.9));
-background:-webkit-gradient(linear, left top, left bottom, from(rgba(231,116,0, 0.7)), to(rgba(254,178,0,0.9)));
-background:linear-gradient(top, rgba(231,116,0, 0.7) 0%, rgba(254,178,0,0.9));}
+{background: rgb(221,115,8); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(221,115,8,1) 0%, rgba(224,163,22,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,115,8,1)), color-stop(100%,rgba(224,163,22,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(224,163,22,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(224,163,22,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(224,163,22,1) 100%); /* IE10+ */
+background: linear-gradient(top, rgba(221,115,8,1) 0%,rgba(224,163,22,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7308', endColorstr='#e0a316',GradientType=0 ); /* IE6-9 */
+}
 	
 #navMenu li ul li:hover a, #navMenu li ul li li:hover a, #navMenu li ul li li li:hover a, #navMenu li ul li li li:hover a 
-{color:#ebe9e9;}
+{color:#ebe9e9;
+}
 
 #navMenu li:hover a, #navMenu li.sfhover a 
-{color:#ebe9e9;}
+{color:#ebe9e9;
+}
 
 #navMenu li:hover li a, #navMenu li li:hover li a, #navMenu li li li:hover li a, #navMenu li li li li:hover li a 
-{color:#737373;}
+{color:#737373;
+}
 
 #navMenu li:hover ul ul, #navMenu li:hover ul ul ul, #navMenu li:hover ul ul ul ul, #navMenu li.sfhover ul ul, #navMenu li.sfhover ul ul ul, #navMenu li.sfhover ul ul ul ul 
-{left:-999em;}
+{left:-999em;
+}
 
 #navMenu li:hover ul, #navMenu li li:hover ul, #navMenu li li li:hover ul, #navMenu li li li li:hover ul, #navMenu li.sfhover ul, #navMenu li li.sfhover ul, #navMenu li li li.sfhover ul, #navMenu li li li li.sfhover ul 
 {left:auto;
 background-color:#FFF;
-}
+border:none;}
 
 #navMenu li:hover, #navMenu li.sfhover 
-{background-color:#e77400;
-background:-moz-linear-gradient(top, #e77400 0%, #feb200);
-background:-webkit-gradient(linear, left top, left bottom, from(#e77400), to(#feb200));
-background:linear-gradient(top, #e77400 0%, #feb200);} 
+{background: rgb(221,115,8); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(221,115,8,1) 0%, rgba(239,194,31,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,115,8,1)), color-stop(100%,rgba(239,194,31,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* IE10+ */
+background: linear-gradient(top, rgba(221,115,8,1) 0%,rgba(239,194,31,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7308', endColorstr='#efc21f',GradientType=0 ); /* IE6-9 */} 
 
 #loginMenu 
 {list-style:none;
@@ -180,11 +202,17 @@ color:#ff8400;}
 
 #loginMenu li:hover 
 {color:#FFF;
-background-color:#ff8400;}
+background-color:#ff8400;
+border:1px solid transparent;}
 
 #loginMenu li:hover a
 {color:#FFF;}
 
+.loginMenuSelected
+{color:#FFF;
+background-color:#ff8400;
+border:1px solid transparent;}
+
 /*#woodPng
 {width:30%;
 height:30%;