- b2evolution CMS Support Forums
- Archives
- Older bugs
- Bugs in 3.3.x
- style.css : evo bar has problem.
1 managerblue 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
/* 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.
3 managerblue 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?
4 tilqicom 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 ?
5 starburry 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]
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.