ao3-styles/styles/layout.css

100 lines
1.4 KiB
CSS

#workskin .layout-center {
margin: 0 auto;
}
#workskin .layout-vcenter {
margin: auto 0;
}
#workskin .layout-center.w80 {
margin: 0 auto;
max-width: 80%;
width: 80%;
}
#workskin .layout-center.w75 {
margin: 0 auto;
max-width: 75%;
width: 75%;
}
#workskin .float-clear
, #workskin .box-clear {
float: clear;
}
#workskin .float-left, #workskin .box-left {
float: left;
max-width: 33%;
margin-right: 0.8ex;
}
#workskin .float-right, #workskin .box-right {
float: right;
max-width: 33%;
margin-left: 0.8ex;
}
#workskin .float-left.box-border, #workskin .box-left.box-border {
border-right: 0.22ex dotted #333;
}
#workskin .float-right.box-border, #workskin .box-right.box-border {
border-left: 0.22ex dotted #333;
}
/*
* table layout
* */
#workskin table.fixed {
table-layout: fixed;
}
#workskin table.x-wide {
width: 95%;
}
#workskin table.wide {
width: 75%;
}
#workskin table.narrow {
width: 55%;
}
#workskin table.x-narrow {
width: 35%;
}
#workskin table > col.rownum {
color: #ccc;
background-color: #222;
text-align: right;
padding-right: 0.5ex;
font-family: monospace;
}
/*
* table zebraing
* */
#workskin table.zebra {
}
#workskin table.zebra > tbody > tr:nth-child(odd) > td {
background-color: rgba(242, 220, 220, 0.56);
}
#workskin table.zebra > tbody > tr:nth-child(even) > td {
background-color: rgba(220, 242, 242, 0.56);
}
#workskin table.zebra > tbody > tr > td.unzebra {
background-color: reset;
}