src/cm/media/css/site/text_view_comments/c-text-styles.css
author gibus
Thu, 03 Jan 2013 11:00:26 +0100
changeset 477 504f199062df
parent 475 782d40ecf7c3
child 482 00f61fe2430a
permissions -rw-r--r--
Add some MIME instructions for font to silence Chrome warnings.

@import url("fonts.css");

#textcontainer {
  font-size: 14px;
  line-height: 20px;
}
  
#textcontainer.modern {
  font-family: Lora, Georgia, serif;
}
  
#textcontainer.code {
  font-family: courier; 
}
  
#textcontainer h1 {
  font-size: 22px; 
  line-height: 24px;
}

#textcontainer h2 {
  font-size: 16px; 
  line-height: 18px;
}

#textcontainer h3 {
  font-size:14px; 
  line-height: 16px;
}

#textcontainer.modern h1,
#textcontainer.modern h2,
#textcontainer.modern h3,
#textcontainer.modern h4,
#textcontainer.modern h5,
#textcontainer.modern h6 {
  font-family: 'PT Sans', Verdana, sans-serif;
}
  
.voted {
  color: #008000;
}

.rejected {
  color: #ff0000;
}

.fallen {
  color: #ff0000;
}

.withdrawn {
  color: #ff0000;
}

div.frame {
  border: 1px solid #000;
  padding: 5px;
}

div.frame .title {
  font-weight: bold;
  text-align: center;
}

/* Add empty space before footnotes and a black line on top. */
.footnotes {
  clear: both;
  margin-top: 4em;
  margin-bottom: 2em;
  border-top: 1px solid #000000;
}

/* Make footnotes appear in a smaller font */
.footnotes {
  font-size: 0.9em;
}

/* 
  Make the footnote a supertext^1
*/
.see-footnote {
  vertical-align: top;
  position: relative;
  top: -0.25em;
  font-size: 0.9em;
  text-decoration: none;
}

/* Hide the bullet of the UL list of footnotes*/

ul.footnotes {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
ul.footnotes li {
  margin-left: 2.5em;
  list-style-type: none;
  background: none; /* Garland theme sets a bullet via background image, this must be unset! See bug 861634 */
}


/* Move the footnote number outside of the margin for footnote text (hanging indent) */
ul.footnotes {
  /* This is apparently very needed for the "position: absolute;" below to work correctly*/
  position: relative; 
}
.footnotes .footnote-label {
  position: absolute;
  left: 0px;
  z-index: 2;
  text-decoration: none;
}

/* Highlight the target footnote (or ref number, if a backlink was used) when user clicks a footnote. */
.see-footnote:target,
.footnotes .footnote:target {
  background-color: #eeeeee;
}
.see-footnote:target {
  border: solid 1px #aaaaaa;
}


/* Note: This CSS has a minor bug on all versions of IE in that the footnote numbers 
are aligned with the absolute bottom of their space, thus being a couple of pixels 
lower than their corresponding line of text. IE5.5 has a serious bug in that the numbers 
are not shifted left at all, thus being garbled together with the start of their text. */

/* 
  Make the multiple backlinks a supertext^1
*/
.footnotes .footnote-multi {
  vertical-align: top;
  position: relative;
  top: -0.25em;
  font-size: 0.75em;
}