Customising your CourseSales.com administration portal with CSS

Friday, Jun 22, 2018

The Style Sheet (CSS) code CourseSales.com staff use by default for the administration portal is below. You can just copy and paste this into your own, making modifications where necessary. In fact you might be able to download your copy by visiting https://{shortname}.coursesales.com/co/{shortname}/csadmin.css

If this is the case then perhaps a file has been created for your already and it might have some customizations that you rely on! Don’t just overwrite it - be sure to take a backup.

/* 
The following customises the Document Registration List
*/
.documentsummary div.crsDocLstRowBirth{
  display:inline !important;
}
.documentsummary div.crsDocLstRow{
  display:list-item;
  list-style-type:decimal;
  margin-left: 1.3em;
}
.documentsummary div.header{
  margin-left: 1.3em;
  padding: 6px 0 6px 6px;
}
.documentsummary div.crsDocLstRowName{
  width: 40%;
}
.documentsummary div.heading1{
  font-weight: bold;
  display:block;
  box-sizing: border-box;
}
.documentsummary div.crsDocLstRowUsi{
  width: 15%;
}
.documentsummary div.heading2{
  font-weight: bold;
  display:block;
  box-sizing: border-box;
  padding: 0px 0px 0px 10px;
}
.documentsummary div.crsDocLstRowExtId{
  width: 10%;
}
.documentsummary div.heading3{
  font-weight: bold;
  display:block;
  box-sizing: border-box;
  padding: 0px 0px 0px 10px;
}
.documentsummary div.crsDocLstRowBirth{
  width: 10%;
  min-height:6px;
}
.documentsummary div.heading4{
  font-weight: bold;
  display:block;
  box-sizing: border-box;
  padding: 0px 0px 0px 10px;
}
.documentsummary div.crsDocLstRowComp{
  display:inline;
}
.documentsummary div.heading5{
  font-weight: bold;
  display:inline;
  box-sizing: border-box;
  padding: 0px 0px 0px 10px;
}
.documentsummary div.heading6 {
  font-weight: bold;
  display:inline;
  box-sizing: border-box;
  padding: 0px 0px 0px 40px;
}
body.documentsummary div.crsDocLstCourse {
  width: 400px !important;
}

/* The following makes the USI links look like links (blue with underlines)! */
span.JumpLink {
  cursor:pointer;
  color:blue;
  text-decoration:underline;
}
span.JumpLink:hover {
  text-decoration:none;
}

/* This makes the tour instructions look really nice*/
.instruction{
  background-color: yellow;
}

/* hide content eg terms etc, by default and display the text as a blue underlined link */
.toggle-wrap {
  display:none;
}
.toggle-trigger {
  cursor:pointer;
  color:blue;
  text-decoration:underline;
}
.toggle-trigger:hover {
  text-decoration:none;
}
/* Hide the print icon */
#prt{
  display:none !important;
}
/* Style the dropdown list of wizards and the wizard heading */
.SelectTour{
  width: 120px;
  vertical-align: top;
  margin: 0px 12px;
  float: right;
}
.popover-title{
  padding-right: 35px !important;
}

/* This makes the wizard instructions look really nice*/
.instruction{
  background-color: yellow;
}