What's New
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.
Tagged: RTL
Hello,
i’m using Panda V1 in PS 1.6 and I changed the style of breadcrumb by adding the following code:
#breadcrumb_wrapper{padding:6px 0;background:transparent;}
.breadcrumb {display: inline-block; padding: 0 11px; border: 1px solid #d6d4d4; font-weight: bold; font-size: 12px; line-height: 24px; min-height: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; position: relative; background:#f6f6f6; z-index: 1; color: #777; }
.breadcrumb .navigation-pipe {width: 18px; display: inline-block; margin:0; text-indent: -5000px; }
.breadcrumb a {display: inline-block; background: #fff; padding: 0 15px 0 22px; margin-left: -26px; position: relative; z-index: 2; color: #333; }
.breadcrumb a:after {display: inline-block; content: "."; position: absolute; right: -10px; top: 3px; width: 18px; height: 18px; background: #fff; border-right: 1px solid #d6d4d4; border-top: 1px solid #d6d4d4; border-radius: 2px; text-indent: -5000px; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.breadcrumb a:before {display: inline-block; content: "."; position: absolute; left: -10px; top: 3px; width: 18px; height: 18px; background: transparent; border-right: 1px solid #d6d4d4; border-top: 1px solid #d6d4d4; border-radius: 2px; text-indent: -5000px; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.breadcrumb a:hover {color: #777777; }
but the change did is not supported by RTL as you can see in the attached image, what is the solution?
#breadcrumb_wrapper{padding:6px 0;background:transparent;}
.breadcrumb {display: inline-block; padding: 0 11px; border: 1px solid #d6d4d4; font-weight: bold; font-size: 12px; line-height: 24px; min-height: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; position: relative; background:#f6f6f6; z-index: 1; color: #777; }
.breadcrumb .navigation-pipe {width: 18px; display: inline-block; margin:0; text-indent: -5000px; }
.breadcrumb a {display: inline-block; background: #fff; padding: 0 22px 0 15px; margin-right: -26px; position: relative; z-index: 2; color: #333; }
.breadcrumb a:after {display: inline-block; content: "."; position: absolute; left: -10px; top: 3px; width: 18px; height: 18px; background: #fff; border-right: 1px solid #d6d4d4; border-top: 1px solid #d6d4d4; border-radius: 2px; text-indent: -5000px; z-index: -1; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.breadcrumb a:before {display: inline-block; content: "."; position: absolute; right: -10px; top: 3px; width: 18px; height: 18px; background: transparent; border-right: 1px solid #d6d4d4; border-top: 1px solid #d6d4d4; border-radius: 2px; text-indent: -5000px; z-index: -1; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.breadcrumb a:hover {color: #777777; }
You must be logged in to reply to this topic.