@charset "UTF-8";

/* just for physics.info */

body { background-image: url(iris.png), url(vortex.jpg); }

/* physics phonts */

blockquote,
table.where td:nth-child(odd),
table.bigsymbol tr:nth-child(odd),
table.spectrum,
.maths     { font-family: Palatino, "Palatino Linotype", serif; }
.withunits { font-family: Helvetica, "Helvetica Neue", sans-serif; }

/* Why must I sit at this uncomfortable? */

table.vibrant                  { line-height: 1.25em; margin: 1.75em auto;
                                 box-shadow: 0.000 0.125em 0.250em hsla(240,100%,  8%,0.50); }
table.vibrant th               { font-weight: normal; padding: 0.500em 0.500em; }
table.vibrant td               { padding: 0.500em 0.125em; }
table.vibrant td:first-child   { padding-left: 0.500em; }
table.vibrant td:last-child    { padding-right: 0.500em; }
table.vibrant tr:nth-child(2) th { padding-top: 0.000em; }

table.vibrant caption          { padding-bottom: 0.5em; }
table.vibrant caption.notabene { caption-side: bottom; padding: 0.00em 0.50em 0.00em 0.75em; text-align: left; text-indent:-0.75em; } /* footnotes */
table.vibrant caption:nth-child(2).notabene { padding-top: 0.500em; } /* 2nd child because main caption is 1st child */
table.vibrant caption.centre   { text-align: center; text-indent: 0.00em; }

table.vibrant.compact th       { padding: 0.500em 0.250em; }
table.vibrant compact td       { padding: 0.500em 0.000em; }

table.vibrant th                              {            color: hsla(  0,  0%,100%,1.00);
                                                background-color: hsla(240, 32%, 16%,1.00); } /* white on blue black */
table.vibrant tr:nth-child(even) td           { background-color: hsla(  0,  0%,100%,1.00); } /* white */
table.vibrant tr:nth-child(odd)  td           { background-color: hsla(240, 16%, 84%,1.00); } /* light blue gray */
table.vibrant tr:nth-child(odd)  td.colorflip { background-color: hsla(  0,  0%,100%,1.00); } /* white */
table.vibrant tr:nth-child(even) td.colorflip { background-color: hsla(240, 16%, 84%,1.00); } /* light blue gray */

@media screen and (max-width:1024px) {
  table.vibrant { font-size: 2.2vw; } }

/* archaic group */

blockquote table      { width: 100%; }
blockquote table td   { text-align: left; vertical-align: top; }
blockquote h1,
blockquote h2,
blockquote h3         { font-variant: small-caps; font-weight: normal; letter-spacing: 0.250em; line-height: 1em; text-align: center; }
blockquote h1         { font-size: 1.250em; padding: 1.250em 0.000em; text-transform: uppercase; }
blockquote h2         { font-size: 1.125em;  margin: 1.388em 0.000em; text-transform: capitalize; }
blockquote h3         { font-size: 0.875em;  margin: 1.786em 0.000em; text-transform: lowercase; }
blockquote h1 small,
blockquote h2 small   { font-size: 50%; letter-spacing: 0.25em; }
blockquote table tr td:nth-child(1) { width: 48%; font-style: italic; }
blockquote table tr td:nth-child(2) { width:  4%; }
blockquote table tr td:nth-child(3) { width: 48%; font-style: normal; }
blockquote table tr td:nth-child(1):only-child { width: auto; font-style: normal; }

blockquote p.source,
blockquote table td.source { text-align: right; }

blockquote table tr td table        { width: auto; }
blockquote table tr td table tr td  { font-style: normal !important; text-align: center; vertical-align: middle; width: auto !important; }

/* summaries, problems and solutions */

.problembox,
.solutionbox       { overflow: auto; }
.solutionbox li    { margin-bottom: 1.75em; }
.solutionbox ul li { margin-bottom: 0.0em !important; }

#problems li,
#assignment li       { list-style-type: decimal; }
#practice li,
#problems li li,
#assignment li li    { list-style-type: lower-alpha; }
#practice li li,
#problems li li li,
#assignment li li li { list-style-type: lower-roman; }

#practice ul li,
#problems ul li,
#assignment ul li    { list-style-type: disc; }
ol.numbered li       { list-style: decimal !important; }

#assignment ul li.notabene,
#practice ul li.notabene,
#problems ul li.notabene        { list-style: none; }
#assignment ul li.notabene:before,
#practice ul li.notabene:before,
#problems ul li.notabene:before { content: "\261e"; margin-left: -1.500em; margin-right: 0.500em; }

/* box shapes */

table.vibrant tr:first-child th:first-child { border-radius: 0.125em 0em 0em 0em; }
table.vibrant tr:first-child th:last-child  { border-radius: 0em 0.125em 0em 0em; }
table.vibrant tr:first-child,
table.vibrant tr:first-child th:only-child,
table.vibrant tr:first-child td:only-child  { border-radius: 0.125em 0.125em 0em 0em; }
table.vibrant tr:last-child td:last-child   { border-radius: 0em 0em 0.125em 0em; }
table.vibrant tr:last-child td:first-child  { border-radius: 0em 0em 0em 0.125em; }
table.vibrant tr:last-child,
table.vibrant tr:last-child th:only-child,
table.vibrant tr:last-child td:only-child   { border-radius: 0em 0em 0.125em 0.125em; }
table.vibrant,
.highlighter,
.problembox,
.solutionbox,
blockquote { border-radius: 0.125em; }

.problembox,
.solutionbox,
blockquote { margin: 1.75em 0.0em; padding: 1.75em; }
.solutionbox p:first-child,
blockquote p:first-child,
.solutionbox aside:first-child p,
blockquote aside:first-child p { margin-top: 0.0em; }
.problembox p:last-child,
.solutionbox p:last-child,
blockquote p:last-child,
.problembox li:last-child,
.solutionbox li:last-child { margin-bottom: 0.0em; }
.highlighter { margin: -0.125em -0.250em; padding: 0.125em 0.250em; }
table.highlighter { margin: auto; border-collapse: separate; }
.problembox { text-align: justify; }

/*
   colorscheme
   r   0, y  60, g 120, c 180, b 240, m 300
   r 345, y  45, g 105, c 165, b 225, m 285
     8%,  16%,  32%,  50%,  68%,  84%,  92%
*/

/* box colors */

table.vibrant tr:hover td,
.highlighter {      background-color: hsla( 60,100%, 50%,0.32); } /* bright yellow */
.problembox {       background-color: hsla(225, 32%, 92%,1.00); } /* light blue gray */
.solutionbox {      background-color: hsla( 60, 84%, 92%,1.00); } /* light yellow */
.problembox,
.solutionbox {
  box-shadow: 0.000em 0.125em 0.250em hsla(240,100%,  8%,0.50),
        inset 0.000em 0.000em 3.000em hsla(  0,100%,100%,0.16); } /* faded edges */
blockquote {        background-color: hsla( 45, 68%, 92%,1.00);
  box-shadow: 0.000em 0.125em 0.250em hsla(240,100%,  8%,0.50),
        inset 0.000em 0.000em 3.000em hsla(  0,100%, 16%,0.16); } /* sepia on parchment with browned edges */
blockquote h1 {
         border-bottom: 0.083em solid hsla(  0,  0%,  0%,0.92);
            border-top: 0.083em solid hsla(  0,  0%,  0%,0.92); } /* sepia horizontal line */

/* spectral strips
   http://physics.info/aberration/
   http://physics.info/color/
   http://physics.info/interference-light/
*/

p.spectrum,
p.spectrum img,
table.spectrum            { width: 100%; height: 4em; font-size: 2vw; }
table.spectrum td         { font-style: italic; line-height: 1em; text-align: center; vertical-align: middle; }
table.spectrum.rygb td    { width: 25.000%; }
table.spectrum.rygbv td   { width: 20.000%; }
table.spectrum.roygbv td  { width: 16.666%; }
table.spectrum.roygbiv td { width: 14.286%; }

td.spectral-red           { background-color: hsla(  0,100%, 50%,1.00) !important; color:rgb(255,255,255); }
td.spectral-orange        { background-color: hsla( 30,100%, 50%,1.00) !important; color:rgb(255,255,255); }
td.spectral-yellow        { background-color: hsla( 60,100%, 50%,1.00) !important; color:rgb(  0,  0,  0); }
td.spectral-green         { background-color: hsla(120,100%, 50%,1.00) !important; color:rgb(  0,  0,  0); }
td.spectral-blue          { background-color: hsla(240,100%, 50%,1.00) !important; color:rgb(255,255,255); }
td.spectral-violet        { background-color: hsla(270,100%, 10%,1.00) !important; color:rgb(255,255,255); }

td.spectral-cerulean      { background-color: hsla(180,100%, 50%,1.00) !important; color:rgb(  0,  0,  0); }
td.spectral-indigo        { background-color: hsla(250,100%, 50%,1.00) !important; color:rgb(255,255,255); }

td.spectral-red-orange    { background-color: hsla( 20,100%, 50%,1.00) !important; color:rgb(255,255,255); }
td.spectral-orange-yellow { background-color: hsla( 45,100%, 50%,1.00) !important; color:rgb(  0,  0,  0); }
td.spectral-yellow-green  { background-color: hsla( 75,100%, 50%,1.00) !important; color:rgb(  0,  0,  0); }
td.spectral-green-blue    { background-color: hsla(135,100%, 50%,1.00) !important; color:rgb(  0,  0,  0); } /* not used */

/* screenplays
   momentum-energy/practice-2a.html */

.screenplay { font-family: Courier, "Courier New", monospace; }
.character  { text-align: center; text-transform: uppercase; }
.dialogue   { text-align: left; margin: 0.0em auto 1.75em auto; width: 20em; max-width: 100%; }

/* rotate symbols
   http://physics.info/rotational-statics/ */

ol.rotatesymbols                       { list-style-type: none; }
ol.rotatesymbols li:first-child:before { content: "\293D\00a0"; }
ol.rotatesymbols li:last-child:before  { content: "\293C\00a0"; }

/* Amazon Marketplace */

img.amazon1pixel { border: none !important; display: inline !important; margin: 0px !important; width: 1px; height: 1px !important; }

/* No condition is permanent. */