# Digital Collections

**Source**: https://digital.library.sydney.edu.au/
**Parent**: https://www.library.sydney.edu.au/support

[Skip to content](#main_content_area_ref)

- [Home](https://digital.library.sydney.edu.au/)
- [Browse All](https://digital.library.sydney.edu.au/nodes/browse)
- [Search](https://digital.library.sydney.edu.au/nodes/definesearch)
- [My History](https://digital.library.sydney.edu.au/pages/history)
- [Login](https://digital.library.sydney.edu.au/users/login)
- More

- [How to contribute](https://digital.library.sydney.edu.au/pages/howtocontribute)
- [Login](https://digital.library.sydney.edu.au/users/login)
- [Register](https://digital.library.sydney.edu.au/users/register)

[Drop down list of top links](#)

.xf-web-container {
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
}
/\*! CSS Used from: https://www.sydney.edu.au/etc.clientlibs/library/clientlibs/library-frontend-svelte-css.css?a=nocache \*/
div,
span,
a,
ul,
li,
header,
section {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
header,
section {
display: block;
}
ul {
list-style: none;
}
a {
background-color: transparent;
font-family: "Apercu", Helvetica, sans-serif;
}
button {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button {
overflow: visible;
}
button {
text-transform: none;
}
button,
[type="button"] {
-webkit-appearance: button;
}
ul,
li {
margin: 0;
padding: 0;
}
.xf-web-container {
box-sizing: border-box;
}
.sr-only {
position: absolute;
border: 0;
padding: 0;
margin: -1px;
overflow: hidden;
width: 1px;
height: 1px;
clip: rect(0, 0, 0, 0);
}
.m-link[data-type="anchorLink"] {
color: #ce3d20;
}
.m-link[data-type="anchorLink"]:hover,
.m-link[data-type="anchorLink"]:focus {
color: #ce3d20;
}
.m-grid {
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-flow: row wrap;
padding: 0;
margin: 0;
margin-right: calc(var(--m-grid-column-gap) / -2);
margin-left: calc(var(--m-grid-column-gap) / -2);
}
.m-grid\_\_cell {
box-sizing: border-box;
margin: 0;
padding: 0 calc(var(--m-grid-column-gap) / 2);
--m-grid-cell-max-width: 100%;
max-width: var(--m-grid-cell-max-width);
}
@media screen and (min-width: 576px) {
.\31\/3--mobile-up {
--m-grid-cell-max-width: 33.33333%;
flex-basis: var(--m-grid-cell-max-width);
max-width: var(--m-grid-cell-max-width);
}
}
@media screen and (min-width: 768px) {
.\32\/3--tablet-up {
--m-grid-cell-max-width: 66.66667%;
flex-basis: var(--m-grid-cell-max-width);
max-width: var(--m-grid-cell-max-width);
}
}
.m-link {
--link-font-size: "inherit";
color: #ce3d20;
text-decoration: none;
font-size: var(--link-font-size);
font-weight: 400;
}
.m-link:focus,
.m-link:hover {
color: #ce3d20;
cursor: pointer;
text-decoration: none;
}
.m-link--block {
display: block;
}
.m-link\_\_content {
text-decoration: underline;
}
.m-link--block {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.m-link\_\_icon-right {
position: relative;
transition: right 0.2s;
margin-left: 6px;
right: 0;
}
.m-link:focus:not(.m-link--no-movement) .m-link\_\_icon-right,
.m-link:hover:not(.m-link--no-movement) .m-link\_\_icon-right {
right: -5px;
}
.m-link--default {
display: flex;
align-items: center;
}
.m-link--default span {
text-decoration: none;
}
.m-link--default--block {
display: block;
}
.m-button {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 16px 32px;
font-weight: 700;
line-height: 1;
text-align: center;
transition: all 400ms;
cursor: pointer;
}
.m-button--button {
border: none;
}
.m-button\_\_content {
text-decoration: none;
line-height: 1;
}
.m-button\_\_icon-right {
margin-left: 8px;
}
.m-button[data-style="inline"] {
background: none;
border: 0;
color: #fff;
}
.m-button[data-style="inline"]:focus,
.m-button[data-style="inline"]:hover {
background: none;
text-decoration: underline;
}
.m-content-container {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.m-content-container {
padding-left: 16px;
padding-right: 16px;
}
}
@media (min-width: 992px) {
.m-content-container {
padding-left: 16px;
padding-right: 16px;
}
}
@media (min-width: 1200px) {
.m-content-container {
padding-left: 16px;
padding-right: 16px;
max-width: 1200px;
}
}
.site-header {
position: relative;
z-index: 1;
}
.site-header {
position: relative;
min-height: 80px;
z-index: 99999;
}
.m-lib-header {
position: relative;
top: 0;
width: 100%;
background: #141414;
padding: 8px 16px;
}
.m-lib-header\_\_container {
align-items: center;
}
.m-lib-header\_\_logo-content {
display: flex;
flex: 0 0 100%;
align-items: center;
color: #fff;
}
@media (max-width: 575px) {
.m-lib-header\_\_logo-content {
padding: 8px 0 0 0;
justify-content: space-between;
}
}
.m-lib-header\_\_logo-title {
font-family: "Apercu", Helvetica, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 400;
text-decoration: none !important;
color: #fff;
}
.m-lib-header\_\_logo-titlelink {
text-decoration: none !important;
color: #fff;
}
.m-lib-header\_\_logo-titlelink:hover {
text-decoration: none !important;
color: #fff;
}
@media (min-width: 576px) {
.m-lib-header\_\_logo-titlelink {
display: inline-block;
margin-left: 20px;
}
}
.m-lib-header\_\_navs--tablet {
display: none;
}
@media (min-width: 576px) {
.m-lib-header\_\_navs--tablet {
display: flex;
flex: 1;
justify-content: flex-end;
}
}
@media (min-width: 992px) {
.m-lib-header\_\_navs--tablet {
justify-content: space-between;
}
}
.m-lib-header\_\_navs-item {
margin-left: 32px;
}
.m-lib-header\_\_navs-item:first-child {
margin-left: 0;
}
.m-lib-header\_\_navs-item .m-link {
color: #fff;
font-weight: 400;
}
.m-lib-header\_\_navs-item .m-link\_\_content {
text-decoration: none;
}
.m-lib-header\_\_navs-item .m-link:hover {
color: #141414;
}
@media (min-width: 768px) {
.m-lib-header\_\_navs-item .m-link:hover {
color: #fff;
}
}
.m-lib-header\_\_navs-link {
border-bottom: 2px solid #141414;
color: #fff;
font-family: "Apercu", Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-decoration: none;
}
.m-lib-header\_\_navs-link:hover {
border-color: #fff;
}
.m-lib-header\_\_navs--primary-navs {
display: none;
}
@media (min-width: 992px) {
.m-lib-header\_\_navs--primary-navs {
display: flex;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.m-lib-header\_\_navs--global-navs {
display: flex;
justify-content: space-between;
}
}
.m-lib-header\_\_mobile {
background: #fff;
display: none;
padding: 20px;
}
@media (max-width: 991px) {
.m-lib-header\_\_mobile {
display: block;
}
}
.m-lib-header\_\_mobile-pane {
position: absolute;
transform-origin: left top;
transform: scaleY(0);
margin-top: 0px;
z-index: 99910;
width: 100%;
}
@media (min-width: 768px) {
.m-lib-header\_\_mobile-pane {
top: 132px;
width: 30vw;
}
}
.m-lib-header\_\_mobile .m-lib-header\_\_navs {
border-top: 1px solid #d2d2d2;
padding-top: 20px;
margin-top: 20px;
}
.m-lib-header\_\_mobile .m-lib-header\_\_navs:first-child {
border-top: 0 none;
padding-top: 0;
margin-top: 0;
}
.m-lib-header\_\_mobile .m-lib-header\_\_navs-item {
padding-top: 20px;
margin: 0;
}
.m-lib-header\_\_mobile .m-lib-header\_\_navs-item:first-child {
padding-top: 0;
}
.m-lib-header\_\_mobile .m-lib-header\_\_navs-item .m-link {
color: #ce3d20;
}
.m-lib-header\_\_mobile .m-lib-header\_\_navs-link {
border-bottom: 2px solid #fff;
color: #141414;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: all 0.3s;
}
.m-lib-header\_\_mobile .m-lib-header\_\_navs-link:hover {
border-color: #ce3d20;
}
@media (min-width: 768px) {
.m-lib-header\_\_mobile .m-lib-header\_\_navs-global-links {
display: none;
}
}
.m-lib-cultural-wellbeing-link {
background: #40645c;
text-align: center;
}
.m-lib-cultural-wellbeing-link .m-button {
display: inline;
}
.m-lib-cultural-wellbeing-link .m-button\_\_icon-right {
--fill-colour: $colour-brand-white !important;
fill: #fff !important;
position: relative;
left: 0;
top: 2px;
transition: left 0.2s;
}
.m-lib-cultural-wellbeing-link .m-button:hover .m-button\_\_icon-right {
transition: left 0.2s;
left: 6px;
}
.m-lib-cultural-wellbeing-link .m-button\_\_content {
font-weight: 400;
}
#skiptocontent a {
padding: 5px;
position: fixed;
top: -40px;
left: 0px;
color: white;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-bottom-right-radius: 8px;
background: #ce3d20;
transition: top 0.5s ease-out;
z-index: 100;
}
#skiptocontent a:focus {
left: 0px;
top: 0px;
outline-color: transparent;
transition: top 0.05s ease-in;
}
/\* Recollect custom mobile integration code \*/
@media (max-width: 790px) {
.m-logo {
margin-left: 20px;
}
.m-lib-header {
width: auto;
}
}

# Digital Collections

# Digital Collections

## Explore the University of Sydney Library's digital collections

#feature\_1\_5 {
position: relative;
display: block;
width: 100%;
max-width: none;
height: 400px;
overflow: hidden;
text-align: center;
background-color: #ffffff;
background-image: url(/img/loading\_feature\_transparent.gif);
background-position: center;
background-repeat: no-repeat;
transition: 1s ease all;
}
#feature\_1\_5 img.swap {
width: 100%;
height: auto;
margin: auto 0;
display: none;
}
#ftitle {
position: absolute;
display: none;
width: 100%;
bottom: 10px;
color: #000000;
text-shadow: 0px 0px 8px #ffffff;
cursor: pointer;
text-align: center;
z-index: 2;
padding: 2px 0;
font-size: 16px;
font-weight: 400;
}
#ftitle:hover {
background-color: #FFFFFF;
}
#fprev,
#fnext {
display: block;
background: url(/img/rfeature/arrows.png);
width: 20px;
height: 20px;
cursor: pointer;
z-index: 3;
}
#fprev {
float: left;
margin-left: 12px;
}
#fprev:hover {
background-position: 0px -20px;
}
#fnext {
float: right;
margin-right: 12px;
background-position: -20px 0;
}
#fnext:hover {
background-position: -20px -20px;
}
/\* Banner Settings ~~~~~~~~~~~~~~~ \*/
.hidden-banner #ftitle {
opacity: 0;
}
/\* If banner is set to on hover \*/
.hover-banner #ftitle {
opacity: 0;
}
.hover-banner:hover #ftitle {
opacity: 1;
transition: 1s ease all;
}

$(window).load(function() {
var n = $("img.swap").length;
var c = -1; // start at the start - minus one to account for the initial increment
var t;
//R1X-7562
function fadeinout(jump) {
clearTimeout(t);
$("#ftitle, #fprev, #fnext").hide();
// Image Swap logic ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
$("img.swap").eq(c).fadeOut(350, function() {
// Are we going backward...
if (jump < 0) {
c--;
// Or are we going forward
} else {
c++;
}
c = cplus(c);
swapsrc($("img.swap").eq(c + 1));
// Calculate the size of the widget display image
var height = 400;
if (window.innerWidth < 790) {
height = Math.round(window.innerWidth / 2);
$("#feature\_1\_5").css("height", height + "px");
} else {
height = 400;
$("#feature\_1\_5").css("height", height + "px");
}
margin = ($("img.swap").eq(c).height() - height) / 2;
margin = margin \* -1;
$("img.swap").eq(c).css("margin-top", margin + "px").fadeIn(350, function() {
$("#fprev").attr("title", "Previous: " + $("img.swap").eq(cplus(c - 1)).attr("title"));
$("#fnext").attr("title", "Next: " + $("img.swap").eq(cplus(c + 1)).attr("title"));
$("#ftitle span").text($("img.swap").eq((c)).attr("title"));
$("#ftitle").show();
if (n > 1) {
$("#fprev, #fnext").show();
t = setTimeout(function() {
fadeinout(c);
}, 4000);
swapsrc($("img.swap").eq(c + 1));
}
});
});
}
// This function checks where we're at in the array..
function cplus(x) {
// If we're at the end, go back to the first image.
if (x > n - 1) {
return 0;
// If we go backwards past the first image, go to the last image
} else if (x < 0) {
return n - 1;
// As you were
} else {
return x;
}
}
fadeinout(0);
// Navigation
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
$("#ftitle").click(function() {
$("img.swap").eq(c).click();
});
$("#fprev").click(function() {
fadeinout(-1);
return false;
});
$("#fnext").click(function() {
fadeinout(1);
return false;
});
});
//adding aria-label attribute to featured image links with the image title value
$(document).ready(function() {
$('.featureditems a').each(function() {
let ariaLabel = $(this).find('img').attr('title');
$(this).attr('aria-label', ariaLabel);
})
});

[Texts\
4,877](https://digital.library.sydney.edu.au/nodes/browse/?filter=eyJudGlkcyI6WzIzXX0=)[Images\
4,357](https://digital.library.sydney.edu.au/nodes/browse/?filter=eyJudGlkcyI6WzI0XX0=)[Collections\
67](https://digital.library.sydney.edu.au/nodes/browse/?filter=eyJudGlkcyI6WzNdfQ==)[Video\
119](https://digital.library.sydney.edu.au/nodes/browse/?filter=eyJudGlkcyI6WzI2XX0=)[Show All\
12,105](https://digital.library.sydney.edu.au/nodes/browse)

#browser {
display: block;
}
#browser a {
background-color: var(--primary);
color: #ffffff;
display: inline-block;
position: relative;
padding: 3px;
margin-right: 3px;
margin-bottom: 3px;
border-radius: 4px;
text-decoration: none;
min-height: 32px;
min-width: 100px;
}
#browser a:hover {
background-color: #EE631B;
}
#browser a span.b\_title {
font-size: 16px;
font-weight: 400;
white-space: nowrap;
}
#browser a span.b\_count {
font-size: 26px;
font-weight: 400;
white-space: nowrap;
}

[Music](https://digital.library.sydney.edu.au/nodes/view/15432 "Music")

[J.W. Power](https://digital.library.sydney.edu.au/nodes/view/15211 "J.W. Power")

[天経或問 (Tianjing huowen; Tenkei wakumon; Some questions about astronomy)](https://digital.library.sydney.edu.au/nodes/view/15177 "天経或問 (Tianjing huowen; Tenkei wakumon; Some questions about astronomy)")

[Ada Lovelace](https://digital.library.sydney.edu.au/nodes/view/15167 "Ada Lovelace")

[Science Fiction](https://digital.library.sydney.edu.au/nodes/view/15163 "Science Fiction")

[The natural world](https://digital.library.sydney.edu.au/nodes/view/15136 "The natural world")

[Early books on Australia, New Zealand and the Pacific](https://digital.library.sydney.edu.au/nodes/view/15126 "Early books on Australia, New Zealand and the Pacific")

[Manuscripts](https://digital.library.sydney.edu.au/nodes/view/15125 "Manuscripts")

[Medieval fragments

"Fragments" is the term used to describe the surviving parts of what used to be a whole book.](https://digital.library.sydney.edu.au/nodes/view/15124 "Medieval fragments")

[John Job Crew Bradfield collection

The materials were created by Dr. J.J.C. Bradfield, the first University of Sydney PhD in Engineering. He is known for the design and construction of the iconic Sydney Harbour Bridge.](https://digital.library.sydney.edu.au/nodes/view/15074 "John Job Crew Bradfield collection")

[NSW Bookstall Company

Original artwork and illustrations for books published by the NSW Bookstall Company held by the University of Sydney Library.](https://digital.library.sydney.edu.au/nodes/view/14843 "NSW Bookstall Company")

[Fore-edge Paintings

Fore-edge paintings were created by fanning out the pages of the book and then clamping them to create an angled surface for the artist to paint on.](https://digital.library.sydney.edu.au/nodes/view/14687 "Fore-edge Paintings")

[Incunabula](https://digital.library.sydney.edu.au/nodes/view/14602 "Incunabula")

[De humani corporis fabrica libri septem (On the fabric of the human body in seven books)](https://digital.library.sydney.edu.au/nodes/view/14020 "De humani corporis fabrica libri septem (On the fabric of the human body in seven books)")

[浮世絵 Ukiyo-e: Japanese woodblock prints

Ukiyo-e (浮世絵) or "floating world" is a genre of Japanese art popularly used to depict life during the peaceful Edo period](https://digital.library.sydney.edu.au/nodes/view/13868 "浮世絵 Ukiyo-e: Japanese woodblock prints")

[East Asian Collection](https://digital.library.sydney.edu.au/nodes/view/13666 "East Asian Collection")

[Virginia Woolf's personal copy of The Voyage Out](https://digital.library.sydney.edu.au/nodes/view/13659 "Virginia Woolf's personal copy of The Voyage Out")

[The Allan E. Bax collection

19th century ships' logs and other documents relating to maritime history and shipping.](https://digital.library.sydney.edu.au/nodes/view/13640 "The Allan E. Bax collection")

[Blackacre - University of Sydney Law School Yearbook](https://digital.library.sydney.edu.au/nodes/view/12251 "Blackacre - University of Sydney Law School Yearbook")

[Australian Women Writers](https://digital.library.sydney.edu.au/nodes/view/12025 "Australian Women Writers")

[The history of the Library](https://digital.library.sydney.edu.au/nodes/view/12013 "The history of the Library")

[Faculty of Medicine Senior Yearbooks](https://digital.library.sydney.edu.au/nodes/view/11855 "Faculty of Medicine Senior Yearbooks")

[The history of the University of Sydney](https://digital.library.sydney.edu.au/nodes/view/11843 "The history of the University of Sydney")

[Berckelman collection of glass plate negatives, 1920-1935](https://digital.library.sydney.edu.au/nodes/view/10764 "Berckelman collection of glass plate negatives, 1920-1935")

[戲劇月刋 = The theatre monthly](https://digital.library.sydney.edu.au/nodes/view/10748 "戲劇月刋 = The theatre monthly")

[Watercolour drawings of Agaricaceae](https://digital.library.sydney.edu.au/nodes/view/10723 "Watercolour drawings of Agaricaceae")

[Yilabara (Now)](https://digital.library.sydney.edu.au/nodes/view/8426 "Yilabara (Now)")

[Palm Leaf manuscripts](https://digital.library.sydney.edu.au/nodes/view/8388 "Palm Leaf manuscripts")

[The Quartier Latin

The Quartier Latin was a modernist journal devoted to the arts](https://digital.library.sydney.edu.au/nodes/view/8376 "The Quartier Latin")

[Biblical scrolls](https://digital.library.sydney.edu.au/nodes/view/8340 "Biblical scrolls")

[Medieval and Early Modern collection

Manuscripts and printed works from the Medieval and Early Modern period](https://digital.library.sydney.edu.au/nodes/view/8299 "Medieval and Early Modern collection")

[Donovan's Insects

Donovan's illustrations were the first European recordings of the entomology of India and Australia.](https://digital.library.sydney.edu.au/nodes/view/8231 "Donovan's Insects")

[University of Sydney Statistics, 1950 - 2009

Statistics from 1950 - 2009 about the staff, students, and courses of the University of Sydney](https://digital.library.sydney.edu.au/nodes/view/8208 "University of Sydney Statistics, 1950 - 2009")

[Sydney Harbour Bridge construction

Items related to the construction of the Sydney Harbour Bridge, 1870 - 1929](https://digital.library.sydney.edu.au/nodes/view/7689 "Sydney Harbour Bridge construction")

[Online jigsaw puzzles from our collections](https://digital.library.sydney.edu.au/nodes/view/7616 "Online jigsaw puzzles from our collections")

[Evelyn Nicholson’s trip to Australia, 1897.

Evelyn Nicholson was the daughter in law of Sir Charles Nicholson, 1st Baronet, one of the founders of Sydney University. This is the diary that Nicolson kept during a honeymoon voyage to Austral...](https://digital.library.sydney.edu.au/nodes/view/7536 "Evelyn Nicholson’s trip to Australia, 1897.")

[Dante's Divine Comedy with Giorgione illustration and death notice

In 2017, Library staff discovered a red chalk sketch by Giorgione and a notice for his death in this 1497 edition of Dante's Divine Comedy](https://digital.library.sydney.edu.au/nodes/view/7500 "Dante's Divine Comedy with Giorgione illustration and death notice ")

[The Henry Lawson collection](https://digital.library.sydney.edu.au/nodes/view/7470 "The Henry Lawson collection")

[Annotated first edition copy of Newton's Principia

The University of Sydney copy is one of only four known first edition copies that were sent by Newton and his assistant Roger Cotes to other mathematicians for peer review](https://digital.library.sydney.edu.au/nodes/view/7166 "Annotated first edition copy of Newton's Principia")

[Hermes : an undergraduate's magazine

The USU has proudly published Hermes since 1886, making it Australia’s oldest literary journal.](https://digital.library.sydney.edu.au/nodes/view/6395 "Hermes : an undergraduate's magazine")

[Honi Soit

Honi Soit, the University of Sydney’s student newspaper, has been published by the Students’ Representative Council (SRC) since 1929](https://digital.library.sydney.edu.au/nodes/view/6394 "Honi Soit")

[Journal of a voyage to New South Wales

With sixty-five plates of non-descript animals, birds, lizards, serpents, curious cones of trees and other natural productions.](https://digital.library.sydney.edu.au/nodes/view/6393 "Journal of a voyage to New South Wales ")

[Liturgical Manuscripts

The Library’s collection of Spanish liturgical music manuscripts includes the Lamentations of Jeremiah, several graduals, antiphonals, kyriales, tropers and two rare processionals.](https://digital.library.sydney.edu.au/nodes/view/6933 "Liturgical Manuscripts")

[eBot Plant Sciences](https://digital.library.sydney.edu.au/nodes/view/6390 "eBot Plant Sciences")

[Sydney College of the Arts Archive

A unique collection of contemporary visual art that showcases the scholarly research of SCA staff, students and alumni](https://digital.library.sydney.edu.au/nodes/view/6927 "Sydney College of the Arts Archive")

[Cosme Colony Collection

is a collection of documents, personal papers, photographs and realia relating to the New Australia Colony and Cosme Colony held in Rare Books and Special Collections.](https://digital.library.sydney.edu.au/nodes/view/6392 "Cosme Colony Collection")

[Frontiers of Science](https://digital.library.sydney.edu.au/nodes/view/6391 "Frontiers of Science")

[Archaeological Fish-bone Images](https://digital.library.sydney.edu.au/nodes/view/6389 "Archaeological Fish-bone Images")

[Joseph Henry Maiden Botanical Texts

A collection devoted to pioneering botanical texts and images.](https://digital.library.sydney.edu.au/nodes/view/7534 "Joseph Henry Maiden Botanical Texts ")

[eFlora

An interactive, dichotomous key to all species of vascular plants in the Sydney Region](https://eflora.sydney.edu.au "eFlora")

/\* regular mode \*/
#collectionwidget {
background-color: #eeeeee;
overflow: hidden;
text-align: center;
}
/\* Display results in similar mode as search results \*/
#collectionwidget {
background-color: #ffffff;
height: auto;
overflow: auto;
text-align: left;
}
#collectionwidget img {
border-radius: 4px;
margin-right: 1px;
margin-bottom: 1px;
}
#collectionwidget img.w {
width: 220px;
height: auto;
}
#collectionwidget img.h {
height: 220px;
width: auto;
}
#collectionwidget>div.bigger {
border-radius: 3px;
display: inline-block;
border: 1px solid #cccccc;
margin: 4px;
width: 220px;
height: 220px;
padding: 8px;
position: relative;
overflow: hidden;
}
#collectionwidget a {
display: block;
width: 220px;
height: 220px;
overflow: hidden;
}
#collectionwidget .metaCont {
color: #424242;
font-weight: bold;
padding: 5px;
min-height: 20px;
width: 210px;
background: #F1F2F2;
opacity: .9;
position: absolute;
bottom: 8px;
}
#collectionwidget .metaCont>.summary {
display: none;
font-weight: normal;
}
/\* Focus on the a tag wasn't looking nice so moved it to the div instead \*/
#collectionwidget a:focus-within {
outline: none;
}
#collectionwidget>div:focus-within {
outline: solid 2px blue;
outline-offset: 2px;
}
#collectionwidget .bigger:hover>.metaCont .summary,
#collectionwidget .sr2title:focus>.metaCont .summary {
display: block;
}

// Remove one of the two links from the tabbing index - (so the user just has to press tab once
$('.sr2title').attr('tabindex', '-1');
// Hover Effect - Show the summary, if there is one.
$('#collectionwidget > div').hover(function() {
$(this).find('.summary').stop(true, true).show('slow');
},
function() {
$(this).find('.summary').stop(true, true).hide('slow');
}
);
// Hover effect but triggered by keyboard focus
$('#collectionwidget > div').focusin(function() {
$(this).find('.summary').stop(true, true).show('slow');
})
$('#collectionwidget > div').focusout(function() {
$(this).find('.summary').stop(true, true).hide('slow');
})

div.main\_content, div.blockOcode { padding: 0; background-color: #ffffff; }
hr.white { border:0; background-color:#FFFFFF; color:#FFFFFF; height: 1px; margin-bottom: 10px;}
#container { display: table; font-family: 'Apercu';}
div.the-header { display: none; }
.idx\_title {
color: #333333;
font-size: 28px;
font-weight: 300;
vertical-align: bottom;
padding: 0 6px 6px 0;
white-space: nowrap;
}
.blockOcode form { background-color: #e6e6e6; }
.blockOcode h1 { font-size: 35px; font-weight: 700; margin: 0; color: #252525;}
.blockOcode h2 { font-size: 24px; font-weight: 400; padding: 6px 1px 6px 6px; margin: 0;}
div#ftitle {
text-shadow: none;
background-color: rgba(241,241,242,0.9);
text-align: left;
padding: 7px 15px;
bottom: 0;
}
div#ftitle:hover { background-color: rgba(241,241,242,0.9); }
input.butty.ui-button.ui-widget.ui-state-default.ui-corner-all { float: right; background-color: #ffffff; color: #424242; height: 54px; width: 22%; font-size: 27px; font-weight: normal; padding: 0;border: 2px solid #000000; border-radius:0; font-family: FontAwesome, Apercu }
div.search\_container, #browser { max-width: 1275px; margin: 0 auto;}
div.collection\_container { max-width: 1230px; margin: 0 auto;}
div.search\_container { padding: 10px; }
div.header\_container { max-width: 1175px; margin: 0 auto; padding: 20px 0; }
div.browse\_container { width: 100%; background-color: #e6e6e6; margin-top: 2px;}
.blockOcode input.bigga { height: 48px; width: 75%; font-size: 27px; border: 2px solid #000000; color:#333333; padding-left: 10px; }
.blockOcode input.bigga::placeholder { color: #929292;}
#browser { border-right: 2px solid #fff; }
#browser br { display: none; }
#browser a { background-color: #e6e6e6; color: #424242; padding: 0; margin: 0; border-radius: 0; width: 20%; }
#browser a:hover { background-color: #e6e6e6; }
#browser a span.b\_title, #browser a span.b\_count {font-size: 17px; display: inline-block; padding: 5px; padding: 7px 5px;}
#browser a span.b\_title {border-left: 2px solid #fff; font-weight: bold; padding: 7px 0px 7px 10px; }
#browser a span.b\_count:before { content: "\0028"; }
#browser a span.b\_count:after { content: "\0029"; }
#fprev,#fnext { display:none!important;}
.responsiveOnly { display: none; }
@media (max-width: 1318px) {
div.collection\_container { max-width: 984px; }
}
@media (max-width: 1072px) {
div.collection\_container { max-width: 739px; }
}
@media (max-width: 790px) {
#feature\_1\_5 { display: none; }
.responsiveOnly { display: inline-block; }
.blockOcode input.bigga { width: 85%; }
input.butty.ui-button.ui-widget.ui-state-default.ui-corner-all { width: 56px; }
#browser a { width: 100%; border-top: 2px solid #fff; }
.blockOcode h1 {font-size: 35px;}
}
@media (max-width: 755px) {
div.collection\_container { max-width: 495px; }
}
@media (max-width: 565px) {
.blockOcode input.bigga { height: 40px; font-size: 24px; margin-right: 0; width: 80%; }
input.butty.ui-button.ui-widget.ui-state-default.ui-corner-all { height: 46px; font-size: 24px; width: 50px; }
}
@media (max-width: 511px) {
div.collection\_container { max-width: 248px; }
}
@media (max-width: 450px) {
.blockOcode input.bigga {
width: 75%;
height: 40px;
font-size: 19px;
}
}