/*
 * CSS for http://hea-www.harvard.edu/~dburke/
 * As I take advantage of some CSS3-style properties (the *border-radius ones)
 * the file does not pass the W3C CSS validator.
 */

/* Ugly solution to making the page readable without CSS */
.hideme { display: none; }

/* images and links */

img { border: 0px }

a:link { color: #009; }
a:hover { background: #ccffff; }

/* Only want this for links that contian images but leave as is for how */
div.validation a:hover { background: none; }

/* Stop headers from being highlighted */

h1 a:hover, h2 a:hover { background: none; }

html {
    background-color: #99ccff;
    font-family: "Arial", "Helvetiva", sans-serif;
}

/* main text */

div.main {
    width: 80%;
    left: 0;
    top: 0;
    right: auto;
    border: 1px solid black;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    background: white;
}

/* Hide the introduction line */

div.main p.intro {
    display: none;
}

div.section {
    margin: 0.5em;
    padding: 0.1em 0.5em 0.1em 0.5em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    background: #eeeeee;
}

/*
 * Since the font size has been increased by 150% the header extends
 * outside the section box slightly (as we used the same values for
 * the right and left margins as for the padding of the section div,
 * with units of em).
 */

h1 {
    text-align: center;
}

h2 {
    font-size: 150%;
    font-weight: bold;
/*     border: thin solid black; */
    padding: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
    color: white;
    background: #9999cc;
    margin: -0.05em -0.5em 0 -0.5em;
}

/* navigation and general info */

div.banner {
    position: fixed;
    width: 18%;
    right: 0;
    top: 1em;
    font-size: 90%;
    text-align: right;
    margin-right: 0.5em;
}

div.banner div.lastedit {
    font-size: 80%;
    margin-bottom: 0.5em;
    /* padding-right: 0.625em; */  /* This is 0.5 / 0.8 */
}

div.banner h1 {
    display: none;
}

div.banner h2 {
    font-size: 100%;
    padding: 0;
    margin: 0 0 0 1em;
    text-align: center;
}

div.banner ul {
    display: block;
}

div.banner li {
    display: block;
    /* padding-right: 0.5em; */
}

div.banner span {
    display: block;
    /* padding-right: 0.5em; */
}

div.validation {
    position: fixed;
    right: 1em;
    bottom: 1em;
}

div.validation p { display: inline; }

/*
 * Other stuff
 *  - ssharc related classes are from the Southern SHARC pages
 */

a.software {
/*    font-family: monospace; */
}

span.math {
  font-family: monospace;
}

div.ssharclogo {
  float: left;
}
div.ssharclogo img {
  margin: 0.5em 1em 0.5em 0;
}

div.ssharcdecal img {
  float: right;
}

div.reference { font-size: 80%; }
div.reference span.authlist { }
div.reference span.volume { font-weight: bold; }
div.reference span.journal { font-family: monospace; }
div.reference span.adslink { font-size: 120%; }

/* looks like url's have to be relative to the location of this file */
ul.ssharcfilelist li { list-style-image: url(southern_sharc/sharc_icon_black_transparent.gif); }

/* figshare styling */

iframe.figshare {
  border-width: 0px;
}

#googleid {
  float: right;
  width: 32px;
  height: 32px;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
}

/* container is meant to cover 200% of the image */
#mastodonid {
  float: right;
  width: 36px;
  height: 36px;
}

#twitterid img {
  width: 22px;
  height: 22px;
  padding-left: 5px;
  padding-top: 5px;
}

#orcid {
  float: right;
  width: 32px;
  height: 32px;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
}

#impactstory {
  float: right;
/*
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
*/
}

#impactstory img {
  width: 32px;
  height: 32px;
}

/* fini */