Web Archive Archive of Our Own (AO3)
<>.additional-resources {
margin: 1rem 0 1rem;
display: grid;
gap: 1rem;
grid-template-columns: minmax(01fr);
}
@media (min-width: 481px) {
.additional-resources {
display: grid;
gap: 1rem;
grid-template-columns: minmax(01fr) minmax(01fr);
grid-auto-flow: dense;
}
}
@media (min-width: 481px) {
.additional-resources h3 {
grid-column: span 2;
}
}
.additional-resources .resource {
box-sizing: border-box;
padding: 10px;
border: 1px solid #808080;
}
.additional-resources .resource .preview {
aspect-ratio: 1 / 1;
}
@media (min-width: 769px) {
.additional-resources .resource .preview {
aspect-ratio: 6 / 4;
}
}
@media (min-width: 1201px) {
.additional-resources .resource .preview {
aspect-ratio: 16 / 9;
}
}
.additional-resources .resource .preview .link-resource {
width: 100%;
aspect-ratio: 1 / 1;
}
@media (min-width: 769px) {
.additional-resources .resource .preview .link-resource {
aspect-ratio: 6 / 4;
}
}
@media (min-width: 1201px) {
.additional-resources .resource .preview .link-resource {
aspect-ratio: 16 / 9;
}
}
.additional-resources .resource .preview .link-resource .visible-overlay {
width: calc(100% - 2.25rem);
top: auto;
bottom: 0.35rem;
transform: translate(-50%0);
}
.additional-resources .resource .preview img {
object-fit: contain;
width: 100%;
height: 100%;
}
@media (min-width: 481px) {
.additional-resources .streaming-resource {
grid-column: span 2;
}
}
.additional-resources .resource-download-menu {
margin-top: 1rem;
}
@media (max-width: 1200px) {
.additional-resources .resource-download-menu select {
width: 100% !important;
}
}
.preview-aspect-ratio {
aspect-ratio: 1 / 1;
}
@media (min-width: 769px) {
.preview-aspect-ratio {
aspect-ratio: 6 / 4;
}
}
@media (min-width: 1201px) {
.preview-aspect-ratio {
aspect-ratio: 16 / 9;
}
}
>
<>.resource {
padding-bottom: 10px;
}
.resource .preview {
position: relative;
background-color: #F6F6F6;
overflow: hidden;
padding: 1rem;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
.resource .preview img {
display: block;
max-width: 100%;
height: auto;
margin: auto;
}
.resource .resource-caption,
.resource .views {
padding-top: 10px;
font-size: 12px;
min-height: 1px;
}
.resource .resource-caption {
color: #242424;
}
.resource .resource-download-menu {
font-size: 12px;
margin-top: 1em;
}
.resource .resource-download-menu .transcript {
padding: 10px 0;
}
.link-resource {
display: inline-block;
min-width: 350px;
}
.link-resource img {
transition: all 0.4s ease-in-out;
}
.link-resource:hover .visible-overlay,
.link-resource:focus .visible-overlay {
background-color: rgba(035710.9);
}
.visible-overlay {
position: absolute;
z-index: 2;
bottom: 1rem;
left: 50%;
transform: translate(-50%0);
line-height: 1.2;
background-color: rgba(01181730.9);
color: #fff;
display: inline-block;
padding: 10px;
border-radius: 5px;
font-weight: bold;
transition: all 0.4s ease-in-out;
box-sizing: border-box;
width: calc(100% - 2rem);
max-width: 920px;
}
.focused-resource .resource-download-form {
padding-top: 10px;
}
.focused-resource .resource .preview {
min-height: 150px;
}
.focused-resource .resource .preview img {
max-height: 350px;
}
>
View Captures - Source Url: https://archiveofourown.org/ | View Beta Presentation.
Some content may be under embargo. See the Rights and Access statement for more information.
Some content may be under embargo. See the Rights and Access statement for more information.
About this Item
<>.about-this-item {
padding-top: 20px;
overflow-wrap: break-word;
word-wrap: break-word;
}
.about-this-item > h2 {
font-family: inherit;
font-weight: 700;
line-height: 1.2;
color: #242424;
margin: 0 0 1rem;
font-size: 1.25rem;
margin: 0 0 0.75rem;
}
.about-this-item > h2 small,
.about-this-item > h2 .small {
font-family: 'Open Sans'ArialHelveticasans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1;
color: #242424;
}
.about-this-item > h2 small.block,
.about-this-item > h2 .small.block {
display: block;
margin-bottom: 2px;
}
a .about-this-item > h2 {
color: inherit !important;
}
.about-this-item.no-top-border {
border-top: 0px;
}
.about-this-item.no-top-border.no-top-padding {
padding-top: 0px;
}
.about-this-item-row {
display: -webkit-box;
/* OLD - iOS 6-Safari 3.1-6BB7 */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Safari 6.1+. iOS 7.1+BB10 */
display: -moz-box;
display: flex;
/* NEWSpec - FirefoxChromeOpera */
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-flex-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
margin: 0 -1rem;
}
.about-this-item-row .about-this-item-content {
-webkit-box-flex: 1;
/* OLD - iOS 6-Safari 3.1-6 */
-webkit-flex: 1;
/* Safari 6.1+. iOS 7.1+BB10 */
-ms-flex: 1;
/* IE 10 */
-moz-box-flex: 1;
flex: 1;
/* NEWSpec - FirefoxChromeOpera */
min-width: 0;
/* firefox fix */
margin: 0 1rem;
box-sizing: border-box;
}
.about-this-item-row .about-this-item-facets {
-webkit-box-flex: 1;
/* OLD - iOS 6-Safari 3.1-6 */
-webkit-flex: 1;
/* Safari 6.1+. iOS 7.1+BB10 */
-ms-flex: 1;
/* IE 10 */
-moz-box-flex: 1;
flex: 1;
/* NEWSpec - FirefoxChromeOpera */
min-width: 0;
/* firefox fix */
margin: 0 1rem;
box-sizing: border-box;
-webkit-box-flex: 0 0 calc(33.33333333% - 2rem) !important;
-webkit-flex: 0 0 calc(33.33333333% - 2rem) !important;
flex: 0 0 calc(33.33333333% - 2rem) !important;
-ms-flex: 0 1 auto;
/* ie fix */
width: calc(33.33333333% - 2rem);
/* ie fix */
max-width: calc(33.33333333% - 2rem);
/* moz fix */
}
@media (max-width: 768px) {
.about-this-item-row .about-this-item-facets {
-webkit-box-flex: 0 0 calc(100% - 2rem) !important;
-webkit-flex: 0 0 calc(100% - 2rem) !important;
flex: 0 0 calc(100% - 2rem) !important;
-ms-flex: 0 1 auto;
/* ie fix */
width: calc(100% - 2rem);
/* ie fix */
max-width: calc(100% - 2rem);
/* moz fix */
}
}
.boxed-supplement {
border: 1px solid #808080;
padding: 2rem;
}
.item-cataloged-data {
margin-bottom: 1rem;
}
.item-cataloged-data > h3 {
font-family: inherit;
font-weight: 700;
line-height: 1.2;
color: #242424;
margin: 0 0 1rem;
font-size: 1rem;
margin: 0 0 0.5rem;
}
.item-cataloged-data > h3 small,
.item-cataloged-data > h3 .small {
font-family: 'Open Sans'ArialHelveticasans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1;
color: #242424;
}
.item-cataloged-data > h3 small.block,
.item-cataloged-data > h3 .small.block {
display: block;
margin-bottom: 2px;
}
a .item-cataloged-data > h3 {
color: inherit !important;
}
.item-cataloged-data > ul {
padding-left: 0;
list-: none;
margin-bottom: 2rem;
}
ul .item-cataloged-data > ul {
padding-left: 40px;
}
.item-cataloged-data > ul > li {
margin-bottom: 0.25rem;
}
.item-cataloged-data > ul > li > ul {
list--type: "- \00a0";
list--position: inside;
padding-left: 1.5rem;
}
.item-cataloged-data > ul > li > ul > li {
margin-bottom: 0.25rem;
}
.item-cataloged-data > ul a {
word-wrap: break-word;
overflow-wrap: break-word;
/*
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
*/
}
.item-cataloged-data > ul h4 {
padding-left: 1.5rem;
margin: 1rem 0 0.25rem;
}
.item-cataloged-data dd {
margin-left: 0;
margin-bottom: 0.5rem;
}
.item-cataloged-data dd a {
word-wrap: break-word;
overflow-wrap: break-word;
/*
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
*/
}
.item-cataloged-data dt {
margin-top: 1.5rem;
font-weight: bold;
}
.item-cataloged-data dt:first-child {
margin-top: 0;
}
>
Title
- Archive of Our Own (AO3)
Names
- Organization for Transformative Works
Created / Published
- United States.
Headings
- - Fans (Persons). Fiction
- - Web publishing
- - Authors and readers
- - Communication Studies
- - Folklore and Mythology
Genre
- website
Form
- electronic
Repository
- Library of CongressWashingtonD.C.20540 USA
Source Url
- https://archiveofourown.org/
Access Condition
- None
Scopes
- - archiveofourown.org (domain)
- - fanlore.org/wiki/Main_Page (domain)
- - journal.transformativeworks.org/index.php/twc (domain)
- - opendoors.transformativeworks.org/ (domain)
- - www.transformativeworks.org/ (domain)
Online Format
- web page
Additional Metadata Formats
<>.finding-aid {
margin-bottom: 2rem;
}
.finding-aid h2 {
font-family: inherit;
font-weight: 700;
line-height: 1.2;
color: #242424;
margin: 0 0 1rem;
font-size: 1.25rem;
margin: 0 0 0.75rem;
padding: 1em;
}
.finding-aid h2 small,
.finding-aid h2 .small {
font-family: 'Open Sans'ArialHelveticasans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1;
color: #242424;
}
.finding-aid h2 small.block,
.finding-aid h2 .small.block {
display: block;
margin-bottom: 2px;
}
a .finding-aid h2 {
color: inherit !important;
}
.item-facets {
margin-bottom: 1.5rem !important;
}
.item-facets .item-facet {
background-color: #F6F6F6;
padding: 1.5rem;
margin-bottom: 8px;
/* newspaper front page */
}
.item-facets .item-facet > h3 {
font-family: inherit;
font-weight: 700;
line-height: 1.2;
color: #242424;
margin: 0 0 1rem;
font-size: 1rem;
margin: 0 0 0.5rem;
margin: 0 0 5px;
}
.item-facets .item-facet > h3 small,
.item-facets .item-facet > h3 .small {
font-family: 'Open Sans'ArialHelveticasans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1;
color: #242424;
}
.item-facets .item-facet > h3 small.block,
.item-facets .item-facet > h3 .small.block {
display: block;
margin-bottom: 2px;
}
a .item-facets .item-facet > h3 {
color: inherit !important;
}
.item-facets .item-facet > h3:not(:first-child) {
margin-top: 2rem;
}
.item-facets .item-facet ul {
padding-left: 0;
list-: none;
margin-bottom: 0;
}
ul .item-facets .item-facet ul {
padding-left: 40px;
}
.item-facets .item-facet ul li {
margin-top: 0.5rem;
}
.item-facets .item-facet ul.short-list > li {
margin-top: 0;
}
.item-facets .item-facet ul.long-list > li:not(:first-child) {
margin-top: 13px;
}
.item-facets .item-facet .muted-link {
color: #242424;
}
.item-facets .item-facet.tk-labels ul {
margin-top: 1rem;
padding-left: 0;
list-: none;
}
.item-facets .item-facet.tk-labels ul > li {
margin-bottom: 1.5rem;
overflow: hidden;
}
.item-facets .item-facet.tk-labels ul > li img,
.item-facets .item-facet.tk-labels ul > li figure {
display: block;
max-width: 100%;
height: auto;
width: calc(90px - 1rem);
float: left;
margin-right: 1rem;
}
@media (max-width: 992px) {
.item-facets .item-facet.tk-labels ul > li img,
.item-facets .item-facet.tk-labels ul > li figure {
width: calc(70px - 1rem);
}
}
@media (max-width: 768px) {
.item-facets .item-facet.tk-labels ul > li img,
.item-facets .item-facet.tk-labels ul > li figure {
width: calc(90px - 1rem);
}
}
@media (max-width: 480px) {
.item-facets .item-facet.tk-labels ul > li img,
.item-facets .item-facet.tk-labels ul > li figure {
width: calc(90px - 1rem);
}
}
.item-facets .item-facet.tk-labels ul > li figure > img {
float: none;
width: 100%;
}
.item-facets .item-facet.tk-labels ul > li .info {
float: left;
width: calc(100% - 90px);
margin: 0;
}
@media (max-width: 992px) {
.item-facets .item-facet.tk-labels ul > li .info {
width: calc(100% - 70px);
}
}
@media (max-width: 768px) {
.item-facets .item-facet.tk-labels ul > li .info {
width: calc(100% - 90px);
}
}
@media (max-width: 480px) {
.item-facets .item-facet.tk-labels ul > li .info {
width: calc(100% - 90px);
}
}
.item-facets .item-facet.tk-labels ul > li .info h2 {
margin-bottom: 0.5rem;
}
.item-facets .item-facet.tk-labels ul > li .info h3 {
font-family: inherit;
font-weight: 700;
line-height: 1.2;
color: #242424;
margin: 0 0 1rem;
font-size: 1rem;
margin: 0 0 0.5rem;
margin-bottom: 0.5rem;
}
.item-facets .item-facet.tk-labels ul > li .info h3 small,
.item-facets .item-facet.tk-labels ul > li .info h3 .small {
font-family: 'Open Sans'ArialHelveticasans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1;
color: #242424;
}
.item-facets .item-facet.tk-labels ul > li .info h3 small.block,
.item-facets .item-facet.tk-labels ul > li .info h3 .small.block {
display: block;
margin-bottom: 2px;
}
a .item-facets .item-facet.tk-labels ul > li .info h3 {
color: inherit !important;
}
.item-facets .item-facet.tk-labels ul > li .info p {
margin: 0 0 0.75rem;
}
.item-facets .item-facet.tk-labels ul > li .info p:last-child {
margin: 0;
}
.item-facets .item-facet.tk-labels ul > li .info > ul {
padding-left: 0;
list-: none;
margin: 0 0 0.75rem;
}
ul .item-facets .item-facet.tk-labels ul > li .info > ul {
padding-left: 40px;
}
.item-facets .item-facet.tk-labels ul > li .info > ul > li {
margin: 0 0 0.75rem;
}
.item-facets .item-facet.tk-labels ul > li .info > ul > li:last-child {
margin: 0;
}
.item-facets .item-facet.tk-labels ul > li .info > ul.list-bulleted {
padding-left: 40px;
list-: disc;
}
.item-facets .item-facet.tk-labels ul > li .info > ul.list-bulleted > li {
margin-bottom: 5px;
}
.item-facets .item-facet.tk-labels ul > li {
margin-bottom: 0.75rem;
line-height: 1.1;
display: flex;
align-items: center;
}
.item-facets .item-facet.tk-labels ul > li .info,
.item-facets .item-facet.tk-labels ul > li .image {
float: none;
}
.item-facets .item-facet.tk-labels ul > li .info img,
.item-facets .item-facet.tk-labels ul > li .image img {
float: none;
margin-top: 2px;
}
.item-facets .item-facet.newspaper:before,
.item-facets .item-facet.newspaper:after {
content: " ";
display: table;
}
.item-facets .item-facet.newspaper:after {
clear: both;
}
.item-facets .item-facet.newspaper > figure {
margin-bottom: 0 !important;
}
.item-facets .item-facet.newspaper > figure .link-view-all-front-pages {
margin: 10px 0 0;
}
>
Format
Contributor
Dates
Location
Language
Subject
<>/* Rights and Access Box */
.rights-and-access .-expandmore {
font-family: inherit;
font-weight: 700;
line-height: 1.2;
color: #242424;
margin: 0 0 1rem;
font-size: 1.25rem;
margin: 0 0 0.75rem;
margin: 0;
background-color: #F6F6F6;
}
.rights-and-access .-expandmore small,
.rights-and-access .-expandmore .small {
font-family: 'Open Sans'ArialHelveticasans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1;
color: #242424;
}
.rights-and-access .-expandmore small.block,
.rights-and-access .-expandmore .small.block {
display: block;
margin-bottom: 2px;
}
a .rights-and-access .-expandmore {
color: inherit !important;
}
.rights-and-access .expandmore__button {
padding: 1rem;
}
.rights-and-access .expandmore__button:before {
position: static;
color: #0076AD;
margin-right: 10px;
font-size: 1.125rem;
}
.rights-and-access .expandmore__button:hover {
color: #0076AD;
text-decoration: underline;
}
.rights-and-access .rights-and-access-content {
box-sizing: border-box;
background-color: #F6F6F6;
padding: 0.75rem 2rem;
}
.rights-and-access .rights-and-access-content .rights-assessment-disclaimer {
color: #D1332E;
}
>
Rights & Access
<>.hanging-indent {
padding-left: 2em;
text-indent: -2em;
}
/* Cite This Box */
.cite-this {
margin-top: 10px;
margin-bottom: 2rem;
}
.cite-this .-expandmore {
font-family: inherit;
font-weight: 700;
line-height: 1.2;
color: #242424;
margin: 0 0 1rem;
font-size: 1.25rem;
margin: 0 0 0.75rem;
margin: 0;
background-color: #F6F6F6;
}
.cite-this .-expandmore small,
.cite-this .-expandmore .small {
font-family: 'Open Sans'ArialHelveticasans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1;
color: #242424;
}
.cite-this .-expandmore small.block,
.cite-this .-expandmore .small.block {
display: block;
margin-bottom: 2px;
}
a .cite-this .-expandmore {
color: inherit !important;
}
.cite-this .expandmore__button {
padding: 1rem;
}
.cite-this .expandmore__button:before {
position: static;
color: #0076AD;
margin-right: 10px;
font-size: 1.125rem;
text-decoration: none;
}
.cite-this .expandmore__button:hover {
color: #0076AD;
text-decoration: underline;
}
.cite-this .cite-this-content {
box-sizing: border-box;
background-color: #F6F6F6;
padding: 0.75rem 2rem;
}
.cite-this .cite-this-content .cite-this-disclaimer {
color: #D1332E;
}
.cite-this .cite-this-content > div p {
padding-left: 2em;
text-indent: -2em;
}
.cite-this .cite-this-content > div h3 {
font-family: inherit;
font-weight: 700;
line-height: 1.2;
color: #242424;
margin: 0 0 1rem;
font-size: 1rem;
margin: 0 0 0.5rem;
}
.cite-this .cite-this-content > div h3 small,
.cite-this .cite-this-content > div h3 .small {
font-family: 'Open Sans'ArialHelveticasans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1;
color: #242424;
}
.cite-this .cite-this-content > div h3 small.block,
.cite-this .cite-this-content > div h3 .small.block {
display: block;
margin-bottom: 2px;
}
a .cite-this .cite-this-content > div h3 {
color: inherit !important;
}
>
Cite This Item
<>.more-like-this {
margin-bottom: 2rem;
padding: 2rem;
background-color: #242424;
color: #fff;
}
.more-like-this > h2 {
color: #fff;
text-align: center;
margin-bottom: 2rem;
font-family: 'Roboto Slab'ArialHelveticasans-serif;
}
.more-like-this .search-results.gallery-view li {
background-color: #fff !important;
}
.more-like-this .search-results.gallery-view li * {
color: #242424;
}
.more-like-this .search-results.gallery-view li * a {
color: #0076AD;
}
>
<>.you-might-like {
margin-bottom: 2rem;
padding: 2rem;
background-color: #242424;
color: #fff;
}
.you-might-like > h2 {
color: #fff;
text-align: center;
margin-bottom: 2rem;
font-family: 'Roboto Slab'ArialHelveticasans-serif;
}
.you-might-like .search-results.gallery-view li {
background-color: #fff !important;
}
.you-might-like .search-results.gallery-view li * {
color: #242424;
}
.you-might-like .search-results.gallery-view li * a {
color: #0076AD;
}
>