"Library Catalog"
Bootstrap 4.1.1 Snippet by pchilders

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html><meta charset="utf-8">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script>
function OpenPopupCenter(pageURL, title, w, h) {
var left = (screen.width - w) / 2;
var top = (screen.height - h) / 4; // for 25% - devide by 4 | for 33% - devide by 3
var targetWin = window.open(pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
}
</script>
</head>
<!-- begin toplogo.html file -->
<!-- Sierra Example Set -->
<!-- Updated: 16 Jan 2020 -->
<!--Customized:<
<div id="skipNav"><a href="#content" tabindex="1">Skip to content</a></div>
<nav class="navbar navbar-expand-lg top navbar-light">
<!-- Brand/logo -->
<body>
<a href="https://oak.indwes.edu" class="navbar-brand" title="Indiana Wesleyan University - Lewis A. Jackson Library">
<img class="img-fluid" src="https://libapps.s3.amazonaws.com/accounts/13288/images/IWULogoJLB.png" alt="IWU Jackson Library" width="186" height="111"> </a>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*<!-- IWU Jackson Library Styles -->*/
/*<!-- This File Last Changed:May 24, 2021-->*/
/* *******************************************************************
Organization:
Section 1 - Additions
Section 2 - named styles listed in alphabetical order
Section 3 - WebBridge
Section 4 - Responsive and print media queries
Color Scheme:
2009B:
background dark gray: #4D4D4D
text dark gray: #444444
blue: #1367A7
link blue: #A6192E
link active: #A6192E
light blue: #E8F2F9
yellow hover color: #FFFFE4
Gray for borders and borders serving as horizontal rules: #D3D3D3
Font Size Quick Reference
(Default browser font size) * Body Font Size = Default Display Size
16pt * .85 = 13.6pt
Find your desired size in ems by dividing your desired font-size in points by the present size of the font.
For instance, 12pt font = 12/13.6 = .8824em.
For 12pt, apply .8824em
For 11pt, apply .8088em
For 10pt, apply .7353em
********************************************************************** */
/*Section 1 -- additiona --2021 --*/
/* general appearance */
/* See also Web Option BODYPARAM */
/* Stylesheet to use for dynamic Web pages */
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Kit

Questions / Comments: