Skip to Main Content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

Admin

CSS Code

Website CSS

 

<script type="text/javascript">function validate() {
    document.auth.password.value = document.auth.password_temp.value;
    document.auth.password_temp.value = "";
    return true;
}
</script>

<style>

body, body.s-lg-guide-body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    background-color: #FFFFFF;
    margin: 0 auto;
}

#tcclogo {
    background: #004065;
    width: 100%;
    border-bottom: 5px solid gray;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* .navbar {
    margin: 0;
    padding: 0;
    background-color: #004065;
} */
/* .navbar-inverse {
    background-color: #002338;
    max-width: 100%;
    margin: 0 auto;
} */

 .navbar-inverse .navbar-nav>li>a {
    color: #FFFFFF;
 background-image: none; 

/* The :focus selector is used to select the element that has focus.  The :focus selector is allowed on elements that accept keyboard events or other user inputs.*/

.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, navbar-inverse .navbar-nav>li>a:focus {
    background-color: #93989D;

.navbar-inverse.navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav.open>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse.navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #93989D;
   }
.dropdown-menu {
    background-color: #333D47;

ul.nav.navbar-nav {
    text-align: center;
    max-width: 1280px;
    margin: 0 auto;

 .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #93989D;

/* .navbar-inverse {
    background-image: none;
} */

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-image: none;

.navbar-inverse .navbar-inverse .navbar-brand {
    color: #FFFFFF;
}
.navbar-inverse .navbar-brand:hover {
    color: #FFFFFF;
}
.navbar-inverse .navbar-nav>li> a {
    color: #FFFFFF;
    font-size: 16px;

.navbar-nav {
    float: none;
    padding-left: 140px;
}
 .navbar-inverse .n .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #FFFFFF;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #FFFFFF;
}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #FFFFFF;
}
.dropdown-menu>li>a {
    color: #ffffff;
    font-size: 16px;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #FFFFFF;
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
    border-top-color: #FFFFFF;
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    border-top-color: #FFFFFF;
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
    border-bottom-color: #FFFFFF;
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    border-bottom-color: #FFFFFF;
}
.nav>li>a {
    padding: 15px 12px;
    font: 15px;
}
.navbar-collapse {
    padding-left: 0px;
}
#s-lib-footer {
    background-color: 004065;
}
#s-lib-footer-rights a {
    color: #FFFFFF;
}
.row-fluid {
    padding-top: 10px;
    padding-right: 29px;
    padding-left: 29px;
    padding-bottom: 29px;
}
.navbar-text > a {
    color: inherit;
    text-decoration: none;
}
.row .row-fluid .col-md-4 {
    text-align: left;
    float: left;
    padding-right: 40px;
}
.row .row-fluid .col-md-2 {
    text-align: center;
}
.img-responsive {
    text-align: center;
    padding: 10px;
    background-color: #004065;
}
#s-lib-footer-public {
    background-color: #whitesmoke;
}
footer {
    color: #FFFFFF;
    background-color: #004065;
    font-style: normal;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
}
footer a {
    color: #FFFFFF;
}
#s-lib-footer-rights a {
    color: #FFFFFF;
}
.navbar-text > a {
    color: white;
    text-decoration: none;
}


.img-responsive {
    text-align: center;
    padding: 10px;
    background-color: #004065;
}

 .s-lib-box .s-lib-box-title {
    color: #000000;
    border-bottom: none;
     font-size: 20px;
}
.ui-widget-content {
    border: none;
}
#s-lg-guide-tabs-title-bar {
    border: 0;
}
 #s-lg-guide-header-name {
    text-align: left;
    font-size: 12px;
}
 #s-lg-guide-description {
    display: none;
}
 #s-lib-bc {
    display: none;
}
 #s-lg-guide-header {
    padding-top: 20px;
}
 div.s-lib-featured-profile-image {
    max-width: 170px;
    max-height: 170px;
    width: auto;
    height: auto;
}
#s-lg-hp-nav-bottom {
    background-color: #333D47;
}
#s-lg-az-nav, #s-lg-er-nav, #s-lg-hp-nav, #s-lg-profile-nav, #s-lg-srch-nav {
    background-color: #b0dfed;
}
 .panel-default>.panel-heading {
    background: #b0dfed;
}
.s.lib-box {
    background-color: #b0dfed;
}
 .panel-default {
    border-color: #003A5C;
}
 .s-lib-box-idx-guide-list {
    border-color: #003A5C;
}
 .s-lib-box-id-guide-list {
    background-color: #b0dfed;
}
.s-lib-box-idx-guide-list .s-lg-gtitle .fa-info-circle {
    color: #000000;
}
.navbar-default {
    background-color: #b0dfed;
}
 badge {
    background-color: #000000;
}
#tcclogo {
    background: #004065;
    width: 100%;
    border-bottom: 5px solid gray;
    padding-top: 10px;
    padding-bottom: 10px;
}

#s-lib-footer {
    background-color: 004065;
}

.row-fluid {
    padding-top: 10px;
    padding-right: 29px;
    padding-left: 29px;
    padding-bottom: 29px;
}
.navbar-text > a {
    color: inherit;
    text-decoration: none;
}
.row .row-fluid .col-md-4 {
    text-align: left;
    float: left;
    padding-right: 40px;
}


#s-lib-footer-public {
    background-color: #whitesmoke;
}
footer {
    color: #FFFFFF;
    background-color: #004065;
    font-style: normal;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;

#s-lib-footer-rights a {
    color: #FFFFFF;
}
.row-fluid {
    padding-top: 10px;
    padding-right: 29px;
    padding-left: 29px;
    padding-bottom: 29px;
}

.row .row-fluid .col-md-4 {
    text-align: left;
    float: left;
    padding-right: 40px;
}
.row .row-fluid .col-md-2 {
    text-align: center;
}
.img-responsive {
    text-align: center;
    padding: 10px;
}
 .ui-tabs .ui-tabs-nav li a {
    font-size: 14px;
      color: #000000;
}
 
 .ui-widget-header {
    background: #89d2e6;
}
 li.ui-tabs-active a {
    background: #A8ACB0 !important;
}
.ui-tabs-anchor {
    background-color: #89d2e6;
}
/* Size styles for profile box photo image -gives consistent size */
div.s-lib-featured-profile-image {
    max-width: 170px;
    max-height: 170px;
    width: auto;
    height: auto;
}
#s-lg-hp-nav-bottom {
    background-color: #333D47;
}
#s-lg-az-nav, #s-lg-er-nav, #s-lg-hp-nav, #s-lg-profile-nav, #s-lg-srch-nav {
    background-color: #b0dfed;
}
 .panel-default>.panel-heading {
    background: #b0dfed;
}
.s.lib-box {
    background-color: #b0dfed;
}
 .panel-default {
    border-color: #003A5C;
}
 .s-lib-box-idx-guide-list {
    border-color: #003A5C;
}
 .s-lib-box-idx-guide-list {
    background-color: #b0dfed;
}
 .s-lib-box-idx-guide-list .s-lg-gtitle .fa-info-circle {
    color: #000000;
}
.navbar-default {
    background-color: #b0dfed;
}
 badge {
    background-color: #000000;
}


#s-lg-box-27553505 .s-lib-box-title {display: none;} 
#s-lg-box27553505 {border: 0px; box-shadow: none;}

.modal-content{ width:fit-content;}

.modal-dialog{
position: absolute;}

/* Hide the Vendors dropdown */
#col-vendors {
    display: none;
}
/* Hide the search box */
#col-search {
    display: none;
}
</style>

Homepage Guide CSS

Homepage Guide CSS on the Librarypage

Custom Guide CSS  

SpringShare help file  for Guide Custom CSS

#s-lg-box-226595453 { background-color: #89d2e6;
}

hr {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: #003A5C;
    border-width: 3px 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 3px 0;
    border-radius: 20px;
}

#s-lg-box-26595461 ul {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;

}

#s-lg-box--26595453 {

 padding: 10px ;
 border:8px ;
 border-style:outset;
 border-color:#003A52; 
color::#003A52,,
  background-color: #89d2e6;}
 
#s-lg-box-25743794 {

 padding: 10px ;
 border:8px ;
 border-style:outset;
 border-color:#003A52; 
color::#003A52,,
  background-color: #89d2e6;}

a {
color:#000000;
 text-decoration: underline;  }
a:hover {
  color: red;}

#s-lg-box-25743561 ul {
 -webkit-columns: 3 200px;
     -moz-columns:3 200px;
          columns: 3 200px;

  }
#s-lg-box-26595453 {

 padding: 10px ;
 border:8px ;
 border-style:outset;
 border-color:#003A52; 

  background-color: #89d2e6;}


</style>