Recent Topics

style.css : evo bar has problem.

Started by on Nov 01, 2009 – Contents updated: Nov 01, 2009

Nov 01, 2009 07:40    

- When i design new skin after test it has problem at evo bar. It don't show menu when login for edit front page.

- Can see problem from picture.
http://img22.imageshack.us/img22/2893/screenshotrv.png

- This is my style.css

Code

/* Designed by Blogtika - http://blogtika.com/ */
div#evo_toolbar {
   background-color: ThreeDFace;
   color: ButtonText;
   border-top: 1px solid ThreeDHighlight;
   border-bottom: 1px solid ThreeDShadow;
   text-align: left;
   margin: 0;
   /* font: menu; /* -- poorly supported */
   font-size: 11px;
   font-family: "Microsoft sans serif", sans-serif, Arial, Helvetica;
 
   position: fixed;
   z-index: 99;
   left: 0px;
   top: 0px;
   height: 21px;
   width:100%;      /* Safari Windows */
   -webkit-text-size-adjust: none; /* iPhone */
}
 
div.skin_wrapper_loggedin {
   margin-top: 22px;
   padding-top: 1px;
}
 
div#evo_toolbar a {
   border: 1px solid ThreeDFace;
   color: ButtonText;
   text-decoration: none;
   padding: 2px 1ex;
}
div#evo_toolbar a:hover {
   border-top-color: ThreeDHighlight;
   border-left-color: ThreeDHighlight;
   border-bottom-color: ThreeDShadow;
   border-right-color: ThreeDShadow;
}
div#evo_toolbar .actions_left {
   padding: 4px;
}
div#evo_toolbar .actions_right {
   padding: 4px;
   float: right;
}
 
div#evo_toolbar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
div#evo_toolbar li {
  display: inline;
}
div#evo_toolbar li ul {
  position: absolute;
   z-index: 100;
   background-color: ThreeDFace;
   border: 1px solid;
   padding: 1px;
   border-top-color: ThreeDHighlight;
   border-left-color: ThreeDHighlight;
   border-bottom-color: ThreeDShadow;
   border-right-color: ThreeDShadow;
   width: 25ex; /* prevent page wide dropdowns in IE6; nicer hover in IE7 */
}
div#evo_toolbar li.menu_open ul {
   display: block;
}
div#evo_toolbar li.menu_close ul {
   display: none;
}
div#evo_toolbar li.menu_open:hover ul,
div#evo_toolbar li.menu_close:hover ul {
   display: block;
}
div#evo_toolbar li ul li {
   display: block;
   padding: 0 4ex 0 0;
   white-space: nowrap;
}
div#evo_toolbar li ul li a {
   display: block;
   padding: 4px 2ex;
   border: none;
   width: 100%;
}
div#evo_toolbar li ul li a:hover {
   background-color: Highlight;
   color: HighlightText;
}
div#evo_toolbar.evo_toolbar_safari li ul li a:hover {
   background-color: #36d;
}
div#evo_toolbar li.separator {
   padding: 0;
}
div#evo_toolbar hr {
   display: block;
}
 
div#evo_toolbar .time {
   margin: 0 1ex;
   color: GrayText;
}
/* ---------------------------------------------- */
* {
  padding: 0px;
  margin: 0px;
}
body {
  background-color: #e5ecf3;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
#wrap {
  width: 728px;
  text-align: left;
  
  min-height: 728px;
}
#header {
  
}
#navigation {
  margin: 4px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  font-size: 12pt;
  font-weight: bold;
  float: right;
}
#topright {
  float: right;
  margin: 30px 25px 0px 0px;
}
#title {
  background: url(images/background_title.gif) no-repeat;
  height: 110px;
  width:728px;
  padding-left: 15px;
  text-align:left;
}
#main {
 
  padding: 10px;
}
#sidebar {
  float: right;
  margin: -6px -9px 0px 0px;
  width: 300px;
/*  background: url(images/background_sidebar.gif) repeat-x; */
  background-color:#FFFFFF;
/*  min-height:500px; */
  padding: 10px;
/*  color: #ff0000; */
}
#content {
  margin: -6px 0px 0px -10px;
  padding: 10px;
  color: #555555;
  background-color:#FFFFFF;
  width:384px;
}
#footer {
  color:#999999;
  clear: both;
  padding: 15px 25px;
}
.post {
  padding-bottom: 10px;
}
#comments {
  margin-top: 10px;
}
/* text */
#title h1 {
  font-size: 14pt;
  color:#182d0a;
  padding-top:50px;
  font-weight: bold;
}
#title h1 a{
  color:#182d0b;
  text-decoration: none;
}
.description {
  font-size: 10pt;
  color:#182d0a;
  font-weight: normal;
 
}
#navigation ul li {
  list-style: none;
  display: inline;
}
 
#navigation ul li a {
  text-decoration: none;
  font-size: 10pt;
  color: #d2dcf3;
  margin-right: 10px;
}
#navigation li a:hover {
  color: #7aa13d;
}
h1 {
  font-size:14pt;
  font-weight: normal;
  color: #105cb6;
}
 
h1 a {
  color: #105cb7;
  text-decoration: none;
}
 
#sidebar h2,
#content h2,
#content h3,
#content h4 {
  font-size: 12pt;
  color: #005197;
    font-weight: normal;
}
#sidebar h2 a {
  color: #005197;
}
#content a,
.entry a,
#sidebar a,
h2 a,
h3 a,
h4 a {
  color:#105cb6;
  text-decoration: none;
}
#content a:hover,
.entry a:hover,
#sidebar a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
  color: #000033;
}
#sidebar li a {
  padding: 2px 0px 1px 0px;
 
}
#sidebar ul li {
  list-style: none;
}
#sidebar li {
  padding-bottom: 2px;  
}
p,
#content h1,
h2,
h3,
h4,
sidebar h2,
ul,
ol {
  padding-bottom: 10px;
}
.entry ul li,
.entry ol li,
#content ul li,
#content ol li {
  margin-left: 25px;
}
img a {
  border: 0px;
}
blockquote {
  margin: 10px;
  color: #333333;
  padding: 10px 10px 5px 10px;
/*  border: 1px solid #005197; */
  font-size: 9pt;
  font-style: italic;
  background-color: #ff0000;
}
blockquote a {
  color:#999999;
}
#footer a {
  color:#333333;
  text-decoration: none;
}
/* default */
.navigation {
  padding: 10px 0px;
  color:#666666;
}
.navigation a {
  color: #666666;
  text-decoration: none;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.postmetadata {
  color: #005197;
  margin-bottom: 10px;
/*  padding: 10px;
  border: 1px solid #666666;  
  background-color: #333333; */
}
.postmetadata a,
.postmetadata a:hover {
  color: #005197;
  text-decoration: none;
}
#date {
  padding-bottom: 5px;
  color:#898989;  
 
}
#date a {
  color:#898989;  
  text-decoration: none;
  font-weight: normal;
}
.comment {
  padding: 10px 0px;
}
 
/* form */
 
fieldset {
  border: 0px;
  padding: 0px 15px 15px 15px;
}
input, textarea {
  border: 1px solid #deeaf7;
  color: #333333;
  background-color: #ffffff;
  font-size: 8pt;
}
.label {
  font-weight: bold;
}
.notes {
  font-style: italic;
}
#author, #email, #url, #comment {
  padding: 5px;
}
.s {
  padding: 3px;
}
.submit, .searchsubmit, .preview {
  background-color: #005197;
  color: #ffffff;
  border: 1px solid #c0c0c0;
  font-size: 8pt;
  padding: 2px;
  margin: 3px 0px;
}
#commentform a {
  color: #005197;
  text-decoration: none;
}
#commentform a:hover {
  color: #005197;  
  text-decoration: underline;
}
.bComment {
  padding: 0px 15px;
}
.bCommentText {
  padding: 10px 15px;
  background-color:#e5ecf3;
}
.bCommentSmallPrint {
  font-size: 7pt;
  padding: 0px 15px;
  background-color:#f1f1f1;
}
.feedback_feed_msg {
  padding: 10px 15px;
}
.widget_core_coll_longdesc p {
  padding-bottom: 0px;
}
.powered_by {
  padding: 10px 0px;
}
.widget_core_coll_title {
  padding-top: 10px;
}
/* ---------------------------------------------------------- */
#evo_toolbar ul li,
#evo_toolbar ol li {
   margin-left: 0;
}

- Please, suggestion.

Nov 01, 2009 14:47

that menu's are stuck right ? (as you couldn't possibly hover 2 different menus at the same time)

the same problem came up in my previous skins designed at the time of 2.4.x...

i ve mentioned it once but it has not been taken seriously, this is certainly caused by the latest evobar, we really gotta fix this one.

Nov 01, 2009 17:16

- This theme for ver.2.4.x, i modify and update to 3.3.1.
- All evobar stretch down, but not shrink.
- You have evo bar code for new ver. 3.3.1?

Nov 03, 2009 13:46

- This theme for ver.2.4.x, i modify and update to 3.3.1.
- All evobar stretch down, but not shrink.

i hear ya, that's what happened to me too.

- You have evo bar code for new ver. 3.3.1?

Not really.I havent looked into what's bothering that menu.But i will.

Hmm..Should we create a bug thread for this issue until than ? maybe whoever played with the evobar -possibly fg- has an idea ?

Apr 16, 2012 15:20

I consider the same problem came up in my previous skins designed at the time of 2.4.x...

________________________
[url=http://www.grabarblueray.com/] Healthy stuff[/url]


Form is loading...

powered by b2evolution – This forum is powered by b2evolution CMS, a complete engine for your website.