|
|
|
|
|
|
|
/urban/learn-french/children-courses/
/urban/learn-french/children-courses/
|
|
children courses
children courses
|
|
<h1>children courses</h1>
<p><br /></p>
<ss:templates:row>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper diam est, sed vehicula augue facilisis non. Maecenas suscipit
finibus placerat. Nam varius vestibulum pellentesque. Vivamus risus nibh, malesuada a ex sit amet, vehicula fringilla nisi. Cras leo turpis,
ullamcorper sed orci quis, finibus mollis eros. Fusce non feugiat libero. Donec dignissim sit amet lectus vel lobortis. Fusce ullamcorper
faucibus sem ac finibus. In varius urna nibh, sodales dignissim velit vestibulum vel.</p>
<h4>
Vivamus risus nibh, malesuada a ex sit amet, vehicula fringilla nisi. Cras leo turpis, ullamcorper sed orci quis, finibus mollis eros.
</h4>
</ss:templates:column>
<ss:templates:column width="6">
<p>
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1519457431-44ccd64a579b?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=16a35e9b4b054c9357444b0bda3d2c22" maintainaspect="crop" height="350" />
</p>
</ss:templates:column>
</ss:templates:row>
<hr/>
<ss:logicinclude page="/af/course-selector/?age_group_id=3"></ss:logicinclude>
<h1>children courses</h1>
<p><br /></p>
<ss:templates:row>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper diam est, sed vehicula augue facilisis non. Maecenas suscipit
finibus placerat. Nam varius vestibulum pellentesque. Vivamus risus nibh, malesuada a ex sit amet, vehicula fringilla nisi. Cras leo turpis,
ullamcorper sed orci quis, finibus mollis eros. Fusce non feugiat libero. Donec dignissim sit amet lectus vel lobortis. Fusce ullamcorper
faucibus sem ac finibus. In varius urna nibh, sodales dignissim velit vestibulum vel.</p>
<h4>
Vivamus risus nibh, malesuada a ex sit amet, vehicula fringilla nisi. Cras leo turpis, ullamcorper sed orci quis, finibus mollis eros.
</h4>
</ss:templates:column>
<ss:templates:column width="6">
<p>
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1519457431-44ccd64a579b?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=16a35e9b4b054c9357444b0bda3d2c22" maintainaspect="crop" height="350" />
</p>
</ss:templates:column>
</ss:templates:row>
<hr/>
<ss:logicinclude page="/af/course-selector/?age_group_id=3"></ss:logicinclude>
|
|
|
|
/* Header */
#course_selector_header { margin-top: 5px; }
#course_selector_header > a:hover { text-decoration: none; color: #fff; }
#course_selector_header div.stepTitle { color: #333!important;text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }
#course_selector_header div.stepTitle:not(.currentStep):hover { color: #fff; background-color: #333!important; }
#course_selector_header div.currentStep { color: white!important; background-color: #333!important; }
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled) {border:1px solid #dcdcdc!important;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover {color: white!important;background-color: #cee8e3;border:1px solid #cee8e3;}
#course_selector_header div.stepTitle.disabled:hover {color: #333!important;background-color: #eee!important;}
/* Body / Current Step */
#course_selector_body { padding: 0px; padding-top:10px; }
#course_selector_current_step_body > a:hover { text-decoration: none; }
.commerceProductsOrderBox a div.item {
color: white !important;
background-color:/*#4c4d4f*/ #ED0972!important;
border-radius: 5px !important;
font-size: 15pt!important;
font-family:bpreplaybolditalics,arial!important;
font-weight: normal!important;
line-height:100%!important;}
#course_selector_body div.commerceProductsOrderBox > a:hover { color: #fff; text-decoration: none; }
#course_selector_body div.item:first-child { border-top: 2px solid black!important;}
#course_selector_body div.item { color: #333!important; text-decoration: none; background-color: rgba(0, 0, 0, 0)!important; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 2px solid black!important; }
#course_selector_body div.item:last-child { border-bottom: 2px solid black!important; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover { cursor: pointer; color: #333!important;/* color: #fff;*/ background-color: /*#4c4d4f*/ rgba(233, 246, 243, 1)!important ; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount { color:red; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a { color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }
#course_selector_body div.item.noCourses { background-color: rgba(0, 0, 0, 0.08)!important; }
#course_selector_body div.item div.itemBody.hasPicture { margin-left: 2%;box-sizing: border-box; }
#course_selector_body div.item div.itemBody div.coursesCount { float: right; color: #e21837!important;font-size: 15px!important;}
#course_selector_body div.item.noCourses div.coursesCount { color: #e21837!important; }
#course_selector_body div.item div.itemPicture
{
float: left;
background-position-x: 50%;
background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;
background-repeat: no-repeat;
border-radius: 75px;
max-width: 150px;
box-sizing: border-box;
width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;
height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;
}
/* Selection / Previous Step */
#previous_step_description { padding: 0px; padding-top: 10px; border:0; border-top: 2px solid black!important; }
#course_selector_current_step_body { margin-top: 20px; padding: 0px; }
/* Schedules Step */
ul.coursesList { padding-left: 0px; display: none; list-style-type: none; }
ul.coursesList li { margin: 0px; }
ul.coursesList li > a:hover { text-decoration: none; }
ul.coursesList div.placesLeft { float: right; color: #ff0099; }
ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft { color: #fff; }
#course_selector_body ul.coursesList div.item { border: 1px solid #dfdfdf; box-shadow: none; }
#schedules_list div.item { cursor: pointer; }
/* Overrides */
#course_selector h1 {font-size:35px;font-family:'Source Sans Pro', sans-serif!important;font-style: italic;margin:20px 0;text-transform:none;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }
#course_description_table { box-shadow:0 0 0 0!important;}
#course_selector h2 { font-family: "loveloblack"; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}
#course_selector_current_step_body {font-size: 20px!important;}
#required_material_container > div {margin: 20px 0 0 0!important;padding: 25px!important;}
.marginTop10 { margin-top: 30px!important;}
/* Break points screen */
@media screen and (max-width: 767px){
#course_selector_current_step_body {font-size: 15px!important;}
#course_selector h2 {font-size: 19px!important;line-height: 24px!important;}
}
@media screen and (max-width:992px){
.#course_selector_body div.item div.itemPicture{
width: 75px;
}
}
/* Header */
#course_selector_header { margin-top: 5px; }
#course_selector_header > a:hover { text-decoration: none; color: #fff; }
#course_selector_header div.stepTitle { color: #333!important;text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }
#course_selector_header div.stepTitle:not(.currentStep):hover { color: #fff; background-color: #333!important; }
#course_selector_header div.currentStep { color: white!important; background-color: #333!important; }
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled) {border:1px solid #dcdcdc!important;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover {color: white!important;background-color: #cee8e3;border:1px solid #cee8e3;}
#course_selector_header div.stepTitle.disabled:hover {color: #333!important;background-color: #eee!important;}
/* Body / Current Step */
#course_selector_body { padding: 0px; padding-top:10px; }
#course_selector_current_step_body > a:hover { text-decoration: none; }
.commerceProductsOrderBox a div.item {
color: white !important;
background-color:/*#4c4d4f*/ #ED0972!important;
border-radius: 5px !important;
font-size: 15pt!important;
font-family:bpreplaybolditalics,arial!important;
font-weight: normal!important;
line-height:100%!important;}
#course_selector_body div.commerceProductsOrderBox > a:hover { color: #fff; text-decoration: none; }
#course_selector_body div.item:first-child { border-top: 2px solid black!important;}
#course_selector_body div.item { color: #333!important; text-decoration: none; background-color: rgba(0, 0, 0, 0)!important; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 2px solid black!important; }
#course_selector_body div.item:last-child { border-bottom: 2px solid black!important; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover { cursor: pointer; color: #333!important;/* color: #fff;*/ background-color: /*#4c4d4f*/ rgba(233, 246, 243, 1)!important ; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount { color:red; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a { color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }
#course_selector_body div.item.noCourses { background-color: rgba(0, 0, 0, 0.08)!important; }
#course_selector_body div.item div.itemBody.hasPicture { margin-left: 2%;box-sizing: border-box; }
#course_selector_body div.item div.itemBody div.coursesCount { float: right; color: #e21837!important;font-size: 15px!important;}
#course_selector_body div.item.noCourses div.coursesCount { color: #e21837!important; }
#course_selector_body div.item div.itemPicture
{
float: left;
background-position-x: 50%;
background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;
background-repeat: no-repeat;
border-radius: 75px;
max-width: 150px;
box-sizing: border-box;
width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;
height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;
}
/* Selection / Previous Step */
#previous_step_description { padding: 0px; padding-top: 10px; border:0; border-top: 2px solid black!important; }
#course_selector_current_step_body { margin-top: 20px; padding: 0px; }
/* Schedules Step */
ul.coursesList { padding-left: 0px; display: none; list-style-type: none; }
ul.coursesList li { margin: 0px; }
ul.coursesList li > a:hover { text-decoration: none; }
ul.coursesList div.placesLeft { float: right; color: #ff0099; }
ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft { color: #fff; }
#course_selector_body ul.coursesList div.item { border: 1px solid #dfdfdf; box-shadow: none; }
#schedules_list div.item { cursor: pointer; }
/* Overrides */
#course_selector h1 {font-size:35px;font-family:'Source Sans Pro', sans-serif!important;font-style: italic;margin:20px 0;text-transform:none;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }
#course_description_table { box-shadow:0 0 0 0!important;}
#course_selector h2 { font-family: "loveloblack"; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}
#course_selector_current_step_body {font-size: 20px!important;}
#required_material_container > div {margin: 20px 0 0 0!important;padding: 25px!important;}
.marginTop10 { margin-top: 30px!important;}
/* Break points screen */
@media screen and (max-width: 767px){
#course_selector_current_step_body {font-size: 15px!important;}
#course_selector h2 {font-size: 19px!important;line-height: 24px!important;}
}
@media screen and (max-width:992px){
.#course_selector_body div.item div.itemPicture{
width: 75px;
}
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/urban/learn-french/
/urban/learn-french/
|
|
|
|
|
|
|
|
|
|
|
|
|