Commit d92606cf authored by Aaron Dudenhofer's avatar Aaron Dudenhofer Committed by Bojan Zivanovic

adding RTL files for commerce_kickstart_help,...

adding RTL files for commerce_kickstart_help, commerce_kickstart_service_provider, commerce_kickstart_menus, and toolbar_megamenu

Change-Id: Iace9ee01b9a9c2ce6e48930c285d271e461eaa4b
Reviewed-on: https://code.drupalcommerce.org/466Tested-by: 's avatarJenkins <jenkins@commerceguys.com>
Reviewed-by: 's avatarBojan Zivanovic <bojan@commerceguys.com>
parent b66fedca
#block-commerce-kickstart-help-commerce-kickstart-ressources {
.first-steps-left,
.first-steps-right,
.documentation-steps,
#block-commerce-kickstart-help-commerce-kickstart-ressources,
#-commerce-kickstart-help-store .search .form-item {
float: right;
}
#block-commerce-kickstart-help-commerce-kickstart-community {
.first-steps-column.first-steps-right,
#block-commerce-kickstart-help-commerce-kickstart-community,
#-commerce-kickstart-help-store a.search-submit {
float: left;
}
#block-commerce-kickstart-help-commerce-kickstart-ressources h2, #block-commerce-kickstart-help-commerce-kickstart-community h2 {
#block-commerce-kickstart-help-commerce-kickstart-ressources h2,
#block-commerce-kickstart-help-commerce-kickstart-community h2 {
background: transparent url("../images/help-lg.png") no-repeat right 0;
padding: 5px 40px 5px 0px;
padding: 5px 40px 5px 0;
}
#block-commerce-kickstart-help-commerce-kickstart-ressources .content,
#block-commerce-kickstart-help-commerce-kickstart-community .content {
padding-right: 40px;
padding-left: 0px;
padding-right: 40px;
}
#-commerce-kickstart-help-store .product-management #edit-product-management-title label,
#-commerce-kickstart-help-store .order-management #edit-order-management-title label,
#-commerce-kickstart-help-store .store-settings #edit-store-settings-title label,
#-commerce-kickstart-help-store .prices-payments-taxes #edit-prices-payments-taxes-title label,
#-commerce-kickstart-help-store .demo-store-features #edit-demo-store-featuress-title label {
background-position: right 0;
padding: 0 40px 10px 0;
}
html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-legend {
background-position: right -13px;
margin: 15px 25px 0 0;
padding-left: 0;
padding-right: 25px;
}
html.js #-commerce-kickstart-help-store fieldset.collapsed .fieldset-legend {
background-position: right 9px;
}
#kickstart-help-topic .first-steps-quick ul li {
clear: right;
float: right;
}
#kickstart-help-topic .first-steps-quick ul li a {
background: #ffffff url("../images/quicklinks-rtl.png") no-repeat 98% center;
clear: right;
float: right;
padding: 0 25px 0 5px;
}
#kickstart-help-topic .first-steps-blocks h2 {
background-position: right 0;
padding: 5px 40px 10px 15px;
}
#kickstart-help-topic .first-steps-documentation h2 {
background-position: right 2px;
}
#kickstart-help-topic .first-steps-quick h2 {
background-position: right -26px;
}
#kickstart-help-topic .first-steps-services h2 {
background-position: right -56px;
}
#kickstart-help-topic .first-steps-mode h2 {
background-position: right -90px;
}
html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-legend {
padding: 0 25px 0 0;
}
#-commerce-kickstart-help-store div > .form-wrapper > .form-item label {
padding: 0 40px 10px 0;
}
#prices-payments-taxes-title label {
background-position: right 0;
}
/* First Steps */
.first-steps-left {
float: left;
float: left; /* LTR */
width: 60%;
}
.first-steps-right {
float: left;
float: left; /* LTR */
width: 35%;
}
.first-steps-column.first-steps-right {
float: right;
float: right; /* LTR */
}
.first-steps-blocks h2 {
background-color: #ccc;
......@@ -29,7 +29,7 @@
.documentation-steps {
width: 45%;
float: left;
float: left; /* LTR */
list-style: none;
font-weight: bold;
}
......@@ -81,10 +81,10 @@
}
/* Help Block */
#block-commerce-kickstart-help-commerce-kickstart-ressources {
float: left;
float: left; /* LTR */
}
#block-commerce-kickstart-help-commerce-kickstart-community {
float: right;
float: right; /* LTR */
}
#block-commerce-kickstart-help-commerce-kickstart-ressources,
#block-commerce-kickstart-help-commerce-kickstart-community {
......@@ -99,11 +99,11 @@
#block-commerce-kickstart-help-commerce-kickstart-ressources h2,
#block-commerce-kickstart-help-commerce-kickstart-community h2 {
background: transparent url("../images/help-lg.png") no-repeat 0 0;
padding: 5px 0 5px 40px;
padding: 5px 0 5px 40px; /* LTR */
}
#block-commerce-kickstart-help-commerce-kickstart-ressources .content,
#block-commerce-kickstart-help-commerce-kickstart-community .content {
padding-left: 40px;
padding-left: 40px; /* LTR */
}
/* Getting started */
......@@ -119,7 +119,7 @@
}
#-commerce-kickstart-help-store .search .form-item {
margin-top: 0;
float: left;
float: left; /* LTR */
width: 80%;
}
#-commerce-kickstart-help-store .search .form-item input.form-text {
......@@ -149,7 +149,7 @@
-webkit-box-shadow: 0 1px 2px #CCC, inset 0 1px 1px #7BB8EF;
box-shadow: 0 1px 2px #CCC, inset 0 1px 1px #7BB8EF;
color: white;
float: right;
float: right; /* LTR */
font: normal 16px/21px "Open Sans", Arial, sans-serif;
padding: 4px 15px;
margin-top: 9px;
......@@ -188,7 +188,7 @@ html.js #-commerce-kickstart-help-store fieldset.collapsible p {
border-bottom: 1px solid #dfdfdf;
font-size: 22px;
line-height: 1em;
padding: 0 0 10px 40px;
padding: 0 0 10px 40px; /* LTR */
overflow: hidden;
}
.order-management #edit-order-management-title label {
......@@ -196,7 +196,7 @@ html.js #-commerce-kickstart-help-store fieldset.collapsible p {
border-bottom: 1px solid #dfdfdf;
font-size: 22px;
line-height: 1em;
padding: 0 0 10px 40px;
padding: 0 0 10px 40px; /* LTR */
overflow: hidden;
}
.store-settings #edit-store-settings-title label {
......@@ -204,7 +204,7 @@ html.js #-commerce-kickstart-help-store fieldset.collapsible p {
border-bottom: 1px solid #dfdfdf;
font-size: 22px;
line-height: 1em;
padding: 0 0 10px 40px;
padding: 0 0 10px 40px; /* LTR */
overflow: hidden;
}
.prices-payments-taxes #edit-prices-payments-taxes-title label {
......@@ -212,7 +212,7 @@ html.js #-commerce-kickstart-help-store fieldset.collapsible p {
border-bottom: 1px solid #dfdfdf;
font-size: 22px;
line-height: 1em;
padding: 0 0 10px 40px;
padding: 0 0 10px 40px; /* LTR */
overflow: hidden;
}
.demo-store-features #edit-demo-store-featuress-title label {
......@@ -220,15 +220,15 @@ html.js #-commerce-kickstart-help-store fieldset.collapsible p {
border-bottom: 1px solid #dfdfdf;
font-size: 22px;
line-height: 1em;
padding: 0 0 10px 40px;
padding: 0 0 10px 40px; /* LTR */
overflow: hidden;
}
html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-legend {
background: transparent url("../images/expandable.png") no-repeat 0 -13px;
font-size: 16px;
margin: 15px 0 0 25px;
padding-left: 25px;
margin: 15px 0 0 25px; /* LTR */
padding-left: 25px; /* LTR */
}
html.js #-commerce-kickstart-help-store fieldset.collapsed .fieldset-legend {
background-position: 0 9px;
......@@ -252,8 +252,8 @@ html.js #-commerce-kickstart-help-store fieldset.collapsed .fieldset-legend {
}
#kickstart-help-topic .first-steps-quick ul li {
border: 0;
clear: left;
float: left;
clear: left; /* LTR */
float: left; /* LTR */
margin-bottom: 5px;
padding: 0;
width: 100%;
......@@ -269,7 +269,7 @@ html.js #-commerce-kickstart-help-store fieldset.collapsed .fieldset-legend {
background: transparent url("../images/icons-get-started.png") no-repeat 0 0;
border-bottom: 1px solid #dfdfdf;
font-weight: 500;
padding: 5px 15px 10px 40px;
padding: 5px 15px 10px 40px; /* LTR */
}
/* Specific Help Block Styles */
#kickstart-help-topic .first-steps-videos .first-steps-blocks-inner {
......@@ -301,13 +301,13 @@ html.js #-commerce-kickstart-help-store fieldset.collapsed .fieldset-legend {
html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-legend {
border-bottom: 0;
font-weight: 500;
padding: 0 0 0 25px;
padding: 0 0 0 25px; /* LTR */
}
#-commerce-kickstart-help-store div > .form-wrapper > .form-item label {
border-bottom: 1px solid #DFDFDF;
font-size: 22px;
line-height: 1em;
padding: 0 0 10px 40px;
padding: 0 0 10px 40px; /* LTR */
overflow: hidden;
}
html.js #-commerce-kickstart-help-store fieldset.collapsible {
......
#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper {
#toolbar #toolbar-home,
body.toolbar #toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-4 div.toolbar-menu-wrapper ul.menu ul.menu,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-5 div.toolbar-menu-wrapper ul.menu ul.menu {
float: right;
}
#toolbar #toolbar-user,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-4 ul.group-0 {
float: left;
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-4 ul.group-1 {
clear: right;
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu li {
float: right;
clear: right;
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu ul.menu {
padding: 0 0 0 20px;
}
#toolbar div.toolbar-menu .toolbar-menu-wrapper {
padding-right: 175px;
}
......@@ -26,7 +26,7 @@ body.toolbar #toolbar div.toolbar-menu {
text-shadow: 0 1px 1px #18466b;
}
#toolbar #toolbar-home {
float: left;
float: left; /* LTR */
padding: 3px 0;
}
#toolbar-home li,
......@@ -56,7 +56,7 @@ body.toolbar #toolbar-home a:hover {
}
/* User Menu */
#toolbar #toolbar-user {
float: right;
float: right; /* LTR */
padding-top: 11px;
}
#toolbar #toolbar-user li.account a {
......@@ -118,7 +118,7 @@ body.toolbar #toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper {
body.toolbar #toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu {
padding: 20px 0;
margin: 0;
float: left;
float: left; /* LTR */
width: 190px;
}
#toolbar > div.toolbar-menu > div.toolbar-menu-wrapper > ul.group {
......@@ -128,8 +128,8 @@ body.toolbar #toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu
padding: 0;
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu li {
float: left;
clear: left;
float: left; /* LTR */
clear: left; /* LTR */
padding: 0;
margin: 0;
width: 100%;
......@@ -185,13 +185,13 @@ body.toolbar #toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper {
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-4 div.toolbar-menu-wrapper ul.menu ul.menu,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-5 div.toolbar-menu-wrapper ul.menu ul.menu {
float: left;
float: left; /* LTR */
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-4 ul.group-1 {
clear: left;
clear: left; /* LTR */
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-4 ul.group-0 {
float: right;
float: right; /* LTR */
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-4 div.toolbar-menu-wrapper,
#toolbar div.toolbar-menu div.toolbar-menu-wrapper ul.group-5 div.toolbar-menu-wrapper {
......@@ -199,7 +199,7 @@ body.toolbar #toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper {
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu ul.menu {
margin: 0;
padding: 0 20px 0 0;
padding: 0 20px 0 0; /* LTR */
}
#toolbar div.toolbar-menu div.toolbar-menu-wrapper div.toolbar-menu-wrapper ul.menu ul.menu li {
padding: 0;
......
.provider-wrapper .first {
float: right;
padding-left: 15px;
padding-right: 0;
}
.all-services-link {
text-align: left;
padding-left: 15px;
padding-right: 0;
}
.services-page .top-wrapper .first {
float: right;
}
.services-page .top-wrapper .last {
float: left;
}
.services-wrapper .services .provider-row-wrappepr .first,
.services-wrapper .services .provider-row-wrappepr .second {
float: right;
margin-left: 0;
margin-right: 30px;
}
.services-wrapper .services .provider-row-wrappepr .second .top-wrapper .service-title {
float: right;
}
.services-wrapper .services .provider-row-wrappepr .second .top-wrapper .service-type {
float: left;
}
.provider-wrapper {
.first {
float: right;
padding-left: 15px;
padding-right: 0;
}
}
.all-services-link {
text-align: left;
padding-left: 15px;
padding-right: 0;
}
.services-page {
.top-wrapper {
.first {
float: right;
}
.last {
float: left;
}
}
}
.services-wrapper {
.services {
.provider-row-wrappepr {
.first,
.second {
float: right;
margin-left: 0;
margin-right: 30px;
}
.second {
.top-wrapper {
.service-title {
float: right;
}
.service-type {
float: left;
}
}
}
}
}
}
#toolbar > div.toolbar-menu > div.toolbar-menu-wrapper > ul.group,
#toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper .group {
float: right;
}
#toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper {
margin-left: 0;
margin-right: -10px;
}
#toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper div.toolbar-menu-wrapper {
margin-right: 0;
padding-left: 0;
padding-right: 1em;
}
......@@ -11,12 +11,12 @@
}
#toolbar > div.toolbar-menu > div.toolbar-menu-wrapper > ul.group {
float: left;
float: left; /* LTR */
}
#toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper {
position: absolute;
top: -1000px;
margin-left: -10px;
margin-left: -10px; /* LTR */
background: #333;
border-radius: 0 0 5px 5px;
-moz-box-shadow: 0 3px 10px #000;
......@@ -34,9 +34,9 @@
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 0;
margin-left: 0; /* LTR */
padding: 0;
padding-left: 1em;
padding-left: 1em; /* LTR */
width: normal;
display: block;
opacity: 1;
......@@ -122,5 +122,5 @@
#toolbar div.toolbar-menu-wrapper div.toolbar-menu-wrapper .group {
width: 10em;
float: left;
float: left; /* LTR */
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment