Admin

Reduces the container width to 90% to widen the width of the footer and header */

.container {width: 90%;}

.container.footer {width:100%;}

#s-lib-banner {width:100%;}

Changes the font system-wide 

body {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 16px;}Change margin colors 

Change margin colors 

body {background-color: #cccccc;}

.s-lib-side-borders {background-color: #ffffff; padding-left: 10px; padding-right: 10px;}

body {background-image: url(//libapps.s3.amazonaws.com/accounts/62172/images/brady-bellini-114681.jpg)}

CSS for Divider Bars

<style>
a: link{
 color:#003A5C;}
hr {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: #003A5C;
    border-width: 6px 0 0 0;
    border-radius: 20px;
}
hr:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color:#003A5C;
    border-width: 0 0 6px 0;
    border-radius: 20px;
}
</style>

Code for resizing vidoes
CSS:

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  

/* Flaired edges, by Tomas Theunissen */

hr {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
    
      
    /* Single-direction drop shadow */

hr.style-four {
    height: 12px;
    border: 0;
    border-color:red;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);

Work Cited  for indenting second line of a citation

.workscited {

 padding-left: 30px ;

 text-indent: -30px;

 line-height: 3em;}

}

Hide the Subject Guides box from the sidebar of the Databases A-Z Subject and Databases pages

#s-lg-az-guides-div, #s-lg-sb-guides-div {display:none !important;}

 #s-lg-sel-az-vendors{
 display:none;}

As part of a custom look for your LibGuides website, you may want to hide the breadcrumbs.

<style>

 /*Below removes the breadcrumbs from the guide*/

#s-lib-bc {
display: none;
}

</style>

Part of a custom look for your LibGuides website, you may want to hide the title of the guide.

<style>

 /*Below removes the name of the guide from view*/

#s-lg-guide-name {
  display: none;
}

</style>

As part of a custom look for your LibGuides website, you may want to hide the tabs from being viewed, especially if your new LibGuides website only has one tab.

<style>

 /*Below removes the tabs from view*/

#s-lg-tabs-container {
display: none;
}

</style>

In order to make the font sizes on your website match, you may want to increase the font size on LibGuides' built in link text.

<style>

/*increase link font size*/
.s-lg-link-list {font-size: 14px}

</style>