<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row-fluid">
</div>
</div>
/* =========================================================== *
General Layout
============================================================== */
html{
height:100%;
min-height:100%;
}
body{
background: url([[setting:pagebackground]]) [[setting:background-repeat]];
background-size: [[setting:background-size]];
position: relative;
font-size: 13px;
font-weight: 400;
line-height: 25px;
text-shadow: none !important;
color: #444;
padding-top: 35px;
}
#wrapper{
width:90%;
max-width: [[setting:pagewidth]];
margin:0 auto;
background:#ffffff;
border-top:4px solid [[setting:maincolor]];
}
h1, h2, h3, h4, h5, h6,
.back-to-top,
.socials p,
#socialheading,
.forumpost .subject {
font-family: "[[setting:headingfont]]", sans-serif;
color:#555;
}
body,
.block_login input[type="submit"], input, button, select, textarea {
font-family: "[[setting:bodyfont]]", Arial, Helvetica, sans-serif;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border-radius: 2px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal !important;
}
h3 {
font-size: 1.4em;
line-height: 20px;
}
h6 {
text-transform:uppercase;
}
a, a:visited, a.active, a:focus{
color: [[setting:linkcolor]];
text-decoration: none;
}
a:hover {
color: #222;
transition: all 0.3s ease 0.1s;
text-decoration: none;
}
.block ul.block_tree a, .breadcrumb a, .instancename {
color:#444;
}
.dir-rtl a.logo {
display: block;
float: right;
}
.sitetopic .section .activity:hover, .course-content .section .activity:hover {
background: none;
}
#page {
padding-top: 10px;
}
img.iconsmall {
height: inherit;
margin: 0;
vertical-align: inherit;
width: inherit;
}
.bor {
height: 20px;
margin: 0px;
margin-bottom: 20px;
background: url([[pix:theme|bg/dot]]) repeat-x;
}
.topbor {
height: 20px;
margin-bottom: 10px;
background: url([[pix:theme|bg/dot]]) repeat-x;
}
.side-pre {
border: 1px solid #333;
}
.span12#move {
margin-top: -30px;
}
.mform fieldset.collapsible legend a.fheader {
margin-left:0;
}
.form-item .form-label, .mform .fitem div.fitemtitle, .userprofile dl.list dt, .form-horizontal .control-label {
width:180px;
}
.form-item .form-setting, .form-item .form-description, .mform .fitem .felement, #page-mod-forum-search .c1, .mform .fdescription.required, .userprofile dl.list dd, .form-horizontal .controls {
margin-left: 200px;
}
fieldset.coursesearchbox {
display: none;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
background: none repeat scroll 0 0 #F2F2F2;
}
#page-mod-forum-discuss .discussioncontrols {
margin: 5px;
}
/* Negate core style when using 'interesting' layout so that browser renders drop target
correctly. */
.empty-region-side-pre #block-region-side-pre, .empty-region-side-post #block-region-side-post {
display: block;
}
.back-to-top [class^="icon-"] {
font-size: 3em;
}
.back-to-top{
position: fixed;
bottom: 2em;
left: 92%;
display: none;
text-align:center;
font:11px/100%;
text-transform:uppercase;
text-decoration:none;
color:[[setting:maincolor]];
}
.back-to-top p{
display: none;
}
.back-to-top:hover{
color:[[setting:mainhovercolor]];
text-decoration: none;
}
/* =========================================================== *
Header
============================================================== */
#page-header {
padding: 12px 0;
}
h2.main,
#pageheading {
font-size: 1.4em;
line-height: 35px;
color: #777;
border-bottom: 1px solid #e1e1e1;
}
h1#title {
color: [[setting:maincolor]];
white-space: nowrap;
font-size: 2.1em;
}
h2#subtitle {
font-size: 1em;
margin-top: -24px;
letter-spacing: .15em;
white-space: nowrap;
}
.logo-header {
float:left;
}
img.logo {
max-width:100%;
}
#page-navbar {
margin-top: -30px;
position:relative;
z-index:2;
}
.breadcrumb-button input[type="submit"]{
background: [[setting:maincolor]];
color: #fff;
text-shadow: none;
border: 0px none;
}
.breadcrumb-button input[type="submit"]:hover {
background: [[setting:mainhovercolor]];
}
.breadcrumb-button a{
color: #fff;
}
#block-login{
width:234px;
height:80px;
padding:10px;
background:#f4f4f4;
border:1px solid #eee;
}
.login-header {
width: 256px;
float:right;
}
#block-login label, #submit{
position:absolute;
width:33px;
height:34px;
background:#E5E5E5;
margin:0;
text-align:center;
line-height:2.2em;
color:#666666;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
font-size:1.2em;
}
#submit{
margin:-34px 200px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
background:url([[pix:theme|bg/login]]) no-repeat 50% 50% [[setting:def_buttoncolor]];
box-shadow:none;
padding:0;
}
#submit:hover, #submit:focus{
transition: all 0.3s ease 0.1s;
background:url([[pix:theme|bg/login]]) no-repeat 50% 50% [[setting:def_buttonhovercolor]];
}
#block-login input[type=text],#block-login input[type=password]{
width:232px;
height:34px;
padding:0 38px;
border:0;
margin:0;
border-radius:2px;
display:block;
color:#626262;
}
#submit-caption {
color:#fff;
}
input{padding-left:40px;}
#block-login:active > #block-login:before{
background-position:100px 100px;
}
#loggedin-user {
background:#f4f4f4;
border:1px solid #eee;
width:234px;
height:90px;
float:right;
padding: 10px 10px 0 10px;
position:relative;
}
#loggedin-user .profilepic {
float: right;
}
.logininfo, .logininfo a {
font-size:1.25em;
color:[[setting:maincolor]];
font-weight: bold;
line-height: 1.15em;
}
ul.profiledrop {
background-color:#fff;
border-radius:2px;
border:1px solid #dedede;
box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
}
ul.profiledrop li {
border:none;
}
ul.profiledrop .divider {
background-color: #E5E5E5;
border-bottom: 1px solid #FFFFFF;
height: 1px;
margin: 9px 1px;
overflow: hidden;
}
#loggedin-user .nav .dropdown-toggle .caret {
border-left: 8px solid rgba(102, 102, 102, 0);
border-right: 8px solid rgba(102, 102, 102, 0);
border-top: 8px solid #666666;
content: "";
display: inline-block;
}
ul.profiledrop li a {
border:none;
color:#444;
font-size:0.8em;
line-height:1em;
padding:3px 10px;
clear: both;
display: block;
font-weight: normal;
white-space: nowrap;
}
ul.profiledrop li a i {
color: #999999;
margin-right: 8px;
width: 12px;
}
ul.profiledrop > li > a:hover, ul.profiledrop > li > a:focus {
background-image:none;
background-color:#e5e5e5;
color:#444;
}
/* =========================================================== *
Navbar
============================================================== */
.breadcrumb {
padding: 0px;
color: #555;
font-size: .9em;
background: transparent;
margin: 0px;
}
.breadcrumb-button {
margin-top: -4px;
}
ul.breadcrumb span.divider {
display: none;
}
.breadcrumb > li {
display: inline;
}
ul.breadcrumb li:after {
content: "\f105";
font-family: FontAwesome;
font-size: 1.1em;
margin: 0px 6px 0px 3px;
color: #bbb;
}
ul.breadcrumb li:last-child:after {
content: none;
}
.navbar {
margin-bottom: 0px;
background-image: none;
padding: 0 20px;
}
.navbar a {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.navbar a:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.navbar-inner {
background:[[setting:menufirstlevelcolor]];
border:0;
padding-left:0;
padding-right:0;
border-radius:0;
filter:none !important;
background-image:none !important;
}
.navbar .brand {
color: #fff;
text-shadow: none;
line-height: 30px;
font-size:1em;
background:[[setting:maincolor]];
}
.navbar .brand:hover {
background:[[setting:mainhovercolor]];
}
.navbar .nav>li>a {
color:[[setting:menufirstlevel_linkcolor]];
text-shadow: none;
border-left: 1px solid rgba(250, 250, 250, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.2);
padding:10px 18px;
}
.navbar .nav {
margin:0;
}
.navbar .nav>li {
line-height:30px;
}
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover,.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
color:[[setting:menufirstlevel_linkcolor]];
text-decoration:none;
background-color:[[setting:mainhovercolor]];
}
.navbar .btn-navbar {
background-color: [[setting:maincolor]];
background-image: none;
background-repeat: repeat-x;
border-color: [[setting:maincolor]];
box-shadow: none;
color: [[setting:menufirstlevel_linkcolor]];
float: right;
margin-left: 5px;
margin-right: -10px;
margin-top: 7px;
padding: 10px;
text-shadow: none;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
background-color: [[setting:mainhovercolor]];
color: [[setting:menufirstlevel_linkcolor]];
}
.navbar .dropdown-menu > li > a:hover, .navbar .dropdown-menu > li > a:focus {
background-image:none;
background-color:[[setting:mainhovercolor]];
color: [[setting:menufirstlevel_linkcolor]] !important;
}
.navbar .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
background-image:none;
background-color:[[setting:menusecondlevelcolor]];
color: [[setting:menusecondlevel_linkcolor]];
}
.navbar .dropdown-submenu:hover > a:after, .dropdown-submenu:focus > a:after {
border-color: transparent transparent transparent #ccc;
}
.navbar .dropdown-submenu > .dropdown-menu {
border-radius: 0;
}
.navbar .caret {
border-top-color: [[setting:menufirstlevel_linkcolor]] !important;
border-bottom-color: [[setting:menufirstlevel_linkcolor]] !important;
}
.path-mod-data .navbar form {
margin-top: 0;
}
.navbar #search {
margin-right:-20px;
overflow:hidden;
position:relative;
float:right;
padding:0;
}
.navbar #search input {
background:[[setting:menufirstlevelcolor]];
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
color:[[setting:menufirstlevel_linkcolor]];
margin:0;
padding:10px;
height:50px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
font-size:12px;
font-style:italic;
}
.navbar #search input:focus {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.navbar #search input[type="submit"] {
display:inline-block;
float:left;
background:[[setting:maincolor]] url([[pix:theme|bg/icon-search]]) no-repeat center center;
width:50px;
height:50px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.navbar #search input[type="submit"]:hover {
background: [[setting:mainhovercolor]] url([[pix:theme|bg/icon-search]]) no-repeat center center;
}
.navbar .nav .dropdown-toggle .caret {
margin-top:13px;
}
.navbar .dropdown-menu {
border:0px;
border-radius:0;
background-color:[[setting:menusecondlevelcolor]];
}
.navbar .nav>li>.dropdown-menu:before {
border-bottom:7px solid transparent;
}
.navbar .nav>li>.dropdown-menu:after {
border-bottom:4px solid transparent;
}
.navbar .dropdown-menu>li>a {
color:[[setting:menusecondlevel_linkcolor]];
border-top:1px solid rgba(250, 250, 250, 0.1);
border-bottom:1px solid rgba(0, 0, 0, 0.2);
padding:8px 20px;
}
.navbar .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:active {
color:[[setting:menusecondlevel_linkcolor]];
}
.navbar .dropdown-menu {
padding:0px;
margin-left:-2px;
margin-top:0px;
border-bottom:4px solid [[setting:maincolor]];
}
.slidershadow {
height: auto;
max-width: 100%;
vertical-align: middle;
position:relative;
z-index:1;
}
.navbar .nav-divider-right {
height:50px;
border-left:1px solid rgba(250, 250, 250, 0.1);
margin:0;
float: left;
}
.navbar .nav-divider-left {
float:left;
height:50px;
border-right:1px solid rgba(250, 250, 250, 0.1);
border-left:1px solid rgba(0, 0, 0, 0.2);
margin:0;
}
.navbar .open > .dropdown-menu {
overflow: visible !important;
}
/* =========================================================== *
Course
============================================================== */
.coursebox {
border: 1px solid #eee;
border-radius:0;
border-left:2px solid [[setting:maincolor]];
}
.coursebox > .info > h3.coursename {
float: left;
}
.coursebox > .info > .coursename a, .coursebox > .info > .name a {
background-image:none;
padding:0;
color:#444;
}
.coursebox > .info > .coursename a:before, .coursebox > .info > .name a:before {
background-color: [[setting:maincolor]];
content: "\f090";
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
display: block;
float: left;
font-family: FontAwesome;
height: 1.35em;
line-height:1.35em;
margin-right: 0.5em;
margin-top: -0.2em;
padding-top: 0.1em;
text-align: center;
width: 1.5em;
}
.course-content ul li.section.main {
border-bottom: 0px none;
background: url([[pix:theme|bg/dot]]) bottom repeat-x;
padding:10px 0 !important;
}
.course-content .current {
background-color: #FCF8E3 !important;
}
.course-content .current .content {
background-color: #fff;
}
.course_category_tree .category > .info {
border-radius: 2px;
margin: 3px 0 8px;
}
.section li.activity {
clear: none;
}
.section .label .contentwithoutlink, .section .label .activityinstance {
padding-right: 0;
}
.path-site li.activity > div, .path-course-view li.activity > div {
padding: 0;
}
#page-course-index-category .generalbox.info {
border: none;
}
.no-overflow {
overflow: auto;
padding-bottom: 1px;
}
.mod-indent-outer .no-overflow, .mod-indent .no-overflow {
overflow: inherit;
}
h2.pagetitle {
padding: 0px;
margin: 0px;
font-size: 1.2em;
line-height: 35px;
color: #777;
background: url([[pix:theme|bg/dot]]) left center repeat-x;
background-size: 20px 3px;
}
.firstword {
color: [[setting:maincolor]] !important;
margin-right: -5px;
}
.left.side {
display: none;
}
.editing .left.side {
display: inline;
}
.label, .badge {
font-weight: normal;
}
table.flexible th, .generaltable th, table.flexible td, .generaltable td {
padding: 4px;
vertical-align: middle;
}
.path-grade-report-grader .gradeparent {
line-height: 1.4em;
overflow: auto;
}
.path-grade-report-grader .gradeparent .floating {
display: block !important;
}
.path-grade-report-grader .floater.avg.floating {
margin-bottom: 2.1em;
}
.path-grade-report-grader .gradeparent .floater {
display: none;
}
.path-grade-report .gradeparent tr .cell {
border-radius: 0;
}
.path-grade-report-grader .gradeparent .heading .cell, .path-grade-report-grader .gradeparent .avg .cell, .path-grade-report-grader .gradeparent .user.cell {
font-size: inherit;
}
.path-grade-report .floating .iconsmall.sorticon {
height: 12px;
width: 12px;
}
.gradingtable input {
width: 100px;
}
.gradingform_rubric.view {
float: none;
overflow: visible;
height: inherit;
width: inherit;
}
.path-mod-assign .gradingtable tr:nth-child(2n+1).unselectedrow td {
background-color: #f9f9f9;
}
.ygtvtable td {
background-color: rgba(0, 0, 0, 0) !important;
}
td.ygtvcell {
padding: 0 !important;
}
.ygtvcontent a {
display: block;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.course-content ul.topics li.section .content, .course-content ul.weeks li.section .content {
margin-left: 8px;
margin-right: 8px;
}
.course-content ul.ctopics li.section .content .toggle {
border-radius: 2px;
margin-bottom: 8px;
}
.course-content ul.topics li#section-0 {
padding-top: 0 !important;
}
.course-content ul li.section.main {
border: medium none;
}
.course-content .section-summary .section-title:before {
color: [[setting:maincolor]];
font-family: FontAwesome;
content: "\f0fe";
margin-right: 6px;
}
#section_footer > a#next_section {
float: right;
}
#section_footer > a#previous_section {
float: left;
}
.fa-chevron-circle-left:before, .fa-chevron-circle-right:before {
color: #e2a500;
font-size: 1.5em;
}
/* =========================================================== *
Blocks
============================================================== */
.block {
background: #E5E5E5;
padding: 12px;
border: none;
margin-bottom: 10px;
box-shadow:none;
border-radius:3px;
}
.block .content {
padding: 6px;
}
.block .content hr {
border: medium none;
margin: 5px 0;
background: url([[pix:theme|bg/block-divider]]) repeat-x scroll left bottom;
}
.block #icon {
margin-right: 5px;
color: #999;
}
.hidden-blocks {
background: #ffe1e1;
padding: 10px;
border: 1px solid #EEE;
border-radius: 3px;
margin: 10px 0px 10px 0px;
}
.hidden-blocks h4 {
text-align: left;
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid #ccc;
margin-top: 0px;
color: #ff6666;
}
.hidden-blocks .block {
float: right;
width: 250px;
margin-left: 10px;
}
.block .header .title h2,
.block h3.main {
font-size: 1.15em;
color: #666;
line-height: 26px;
font-weight: normal;
padding: 7px 0;
text-transform:none;
display: inline;
}
.block .header .title h2, .block h3 {
text-shadow: none;
}
#page-footer .block .header .title h2:before {
display: none;
}
#page-footer .block .header .title h2:after {
background-color: [[setting:maincolor]];
content: "";
display: block;
height: 1px;
position: relative;
top: 6px;
width: 100px;
}
.block .header .title {
padding-left: 0px;
padding-bottom: 5px;
background: url([[pix:theme|bg/block-divider]]) repeat-x scroll left bottom;
}
.block.hidden .header .title h2,
.block.hidden h3.main,
.block.hidden .header .title {
border-bottom: none;
margin-bottom: 0px;
}
.block_quiz_results {
text-align: left;
}
.block_rss_client .decription {
height: auto;
padding-bottom: 0px;
margin-bottom: 0px;
}
.block_rss_client .content {
padding: 0px;
}
.block_rss_client .content li {
border-bottom: 1px bg/dotted #E1E1E1;
padding: 5px;
}
.block_rss_client .footer {
text-align: right;
padding-top: 5px;
}
.block_login input[type="text"],
.block_login input[type="password"] {
width: 95% !important;
}
.block .header .title .commands, .block_adminblock .content, .block .footer {
padding:0;
}
#page-footer ul.menubar, #greyboxright ul.menubar {
float:right;
margin: -25px 0;
}
.user-enroller-panel {
z-index:999;
}
/* =========================================================== *
Frontpage
============================================================== */
#site-news-forum,
#frontpage-course-list,
#frontpage-category-combo,
#frontpage-category-names {
background: url([[pix:theme|bg/dot]]) left top repeat-x;
background-size: 20px 3px;
padding-top: 20px;
}
/* =========================================================== *
Footer
============================================================== */
#page-footer {
background: [[setting:footercolor]];
margin-top: 10px;
font-size: 1em;
padding-top: 10px;
padding-bottom:0;
color: [[setting:footertextcolor]];
border-top: 3px solid [[setting:maincolor]];
text-align: left;
}
#page-footer .content a, #page-footer .footerlinks a {
color: [[setting:maincolor]];
}
.helplink {
float: right;
padding-right: 20px;
}
.helplink a {
color: orange !important;
}
#page-footer .footnote a,
#page-footer .footnote a:visited {
color: [[setting:maincolor]] !important;
}
#page-footer .footnote a:hover {
color: [[setting:mainhovercolor]] !important;
text-decoration: none;
}
#page-footer .container {
margin-right: auto;
margin-left: auto;
}
#page-footer .copy {
padding-left: 20px;
float: left;
}
#page-footer .footnote {
float: left;
color: [[setting:footertextcolor]];
margin-left: 20px;
}
#page-footer .span4 {
padding: 30px;
padding-top: 0px;
padding-bottom: 0px;
}
#page-footer hr {
display:none;
}
#page-footer h4 {
font-size: 1.2em;
padding-bottom: 6px;
border-bottom: 1px solid [[setting:copyrightcolor]];
margin-bottom: 4px;
color: [[setting:footerheadingcolor]];
}
#page-footer h5, #page-footer h6 {
color: [[setting:footertextcolor]];
}
#page-footer ul,
#greyboxright ul {
list-style-type: none !important;
margin: 0px;
margin-top: -10px;
margin-bottom: 10px;
}
#page-footer ul li,
#greyboxright ul li {
padding: 4px 0px;
padding-left: 0px;
}
#page-footer .tree_item.branch:before {
color: [setting:maincolor]];
}
.footerlinks {
line-height: 15px;
background: [[setting:copyrightcolor]];
border-top:1px solid #444444;
padding: 10px 0;
}
#page-footer .block {
border: 0px none;
background: transparent;
width: 100%;
padding: 0px;
}
#page-footer .block .header .title h2 {
color: [[setting:footerheadingcolor]];
}
#page-footer .block .header .block_action {
display: none !important;
}
#page-footer .block .header .title {
border-bottom: 1px solid [[setting:footertextcolor]];
background:none;
}
#page-footer .block .minicalendar td.weekend {
color: [[setting:footerheadingcolor]];
}
/* =========================================================== *
Profile
============================================================== */
.myprofileitem.picture {
width:100px;
height:100px;
margin:10px auto;
background:#eee;
border:5px solid #fff;
box-shadow:0px 0px 3px #aaa;
text-align:center;
-webkit-transition:border 1s ease;
-moz-transition:border 1s ease;
-o-transition:border 1s ease;
transition:border 1s ease;
}
.myprofileitem.picture:hover{
-webkit-transition:border 1s ease;
-moz-transition:border 1s ease;
-o-transition:border 1s ease;
transition:border 1s ease;
border:5px solid [[setting:maincolor]];
}
img.profilepicture
{
width:120px;
height:120px;
}
/* =========================================================== *
Quiz
============================================================== */
#page-mod-quiz-edit div.quizcontents {
clear: left;
display: block;
float: left;
width: 67%;
}
#quizcontentsblock form.quizsavegradesform label {
display:inline;
}
.points label {
font-size: 12px;
line-height: 1em;
}
#page-mod-quiz-edit div.question div.content div.points {
right:50px;
margin-top:0;
position: static;
max-width: 100%;
}
#page-mod-quiz-edit div.question div.content .questiontext, #categoryquestions .questiontext {
display: none !important;
}
#page-mod-quiz-edit div.question div.content .questionname, #categoryquestions .questionname {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#page-mod-quiz-edit .questionbankwindow.block div.header {
background: [[setting:maincolor]];
margin: 0px;
border-radius: 3px;
}
.questionbankwindow.block .header .title h2:before {
color: #fff;
content: "\f128";
}
#page-mod-quiz-edit div.container div.generalbox {
padding: 0;
}
#categoryquestions .radio input[type="radio"], #categoryquestions .checkbox input[type="checkbox"] {
float: inherit;
margin-left: -15px;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
margin: 0;
}
#categoryquestions .qtype {
text-align: left;
width: 20px;
}
.questionbankwindow.block {
background: white;
padding: 0px, 12px;
border-radius: 3px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
width: 28%;
}
.questionbankwindow.block .header .title {
border-bottom: 0px none;
}
#page-mod-quiz-edit .questionbankwindow div.header .title {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
padding: 0;
}
#page-mod-quiz-edit .questionbankwindow a#showbankcmd:hover, #page-mod-quiz-edit .questionbankwindow a#hidebankcmd:hover {
background-color: [[setting:maincolor]];
color: [[setting:mainhovercolor]];
text-decoration: none;
}
/* =========================================================== *
Blockicons by Shaun Daubney (theme_aardvark)
============================================================== */
.block .header .title h2:before {
border-radius: 3px;
color: #FFFFFF;
display: block;
float: left;
font-family: FontAwesome;
font-size: 1.35em;
height: 1.35em;
margin-left: -0.35em;
margin-right: 0.5em;
margin-top: -0.2em;
padding-top: 0.1em;
text-align: center;
width: 1.5em;
background-color: [[setting:maincolor]];
content: "\f069";
}
.block_html .header .title h2:before {
background-color: #8EC63F;
content: "\f05a";
}
.block_news_items .header .title h2:before {
background-color: #29A294;
content:"\f0a1";
}
.block_navigation .header .title h2:before {
background-color: #EB3D00;
content:"\f0e8";
}
.block_calendar_upcoming .header .title h2:before,
.block_calendar_month .header .title h2:before {
background-color: #008ecd;
content:"\f073";
}
.block_course_list .header .title h2:before {
background-color: #ffce00;
content:"\f108";
}
.block_completionstatus .header .title h2:before,
.block_selfcompletion .header .title h2:before {
background-color: #76b900;
content:"\f0e4";
}
.block_rss_client .header .title h2:before {
background-color: #008ecd;
content:"\f09e";
}
.block_rss_plus .header .title h2:before {
background-color: #ff9500;
content:"\f09e";
}
.block_blog_menu .header .title h2:before {
background-color: #ff9500;
content:"\f02d";
}
.block_quiz_results .header .title h2:before {
background-color: #008ecd;
content:"\f080";
}
.block_quiz_navblock .header .title h2:before {
background-color: #76b900;
content:"\f126";
}
.block_glossary_random .header .title h2:before {
background-color: #008ecd;
content:"\f0eb";
}
.block_book_toc .header .title h2:before {
background-color: #76B900;
content:"\f02d";
}
.block_participants .header .title h2:before,
.block_online_users .header .title h2:before {
background-color: #92499e;
content:"\f0c0";
}
.block_section_links .header .title h2:before {
background-color: #EB3D00;
content:"\f02e";
}
.block_activity_modules .header .title h2:before {
background-color: #EB3D00;
content:"\f12e";
}
.block_comments .header .title h2:before {
background-color: #ffce00;
content:"\f075";
}
.block_settings .header .title h2:before,
.block_admin_bookmarks .header .title h2:before{
background-color: #BD1A8D;
content:"\f085";
}
.block_blog_tags .header .title h2:before,
.block_tags .header .title h2:before {
background-color: #ff9f00;
content:"\f02c";
}
.block_private_files .header .title h2:before {
background-color: #38B9EC;
content:"\f114";
}
.block_block_mentees .header .title h2:before {
background-color: #76B900;
content:"\f0c0";
}
.block_messages .header .title h2:before {
background-color: #ffce00;
content:"\f0e0";
}
.block_community .header .title h2:before {
background-color: #ffce00;
content:"\f0ac";
}
.block_login .header .title h2:before {
background-color: #ffce00;
content:"\f007";
}
.block_recent_activity .header .title h2:before {
background-color: #38B9EC;
content:"\f017";
}
.block_search_forums .header .title h2:before {
background-color: #ffce00;
content:"\f0e6";
}
.block_myprofile .header .title h2:before {
background-color: #EB3D00;
content:"\f007";
}
.block_adminblock .header .title h2:before {
background-color: #76B900;
content:"\f0fe";
}
.block_feedback .header .title h2:before {
background-color: #ffce00;
content:"\f087";
}
.block_flickr .header .title h2:before {
background-color: #ff3096;
content:"\f03e";
}
.block_youtube .header .title h2:before {
background-color: #EB3D00;
content:"\f145";
}
.block_course_badges .header .title h2:before {
background-color: #29a294;
content:"\f091";
}
.block_twitter_search .header .title h2:before {
background-color: #008ecd;
content:"\f099";
}
.block_heritage .header .title h2:before {
background-color: #3e647e;
content:"\f02d";
}
.block_graph_stats .header .title h2:before {
background-color: #38B9EC;
content:"\f012";
}
.block_wikipedia .header .title h2:before {
background-color: #29A294;
content:"\f002";
}
.block_site_main_menu .header .title h2:before {
background-color: [[setting:maincolor]];
content:"\f14e";
}
/* =========================================================== *
group Tabs
============================================================== */
.nav-tabs > li, .nav-pills > li {
float:none;
display:inline-block;
*display:inline; /* ie7 fix */
zoom:1; /* hasLayout ie7 trigger */
}
.nav-tabs, .nav-pills {
text-align:center;
}
.nav>.disabled>a {
color: #555;
background: #fff;
}
.nav>.disabled>a:hover {
border: 1px solid #eee;
}
.nav-tabs>li>a {
color: #fff;
cursor: default;
background-color: [[setting:maincolor]];
border: 1px solid #eee;
border-bottom-color: transparent;
}
.nav-tabs>li>a:hover {
background-color: [[setting:mainhovercolor]];
}
/* =========================================================== *
social media
============================================================== */
.container-fluid.socials-header {
padding-left: 0;
padding-right: 0;
}
.socials-header .socials {
background-color: #fbfbfb;
border-bottom: 1px solid #e9e9e9;
}
.socials-header .social_icons.pull-right {
padding-right:20px;
}
.socials-header .social_contact {
padding-left:20px;
}
#page-footer .social_icons.pull-right {
padding-right: 15px;
}
.socials-header .socials .social_contact i {
color:[[setting:socials_color]];
font-size: 1.35em;
line-height: 35px;
}
.socials .social_contact a.social_contact_web {
padding-right:20px;
}
#page-footer .socials .social_contact i {
font-size: 1.25em;
padding: 0 0 0 20px;
}
.socials-header .socials .social_icons a.social {
color:[[setting:socials_color]];
float: left;
font-size: 1.35em;
height: 35px;
line-height: 35px;
position: relative;
text-align: center;
width: 40px;
}
#page-footer .footerlinks .socials .social_icons a.social {
color: [[setting:copyrightcolor]];
}
#page-footer .socials .social_icons a.social {
background:[[setting:socials_color]];
border-radius: 2px;
display: inline-block;
float: left;
font-size: 1.25em;
height: 25px;
line-height: 25px;
margin: 0 5px;
text-align: center;
text-decoration: none;
transition: all 0.25s ease 0s;
width: 25px;
}
.block .social_icons a.social {
background:#999999;
color:#E5E5E5;
border-radius: 2px;
display: inline-block;
float: left;
font-size: 1.25em;
height: 25px;
line-height: 25px;
margin: 0 5px;
text-align: center;
text-decoration: none;
width: 25px;
}
#page-footer .block .social_icons a.social {
color: [[setting:footercolor]];
}
.social_icons a.social {
transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
a.social.fa-facebook:hover {
color:#fff !important;
background:#3B5998 !important;
}
a.social.fa-twitter:hover {
color:#fff !important;
background:#00ACED !important;
}
a.social.fa-youtube:hover {
color:#fff !important;
background:#CB3429 !important;
}
a.social.fa-google-plus:hover {
color:#fff !important;
background:#DD4B39 !important;
}
a.social.fa-instagram:hover {
color:#fff !important;
background:#517FA4 !important;
}
a.social.fa-flickr:hover {
color:#fff !important;
background:#FF0084 !important;
}
a.social.fa-pinterest:hover {
color:#fff !important;
background:#CB2027 !important;
}
/* =========================================================== *
Bootstrap
============================================================== */
.useralerts [class^="icon-stack"] {
float: left;
vertical-align: middle;
margin-right: 10px;
}
.useralerts .title {
font-weight: bold;
margin-right: 10px;
}
.alert {
border-radius: 2px;
padding: 8px;
}
.alert.alert-info.demo {
color:#444;
margin-top:20px;
}
.course-content ul.topics li.section .left, .course-content ul.topics li.section .right {
padding: 0;
text-align: left;
width: inherit;
}
.carousel-control {
width: 40px !important;
text-align: center !important;
}
.carousel-caption {
color: #fefefe;
}
.carousel-caption h3 {
color: #fefefe;
margin-top:0;
}
.panel {
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
}
.panel-heading {
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 1px 8px;
}
.panel-body {
padding: 8px;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
background-color: #f5f5f5;
border-color: #ddd;
color: #777 !important;
}
.panel-primary {
border-color: #428bca;
}
.panel-primary > .panel-heading {
background-color: #428bca;
border-color: #428bca;
}
.panel-primary > .panel-heading > .panel-title {
color: #fff !important;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading > .panel-title {
color: #3c763d !important;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading > .panel-title {
color: #31708f !important;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading > .panel-title {
color: #8a6d3b !important;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading > .panel-title {
color: #a94442;
}
.panel-group > .panel {
margin-bottom:4px;
}
.collapsing {
height: 0;
overflow: hidden;
position: relative;
transition: height 0.35s ease 0s;
}
.nav-tabs, .nav-pills {
text-align: left !important;
}
.row-fluid.frontpage {
margin-top:25px;
margin-bottom:25px;
}
/* =========================================================== *
Responsive & General Adjustments
============================================================== */
.profiledrop .notifytiny.debuggingmessage {
display: none;
}
.pagelayout-frontpage .section .activity .mod-indent-outer {
padding-left: 0;
}
.site-topic ul.section, .course-content ul.section, ul.section {
margin: 0;
}
.section .activity .mod-indent-outer {
padding-left: 0;
}
.section .activity .editing_move {
left: -24px;
}
.course-content ul.topics li.section .summary {
margin-left: 0;
}
.moodle-actionmenu.show[data-enhanced] .menu a:hover {
background-color: #e5e5e5;
border-radius: 0;
color: #333;
}
#adminsettings h3 {
color: #444;
font-size: 1.4em;
}
.path-site .span12 li.activity > div, .path-course-view .span12 li.activity > div {
padding: 0;
}
.editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance {
padding-right: 100px;
}
.span12 .section .label .contentwithoutlink, span12 .section .label .activityinstance {
padding-right: 0;
}
#section_footer .nav_icon {
margin-bottom: -25px;
}
.container-fluid.full {
padding-left: 0;
padding-right: 0;
}
.section .activity .actions {
background:rgba(255,255,255,0.8);
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
@media(max-width:979px){
.navbar .nav-divider-left, .navbar .nav-divider-right {display:none;}
.navbar .nav > li > a {border:none;}
.nav-collapse .dropdown-menu li + li a {margin-bottom: 0;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {font-weight: normal;}
.navbar .nav-collapse.active {border-top: medium none;}
.navbar .brand {margin: 0;}
.navbar .container-fluid {padding: 0;}
.navbar .btn-navbar {margin-right: 10px;}
.navbar #search input {background: none repeat scroll 0 0 rgba(250, 250, 250, 0.1);}
.navbar #search {margin-right: 0;}
.navbar .nav-collapse.active .nav .dropdown-submenu:hover .dropdown-menu, .navbar .nav-collapse.active .nav .dropdown-menu .dropdown-submenu:hover .dropdown-menu {display: inherit;}
.nav-collapse .dropdown-submenu > .dropdown-menu {display:block;}
.navbar .dropdown-menu {border-bottom: none;}
.nav > .dropdown > .dropdown-menu {border-bottom 4px solid #E2A500}
}
}
@media(max-width:767px){
.navbar {padding: 0;}
.login-header {margin-right:8px;}
body {padding-left: 10px;padding-right: 10px;}
#wrapper {width: 100%;max-width: inherit;}
#page {padding: 0 10px;}
#block-login {margin-right: 10px;}
}
@media(max-width:480px){
.logo-header {float: none; text-align: center;}
.login-header {margin:0 auto;float:none;}
}
/*================================================== *
Additional CSS for RTL Support
=====================================================*/
.bx-wrapper {
direction: ltr;
}
.dir-rtl .camera_wrap {
direction:ltr;
}
.dir-rtl .cameraContents .camera_caption h1 {
padding: 0 10px;
}
.dir-rtl .block .header .title h2:before {
float: right;
margin-left: 10px;
margin-right: 0;
}
.dir-rtl .mform fieldset.collapsible legend a.fheader {
margin-right: 0;
}
.dir-rtl .navbar .brand {margin: 0 -20px 0 0;}
@media(max-width:979px){
.dir-rtl .navbar .brand {margin: 0;}
}
.dir-rtl .navbar #search {
float: left;
margin-left: -20px;
margin-right: 0;
}
.dir-rtl .blocknumber_box .blocknumber_icon {
float: right;
margin-left: 20px;
}
.dir-rtl .blocknumber_box {
text-align: right;
}
.dir-rtl .bx-prev {
left: 36px;
right: inherit;
}
.dir-rtl .bx-next {
left: 0;
right: inherit;
}
.dir-rtl .profileblock ul.nav {
margin-right: 0;
}
.dir-rtl ul.profiledrop li a i {
margin-left: 12px;
margin-right: 0;
}
.dir-rtl .spotlight-full {
margin-left:-27px !important;
margin-right:-55px !important;
}
.dir-rtl.content-only #region-main.span9, .dir-rtl.empty-region-side-pre #region-bs-main-and-pre.span9, .dir-rtl.empty-region-side-post #region-bs-main-and-post.span9
{
width:100%;
}
.dir-rtl.empty-region-side-pre.used-region-side-post #region-bs-main-and-post, .dir-rtl.empty-region-side-post.used-region-side-pre #region-bs-main-and-pre {
width:74.359%;
}
.empty-region-side-post.used-region-side-pre #region-main.span8 {
width: 74.359% !important;
}
@media(max-width:767px){
.dir-rtl .spotlight-full {margin-left: -17px !important;margin-right: -45px !important;}
}
[[setting:pagewidth_wide]]
/*================================================== *
HTML-Elements
=====================================================*/
a.readmore:before {
font-family: FontAwesome;
content:"\f101";
padding-right:2px;
}
blockquote {
border-left: 4px solid [[setting:maincolor]];
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
content: "- ";
}
blockquote p {
padding-left: 28px;
}
blockquote footer {
color:#777;
}
blockquote:before {
color: #bbb;
content: "\f10e";
float: left;
font-family: FontAwesome;
font-size: 1.5em;
margin-right: 8px;
}
.maincolor{
color: [[setting:maincolor]];
}
.plus {
font-size:1.05em;
}
.wp1 {
margin-top:15px;
}
.wp2 {
margin-top:30px;
}
.wp3 {
margin-top:45px;
}
/*================================================== *
Promotion Boxes
=====================================================*/
.prom-box {
padding:10px 20px;
position:relative;
margin-bottom:15px;
}
.prom-box ul {
margin-left:55px;
list-style:square;
}
.prom-box-default h1,.prom-box-default h2,.prom-box-default h3 {
margin-top:0;
color:#666;
}
.prom-box-default {
background-color:#f4f4f4;
border-left:6px solid [[setting:maincolor]];
}
.prom-box-warning h1,.prom-box-warning h2,.prom-box-warning h3 {
margin-top:0;
color:#F0AD4E;
}
.prom-box-warning {
background-color:#FCF8F2;
border-left:6px solid #F0AD4E;
}
.prom-box-danger h1,.prom-box-danger h2,.prom-box-danger h3 {
margin-top:0;
color:#D9534F;
}
.prom-box-danger {
background-color:#FDF7F7;
border-left:6px solid #D9534F;
}
.prom-box-info h1,.prom-box-info h2,.prom-box-info h3 {
margin-top:0;
color:#5BC0DE;
}
.prom-box-info {
background-color:#F4F8FA;
border-left:6px solid #5BC0DE;
}
/*================================================== *
shadows
=====================================================*/
.shadow1{
-webkit-box-shadow: 0 10px 6px -6px #aaa;
-moz-box-shadow: 0 10px 6px -6px #aaa;
box-shadow: 0 10px 6px -6px #aaa;
}
.shadow2:after {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url([[pix:theme|bg/shadow]]);
background-origin: padding-box;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% 100%;
content: "";
height: 10px;
left: 0;
position: absolute;
top: 100%;
width: 100%;
}
/* =========================================================== *
Image caption with hover effect
============================================================== */
.caption-hover {
background: #FFFFFF;
border: none;
box-shadow: 3px 3px 2px #ddd;
cursor: default;
float: left;
height: 150px;
overflow: hidden;
position: relative;
text-align: center;
}
.caption-hover .mask {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
line-height: 1.5em;
width:100%;
}
.caption-hover img {
display: block;
position: relative;
height: 110px !important;
width: 240px !important;
margin: 0 !important;
}
.caption-hover h2 {
color: #FFFFFF;
font-size: 1.15em;
margin: 0;
position: relative;
text-align: center;
text-transform: uppercase;
}
.caption-hover p {
color: #FFFFFF;
padding: 0 10px;
margin:0 0 10px;
position: relative;
text-align: center;
}
.caption-hover a.info {
background: #333;
border-radius: 3px;
color: #FFFFFF;
display: inline-block;
padding: 7px 14px;
text-decoration: none;
text-transform: uppercase;
}
.caption-hover .mask {
margin:110px 0;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.caption-hover:hover .mask {
margin:0;
}
.green {
background-color:#8EC63F;
}
.purple {
background-color:#92499E;
}
.orange {
background-color:#F1592A;
}
.lightblue {
background-color:#38B9EC;
}
.yellow {
background-color:#fdb53f;
}
.turquoise {
background-color:#29A294;
}
/* =========================================================== *
iconbox
============================================================== */
.iconbox-end {
clear:both;
margin-bottom:10px;
}
.iconbox {
float: left;
padding: 0 10px;
text-align: center;
margin-bottom: 25px;
}
.iconbox .iconcircle {
border: 1px solid [[setting:maincolor]];
border-radius: 50%;
height: 80px;
line-height: 100px;
margin: 0 auto;
width: 80px;
transition: all 0.7s;
}
.iconbox:hover > .iconcircle {
border: 1px solid #fff;
background: [[setting:maincolor]];
transition: all 0.7s;
}
.iconbox .iconcircle .fa {
color: [[setting:maincolor]];
font-size:3em;
transition: all 0.7s;
}
.iconbox:hover > .iconcircle > .fa {
color: #fff;
transition: all 0.7s;
}
.iconbox .iconbox-content {
text-align: center;
}
/* =========================================================== *
text-box
============================================================== */
.text-box {
background:#f4f4f4;
padding:15px;
}
.text-box-heading {
font-size: 2em;
padding: 10px 12px;
background:[[setting:def_buttoncolor]];
color:#fff;
}
.text-box .arrow-down {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid [[setting:def_buttoncolor]];
font-size: 0;
line-height: 0;
margin-left:7%;
}
.text-box-headindg:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(15, 213, 28, 0);
border-top-color: #0fd51c;
border-width: 15px;
margin-left: -15px;
}
/* =========================================================== *
image-box
============================================================== */
.image-box {
border: 1px solid #eee;
margin-bottom: 20px;
}
.image-box img {
margin:0;
padding:0;
border:none;
}
.image-box .image-box-content {
padding: 15px;
}
/* =========================================================== *
Numbers
============================================================== */
.blocknumber_box {
padding-bottom: 25px;
text-align: left;
}
.blocknumber_box h1, .blocknumber_box h2, .blocknumber_box h3, .blocknumber_box h4, .blocknumber_box h5, .blocknumber_box h6 {
margin-top:0;
}
.blocknumber_box .blocknumber_icon {
background: none repeat scroll 0 0 [[setting:maincolor]];
border-radius: 50%;
color: [[setting:menufirstlevel_linkcolor]];
float: left;
font-size: 20px;
height: 32px;
line-height: 32px;
margin-right: 20px;
text-align: center;
width: 32px;
}
.blocknumber_box .blocknumber_content {
overflow: hidden;
padding-top: 4px;
}
/* =========================================================== *
Headlines
============================================================== */
.headline {
border: medium none;
margin-bottom: 10px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
font-weight:bold;
padding: 8px;
}
.headline-v1 {
background: #f4f4f4;
}
.headline-v2 {
background: [[setting:maincolor]];
}
.headline-v3 {
background: [[setting:menufirstlevelcolor]];;
}
.headline .fa {
font-size: 1.25em;
margin: -8px 8px -8px -8px;
padding: 10px;
}
.headline-v1 .fa {
background: none repeat scroll 0 0 [[setting:maincolor]];
color: [[setting:menufirstlevel_linkcolor]];
}
.headline-v2 .fa {
background: none repeat scroll 0 0 [[setting:mainhovercolor]];
color: [[setting:menufirstlevel_linkcolor]];
}
.headline-v3 .fa {
background: none repeat scroll 0 0 [[setting:maincolor]];
color: [[setting:menufirstlevel_linkcolor]];
}
.content h3.sectionname {
padding: 8px 0;
background: #f4f4f4;
color:#666;
border-color: #EEEEEE #EEEEEE #EEEEEE [[setting:maincolor]];
border-style: solid;
border-width: 1px 1px 1px 3px;
padding-left: 4px;
margin-top:0;
}
.course-content .single-section .section-navigation .title {
clear: both;
font-size: 1.2em;
font-family: "[[setting:headingfont]]";
line-height: 1.2em;
padding: 8px 0;
margin-bottom: 10px;
background: [[setting:maincolor]];
border: medium none;
color: [[setting:menufirstlevel_linkcolor]];
padding-left: 2px;
font-weight:normal;
}
#section-0 .content > h3.sectionname {
border-bottom: 2px solid [[setting:maincolor]];
border-left: none;
border-top: 1px solid #e1e1e1;
font-size: 1.75em;
margin-bottom: 20px;
line-height: 25px;
box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.35);
}
.course-pano.wrapper {
height: 175px;
overflow: hidden;
position: relative;
background: #f4f4f4;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
}
.course-pano.title {
height: 135px;
left: 0;
padding: 20px;
position: absolute;
top: 0;
width: 100%;
}
.course-pano.title h2 {
margin-top:20px;
margin-bottom:25px;
color:#fff !important;
}
.course-pano.title h2 > span {
background: [[setting:maincolor]];
padding:4px 8px;
}
.course-pano.title h4 {
color:#fff !important;
margin-left:15px;
}
.course-pano.title h4 > span {
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
border-left:4px solid [[setting:maincolor]];
padding:8px;
}
.course-pano > img {
display: block;
height: 100%;
object-fit: cover;
overflow: hidden !important;
width: 100vw;
margin: 0 !important;
}
/* =========================================================== *
Spotlight
============================================================== */
.spotlight {
padding:10px;
font-size: 1.1em;
margin: 25px 0;
position:relative;
}
.spotlight-v1 {
background: none repeat scroll 0 0 [[setting:maincolor]];
}
.spotlight-v1 h1, .spotlight-v1 h2, .spotlight-v1 h3, .spotlight-v1 h4, .spotlight-v1 h5, .spotlight-v1 h6, spotlight-v1 p {
color:[[setting:menufirstlevel_linkcolor]];
}
.spotlight-v1.spotlight-full {
padding-top:15px;
padding-bottom:15px;
}
.spotlight-v1 .btn-primary {
border: 1px solid #fff;
text-decoration: none;
text-shadow: 1px 0 1px #333;
box-shadow: 1px 1px 1px #999;
}
.spotlight-v2 {
background: none repeat scroll 0 0 #f8f8f8;
border-bottom: 2px solid [[setting:maincolor]];
border-top: 1px solid #e1e1e1;
color: #333;
}
.spotlight-v2.shadow2:after {
margin-top: 2px;
}
.spotlight-v3 {
background-attachment: fixed;
background-color: #323a45;
background-image: url([[pix:theme|bg/spotlight-3-bg]]);
background-size: cover;
color: #fff;
}
.spotlight-v3 h1, .spotlight-v3 h2, .spotlight-v3 h3, .spotlight-v3 h4, .spotlight-v3 h5, .spotlight-v3 h6, spotlight-v3 p {
color: #fff;
}
.spotlight-v3 a {
color:[[setting:maincolor]];
}
.spotlight-v3 a:hover {
color:[[setting:mainhovercolor]];
}
.spotlight-full {
margin-left:-23px;
margin-right:-23px;
margin-top:25px;
padding: 30px;
}
.spotlight-v1.arrow-top {
border-top: 1px solid [[setting:mainhovercolor]];
}
.spotlight-v1.arrow-top:before {
background-color: [[setting:maincolor]];
border-top: 1px solid [[setting:mainhovercolor]];
border-left: 1px solid [[setting:mainhovercolor]];
top: -15px;
content: "";
height: 30px;
left: 50%;
margin-left: -15px;
position: absolute;
transform: rotate(45deg);
width: 30px;
}
.spotlight-v1.arrow-bottom {
border-bottom: 1px solid [[setting:mainhovercolor]];
}
.spotlight-v1.arrow-bottom:after {
background-color: [[setting:maincolor]];
border-bottom: 1px solid [[setting:mainhovercolor]];
border-right: 1px solid [[setting:mainhovercolor]];
bottom: -15px;
content: "";
height: 30px;
left: 50%;
margin-left: -15px;
position: absolute;
transform: rotate(45deg);
width: 30px;
}
@media(max-width:767px){
.spotlight-full {margin-left: -13px;margin-right: -13px;padding: 0 30px;}
}
/* =========================================================== *
Buttons & Bootstrap Buttons
============================================================== */
button, .btn, .btn-default, btn-success, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"], input.form-submit, input#id_submitbutton, input#id_submitbutton2, .path-admin .buttons input[type="submit"], td.submit input, .submit.buttons input[name="cancel"], #notice .singlebutton + .singlebutton input {
background-image:none;
background-color: [[setting:def_buttoncolor]];
color: #fff !important;
border: none;
border-radius: 2px;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.34);
text-shadow: none;
padding:6px 18px;
}
button a, .btn a {
color:#fff;
}
button:hover, button:focus, button:active, .btn:hover, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-default , input.form-submit:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input.form-submit:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, button.active, input.form-submit.active, input.active[type="button"], input.active[type="submit"], input.active[type="reset"], button:active, input.form-submit:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input.form-submit:hover, input#id_submitbutton:hover, input#id_submitbutton2:hover, .path-admin .buttons input[type="submit"]:hover, td.submit input:hover, input.form-submit:focus, input#id_submitbutton:focus, input#id_submitbutton2:focus, .path-admin .buttons input[type="submit"]:focus, td.submit input:focus, input.form-submit:active, input#id_submitbutton:active, input#id_submitbutton2:active, .path-admin .buttons input[type="submit"]:active, td.submit input:active, input.form-submit.active, input#id_submitbutton.active, input#id_submitbutton2.active, .path-admin .buttons input.active[type="submit"], td.submit input.active, input.form-submit.disabled, input#id_submitbutton.disabled, input#id_submitbutton2.disabled, .path-admin .buttons input.disabled[type="submit"], td.submit input.disabled, input.form-submit[disabled], input#id_submitbutton[disabled], input#id_submitbutton2[disabled], .path-admin .buttons input[type="submit"][disabled], td.submit input[disabled], #notice .singlebutton + .singlebutton input:hover {
background-color: [[setting:def_buttonhovercolor]];
color: #fff;
transition: all 0.3s ease 0.1s;
}
.btn-primary {
background-color: [[setting:maincolor]];
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background-color: [[setting:mainhovercolor]] !important;
transition: all 0.3s ease 0.1s;
}
.btn-info {
background-color: #38B9EC !important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-color: #29A7D8 !important;
transition: all 0.3s ease 0.1s;
}
.btn-warning {
background-color: #FFD50E !important;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
background-color: #EDC202 !important;
transition: all 0.3s ease 0.1s;
}
.btn-danger, .btn-cancel, .submit.buttons input[name="cancel"], #notice .singlebutton + .singlebutton input {
background-color: #c23a34 !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active, .submit.buttons input[name="cancel"]:hover, .submit.buttons input[name="cancel"]:focus, .submit.buttons input[name="cancel"]:active, #notice .singlebutton + .singlebutton input:hover, #notice .singlebutton + .singlebutton input:focus, #notice .singlebutton + .singlebutton input:active {
background-color: #b82d27 !important;
transition: all 0.3s ease 0.1s;
}
/* =========================================================== *
Lists
============================================================== */
ul.list-style-1 li, ul.list-style-2 li, ul.list-style-3 li {
list-style: none outside none;
}
ul.list-style-1 li:before {
font-family: FontAwesome;
content: "\f061";
display: inline-block;
margin: 0 0 0 -18px;
padding-right: 6px;
}
ul.list-style-2 li:before {
font-family: FontAwesome;
content: "\f00c";
display: inline-block;
margin: 0 0 0 -18px;
padding-right: 6px;
}
ul.list-style-3 li:before {
font-family: FontAwesome;
content: "\f138";
display: inline-block;
margin: 0 0 0 -18px;
padding-right: 6px;
}
ul.list-style-1.colored li:before, ul.list-style-2.colored li:before, ul.list-style-3.colored li:before {
color:[[setting:maincolor]];
}
/* =========================================================== *
Greybox
============================================================== */
table#greyboxright {
background: #F9F9F9;
border: 1px solid #EEE;
border-bottom: 3px solid #EEE;
margin-left: 20px;
float: right;
}
table#greybox {
background: #F9F9F9;
border: 1px solid #EEE;
border-bottom: 3px solid #EEE;
margin-top: 30px;
}
table#greyboxleft {
background: #F9F9F9;
border: 1px solid #EEE;
border-bottom: 3px solid #EEE;
margin-right: 20px;
float: left;
}
table#greyboxright td,
table#greyboxleft td {
padding: 10px;
padding-top: 0px;
max-width: 360px;
}
table#greybox td{
padding: 20px;
}
table#greyboxright h2,
table#greyboxleft h2 {
border-bottom: 1px solid #EEE;
padding-bottom: 8px;
font-size: 1.2em;
line-height: 17px;
}
/*================================================== *
Courses & Categories
=====================================================*/
.course-summary-heading {
background: [[setting:menufirstlevelcolor]];
color: [[setting:menufirstlevel_linkcolor]];
padding: 2px;
margin-bottom: 10px;
}
/*================================================== *
Bootstrap
=====================================================*/
.bs-example {
background-color: #fff;
border-color: #ddd;
border-radius: 2px 2px 0 0;
border-width: 1px;
border-style: solid;
box-shadow: none;
margin: 0 0 15px;
padding: 45px 15px 15px;
position: relative;
}
.bs-example:after {
background-color: #f6f6f6;
border: 1px solid #ddd;
border-radius: 4px 0;
color: #959595;
content: "Example";
font-size: 12px;
font-weight: bold;
left: -1px;
padding: 3px 7px;
position: absolute;
top: -1px;
}
.bs-example + pre {
margin: -16px 0 15px;
border-radius: 0 0 2px 2px;
}
.bs-example table {
margin-bottom:0;
}
.nt {
color: #d44950;
}
.s {
color: #2f6f9f;
}
.na {
color:#333;
}
.text-muted {
color:#999;
}
.text-danger {
color:#c23a34;
}
.label-danger, .badge-danger {
background-color: #c23a34;
}
.show-grid [class*="span"] {
background-color: #eee;
border-radius: 3px;
line-height: 40px;
min-height: 40px;
text-align: center;
}
.show-grid {
margin-bottom: 20px;
margin-top: 10px;
}
.panel {
border-radius: 0;
}
.panel .panel-heading a {
font-size: 1.15em;
line-height: 2em;
}
.panel .panel-heading a:before {
background: [[setting:maincolor]];
color: [[setting:menufirstlevel_linkcolor]];
content: "\f107";
float: left;
font-family: 'FontAwesome';
font-size: 1.2em;
margin: -1px 5px 0 -8px;
padding: 1px;
text-align: center;
width: 33px;
}
.panel .panel-heading a.collapsed:before {
content: "\f105";
}
.nav-tabs > li.active {
border-bottom: 1px solid #fff;
border-top: 2px solid [[setting:maincolor]];
margin-bottom: -1px;
margin-top: -2px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
background-color: #fff;
color: #555;
cursor: default;
border-radius: 0;
border: medium none;
}
.nav-tabs > li {
margin-bottom: 0;
}
.nav-tabs > li > a {
border: medium none;
background-color:#f4f4f4;
color:#555;
}
.nav-tabs > li > a:hover {
background-color: #e2e2e2;
}
.nav-tabs > li > a, .nav-pills > li > a {
margin-right: 0;
}
.nav-tabs {
background: none repeat scroll 0 0 #f4f4f4;
border-top: 2px solid #ccc;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
border-bottom:none;
margin-bottom:0;
}
.tab-content {
border:1px solid #dfdfdf;
padding:8px;
}
tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
background-color: #f2dede;
}
tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
background-color: #d9edf7;
}
tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
background-color: #dff0d8;
}
tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
[[setting:customcss]]