Krueger Library Custom CSS for LibGuides

Krueger Library custom JS/CSS code
10/02/13
<link rel="shortcut icon" href="http://www.winona.edu/favicon.ico" />
<style>
/*hide location and today's hours text on hours box, old text color 5E5E5E*/
#hours-col-l, .hours-col-loc, #hours-col-t {display: none;}
.hours-col-time {color:#000000; font: 18px Helvetica, Arial, sans-serif; font-
weight: bold; padding: 0px 0px 10px 40px; position:relative;}
/* change table of contents box */
.box_toc_page, .box_toc_subpage, .box_toc_current {
font: 14px Helvetica, Arial, sans-serif; font-weight: bold;
padding: 0 2px 4px 2px;
}
/* hide search box row and guide description */
.stitle, .guidedesc { display:none; }
/*change guide title font and spacing*/
.guidetitle {
font: 20px Helvetica, Arial, sans-serif;
padding: 15px 0px 0px 0px;
}
/*change link color to WSU purple*/
a {color:#4B08A1;}
/*tab customization*/
#tabsI, #tabs12 {
font: 12px Helvetica, Arial, sans-serif; font-weight: bold; !important;
text-transform: uppercase;
background:transparent;
float: left;
padding: 0;
margin: 0 0 15px -2px;
position: relative;
border-bottom:1px solid #BBB;
width:990px;}
#tabsI ul, #tabs12 ul {padding: 0;}

10/02/13
#tabsI a, #tabs12 a {background:transparent;background-
color:#F1F1F1;border:1px solid #ADADAD;border-bottom:0;padding: 3px 2px
3px 4px;margin-left:4px;border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0
0;-webkit-border-radius: 2px 2px 0 0;-khtml-border-radius: 2px 2px 0 0;}
#tabsI #current a, #tabs12 #current a {color: #fff;font-weight:
bold;background:transparent;background-color:#4B08A1;border:1px solid
#777;border-bottom:0;}
#tabsI a span, #tabs12 a span {background:transparent;color:#000;padding: 0
10px;}
#tabsI #current a span, #tabs12 #current a span {color:#EEE; }
#tabsI a:hover, #tabs12 a:hover {background:transparent;background-
color:#888;border:1px solid
#adadad;border-bottom:0;}
#tabsI a span:hover, #tabs12 a span:hover {color:#fff;}
.dropmenudiv {border:1px solid #BBB;}
.dropmenudiv a {background-color:#EEE;font-color:#FFF;font-size:12px
Helvetica, Arial, sans-serif; !important;}
.dropmenudiv a:last-child {border-bottom:0;}
.dropmenudiv a:hover {background:#4B08A1;color:#FFF;}
/*box customization */
.headerbox h2 {
font: 14px Helvetica, Arial, san-serif; !important;
/* add this back in if you want the font bolded: font-weight: bold; */
text-transform: uppercase;
color: #FFF;
font-size: 14px;
padding: 2px;
}
#container { background: #fafafa !important; }
div.innerbox.roundbox {

10/02/13
border-radius: 0px 0px 3px 3px !important;
}
div.roundbox.headerbox {
background: #888888;
border-radius: 3px 3px 0px 0px;
}
.outerbox {
padding: 0px !important;
background: transparent;
border: 1px dotted #ddd;
}
.itemlist li {
font-weight: bold !important;
}
.linklist li {
font-weight: bold !important;
}
</style>
<style type="text/css">
.column, .floatcols {
float: left;
width: 49%;
padding: 0;
margin: 0;
}
.column-wrapper {
overflow: hidden;
}
ul#mylistid{
width: 100%;
padding: 0;

10/02/13
}
li.subject_link {
padding:2px 0;
margin: 2px 6px;
list-style-type: none;
font-size: 1.15em !important;
}
li.subject_link:hover {
background: #eee;
cursor: pointer;
}
a.toggle_button {
text-decoration: none;
text-align: center;
color: #FFF;
background: #4B08A1;
border: 1px solid #ccc;
font-weight:bold;
margin: auto 6px auto 0;
padding:1px 3px;
display:inline-block;
width:15px;
cursor: pointer;
}
span.toggletext {
cursor: pointer;
}
ul.guide_links li {
margin:3px 3px 3px 26px;
list-style-type:disc;
}
ul.guide_links {
margin: 6px 0;
padding: 0;

10/02/13
line-height 1.5em;
}
</style>

<script
src="http://demo.libguides.com/data/custom/1/jquery.columns.js"></script>
<script type="text/javascript">
// Contributors: Dan Brubaker Horst, Laura J. Harris, thorbroo (#code4lib), Erin R.
White, Derik Badman.
// Code is licensed under a Creative Commons Atrribution license:
http://creativecommons.org/licenses/by/3.0/us
//compatibility mode for $ namespace (which might get used by other js libraries)
better to use jQuery in these cases
jQuery.noConflict();
// Wrapping with: (function($){ ...code...})(jQuery); replaces '$' with 'jQuery'.
(function($){
$(document).ready(function() {
$('#myScript').remove();
// creates the columns through the column plug loaded above
$('.mylist').columns({columns: 2});
// 'hide' function is called on each of the 'ul' elements with the class 'guide_links'
$('ul.guide_links').hide();
// DOM insert a link element inside of each of the subject list items.
$('li.subject_link').prepend('<a href="javascript://toggle guide links"
class="toggle_button">+</a>');
// enable toggle action on each Subject LI
$('li.subject_link').bind("click", function(){
// toggles text in the link between '+' and '-'.
if($(this).children('a.toggle_button').text() == '+'){
$(this).children('a.toggle_button').text('-');
} else {
$(this).children('a.toggle_button').text('+');
}

10/02/13
// Toggle the child 'ul' element
$(this).children('ul.guide_links').slideToggle("fast");
});
$('a.subject_link_a').contents().unwrap();
});
})(jQuery);
</script>

Krueger Library Custom CSS for LibGuides

More Related Content

Similar to Krueger Library Custom CSS for LibGuides (20)

More from Tammi Owens (9)

Recently uploaded (20)

Krueger Library Custom CSS for LibGuides