0005477: adjustments to themes topnavbar and scroll-to-styles, and ot…

…hers to accomodate the scrollbar in Windows version of firefox
atutor · Aug 9, 2014 · bb0af78 · bb0af78
1 parent 844039a
commit bb0af78
Show file tree

Hide file tree

Showing 11 changed files with 193 additions and 156 deletions.
diff --git a/themes/atspaces/styles.css b/themes/atspaces/styles.css
@@ -1681,29 +1681,23 @@ width:1.5em;
 
 /* Top navigation tabs / list */
 div#topnavlistcontainer {
-	min-height:2.5em;
+	min-height:2.9em;
 	clear:both;
 	width:100%;
-    padding-bottom:.5em;
 	clear:left;
 	float:left;
     margin-right: -14px !important;
     overflow-y: hidden;
 }
 
 ul#topnavlist {
-    margin: 0; 
-    padding: 0; 
-    width:100%;
  /*   border-top: 1px solid #D1C82E;
     border-bottom: 1px solid #D1C82E; */
     list-style-type: none; 
     list-style-image: none;
-	padding: 0;
-height:2.1em;
+	padding-top:.6em;
+    height:1.8em;
     border-bottom: 1px solid #f6f4da;
-	margin-right: auto;
-	margin-left: auto;
 	font-family: 'Varela Round', Arial, Helvetica, sans-serif; 
     white-space:nowrap;
  }
@@ -3381,13 +3375,7 @@ div#top-links a:focus{
 	padding-right:.5em;
 }
 
-div#topnavlistcontainer {
-	/*background-image: url('images/pencil_bottom_ds.png'); */
-	height:2em;
-	padding-top:1em;
-	clear:both;
-	float:left;
-}
+
 .ui-switch {
     border-radius: 18px;
     cursor: pointer;
@@ -3400,7 +3388,7 @@ div#topnavlistcontainer {
 .logo{
 width:15em;
 margin-left:0em;
-margin-top:-2.6em;
+margin-top:-2em;
 }
 #gototop img{
 height:1.5em;
@@ -3572,11 +3560,13 @@ table.etabbed-table	{
 .scroll-to-fixed-fixed div#topnavlistcontainer{
     background-color:#F6F4DA !important;
     padding:0;
+    padding-top:.3em;
+
 }
 .scroll-to-fixed-fixed div#topnavlistcontainer > ul{
-margin-top:1em;
     white-space:nowrap;
-    overflow:scroll;
+    padding-bottom:.4em;
+
 } 
 .scroll-to-fixed-fixed div#topnavlistcontainer > ul > li {
     padding-top:1.5em;
@@ -3586,14 +3576,15 @@ margin-top:1em;
 
 .scroll-to-fixed-fixed #subnavlistcontainer{
     background-color: #ffffff;
-    margin-top:.6em !important;
+    margin-top:1.3em !important;
     background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
-    opacity:.8;
+    opacity:.9;
     border-bottom: 1px solid #DED29E !important;
     border-top: 0 !important;
 }
 .scroll-to-fixed-fixed #subnavlist{
-    margin-top:-3.5em !important;
+    margin-top:-3.3em !important;
+    margin-left:2em;
     padding:.2em !important;
 }
 .scroll-to-fixed-fixed #subnavlist_i{

diff --git a/themes/blumin/styles.css b/themes/blumin/styles.css
@@ -1161,6 +1161,7 @@ background-color:#DEE7EC;
 	-moz-border-radius: 0em 0em .5em .5em;
 	height:1.5em;
 	float:right;
+	margin-top:-.22em;
 	margin-right:2em;
 	padding-left:.1em;
 }
@@ -1370,28 +1371,43 @@ div#topnavlistcontainer {
     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
     background: transparent;
     border-collapse: collapse;
-    border-bottom: 1px solid #8CACBB;
-    padding: 0.5em 0em 0em 2em;
+    padding-left: 2em;
     clear:left;
     width:100%;
     margin-left:-2em;
+    height:1.8em;
+	margin-top:-1.8em;
+	padding-top:1.5em;
+	padding-bottom:1.1em;
+	margin-bottom:-1.1em;
+	margin-right: -14px !important;
+    overflow-y:hidden;
+    overflow-x:none;
 }
+/*
+div#topnavlistcontainer {
+	height:1.8em;
+	margin-top:-1.8em;
+	padding-top:1.5em;
+	margin-bottom:-.2em;
+	clear:both;
+	float:left;
+}
+*/
 ul#topnavlist {
 	padding: 0px;
-	margin-bottom: 3px;
-	margin-top: 0px;
-	margin-bottom:0px;
+
 	white-space:nowrap;
-    overflow-y:scroll;
-    height:2em;
+    height:2.2em;
 }
 
 ul#topnavlist li {
 
 	list-style: none;
 	display: inline-block;
 	height:auto;
-	margin-top:.2em;
+	margin-top:.5em;
+
 	clear:both;
 
 }
@@ -1415,7 +1431,7 @@ ul#topnavlist li a {
     color: #436976;
     height: 1.2em;
     margin-right: 0.5em;
-    padding: 0em 2em .3em;
+    padding: 0em 1em .2em;
     text-transform: lowercase;
 }
 
@@ -2657,15 +2673,7 @@ div#top-links a:focus{
 	padding-right:.5em;
 }
 
-div#topnavlistcontainer {
-	/*background-image: url('images/pencil_bottom_ds.png'); */
-	height:1.8em;
-	margin-top:-1.8em;
-	padding-top:1.5em;
-	margin-bottom:-.2em;
-	clear:both;
-	float:left;
-}
+
 .ui-switch {
     border-radius: 18px;
     cursor: pointer;
@@ -2678,7 +2686,7 @@ div#topnavlistcontainer {
 .logo{
 width:15em;
 margin-left:0em;
-margin-top:-4.2em;
+margin-top:-2.2em;
 }
 
 /** forum stuff **/
@@ -2815,21 +2823,23 @@ table.etabbed-table	{
     background-color:#DEE7EC !important;
 }
 .scroll-to-fixed-fixed #subnavlistcontainer{
-    margin-top:.7em;
-	  background-color: #DEE7EC;        
+     margin-top:.1em;
+	  background-color: #DEE7EC !important;        
       background-image: linear-gradient(#DEE7EC, #AFCADB)!important;
 }
 .scroll-to-fixed-fixed div#topnavlistcontainer{
-	  background-color: #DEE7EC !important;        
-      background-image: linear-gradient(#DEE7EC, #AFCADB) !important;
+    margin-top:-2.7em;
+	background-color: #DEE7EC !important;        
+    background-image: linear-gradient(#DEE7EC, #AFCADB) !important;
+    padding-bottom:1em !important;
+    overflow-y:hidden;
 }
 .scroll-to-fixed-fixed div#topnavlistcontainer ul{
     white-space:nowrap;
-    overflow:scroll;
+
 }
 .scroll-to-fixed-fixed div#topnavlistcontainer li a{
 	  background-color: #FFFFFF !important;        
-
 }
 #sm_content{
     display:none;

diff --git a/themes/default/styles.css b/themes/default/styles.css
@@ -1664,16 +1664,28 @@ span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2e
 
 
 /* Top navigation tabs / list */
-div#topnavlistcontainer {
-	/*background-image: url('images/pencil_bottom_ds.png'); */
+/*div#topnavlistcontainer {
 	height:1.8em;
 	margin-top:-1.8em;
 	padding-top:1em;
 	margin-left:1em;
 	clear:both;
 	float:left;
+	    overflow-y:scroll;
+}
+*/
+div#topnavlistcontainer {
+    height:1.8em;
+	width:100%;
+	margin-top:-2.8em;
+	padding-top:1.8em;
+	margin-bottom:-.5em;
+	padding-bottom:.5em;
+	float:left;
+    margin-right: -14px !important;
+    overflow-x:none;
+    overflow-y: hidden;
 }
-
 ul#topnavlist {
 	padding: 0;
 	padding-bottom: 1em;
@@ -1683,7 +1695,7 @@ ul#topnavlist {
 	margin-top: -.4em;
 	height:1.8em;
 	white-space:nowrap;
-    overflow-y:scroll;
+
  }
 
 ul#topnavlist li {
@@ -2716,7 +2728,7 @@ div.social-wrapper{
 .logo{
 width:15em;
 margin-left:0em;
-margin-top:-2.8em;
+margin-top:-2.2em;
 }
 .content-settings{
 	width: 30%;
@@ -3398,12 +3410,12 @@ div.input-form.remedialContent {
     background-color:#F3F3F3 !important;
 }
 .scroll-to-fixed-fixed #subnavlistcontainer{
-    background-color: #F3F3F3;
-    background-image: linear-gradient(#FAFAFA, #EAEAEA);
+    background-color: #F3F3F3 !important;
+    background-image: linear-gradient(#FAFAFA, #EAEAEA) !important;
 }
 .scroll-to-fixed-fixed div#topnavlistcontainer{
-    background-color: #F3F3F3;
-    background-image: linear-gradient(#FAFAFA, #EAEAEA);
+    background-color: #F3F3F3 !important;
+    background-image: linear-gradient(#FAFAFA, #EAEAEA) !important;
 }
 .scroll-to-fixed-fixed div#topnavlistcontainer ul{
     white-space:nowrap;

diff --git a/themes/default15/forms.css b/themes/default15/forms.css
@@ -37,7 +37,6 @@ div.input-form textarea {
 }
 
 div.input-form textarea:focus {
-	border:1px solid blue;
 	background-color: white;
 	padding: 2px;
 }
@@ -50,8 +49,7 @@ div.input-form input[type=text], div.input-form input[type=password] {
 }
 
 div.input-form input:focus {
-	border: 1px solid blue;
-	padding: 2px
+
 }
 
 div.input-form div.buttons {
@@ -68,7 +66,6 @@ div.input-form div.buttons input {
 }
 div.input-form div.buttons input:hover {
 	background-color: #f5f5ff;
-	border: 1px solid blue;
 }