about summary refs log tree commit diff stats
path: root/style.css
diff options
context:
space:
mode:
authorCase Duckworth2015-04-02 21:27:55 -0700
committerCase Duckworth2015-04-02 21:27:55 -0700
commitd832dace648047cdeee32f295b7f1c799d0b5b50 (patch)
tree34f7efb6e713eef3522053a8ee2aded46ad1e33d /style.css
parentFix #15: add compile support for indeces (diff)
downloadautocento-d832dace648047cdeee32f295b7f1c799d0b5b50.tar.gz
autocento-d832dace648047cdeee32f295b7f1c799d0b5b50.zip
Add Islands for backlinkless files
Diffstat (limited to 'style.css')
-rw-r--r--style.css524


1 files changed, 0 insertions, 524 deletions
diff --git a/style.css b/style.css
deleted file mode 100644
index 72e6883..0000000
--- a/style.css
+++ /dev/null

@@ -1,524 +0,0 @@

1/* CSS for Autocento at the breakfast table


2 * Case Duckworth | autocento.me


3 * vim: fdm=marker


4 */


5/* COMMON CSS */


6/* @IMPORTS {{{ */


7/* Playfair Display: headings */


8@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);


9/* Linux Libertine: body text */


10@import url(trunk/libertine.css);


11/* Courier New: typewriter text */


12@import url(trunk/courier-prime.css);


13/* @imports }}} */


14/* MAIN LAYOUT ELEMENTS {{{ */


15/* HTML + BODY {{{ */


16html, body {


17    margin: 0;


18    padding: 0;


19    font-family: "Libertine", Georgia, serif;


20    font-size: 100%;


21}


22html {


23    height: 100%;


24}


25body {


26    position: absolute;


27    top: 0;


28    left: 0;


29    right: 0;


30    min-height: 100%;


31    padding-left: 1em;


32    padding-right: 1em;


33}


34/* html + body }}} */


35/* HEADER + .CONTAINER + .CONTENT {{{ */


36header {


37    max-width: 39em;


38    margin: auto;


39    text-align: center;


40    border-bottom: 1px solid black;


41    padding: 1em 0;


42    margin-bottom: 1em;


43    position: relative;


44}


45.container {


46    margin: 0 auto;


47    padding-bottom: 30px;


48    text-align: center;


49}


50.content {


51    line-height: 1.3em;


52}


53/* header + .container + .content }}} */


54/* NAV + .FOOTNOTES {{{ */


55nav {


56    height: 24px;


57    width: 100%;


58    position: absolute;


59    bottom: 0;


60    left: 0;


61    text-align: center;


62    overflow: hidden;


63}


64.footnotes {


65    font-size: 0.85em;


66    width: 100%;


67    position: absolute;


68    top: 100%;


69    left: 0;


70}


71/* nav + .footnotes }}} */


72/* main layout elements }}} */


73/* HEADER ELEMENTS {{{ */


74/* .TITLE + .SUBTITLE {{{ */


75.title {


76    text-align: left;


77    display: inline-block;


78    font-family: "Playfair Display", Georgia, serif;


79    font-size: 1.5em;


80    font-weight: 400;


81    letter-spacing: 0.1em;


82    text-transform: uppercase;


83    margin: 0;


84}


85.subtitle {


86    text-align: center;


87    display: block;


88    font-family: "Playfair Display", Georgia, serif;


89    font-size: 1.25em;


90    font-style: italic;


91    font-weight: 400;


92    margin-top: 0;


93    margin-bottom: 0;


94}


95/* .title + .subtitle }}} */


96/* .HEADER-EXTRA {{{ */


97/* DEDICATION {{{ */


98.dedication {


99    font-style: italic;


100    font-size: 0.92em;


101    margin-top: 1em;


102    text-align: left;


103}


104.dedication::before {


105    content: 'for ';


106    font-style: italic;


107}


108.dedication:only-child {


109    text-align: right;


110}


111/* dedication }}} */


112/* EPIGRAPH {{{ */


113.epigraph {


114    text-align: right;


115    font-size: 0.92em;


116    font-style: italic;


117    margin-top: 1em;


118}


119.epigraph p {


120    margin: 0;


121}


122.epigraph .attrib {


123    text-align: right;


124    margin-top: 0;


125    font-size: 0.92em;


126    font-style: normal;


127}


128.epigraph .attrib::before {


129    content: '– ';


130}


131/* epigraph }}} */


132.header-extra {


133    text-align: right;


134}


135.dedication,.epigraph {


136    vertical-align: bottom;


137    display: inline-block;


138    margin-left: 2%;


139    margin-right: 2%;


140    width: 45%;


141}


142/* header-extra }}} */


143/* header elements }}} */


144/* .EKPHRASTIC {{{ */


145.ekphrastic {


146    max-width: 41em;


147    /* margin-top: -1em; */


148    margin-bottom: 1em;


149    margin-left: auto;


150    margin-right: auto;


151    text-align: center;


152}


153.ekphrastic a:link { border: none; }


154/* .ekphrastic }}} */


155/* .CONTENT ELEMENTS {{{ */


156/* BLOCK ELEMENTS {{{ */


157.content :first-child {


158    margin-top: 0;


159}


160h2 {


161    font-family: "Playfair Display", Georgia, serif;


162    font-size: 1em;


163    font-weight: 600;


164}


165blockquote {


166    border-left: 1px solid gray;


167    padding-left: 2em;


168    margin-left: 2em;


169    font-style: italic;


170}


171img {


172    max-width: 100%;


173    margin: auto;


174}


175/* block elements }}} */


176/* LINKS {{{ */


177a:link {


178    padding-top: 1px;


179    color: inherit;


180    text-decoration: none;


181    border-bottom: 1px dotted black;


182}


183a:visited {


184    color: inherit;


185}


186a:hover {


187    /* text-decoration: underline; */


188    border-bottom: 1px solid black;


189}


190a:active {


191    /* text-decoration: underline; */


192    border-bottom: 1px solid black;


193}


194/* External Links */


195a[href^="http"]:link {


196    text-decoration: none;


197    border-bottom: 1px dotted #a1a3a1;


198}


199a[href^="http"]:visited {


200}


201a[href^="http"]:hover {


202    border-bottom: 1px dashed black;


203}


204a[href^="http"]:active {


205    border-bottom: 1px dashed black;


206}


207/* links }}} */


208/* .content elements }}} */


209/* NAV ELEMENTS {{{ */


210nav a:link { border-bottom: none; }


211nav a:active { border: none; }


212nav .prevlink {


213    float: left;


214    text-align: left;


215}


216nav .nextlink {


217    float: right;


218    text-align: right;


219}


220/* Properties both types of navlinks share */


221nav .prevlink, nav .nextlink {


222    margin: 0 0.5em;


223    width: 20%;


224    display: block;


225    font-size: 0.85em;


226    font-family: "Playfair Display", Georgia, serif;


227    font-style: italic;


228    text-transform: lowercase;


229    height: 20px;


230    text-decoration: none;


231    position: relative;


232    display: table;


233    vertical-align: top;


234}


235nav .prevlink::before {


236    content: ' «';


237    font-style: normal;


238    display: table-cell;


239    vertical-align: top;


240    text-align: left;


241    padding-left: 0.5em;


242    padding-right: 0.5em;


243    width: 1em;


244}


245nav .nextlink::after {


246    content: ' »';


247    font-style: normal;


248    display: table-cell;


249    vertical-align: top;


250    text-align: right;


251    padding-left: 0.5em;


252    padding-right: 0.5em;


253    width: 1em;


254}


255#lozenge {


256    text-decoration: none;


257}


258nav .anchors {


259    position: absolute;


260    left: 50%;


261}


262/* nav elements }}} */


263/* .FOOTNOTES ELEMENTS {{{ */


264.footnotes li {


265    margin-right: 2em;


266    border-bottom: 1px solid gray;


267    max-width: 45em;


268    margin: auto;


269}


270.footnotes li:last-child {


271    border-bottom: none;


272}


273.footnotes p::first-line {


274    font-variant: normal !important;


275}


276.footnotes a[href^="#fnref"] {


277    float: right;


278}


279a.footnoteRef {


280    border: none;


281}


282/* .footnotes elements }}} */


283/* GENRE CSS */


284/* .PROSE {{{ */


285.prose {


286    display: inline-block;


287    text-align: justify;


288    max-width: 39em;


289    margin: auto;


290    hyphens: auto;


291    -moz-hyphens: auto;


292}


293.prose p::first-child::first-line {


294    font-variant: small-caps;


295    letter-spacing: 0.1em;


296}


297/* .prose }}} */


298/* .VERSE {{{ */


299.verse {


300    display: inline-block;


301    text-align: left;


302}


303.verse p {


304    margin-bottom: 1em;


305    margin-top: 1em;


306}


307.verse .line {


308    display: block;


309    margin: 0;


310    text-indent: -1em;


311    margin-left: 1em;


312}


313/* .verse }}} */


314/* .LIST {{{ */


315.list {


316    display: inline-block;


317    text-align: left;


318    max-width: 39em;


319    margin: auto;


320    hyphens: auto;


321    -moz-hyphens: auto;


322}


323/* .list }}} */


324/* .TABLE {{{ */


325.table {


326    display: inline-block;


327    text-align: left;


328}


329/* .table }}} */


330/* PROJECT CSS */


331/* #COVER {{{ */


332/* Flexboxing {{{ */


333#cover {


334    position: absolute;


335    top: 0;


336    bottom: 0;


337    left: 0;


338    right: 0;


339    display: -webkit-box;


340    display: -moz-box;


341    display: -ms-flexbox;


342    display: -webkit-flex;


343    display: flex;


344    -webkit-box-direction: normal;


345    -moz-box-direction: normal;


346    -webkit-box-orient: vertical;


347    -moz-box-orient: vertical;


348    -webkit-flex-direction: column;


349    -ms-flex-direction: column;


350    flex-direction: column;


351    -webkit-flex-wrap: nowrap;


352    -ms-flex-wrap: nowrap;


353    flex-wrap: nowrap;


354    -webkit-box-pack: center;


355    -moz-box-pack: center;


356    -webkit-justify-content: center;


357    -ms-flex-pack: center;


358    justify-content: center;


359    -webkit-align-content: center;


360    -ms-flex-line-pack: center;


361    align-content: center;


362    -webkit-box-align: center;


363    -moz-box-align: center;


364    -webkit-align-items: center;


365    -ms-flex-align: center;


366    align-items: center;


367    }


368#cover .title {


369    -webkit-box-ordinal-group: 1;


370    -moz-box-ordinal-group: 1;


371    -webkit-order: 0;


372    -ms-flex-order: 0;


373    order: 0;


374    -webkit-box-flex: 0;


375    -moz-box-flex: 0;


376    -webkit-flex: 0 1 auto;


377    -ms-flex: 0 1 auto;


378    flex: 0 1 auto;


379    -webkit-align-self: auto;


380    -ms-flex-item-align: auto;


381    align-self: auto;


382}


383#cover .byline {


384    -webkit-box-ordinal-group: 1;


385    -moz-box-ordinal-group: 1;


386    -webkit-order: 0;


387    -ms-flex-order: 0;


388    order: 0;


389    -webkit-box-flex: 0;


390    -moz-box-flex: 0;


391    -webkit-flex: 0 1 auto;


392    -ms-flex: 0 1 auto;


393    flex: 0 1 auto;


394    -webkit-align-self: auto;


395    -ms-flex-item-align: auto;


396    align-self: auto;


397}


398#cover .lozenge {


399    -webkit-box-ordinal-group: 1;


400    -moz-box-ordinal-group: 1;


401    -webkit-order: 0;


402    -ms-flex-order: 0;


403    order: 0;


404    -webkit-box-flex: 0;


405    -moz-box-flex: 0;


406    -webkit-flex: 0 1 auto;


407    -ms-flex: 0 1 auto;


408    flex: 0 1 auto;


409    -webkit-align-self: auto;


410    -ms-flex-item-align: auto;


411    align-self: auto;


412}


413/* }}} */


414#cover {


415    color: #b2d9e5;


416    background-image: url('trunk/black-streak.jpg');


417    background-position: 0 0;


418    background-size: 100% 100%;


419    background-repeat: no-repeat;


420    background-attachment: fixed;


421    background-clip: border-box;


422    background-color: black;


423}


424#cover header {


425    border: none;


426}


427#cover .content {


428    max-width: 39em;


429    margin: auto;


430}


431#cover a {


432    text-decoration: none;


433    border: none;


434}


435#cover a:link {


436    color: #b2d9e5;


437}


438#cover a:visited {


439    color: #b2b2e5;


440}


441#cover a:hover {


442    color: #e5bfb2;


443}


444#cover a:active {


445    color: #e5e5b2;


446}


447#cover li {


448    list-style: none;


449}


450#cover .title {


451    text-transform: uppercase;


452    text-align: center;


453    font-size: 1.8em;


454    letter-spacing: 0.5em;


455    color: #efefb2;


456}


457#cover .byline {


458    font-style: italic;


459    text-align: center;


460    font-size: 1.3em;


461    letter-spacing: 0.2em;


462    color: #e5bfb2;


463}


464#cover .lozenge {


465    text-align: center;


466    font-size: 1em;


467    color: #e5bfb2;


468}


469/* #cover }}} */


470/* .ELEGIES {{{ */


471.elegies {


472}


473/* .elegies }}} */


474/* .HEZEKIAH {{{ */


475/* .hezekiah }}} */


476/* .STARK {{{ */


477/* TODO: Change to Everything Changes? */


478table { border-collapse: collapse; }


479td {


480    vertical-align: top;


481    text-indent: -1em;


482    padding-left: 1em;


483}


484tr {


485    border-bottom: 1px solid #aaa;


486    border-top: 1px solid #aaa;


487}


488/* .stark }}} */


489/* .PAUL {{{ */


490/* Blockquote = typewriter */


491.paul blockquote {


492    font-family: "Courier Prime", "Courier New", Courier, monospace;


493    font-style: normal;


494    font-size: 10pt;


495    border: 1px solid black;


496    max-width: 30em;


497    margin: auto;


498    padding: 1em;


499    text-align: left;


500}


501.paul blockquote :last-child {


502    margin: 0;


503}


504.paul blockquote p::first-line {


505    font-variant: normal !important;


506}


507.paul blockquote ul {


508    list-style-type: none;


509}


510.paul blockquote ul li::before {


511    content: '- ';


512}


513


514/* Emphasis = handwritten */


515.paul em {


516    /* font-family: "Playfair Display", Georgia, sans-serif; */


517    font-style: italic;


518}


519/* .paul }}} */


520/* .AUTOCENTO {{{ */


521.autocento {


522    background-color: white;


523}


524/* .autocento }}} */

 


© 2022 C. Duckworth.
generated by
cgit.
comments, issues, and patches welcome at
<
git at acdw dot net
>.