Link hover

Similar Questions

• CSS link hover color not applied to the last letter in safari

  I'm only seeing this in safari. Here is my site:

  http://smartpeopletalkfast.co.UK/OO2/

  If I click on the contact page of his highlihgted as it should. However if im not on the contact page and I look over the contact link, and the last bit of 't' is not highlighted. How can I fix?

  IM assuming that because its the last piece italic is outside the div tag and for some reason the color of overview is not shown. Ive tried to apply both a: hover css and li: hover.

  Thank you

  I'm the see in FF 3.6.13 as well as on the PC.

  Validate your page or DW or the W3C. On the one hand, you have the divs inside li tags. Do not split your style... Add the italic style to the main styline for the li tag.

  If fixing coding does not work, try adding that a fill to the right of this container - a couple of pixels should do.

• Activation and instance of and html link hover

  Hi, I have an animation flash on a homepage, and I was wondering if there is a way to activate a specific instance (lets say, "moveyellowdot") using a bearing on a link html on this page. Is this possible? Thank you!

  You can search by using ExternalInterface javascript have to talk about the Flash file.  Here's a link that discusses for the different versions of the ACE...

  http://KB.Adobe.com/selfservice/viewContent.do?externalId=tn_15683

• color of the unselected paneltabbed links

  Hello commnunity.

  This is our first project of the adf. We have developed an application with jdef 11.1.2.4 adf. Now almost well. But I'm stuck with a single graphic element. We have changed the skin for our application

  -generated a collection of images with the css editor and edit them in a photo editor (in fact just replaced color) for paneltabbed and after a

  -changed some settings in the css file

  Now, the look paneltabbed like this:

  

  But,

  the color of the hover text for the unselected tab remains blue without worrying all my efforts to change. Which is not good because of the dark blue background color.

  I tried

  AF | panelTabbed:tab - text-link: hover-target

  {

  color: #ffde73;

  -tr - inhibit: color;

  }

  AF | panelTabbed:tab - text-link: hover

  {

  color: #ffde73;

  -tr - inhibit: color;

  }

  AF | panelTabbed:tab - text-link

  {

  color: #ffde73;

  -tr - inhibit: color;

  }

  and similar variations... nothing worked. I also experimented with aliases for color of link without success. The color of the text (#0154AF) seems to be hidden somewhere.

  So to be clear:

  How can I change the color of the text of a tab unselected while hovering over him?

  Thanks in advance.

  BTW, firefox it says click on the topic:

  Element {}

  }

  .af_panelTabbed_tab:hover .af_panelTabbed_tab-text-link, .af_panelTabbed_tab:hover .af_panelTabbed_tab-content .af_navigationPane - tabs_tab:hover .af_navigationPane-tabs_tab-content .af_navigationPane - tabs_tab:hover .af_navigationPane-tabs_tab-link {}

  color: #0154AF;

  text-decoration: none;

  }

  .af_panelTabbed_tab-text-link: hover {}

  color: #FFDE73;

  text-decoration: none;

  }

  {.af_panelTabbed_tab-text-link .af_panelTabbed_tab

  color: #FFF;

  make-weight: bold;

  }

  .af_navigationPane_bar .af_navigationPane_bar-inactive-active-content, .af_navigationPane_bar-content .af_navigationPane_bar-assets-permits a, .af_navigationPane_bar-content .af_navigationPane_bar-inactive-license a, .af_navigationPane_tabs-inactive .af_navigationPane_tabs-mi A, .af_navigationPane-tabs .af_navigationPane-tabs_tab-link, .af_panelTabbed .af_panelTabbed_tab-text-link {}

  Color: #333;

  }

  A of the .af_panelPage_copyright, from .af_panelPage_privacy A, .af_panelPage_about A, of .af_train_link, of .af_panelTabbed_tab, .p_OraTreeRow A:link, .p_OraTreeRow A: active, .p_OraTreeRow A: visited, .af_train_stop - link.p_AFUnvisited, .af_calendar_month-grid-cell-header-day-link .af_train-vertical_stop - link.p_AFUnvisited, .af_calendar_month-grid - cell.p_AFToday.p_AFDropTarget, .af_calendar_month-grid - .af_calendar_month-grid-cell-header-day-link cell.p_AFActiveDay.p_AFDropTarget , .af_calendar_month-grid - .af_calendar_month-grid-cell-header-day-link cell.p_AFToday.p_AFActiveDay.p_AFDropTarget,. AFOverflowElement .af_panelTabbed_tab-content. AFOverflowElement .af_panelTabbed_tab-text-link. AFOverflowElement .af_navigationPane-tabs_tab-content. {.af_navigationpane-tabs_tab-link AFOverflowElement

  color: #003286;

  }

  I helped create the skin of skyros and using the! important tag should be avoided, because it will be impossible to replace the style. You can try to increase above the base style selector specificity. To do this, I would add a selector of ancestor of the DOM, something like this:

  AF | panelTabbed af | panelTabbed::tab:hover af | panelTabbed:tab - text-link {}

  It is not necessary to be which is accurate, but it will not hurt. (selector complexity does not affect performance, but it is not big enough to worry)

  Take note that there are spaces between the three elements of the selector, it's say they are contained somewhere in the chain on the left. (panelTabbed contains a panelTabbed::tab, etc.)

  The Inspector/firebug showing styles sorted by specificity (by default) would be good to see what happens when you switch to this style.

  This article will help you if you need to better understand how it works, it will do what you want, I'm sure of that.

  CSS specificity: what you need to know | Smashing Magazine

• Why my link fonts get smaller?

  I'm an ammature trying to troubleshoot my pantry of cities with CS5 site and I can't understand why the fonts get smaller when you hover over a link on a page:

  http://www.tewksburypantry.org/other/events.html

  and not on the home page:http://www.tewksburypantry.org/index.html

  Is it possible to adjust this feature?

  Thank you, John

  your link CSS font sizes are different on .john141

  normal link is do-size: medium;

  link hover is 12px;

• I need to add bullets to a list that already has a class of p associated with it and they are just what I try mess it all links

  Okay, so I hate lists at this point! I have a set of links that have a class associated with them are, so that they become blue over bearing. Now, I need to add these red balls in front of the links. I have the following css:

  .links a: link {}
  text-decoration: none;
  Color: #333333;
  text-align: left;
  }
  .links a: visited {}
  text-decoration: none;
  Color: #000000;
  text-align: left;
  }
  has .links: hover {}
  text-decoration: underline;
  color: #003399;
  text-align: left;
  }
  .links a: active {}
  text-decoration: none;
  Color: #333333;
  text-align: left;
  }

  I then for fleas:

  {.classol}
  text-align: left;
  color: Red;
  list-style-position: inside;
  }

  It's the list on the links page:

  "< class p = 'links' > < a href ="http://www.cslb.ca.gov "> California State Board of licensing contractors < /a > < class p = 'links'" > < a href = "http://www.goodbuilders.org/index.asp" > El Dorado Builders Exchange < /a > < /p >
  "< class p = 'links' > < a href ="http://www.video.dot.ca.gov "> Cal Trans Live streaming video traffic < /a > < /p >"
  "< class p = 'links' > < a href ="http://www.dgs.ca.gov/default.htm "> California Department of General Services < /a > < /p > h"

  THE PROBLEM:

  If I add the < class li = "classol" > in front of the links, it messes up the alignment and the link turns red. I'm sure it's something simple, but I'm baffled by this thing the entire list. I tried all possible arrangement between these two and that you are unable to watch and 'Act' correctly.

  As always, any help is appreciated.

  Thank you!

  Your code has several errors in violation, run your pages through this tool of online validation: http://validator.w3.org/

  Also, you have a novice common mistake which is division - it is.  Try to simplify your page layout using some divisions keys for items that will be used once as the header, content, menu, footer.  Then use the classes of division for the elements that you can use more than once per page. Finally, you should not try to insert content on a large background image.  Read why here: http://alt-web.com/Backgrounds.shtml

  To answer your questions on the lists, try this:

  CSS

  ---------

  HTML

  ----------

  
  
  • http://www.CSLB.ca.gov"> California State contractors license Board.
    
  
             
  
  • http://www.goodbuilders.org/index.asp"> El Dorado Builders Exchange.
  • http://www.video.dot.ca.gov"> Cal Trans Live Streaming video traffic.
  • http://www.DGs.ca.gov/default.htm"> California Department of General Services.

• http://www.CPUC.ca.gov/PUC"> California Public Utilities Commission.
• http://www.coldwatersaloon.com"> Coldwater Saloon.

------

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
www.Alt-Web.com/

• Beginner: change link colors, get rid of the stress, get rid of the boxes around linked images

  So, I'm pretty new to all this.
  
  I'm trying to set up a site of minimalist art and there are a lot of white space. My 'customer' wants that the text of the link to not have this default underscore in this regard. We also want to change the colors of the binding for a three different situations (not yet clicked, the cursor, already clicked)
  
  In addition, we have a few images that are background white background that blend with the background. We wanted to make linkable, but when I do that the image gets a box massive ugly link around it. We want to keep it white...
  
  How do I do that?

  You must use CSS.

  delete notes:
  a {}
  text-decoration: none;
  }

  is not-yet-a click on the links:
  a: link {}
  ... formatting...
  }

  already-one click on (visited) links:
  a: visited {}
  ... formatting...
  }

  Links hover:
  a: hover {}
  ... formatting...
  }

  remove the borders around image links:
  an img {}
  border: none;
  }

  You can benefit from free CSS at www.w3schools.com tutorials.

  --
  Alec
  Adobe Community Expert

• 1 model for all the links of pseudo-device

  Hello group, this should be an easy question, but I'm stumpped for some reason any. While trying to keep my style sheet, organized and as small as possible, I want to have a style for all the events of a hyperlink in a specific. class. I thought I could do this by creating simply 1 style .class {a} and who would be the appearance of all the States of this hyperlink.
  
  Basically I don't want my style sheet stretch downwards when having the same exact style for different binding events properties. I just have 1 style all States active, hover effects, etc., but I don't know how the style should look:
  
  I tried and has some variants beside her, but nothing has done what I wanted.
  
  . Class a: link: hover: visited: active: visited: hover {}
  do-family: Arial, Helvetica, without serif.
  do-size: 8pt;
  color: #003366;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  text-decoration: none;
  }
  
  Any help is greatly appreciated.

  This:

  > .class a: link: hover: visited: active: visited: hover {}

  must be:

  . Class a: link, .class a: .class visited, a: hover, .class a: active {}

  and providing your HTML looks like this:

  -Darrel

• How to properly reproduce the old statusbar and a few other features?

  I can see that the question 'statusbar' have been discussed a lot, but could not find a satisfactory answer.

  I don't use Internet Explorer for several years in favour of Firefox. I hope I can keep it like that while I'm also able to stay up to date at the same time.

  After recently updated my FF 3.6 (I think) to 4.0.1 and a lot of time trying to adapt the new looks and location of bars and buttons etc to my tastes, I need help with a few things:

  1. How can I disable the 'link hover Preview' bar and do appear on the Add on Bar(the old statusbar replacement)?

  2. How can I remove the X(close button) in the bar of the add-on? I don't know if its just me, but something in the back of my head he takes for a pop up or something else which should be closed. Very annoying to have to re - activate each time.

  3. How can I put a "border" around the new toolbar add-on so it doesn't look like an extension of the IM Web page currently at? The lack of a border may be the reason why I think that subconsciously this is a popup. But despite this, I see no reason for the X.

  4. the new makes it clear buttons/icons easy to Miss click (they all look too similar now), it can recover the "old"?

  5. How can I make the Reload / Stop button button separate buttons to stay instead of a single combined button?

  6. Finally, I am used to having a button to the right of the last tab to open a new tab. Now, I need to add another button at the top instead. Or can I pick up the feature old 'open new tab' somehow?

  Thank you for your time.

  It probably is a very powerful add-on but I do not not know what it contains, and the source code so that it is not 'open' as far as I can understand/find.

  For later use, you can usually read the source of an extension. Try this:

  Since the installation page, click install and choose Save Link As. Save the file as to a convenient working folder. Then rename the file with a .zip extension. Go through it with ZIP, the built-in browser of Windows XP or "unzip here" with your favorite Zip utility.

  The main scripts are generally in the components folder, while the user interface elements are generally in the chrome folder. At least in those that I opened.

  ---

  Sorry to see you go, and maybe you'll love version 6, 7 or 8. (The timing of the releases accelerated is amazing...)

• Can't find the set of patches 'superset' or 'Replaced' MOS

  Hello

  I have an old base Oracle 11 GR 2, which want to patch 11.2.0.1-> 11.2.0.3.

  Through Google, I found it as patch = 10404530.

  But I'm unable to find through the option patches & updates to MOS.

  Here's wat I entered:

  Product: Oracle Database - Enterprise Edition

  Selected: Include all the products in a family

  Release date: Oracle 11.2.0.3.4 (this is the patch I want to download)

  Platfoem: Linux x 86-64

  When I click on search, I can't find a patch that matches 'PATCH SET for ORACLE DATABASE SERVER'

  I have not found the "superset" selection or "Cancel".

  Can someone tell me what I got wrong?

  Thank you in advance.

  Thanks and greetings

  MOS, click on the tab "Patches & Updates", then click on the link "latest Patchsets' from the left pane. In the pop-up window, hover over the "Oracle Database" link, hover over the link to the OS, then select your version of the data base (say 11.2.0.4) to the download link for the fix.

• AF:button styleClass

  Hello. I have problems with the style classes. I have two af: buttons and want to style them so they look different when selected, depressed, hovered, etc.. The first button should be red when it's activated, depressed, etc. and the other must be blue. At this point, I can make the two red or two blue when selected, etc., but not a red and a blue. I tried to add the names of style classes for them (like .buttonOne and .buttonTwo and adding the two buttons), but who eventually remove customizations. Any suggestions are appreciated. Thank you!

  It works, in fact in the previous comment, I just write css without testing (as I was travelling), just remove a hover

  . Af StyleOne | {button: link

  color: Navy;

  make-weight: bold;

  }

  . Af StyleTwo | {button: link

  color: Red;

  make-weight: bold;

  }

  . StyleTwo af | button: link: hover {}

  color: white;

  make-weight: bold;

  }

  
  

  Ashish
  

• Menus in Fireworks and Dreamweaver templates

  I created some button and drop down menus in Fireworks CS6. They seem good. I then created a template in Dreamweaver CS6 and added the Fireworks HTML code to the model and saved as a template. Live view mode shows good drop downs and stationary. Then I tried to attach a template to a page, and I also create a model page. I have two stationary circumstances does not work. Any suggestions?

  Thank you all. I have pleasure to fight through questions that t allows me to store solutions. All of the edge where great. In the end, this is what I found.

  1 Yes working with Fireworks is tedious at best. Menus in Fireworks will work in the models. Yes I created a template page in the correct Manor. However, the translation works well with these scripts in Fireworks and the menus.

  -Solution = I corrected the complete image URL links. Example: changed... liabilities to http://www.sethermal.com/assets.

  -It fixes all problems of hover, I had.

  2. Yes, I like CSS. I learned a lot through all tips from you guys. I build menus using CSS only for new customers.

  3 Finally, Yes, I see how the Hover link area extends to the right. I can live with that. I need to reduce the link Hover area so I don't cover the adjacent top menu bar button. I will continue to work on "positioning", etc..

• Image Rollover Navigation

  Can someone point me to instructions for the creation of a horizontal navigation bar, only images. I know a bit of html, but not tons.

  I'm going to need a link, hover and active State for 6 images below. I SCOURED the web and found no not the instructions. So I would appreciate the help.

  Here's what I'm trying to do. Image will be active and green to the overview. Thanks a lot for your help!

  

  Of course, to do this in Design view...

  1 click where you want the rollover.

  2. choose Insert > picture > rollover Image

  3. in the dialog that appears, give the image a name that you will remember

  4. for the original Image, go to the Off state

  5. for rollover Image, go to the stationary State

  6. Add the alternative text (necessary for screen readers or browsers picture off)

  7. navigate to the file you want to link to for when you click on it, go to URL

  There is no active State in itself, with this method, what you do is remove the rollover image and replace it with a normal image using the hover state of the button of the page, you're on a reminder "you are here".

• PVII pop menu magic problems in ie11

  I just installed pvii pop menu magic in dreamweaver. The horizontal menu, I created looks great in firefox. It is centered, the corners are rounded one animation is great.

  In internet Explorer the menu is on the left, the edges are rounded not one animation is minimal. What is going on? How can I fix it.

  Here's the code for htmk:

  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  "< html xmlns ="http://www.w3.org/1999/xhtml">".
  < head >
  < id meta = "p7PM3" name = "viewport" content = "width = device-width" / > "
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  < title > Untitled Document < /title >
  < link href = "p7pm3/p7PM3 - 01.css" rel = "stylesheet" type = "text/css" media = "all" / >
  < script type = "text/javascript" src = "p7pm3/p7PM3scripts.js" > < / script >
  < / head >

  < body >
  < div id = "p7PM3_1" class = "p7PM3-01 p7PM3 p7PM3noscript reactive horiz based the menu auto-subs rounding left justified Sub" >
  < div id = "p7PM3tb_1" class = 'pmm3-toolbar' closed > < a href = "#" title = "Hide/Show Menu" > & equiv.; < /a > < / div >
  < ul >
  < li > < a href = "cliffsteele.html" > home < /a > < /li >
  < li > < a href = "#" > < /a > Resort
  < ul >
  < li > < a href = "facilities.html" > our facilities < /a > < /li > ""
  < li > < a href = "Kennel.html" > pension and child care < /a > < /li > ""
  < li > < a href = "spa.html" > grooming < /a > < /li > ""
  < li > < a href = "#" > rates < /a > < /li >
  < li > < a href = "friendsgallery.html" > Our Guests < /a > < /li > ""
  < /ul >
  < /li >
  < li > < a href = "#" > view < /a > handling
  < ul >
  < li > < a href = "handlinginfo.html" > news < /a > < /li > ""
  < li > < a href = "handlingrates.html" > rates < /a > < /li > ""
  < li > < a href = "calendar.html" > annex < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "#" > photo library < /a > < /li >
  < li > < a href = "aboutme.html" > about me < /a > < /li > ""
  < li > < a href = "Contact.html" > please < /a > < /li > ""
  < /ul >
  < script type = "text/javascript" > P7_PM3op ('p7PM3_1', 1.8, - 5, - 5, 0, 1, 0, 1, 0, 1, 1, 1, 0, 900, 1, 1) < /script >
  < / div >
  < / body >
  < / html >

  =========================================================================

  Here's the CSS:

  /*
  -----------------------------------
  Magic Menu pop 3
  through the development of a seven project
  www.Projectseven.com
  Theme style: 01 - Basic
  -----------------------------------
  */

  
  {.p7PM3-01
  line-height: 1;
  do-size: 18px;
  do-family: 'Arial Narrow', Arial, sans-serif;
  do-stretch: condensed;
  style - webkit-transform: preserve-3d;
  }
  {.p7PM3 - 01.horiz
  padding: 0px 8px;
  }

  {.pmm3-toolbar
  display: none;
  }

  an img {.p7PM3-01
  border: none;
  vertical-align: bottom;
  }

  {.p7PM3 - 01.menu - centered
  text-align: center;
  }
  {.p7PM3 - 01.menu - right}
  text-align: right;
  }

  .p7PM3-01: after {}
  content: '\0020 ";
  Clear: both;
  font size: 0px;
  line-height: 0;
  display: inline;
  height: 0px;
  }

  .p7PM3-01 ul {}
  margin: 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: bottom;
  }
  .p7PM3-01 ul li {}
  list-style-type: none;
  float: left;
  position: relative;
  }

  .p7PM3-01 ul li a {}
  display: block;
  Padding: 12px 18px;
  color: #FFF;
  text-decoration: none;
  background-position: left Center.
  background-repeat: no-repeat;
  background-color: #93A5C4;
  }
  .p7PM3-01 ul li a.pm3 - link: hover {}
  background-color: #D6D6D6;
  Color: #000000;
  }

  {a.trig_closed .p7PM3-01
  background-image: url(img/pmm3-right-dark.gif);
  }
  .p7PM3-01 ul ul {} a.trig_closed
  background-image: url(img/pmm3-right-medium.gif);
  }
  {a.trig_open .p7PM3-01
  background-image: url(img/pmm3-down-medium.gif);
  background-color: #93A5C4;
  color: #FFF;
  }
  .p7PM3-01 ul ul li a {}
  border: none;
  border-bottom: 1px solid rgba (0,0,0,.8);
  color: #FFF;
  font size: 0.9em;
  }

  .p7PM3-01 ul ul li: last - child a {}
  border-bottom: none;
  }
  .p7PM3-01 ul ul li a.pm3 - link: hover, .p7PM3-01 ul ul li {a.trig_open}
  background-color: #999999;
  color: #FFF;
  }

  / * Disable the BG Image of links that are not triggers * /.
  .p7PM3-01 ul li a.pm3 - link, .p7PM3-01 ul li a.pm3 - link: hover {}
  background-image: none;
  }

  .p7PM3-01 ul ul {}
  background: linear-gradient (90deg, rgba (34,34,34,1), rgba (0,0,0,1));
  background-color: #93A5C4;
  display: block;
  text-align: left;
  Width: 200px;
  }
  .p7PM3 - 01.transparent ul ul {}
  background: linear-gradient (90deg, rgba (34,34,34,1), rgba (0,0,0,.95));
  }

  .p7PM3 - 01.shadows ul ul {}
  box-shadow: 10px 10px 30px rgba (0,0,0,.5);
  }

  .p7PM3 - 01.auto - subs ul ul {}
  Width: auto;
  }
  .p7PM3 - 01.auto - subs ul ul li a {}
  white-space: nowrap;
  }
  .p7PM3-01 ul ul li {}
  position: relative;
  float: none;
  margin: 0px;
  padding: 0px;
  }

  / * ROUNDED CORNERS OPTION - Sub Center bias * /.
  .p7PM3 - 01.rounded ul ul {}
  border-radius: 5px;
  }
  .p7PM3 - ul li.pm3first ul.level_2 01.rounded.justified,
  .p7PM3 - 01.rounded.sub-gauche ul ul {}
  border-top-left-radius: 0px;
  }
  .p7PM3 - 01.rounded.sub-gauche ul ul ul {}
  border-top-left-radius: 5px;
  }
  .p7PM3 - 01.rounded.justified ul li.pm3last ul.level_2 {}
  border-top-right-radius: 0px;
  }
  .p7PM3 - ul a.root_trig 01.rounded,
  .p7PM3 - 01.rounded ul a.root_link {}
  border-radius: 5px 5px 5px 5px;
  }
  {a.root_trig.trig_open .p7PM3 - 01.rounded
  border-radius: 5px 0px 5px 0px;
  }
  .p7PM3 - 01.rounded ul a.pm3first ul.,
  .p7PM3 - 01.rounded ul ul.pm3first.pmm3 - title-bar {}
  border-radius: 5px 0px 5px 0px;
  }
  .p7PM3 - 01.rounded.sub - centered.justified ul li.pm3first ul.level_2 a.pm3first,
  .p7PM3 - 01.rounded.sub - right.justified .pm3first .level_2 a.pm3first,
  {a.pm3first ul.level_2 .p7PM3 - 01.rounded.sub-gauche}
  border-top-left-radius: 0px;
  }
  a.pm3first ul.level_3 .p7PM3 - 01.rounded.sub-gauche,.
  .p7PM3 - 01.rounded.sub - left.justified .pm3last ul.level_2,
  .p7PM3 - 01.rounded.sub - left.justified .pm3last ul.level_2 a.pm3first,
  .p7PM3 - 01.rounded.sub - right.justified .pm3first .level_2 ul a.pm3first {}
  border-top-left-radius: 5px;
  }
  .p7PM3 - 01.rounded.justified ul li.pm3last ul.level_2 a.pm3first,
  UL.level_2 .p7PM3 - 01.rounded.sub-droit,.
  {a.pm3first ul.level_2 .p7PM3 - 01.rounded.sub-droite}
  border-top-right-radius: 0px;
  }
  ul.level_2 .p7PM3 UL - 01.rounded.sub-droit,.
  .p7PM3 - 01.rounded.sub-droite ul.level_2 ul a.pm3first {}
  border-top-right-radius: 5px;
  }
  .p7PM3 - 01.rounded.sub - right.justified .pm3first .level_2,
  .p7PM3 - 01.rounded.sub - right.justified .pm3first .level_2 a.pm3first {}
  border-top-right-radius: 5px;
  }
  .p7PM3 - 01.rounded ul a.pm3last ul.,
  .p7PM3 - 01.rounded ul ul.pm3last.pmm3 - title-bar {}
  border-radius: 0px 0px 5px 5px;
  }
  .p7PM3 - 01.rounded ul ul {a.pm3first.pm3last}
  border-radius: 5px 5px 5px 5px;
  }
  .p7PM3 - 01.rounded ul a.root_trig.trig_up {}
  border-radius: 5px 5px 5px 5px;
  }
  .p7PM3 - 01.rounded li.trig_up div {}
  padding-bottom: 10px;
  }
  .p7PM3 - 01.rounded .trig_up a.pm3first {}
  border-radius: 5px 5px 5px 5px! important;
  }
  .p7PM3 - 01.rounded ul li.trig_up ul {}
  border-radius: 5px 5px 5px 5px;
  }
  .p7PM3 - 01.rounded. trig_up.pm3first.pmm3 - title-bar {}
  border-radius: 5px 5px 0px 0px! important;
  }
  .p7PM3 - 01.rounded. trig_up.pm3last.pmm3 - title-bar {}
  border-radius: 0px 0px 5px 5px! important;
  }
  {.p7PM3 - 01.vert.rounded
  border-radius: 5px;
  }
  {a.root_trig .p7PM3 - 01.vert.rounded
  border-radius: 5px 5px 5px 5px;
  }
  .p7PM3 - 01.vert.rounded ul ul {}
  border-radius: 5px;
  }

  
  / * DISPLAY AS TITLE ONLY * /.
  {.pmm3-title-bar .p7PM3-01
  Padding: 12px 18px;
  color: #DDD;
  background-color: #666;
  }
  .p7PM3 - 01.auto - subs ul ul .pmm3-title {} bar
  white-space: nowrap;
  }

  / * IMAGE LINKS * /.
  {.p7PM3_img .p7PM3-01
  border: none;
  padding: 0px;
  text-align: center;
  Background: none! important;
  }
  .p7PM3-01 .p7PM3_img img {}
  border: none;
  Width: auto! important;
  height: auto! important;
  Max-width: 100%;
  vertical-align: bottom;
  }

  / * VERTICAL MODE * /.
  {.p7PM3 - 01.vert
  Background: none;
  border: none;
  }
  {.p7PM3 - 01.vert.shadows
  box-shadow: none;
  }
  .p7PM3 - 01.vert ul {}
  display: block;
  }
  .p7PM3 - 01.vert ul li {}
  float: none;
  padding: 0px;
  position: relative;
  }
  .p7PM3 - 01.vert ul ul li {}
  padding: 0px;
  margin: 0px;
  }

  / * CURRENT MARK * /.
  .p7PM3-01 ul li a.current_mark {}
  text-shadow:-0px 0px #000 .5px;
  }
  .p7PM3-01 ul ul li {a.current_mark}
  color: #FFF;
  make-weight: bold;
  text-shadow: none;
  }
  .p7PM3 - 01.vert ul li {a.current_mark}
  make-weight: bold;
  text-shadow: none;
  }

  /*
  REGULATION NO-SCRIPT
  The following rules allow your menu to work even when javascript is disabled in the browser
  */
  {.p7PM3 - 01.p7PM3noscript
  position: relative;
  }

  .p7PM3 - 01.p7PM3noscript ul ul {}
  position: absolute;
  display: none;
  top: 100%;
  }
  .p7PM3 - 01.p7PM3noscript ul ul ul {}
  display: none;
  Top: 0px;
  left: 100%;
  }
  .p7PM3 - 01.vert.p7PM3noscript ul ul {}
  Top: 0px;
  left: 100%;
  }
  .p7PM3 - 01.p7PM3noscript li: hover ul {}
  display: block;
  }
  .p7PM3 - 01.p7PM3noscript li: hover ul ul, .p7PM3 - 01.p7PM3noscript li: hover ul ul ul, .p7PM3 - 01.p7PM3noscript li: hover ul ul ul ul, .p7PM3 - 01.p7PM3noscript li: hover ul ul ul ul ul, ul li: hover .p7PM3 - 01.p7PM3noscript ul, ul ul ul ul {}
  display: none;
  }
  .p7PM3 - 01.p7PM3noscript li li: hover ul, .p7PM3 - 01.p7PM3noscript li li li: hover ul, .p7PM3 - 01.p7PM3noscript li li li li: hover ul, .p7PM3 - 01.p7PM3noscript li li li li li: hover ul, .p7PM3 - 01.p7PM3noscript li li li li li li: hover ul {}
  display: block;
  }

  / * BREADCRUMBS * /.
  {.p7PM3 - 01_crumbs.centered}
  text-align: center;
  }
  {.p7PM3 - 01_crumbs.right}
  text-align: right;
  }
  .p7PM3-01_crumbs ul {}
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  do-size: 1em;
  display: inline-block;
  }
  .p7PM3-01_crumbs li {}
  list-style-type: none;
  display: block;
  float: left;
  right margin: .25em;
  }
  a {.p7PM3-01_crumbs
  text-decoration: none;
  Color: #000;
  }
  .p7PM3-01_crumbs a: hover {}
  text-decoration: underline;
  }
  .p7PM3-01_crumbs li: last - child {}
  margin-right: 0px;
  make-weight: bold;
  }
  Li .p7PM3 - 01_crumbs.thick - arrow: after {}
  content: '\0020 \0020 \27A7 ';
  }
  Li .p7PM3 - 01_crumbs.thin - arrow: after {}
  content: '\0020 \0020 \279F ';
  }
  Li .p7PM3 - 01_crumbs.open - arrow: after {}
  content: '\0020 \0020 \21E8 ';
  }
  Li .p7PM3 - 01_crumbs.triangle - points: after {}
  content: '\0020 \0020 \2234 ';
  }
  Li .p7PM3 - 01_crumbs.double - colon: after {}
  content: '\0020 \0020 \2237 ';
  }
  Li .p7PM3 - 01_crumbs.pipe: after {}
  content: "\0020 \0020 |"
  }
  Li .p7PM3 - 01_crumbs.dash: after {}
  content: '\0020 \0020-';
  }
  .p7PM3-01_crumbs li: last - child: after {}
  content: '\0020 ";
  }

  / * END BREADCRUMB RULES * /.

  @media only screen and (min-width: 0px) and (max-width: 700px) {}
  {.p7PM3 - 01.responsive:after}
  display: none;
  }
  .p7PM3 - 01.responsive .pmm3-toolbar {}
  display: block;
  background-color: #222;
  padding: 10px;
  text-align: right;
  cursor: pointer;
  }
  .p7PM3 - 01.responsive .pmm3-toolbar {a}
  do-size: 2em;
  make-weight: bold;
  color: #999;
  text-decoration: none;
  }
  .p7PM3 - 01.responsive .pmm3-toolbar a: hover {}
  color: #FFF;
  }
  .p7PM3 - 01.responsive .toggle - text.closed one: before {}
  content: "show the Menu \0020";
  font size: .5em;
  }
  .p7PM3 - 01.responsive .toggle - text.opened one: before {}
  content: "Hide Menu \0020";
  font size: .5em;
  }
  .p7PM3 - 01.responsive .pmm3-toolbar {}
  display: block;
  background-color: #222;
  padding: 10px;
  }
  {.p7PM3 - 01.responsive
  text-align: left! important;
  padding: 0px! important;
  }
  .p7PM3 - 01.responsive.vert ul {}
  margin-top: 0px;
  }
  .p7PM3 - 01.responsive ul {}
  display: block;
  }
  .p7PM3 - 01.responsive ul li {}
  float: none;
  margin-right: 0px;
  }
  {a.trig_closed:hover .p7PM3 - 01.responsive
  background-color: #222;
  color: #DDD;
  }
  .p7PM3 - 01.responsive ul ul {}
  position: static! important;
  Width: auto;
  }
  {.pmm3-title-bar .p7PM3 - 01.responsive
  Padding: 12px 18px;
  }
  .p7PM3 - 01.responsive ul ul has,
  .p7PM3 - 01.responsive ul ul .pmm3-title {} bar
  padding-left: 24 PX.
  }
  .p7PM3 - 01.responsive ul ul ul has,
  .p7PM3 - 01.responsive ul ul {.pmm3-title bar of ul
  padding-left: 32px;
  }
  {ul.closed .p7PM3 - 01.responsive
  display: none;
  }
  {ul.opened .p7PM3 - 01.responsive
  display: block;
  }
  .p7PM3 - 01.responsive.rounded.
  .p7PM3 - 01.responsive.rounded * {}
  border-radius: 0px! important;
  }
  .p7PM3 - 01.responsive.shadows * {}
  box-shadow: none! important;
  }
  {.p7PM3-01_crumbs
  display: none;
  }
  {.p7PM3 - 01_crumbs.show - mobile
  display: block;
  }
  / * Workaround for very old Android devices solution * /.
  {div .p7PM3-01
  left: 0px! important;
  Top: 0px! important;
  }
  / * End old Android solution * /.
  }

  Have you tried to post in the forums seven project?

  http://www.pviiforums.com/forum.php?id=2

  Their support for their products is always excellent.

• problem in the counting of panelTabbed

  I develop my special skin and when I extends on the skin (fusion.desktop), do not apply this selectors:
  
  AF | panelTabbed:tab - text-link {color: Darkgreen ;}}
  AF | panelTabbed:tab - text-link: hover {text-decoration: none; color: Orange ;}}
  AF | panelTabbed:tab - text-link: selected {color: Purple ;}}
  AF | panelTabbed:tab - text-link: selected: hover {make-style: italic ;}}
  AF | panelTabbed:icon - style {border: 1px solid ;}}
  
  with others means such as simple, rich in blafplus it works fine...
  
  Can someone help...

  Try to use it like this:
  AF | panelTabbed::tab af | panelTabbed:tab - text-link {color: Darkgreen ;}}
  ...
  If this does not work then try adding! important:
  AF | panelTabbed::tab af | panelTabbed:tab - text-link {color: Darkgreen! important ;} / * only if there is no other way!} */