Learning Group CSS Template

Owned by Ezra Wolfe (DLC - Disabled) (Unlicensed)
Last updated: May 08, 2023 by Remy Perez (Deactivated)
2 min read

**5/8/23 - This CSS Template was created prior to the flat theme and may need to be adjusted accordingly for it to look correct. See https://gocadmium.atlassian.net/browse/ECE-4064 for a related issue.

The template provided below can be used to override the colors and logo of a learning group.

/* Basic links */ a {color:blue;} /* Logo */ #logo img {display:none;} #header-inner {height:75px;background-color:white;background-position:center left;background-repeat:no-repeat;background-image:url('https://www.ethosce.com/wp-content/uploads/2017/05/ethos.flat_.svg') !important;} /* Header background */ #header {background-color:white;background-image:none;} /* Main menu background */ #navigation {background-color:black;background-image:none;} /* Main menu background mouseover */ #navigation #main-menu li ul, #main-menu > ul > li:hover, #main-menu > ul > li > a:hover, #main-menu > ul > li > a.active-trail {background-color:white;} /* Main menu text */ #main-menu li a {color:white;} /* Main menu text mouseover */ #main-menu li:hover, #main-menu li:hover a, #main-menu li a:hover, #main-menu li a.active-trail, #main-menu li.expanded:hover > a:after {color:black;} /* Main menu dropdowns */ #main-menu li li a {color:black;} /* Headers */ h1, h2, h3, h4, h5, legend, .field-label, table caption, .order-review-table .pane-title-row, .user-profile .field-name-profile-email, .group-credits .course-credit-title, .page-node-course-complete .course-flow-body-title {color:black;} /* Borders */ #header, #footer, .item-list .pager li.pager-next a, .item-list .pager li.pager-previous a, .view-ethosce-calendar .date-nav-wrapper .pager li a {border-color:black;} #tabs-container .tabs-primary li a.is-active, .horizontal-tabs ul.horizontal-tabs-list li.selected a, .resp-tabs-list .resp-tab-active a, #tabs-container .tabs-primary li a.is-active:hover, .horizontal-tabs ul.horizontal-tabs-list li.selected a:hover, .resp-tabs-list .resp-tab-active a:hover, #main-menu li a.active-trail {border-top-color:black;} /* Buttons and rollovers */ input[type="submit"], .action-link a, .more-link a, .course-take-course-link, #pre-req-courses .item-content .right a, #course-outline li .item-details .item-btn, #block-course-navigation #course-nav li a, #content-area .quiz-start-link, #content-area .quiz-back-link, #content-area .answer-sheet-link, .view-ethosce-calendar .date-nav-wrapper .pager li a, .quiz-retake-link, div.course-flow-body-title, #course-outline h3.main-header, .panel-pane .pane-title, #block-course-navigation .block-title, .item-list .pager li.pager-next a, .item-list .pager li.pager-previous a, #tabs-container .tabs-primary li a:hover, .horizontal-tabs ul.horizontal-tabs-list li a:hover, #tabs-container .tabs-secondary li a.is-active, #tabs-container .tabs-secondary li a.is-active:hover, #course-outline li.completed .item-header .progress span, #course-outline li.in-progress .item-header .progress span, .calendar-calendar .week-view .full div.single-day div.weekview, .calendar-calendar .day-view .full div.single-day div.dayview {background-color:black;border-color:black;} #main-menu li.expanded > a:hover:after, #main-menu li.expanded > a.active-trail:after, #course-outline .course-outline-list li#complete a:before, #content-area .ds-1col.node-course .field-type-fivestar .star.on a:after, #content-area .ds-1col.node-course .field-type-fivestar .star .on:after {color:black;} #ethosce-footer-callout {border-color:black;} /* Course tabs */ #content-area .resp-tabs-list li a:hover, #content-area .resp-tabs-list li a.group-register {background-color:black;} #content-area .resp-tabs-list li.resp-tab-active a {border-top-color:black !important;} #content-area .resp-tabs-list li.resp-tab-active a:hover {background-color:transparent;} /* Accent */ div.course-flow-body-title, #course-outline h3.main-header, .panel-pane .pane-title, #block-course-navigation .block-title {border-bottom-color:grey;} /* Secondary headers */ div.course-flow-body-title, .group-right .group-course-summary legend, #content-area thead th, .course-relationships-tree-header, #course-outline h3.main-header, .panel-pane .pane-title, #content-area .responsive-calendar .weekdays li, #block-course-navigation .block-title, .course-nav-return-menu-wrapper ul li {background-color:darkgrey;} /* Secondary accent */ .group-right .group-course-summary .fieldset-wrapper {border-top-color:grey;} /* Footer */ #footer {background-color:darkgrey;color:white;} #footer a {color:white;}