Skip to content

Instantly share code, notes, and snippets.

@alqahtani

alqahtani/custom-rtl.css

Created December 17, 2018 11:16
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save alqahtani/871cbc50d1a57ddde3a26a66be02b9f6 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save alqahtani/871cbc50d1a57ddde3a26a66be02b9f6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
custom-rtl.css
@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,600,700');
@font-face {
font-family: 'GE-SS-Two-Light';
src: url("/static/kkux/fonts/GE-SS-Two-Light.57c8eaecda67.eot");
src: url("/static/kkux/fonts/GE-SS-Two-Light.57c8eaecda67.eot?#iefix") format('embedded-opentype'),
url("/static/kkux/fonts/GE-SS-Two-Light.36575edd3583.woff") format('woff'),
url("/static/kkux/fonts/GE-SS-Two-Light.3cd97ed36f7f.ttf") format('truetype'),
url("/static/kkux/fonts/GE-SS-Two-Light.2a6ac252aff5.svg#GE-SS-Two-Light") format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GE-SS-Two-Medium';
src: url("/static/kkux/fonts/GE-SS-Two-Medium.50bd22aa2f61.eot");
src: url("/static/kkux/fonts/GE-SS-Two-Medium.50bd22aa2f61.eot?#iefix") format('embedded-opentype'),
url("/static/kkux/fonts/GE-SS-Two-Medium.cd9a1b8c3ea0.woff") format('woff'),
url("/static/kkux/fonts/GE-SS-Two-Medium.5b1f31889fbc.ttf") format('truetype'),
url("/static/kkux/fonts/GE-SS-Two-Medium.db409ed6c632.svg#GE-SS-Two-Light") format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AdvertisingBold';
src: url("/static/kkux/fonts/AdvertisingBold.5af91f2950e4.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AdvertisingExtraBold';
src: url("/static/kkux/fonts/AdvertisingExtraBold.84b5a8b20e3b.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AdvertisingLight';
src: url("/static/fonts/AdvertisingLight,ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AdvertisingMedium';
src: url("/static/kkux/fonts/AdvertisingMedium.02a5e64dd748.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Verdana';
src: url("/static/kkux/fonts/Verdana.3ba52ab1fa0c.ttf");
font-weight: normal;
font-style: normal;
}
body {margin: 0px; font-family: 'Cairo-Regular';}
body, h1, h2, h3, h4, h5, h6, p, label {text-align: initial; font-family: 'Cairo-Regular';}
html, button, input, select, textarea {font-family: 'Cairo-Regular';}
/*.container{padding:0;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}*/
#header, #footer{font-family: 'Cairo-Regular'}
#header .vision {float: left; padding-right: 10px; padding-left: 0px; }
#header ul.right-top {float: left; margin: 0 0 0 0; }
#header ul.right-top li {float: right;}
#header ul.right-top .username {margin: 0 23px !important;}
#header ul.right-top:after {left: auto; right: -5px; }
#header .navbar-default .navbar-nav > li {list-style: none;}
/*#header .navbar-default .navbar-nav > li {list-style: none; float: right;}*/
/*#header .navbar-default .navbar-nav > li.active a {color: #93b045}*/
#header .navbar-default .navbar-nav > li a {font-size: 24px; line-height: 38px; padding:0 11px; color: #878787; text-decoration: none; display: block; }
#header .navbar-default .navbar-nav > li a:hover {color: #93b045}
/*#header .navbar-header{ float: right; }*/
/*#header .navbar-nav {float: left;}*/
#header .navbar-toggle {float: left;}
#header .navbar > .custom-container .navbar-brand {float: right;}
#header .search-toggle {margin-left: 15px;}
/*.navbar {border-bottom: solid 1px #94d3dd; }*/
.section-banner .text-block h1 {font-size: 48px; font-weight: normal; }
.section-banner .text-block {left: auto; right: 0px; }
.text-center {text-align: center; }
.skills-details ul li {float: right;}
.skills-details ul li i {padding-right: 0px; padding-left: 8px; }
.skills-details label i {margin-right: 0px; margin-left: 10px; }
#footer .fot-col {float: right; }
.navbar-default .navbar-toggle .icon-bar {background: #fff;}
.section h2 {font-size: 30px; text-align: right;font-family: 'Cairo-Bold';}
.upcoming-skills label i {margin-left: 10px; margin-right: 0px; }
#footer .copyright p, .welcom p, .welcom-block p{text-align: center;}
.footer .fot-col {float: right !important;}
.course-info .details{font:normal 1em/1.6em 'Cairo-Regular';}
.course-info .details h2, .home>header .title>.heading-group p, section.outside-app h1{font:normal 1.2em/1.2em 'Cairo-Regular';}
.courses-container .courses .course .course-info .course-date span{float: left;}
.featured-block a{text-decoration: none;}
.featured-block a:hover{text-decoration: underline;}
.course-about-en{display: none;}
.course-about-ar{display: block;}
/* Courseware css starts */
.home .page-header-main .page-title {font-family: 'Verdana'; color: #579fa7;}
div.info-wrapper section.handouts, div.info-wrapper section.handouts .handouts-header, .date-summary-container .date-summary .description {font-family: 'AdvertisingMedium' !important;}
div.info-wrapper section.handouts .handouts-header {font-weight: bold;}
div.info-wrapper section.updates div article .date {font-family: 'Verdana';}
/* Courseware css ends */
/*static content css*/
.static-content h1 {text-align: right; font-family: 'Cairo-Regular';}
body, .instructor-dashboard-content-2 .instructor-nav .nav-item .btn-link{font-family: 'Cairo-Regular'}
@media (max-width: 991px) {
#header .navbar-nav > li a {font-size: 16px; padding: 10px;}
#header .vision {padding-right: 15px;}
ul.right-top {margin-right: 10px;}
}
@media (min-width: 768px){
#header .navbar-header {float: right;}
#header .navbar-nav>li {float: right;}
#header .navbar-nav {float: right;padding-right: 5%;}
}
@media (max-width: 767px) {
.navbar-brand {padding: 12px 0 12px 15px; }
.section-banner .text-block h1 {font-size: 36px; line-height: 36px; }
#header .navbar-default .navbar-nav > li > a{padding: 10px 15px;line-height:30px;}
#header .navbar-default .navbar-nav > li{width: 100%;}
#header ul.right-top {margin: 0px;}
#header ul.right-top li a{padding: 0 8px;}
}
/* Edits */
header.course-profile {
background: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-bottom:1px solid #DBDCDD !important;
}
.navbar-default {
border:none !important;
}
p,
a,
h1, h2, h3, h4, h5, h6, h7,
.heading-group h1
{
font-family: "Cairo";
font-weight:200;
}
.content-wrapper .course-info {
margin: 0 !important;
}
.course-info header.course-profile .intro-inner-wrapper {
border: none;
box-shadow: none;
margin-top: 40px;
}
.heading-group{
border-bottom: none !important;
margin:0 !important;
}
.course-info header.course-profile .intro-inner-wrapper .media .hero {
border: none;
}
#course-about section h2 {
font-family: "Cairo";
border-right: 10px solid #BAD32B;
padding-right: 10px;
color: #121212;
font-weight: 600;
}
.course-info .details .inner-wrapper .course-staff .teacher .teacher-image {
margin: 0;
margin-left: 15px;
}
.course-info header.course-profile .intro-inner-wrapper .intro .main-cta>a.find-courses, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart {
background: #94D2DC;
border: none;
box-shadow: none;
text-shadow: none;
font-weight: 600;
padding: 0.5em 2em;
font-family: 'Cairo' !important;
letter-spacing: 0;
width: fit-content;
border-radius: 0;
}
.course-info header.course-profile .intro-inner-wrapper .intro .main-cta>a.find-courses:hover:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:hover:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart:hover:not(:disabled) {
background: #5fbac7;
border: none;
box-shadow: none;
text-shadow: none;
}
p, h4 {
font-family: 'Cairo' !important;
}
.fot-col h4, .fot-col ul {
text-align: right;
}
.copyright {
direction: rtl;
}
.footer{
background: #93d3de;
}
ul.right-top li a {
font-family: 'Cairo' !important;
}
ul.right-top li a:hover {
border: 1px solid #73a049 !important;
}
a.btn.sign_min {
border: 1px solid #73a049 !important;
}
a.btn.sign_min:hover {
background-color: #73a049 !important;
}
.course-sidebar .course-summary header {
border-bottom: 2px solid #808080;
margin: 0 10px 15px 10px;
}
.course-sidebar .course-summary header::after {
height: 0;
}
.course-info header.course-profile .intro-inner-wrapper .intro .main-cta span.register, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta span.add-to-cart {
background: none;
border: none;
width: auto;
letter-spacing: normal;
font-weight: 400;
border-right: 1em solid #ededed;
padding-right: 0.5em;
color: #9E9E9E;
}
.course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong,
.course-info header.course-profile .intro-inner-wrapper .intro .main-cta .register {
background: #91d3de;
box-shadow: none;
border: none;
letter-spacing: normal;
text-shadow: none;
display: block;
clear:both;
width: auto;
padding: 0.4em 2em;
margin-top: 0.5em;
transition: 0.3s;
border-radius: 0;
}
.course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong:hover {
background: #549fa8 !important;
box-shadow: none;
text-shadow: none;
}
/* My Coures Page */
.dashboard .my-courses {
/* float:none; */
margin: 0 auto;
}
.dashboard .my-courses .wrapper-header-courses .header-courses {
padding-left: 0;
font-family: 'Cairo';
font-weight: 600;
border-right: 10px solid #BCD32B;
padding-right: 10px;
color: #585858;
}
.dashboard .my-courses .wrapper-header-courses {
border-bottom-color: #BCD32B;
}
.dashboard .my-courses .listing-courses .course-item .course-container {
border: none;
border-bottom: 3px solid #9d9d9d;
border-radius: 0;
}
.message.message-upsell.has-actions.is-shown {
padding: 0 !important;
}
.dashboard .my-courses .course .wrapper-messages-primary .message.message-upsell .action-upgrade-container {
display: block;
margin: 0;
float:none;
padding: 0;
}
.dashboard .my-courses .course .wrapper-messages-primary .message.message-upsell .action-upgrade {
position:inherit;
background: none;
box-shadow: none;
padding: 0;
padding-top: 5px;
}
.dashboard .my-courses .course .wrapper-messages-primary .message.message-upsell .action-upgrade span{
font-family: 'Cairo';
color: #bcd32b;
}
.dashboard .my-courses .course .wrapper-messages-primary .message.message-upsell .action-upgrade .action-upgrade-icon {
display: none;
}
.dashboard .my-courses .course .details .wrapper-course-image {
float: left;
margin-left: 0;
margin-top: 10px;
}
.dashboard .my-courses .course .details .wrapper-course-image .cover, .dashboard .my-courses .course .details .wrapper-course-image a.fade-cover {
border: none;
}
a,
p,
span {
font-family: 'Cairo' !important;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome !important;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dashboard .my-courses .course .wrapper-messages-primary .message.message-upsell .action-upgrade:hover, .verification-process .action-primary:hover, .verification-process .action-confirm:hover, .verification-process .carousel .wrapper-task .controls .control.approved .action:hover, .verification-process.step-select-track .register-choice-certificate .action-select input:hover, .wrapper-msg .has-actions .nav-actions .action-primary:hover, .wrapper-msg .has-actions .msg-actions .action-primary:hover, .dashboard .my-courses .course .wrapper-messages-primary .message.message-upsell .action-upgrade:active, .verification-process .action-primary:active, .verification-process .action-confirm:active, .verification-process .carousel .wrapper-task .controls .control.approved .action:active, .verification-process.step-select-track .register-choice-certificate .action-select input:active, .wrapper-msg .has-actions .nav-actions .action-primary:active, .wrapper-msg .has-actions .msg-actions .action-primary:active, .dashboard .my-courses .course .wrapper-messages-primary .message.message-upsell .action-upgrade:focus, .verification-process .action-primary:focus, .verification-process .action-confirm:focus, .verification-process .carousel .wrapper-task .controls .control.approved .action:focus, .verification-process.step-select-track .register-choice-certificate .action-select input:focus, .wrapper-msg .has-actions .nav-actions .action-primary:focus, .wrapper-msg .has-actions .msg-actions .action-primary:focus {
background: none;
}
.dashboard .my-courses .course .details .wrapper-course-actions {
float: none;
width: auto;
}
.dashboard .my-courses .course .details .course-info {
width: auto;
float: none;
}
.dashboard .my-courses .course .details .wrapper-course-actions .course-actions {display: flex;}
.dashboard .my-courses .course .details .enter-course, .dashboard .my-courses .course .details .enter-course.archived {
background: #94D2DC;
color: white;
border: none;
margin-left: 10px;
}
.dashboard .my-courses .course .details .enter-course:hover {
background: #5fbac7;
border: none;
}
.dashboard .my-courses .course {
margin: 0;
padding: 10px 0;
}
h3.course-title a {
font-weight: 600 !important;
color: #BCD13D;
}
.status-verification.is-accepted {
border-top: 1px solid #b1b2b4 !important;
}
.user-info ul .order-history {
border-top: 4px solid #BCD13D !important;
border-right: 1px solid #b1b2b4;
border-left: 1px solid #b1b2b4;
border-bottom: none !important;
padding: 1em 0.8em;
margin-bottom: 0 !important;
}
.user-info ul .order-history span {
border-bottom: 1px dotted #efefef;
padding-bottom: 0.2em;
}
.user-info ul .order-history span.title {
color: #545454;
letter-spacing: normal;
font-weight: bold;
border-bottom: 1px solid #efefef;
padding-bottom: 0.3em;
}
/* | Course Page */
/* |-- Info Page */
nav.wrapper-preview-menu {
background: none;
}
nav.wrapper-preview-menu .preview-actions {
border-right: 10px solid #BCD13D;
padding-right: 10px;
}
nav.wrapper-preview-menu .action-preview-label {
font-weight: 600;
}
nav.wrapper-preview-menu .action-preview-select {
border: none;
background: none;
color: #5fbac7;
font-weight: 600;
padding-right: 0;
}
nav.wrapper-course-material .course-material {
border-top: 1px solid #ededed;
/* border-bottom: 1px solid #ededed; */
margin-bottom: 10px;
padding-top: 0;
margin-top: 5px;
}
nav.wrapper-course-material .course-material ol.tabs.course-tabs li.tab a.active {
color: #2d2d2d !important;
font-weight: bolder;
}
nav.wrapper-course-material .course-material ol.tabs.course-tabs li.tab a:hover {
color: #2d2d2d !important;
border-bottom-color: #f1f1f1;
}
.wrapper-course-material .course-tabs li a, .wrapper-course-material .course-tabs li a:visited {
padding-top: 13px !important;
}
#main div.container div.home {
border: none;
box-shadow: none;
padding: 0 !important;
max-width: 1180px;
padding: 10px 0 !important;
}
#main div.container div.home .page-header-secondary {
background-color: #91d3df;
transition: all 0.4s;
margin-left: 0;
padding: 7px 15px;
}
#main div.container div.home .page-header-secondary:hover {
background-color: #549fa8;
}
#main div.container div.home .page-header-secondary a {
font-weight: bolder;
}
#main div.container div.info-wrapper {
border:none;
box-shadow: none;
background: none;
}
#main div.container div.info-wrapper section.updates {
border-top: 1px solid #ededed;
padding: 20px 0 20px 10px;
}
#main div.container div.info-wrapper section.updates h3.hd.hd-3 {
color: #92b13c;
font-weight:600;
}
#main div.container div.info-wrapper section.updates article.updates-article {
border: none;
border-top: 1px solid #ededed;
border-right: 5px solid #b6b6b6;
padding: 0;
padding-top: 5px;
padding-right: 10px;
border-radius: 0;
transition: 0.4s all;
}
#main div.container div.info-wrapper section.updates article.updates-article:hover {
border: none;
border-top: 1px solid #ededed;
border-right: 5px solid #92b13c;
border-radius: 0;
}
div.info-wrapper section.updates>ol>li .date, div.info-wrapper section.updates>ol article .date, div.info-wrapper section.updates section>li .date, div.info-wrapper section.updates section article .date, div.info-wrapper section.updates div>li .date, div.info-wrapper section.updates div article .date {
background-position: right;
font-family: 'Cairo';
font-weight: bold;
}
.toggle-visibility-button {
font-family: 'Cairo' !important;
color: #545454 !important;
font-weight: bold !important;
border-radius: 0 !important;
transition: 0.4s all;
}
.toggle-visibility-button:hover {
color: #92b13c !important;
}
.toggle-visibility-button:active,
.toggle-visibility-button:focus {
box-shadow: none !important;
outline: none;
}
#main div.container div.info-wrapper section.handouts {
border: 1px solid #ededed;
padding: 15px 10px;
}
#main div.container div.info-wrapper section.handouts h3.handouts-header {
font-family: 'Cairo' !important;
padding: 0;
color: #545454;
margin-bottom: 10px;
margin-top:10px;
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
}
#main div.container div.info-wrapper section.handouts>div{
padding-bottom: 10px;
}
div.date-summary.date-summary-end-date p.description {
font-family: 'Cairo' !important;
}
button.toggle-visibility-button.show-older-updates {
background: #93D3DE;
border-radius: 5px !important;
box-shadow: none;
border: none;
color: white !important;
text-shadow: none;
}
ol.tabs.course-tabs {
/* border-top: 1px solid #ededed; */
border-bottom: 1px solid #ededed;
margin-bottom: 10px;
padding-top: 0;
margin-top: 5px;
}
/* Skills */
ol.tabs.course-tabs {
padding-top: 0;
}
.window-wrap {
background: white;
}
.wrapper-course-material .course-tabs li a.active {
border-bottom-color: #93D3DE !important;
}
.content-wrapper .page-header {
border: none;
}
.content-wrapper .container {
border: none;
}
.content-wrapper .page-header.has-secondary .page-header-secondary .form-actions .action-resume-course {
background-color: #91d3df;
border: none;
transition: all 0.4s;
margin-left: 0;
padding: 7px 15px;
font-weight: bold;
}
.content-wrapper .page-header.has-secondary .page-header-secondary .form-actions .action-resume-course:hover {
background-color: #549fa8;
}
.page-header.has-secondary {
padding: 15px 0;
}
.page-content {
padding: 0px !important;
}
.page-content .layout{
margin: 0;
max-width: 100%;
border-top: 1px solid #ededed;
margin-top: 10px;
border-left: 1px solid #ededed;
}
main.layout-col.layout-col-b {
padding-top: 20px;
border-left: 1px solid #ededed;
margin: 0 !important;
padding-left: 10px;
padding-right: 10px;
}
aside.course-sidebar.layout-col.layout-col-a {
margin: 0 auto;
padding-right: 0;
}
aside.course-sidebar.layout-col.layout-col-a .section {
padding: 0;
}
aside.course-sidebar.layout-col.layout-col-a {
padding-top: 20px;
}
aside.course-sidebar.layout-col.layout-col-a h3.hd-6 {
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
margin-bottom: 10px;
color: #545454;
font-weight: bold;
}
.date-summary, .date-summary .hd-6.hd {
font-size: 12px;
}
.date-summary {
margin-bottom: 5px;
}
.section-name {
margin: 0 !important;
}
.section-name h3 {
border-right: 10px solid #ededed;
padding-right: 10px;
transition: 0.4s all;
padding-bottom: 10px;
padding-top: 6px;
}
.section-name h3:hover {
border-right-color: #8fd3e0;
}
.course-outline .block-tree .section ol.outline-item .subsection {
border: none;
border-right: 1px solid #ededed;
border-radius: 0;
transition: 0.3s all;
margin-right: 9px;
margin-bottom: 0;
}
.course-outline .block-tree .section ol.outline-item .subsection:hover {
border: none;
border-right: 8px solid #92b13c;
}
.course-outline .block-tree .section ol.outline-item .subsection a.outline-item {
padding-right: 20px;
color: #92b13c;
}
.course-outline .block-tree .section ol.outline-item .subsection a.outline-item:hover {
background: #f9f9f9;
border-radius: 0;
color: #545454;
}
.content-wrapper .page-header .page-title {
color: #91d3df;
font-weight: bold;
}
.course-outline .block-tree .section ol.outline-item .subsection.current {
border-radius: 0;
border: none;
border-right: 5px solid #92b13c;
border-left: 5px solid #92b13c;
border-bottom: 1px solid #92b13c;
border-top: 1px solid #92b13c;
}
.course-outline .block-tree .section ol.outline-item .subsection.current:hover {
border-right: 10px solid #92b13c;
border-left: 10px solid #92b13c;
}
.content-wrapper .page-header .page-title {
color: #91d3df;
}
.resume-right span.icon.fa.fa-arrow-circle-right {
transform: rotate(180deg);
}
.home .page-header-main .page-title {
color: #91d3df;
font-family: 'Cairo';
}
.course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong {
font-family: 'Cairo';
}
div.info-wrapper section.handouts, div.info-wrapper section.handouts .handouts-header, .date-summary-container .date-summary .description {
font-family: 'Cairo' !important;
}
.date-summary-container .date-summary-verified-upgrade-deadline {
border-right: 3px solid #92b13c;
}
.date-summary-container .date-summary-verified-upgrade-deadline span.date-summary-link a {
color: #92b13c;
font-weight: bold;
border-right: 5px solid #ededed;
padding-right: 5px;
padding-left: 10px;
font-size: 12px;
padding-top: 4px;
padding-bottom: 4px;
}
.date-summary-container .date-summary-verified-upgrade-deadline span.date-summary-link a:hover {
border-right: 7px solid #92b13c;
color: #545454;
background: #f9f9f9;
}
/* Course Section */
.course-wrapper {
border: none !important;
box-shadow: none !important;
}
.breadcrumbs {
background: #f9f9f9;
padding: 5px;
border-right: 11px solid #92b13c;
}
.course-wrapper main {
padding: 0;
}
button.sequence-nav-button {
border-radius: 0 !important;
}
span.fa.fa-fw.fa-bookmark.bookmark-icon.is-hidden {
display: none;
}
.xmodule_display.xmodule_VideoModule .video {
background: none;
border-radius: 0;
}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime {
font-family: 'Cairo' !important;
}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control .icon.fa.fa-play {
transform: rotate(180deg);
}
button.sequence-nav-button.button-next {
border-left: 3px solid #c8c8c8 !important;
transition: 0.2s all;
color: #92b13c;
}
button.sequence-nav-button.button-next:hover {
border-bottom: 1px solid #c8c8c8 !important;
border-left: 8px solid #92b13c !important;
padding-top: 0 !important;
}
button.sequence-nav-button.button-previous {
border-right: 3px solid #c8c8c8 !important;
transition: 0.2s all;
color: #92b13c;
}
button.sequence-nav-button.button-previous:hover {
border-bottom: 1px solid #c8c8c8 !important;
border-right: 8px solid #92b13c !important;
padding-top: 0 !important;
}
/* Login Register Form */
input,
select,
h1,
h2,
h3,
h4,
button.forgot-password.field-link {
font-family: 'Cairo' !important;
}
div#login-and-registration-container {
padding: 0 40px;
border-bottom: 10px solid;
border-top: 10px solid;
border-right: 10px solid;
border-left: 10px solid;
border-color: #fcfcfc;
border-color: transparent;
margin-top: 20px;
}
div#login-and-registration-container .toggle-form {
/* background: #ededed2b; */
padding: 5px 0;
padding-right: 10px;
border-right: 5px solid #91d3df;
}
div#login-and-registration-container input,
div#login-and-registration-container select,
div#login-and-registration-container textarea {
border-color: transparent;
box-shadow: none;
outline: none;
margin: 10px 0;
margin-bottom: 3px;
border-bottom: 1px solid;
border-bottom-color: #bdd700;
padding-bottom: 5px;
padding-top: 5px;
color: #545454;
background: #fcfcfc;
height: auto;
transition: 0.2s all;
}
div#login-and-registration-container textarea {
height: 100px;
}
div#login-and-registration-container input:focus {
border-bottom: 3px solid #bdd700;
}
div#login-and-registration-container label {
font-weight: 400;
}
div#login-and-registration-container .supplemental-link {
margin-top: 0;
}
div#login-and-registration-container .supplemental-link a{
border-right: 7px solid #dadada;
color: #545454;
/* text-decoration: none; */
font-size: 12px;
font-weight: 400;
padding: 2px;
padding-bottom: 4px;
padding-right: 5px;
display: block;
}
div#login-and-registration-container .supplemental-link a:hover {
border-right: 10px solid #c7df29;
background: #fcfcfc;
text-decoration: none;
font-weight: bold;
}
div#login-and-registration-container button.action.action-primary.action-update.js-login.login-button,
div#login-and-registration-container button.action.action-primary.action-update.js-register.register-button {
background: #bdd900;
border: none;
box-shadow: none;
border-radius: 0;
border-right: 5px solid #a2b725;
color: #ffffff;
font-weight: 400;
box-shadow: 0px 0px 5px 0px #bcdb0040;
transition: 0.2s all;
}
div#login-and-registration-container button.action.action-primary.action-update.js-login.login-button:hover,
div#login-and-registration-container button.action.action-primary.action-update.js-register.register-button:hover {
border-right: 7px solid #a2b725;
box-shadow: 0px 0px 5px 0px #9db70285;
}
.verification-process * {
font-family: 'Cairo' !important;
}
.verification-process .shopping-cart .billing-data .col-half {
background: none;
border-right: 5px solid #91d3df;
border-radius: 0;
min-height:auto;
}
.verification-process section.confirm-enrollment.shopping-cart.billing-details-view>h3{
display: none;
}
.verification-process .shopping-cart .billing-data .col-half .data-group input{
border: none;
box-shadow: none;
border-right: 2px solid #BDBDBD;
border-radius: 0;
background: #fafafa;
}
.verification-process select#country {
width: 100% !important;
border: none;
border-right: 2px solid #BDBDBD;
border-radius: 0;
-webkit-appearance: none;
}
.verification-process .intl-tel-input .selected-flag {
direction: ltr !important;
}
.verification-process .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
direction: ltr;
}
.verification-process .nav-wizard {
box-shadow: none;
background: #F5F5F5 !important;
border-radius:0;
border-top: 2px solid #BDBDBD;
}
.verification-process .action-primary {
background: #bed700;
box-shadow: none;
border-radius:0;
border-right: 5px solid #9cb84e !important;
font-weight: 600;
color: white !important;
transition: 0.4s all;
}
.verification-process .action-primary:hover {
border-right: 7px solid #859e3e !important;
background: #adc303;
}
.verification-process .payment-buttons .purchase .product-info,
.verification-process .payment-buttons .purchase .product-info .product-name {
font-weight: 400;
color: #545454;
}
.verification-process .payment-buttons .purchase .product-info .price {
color: #9bb946;
}
.verification-process .payment-buttons .purchase {
float: right;
}
.verification-process .payment-buttons .payment-button {
float: left;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment