_note.css

body {
  font-size: 1em;
  font-family: serif;
  color: black;
}
h3, h2 {
  margin-bottom: 5px;
  font-family: Georgia, Cambria, serif;
}
input[name=screenPos] {
  display: none;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background-color: #dbdbdb;
}
button[disabled]:hover {
  background: #efefef;
}
.upperRightButton {
  position: relative;
  float: left;
  margin-left: 10px;
  text-align: left;
  width: 87%;
}
.upperLeftButton {
  position: relative;
  float: left;
  margin-left: 5px;
  text-align: left;
  width: 78%;
}
.btnIcon {
  padding: 0px 4px 0px 4px;
  position: relative;
}
.bottomButton {
  text-align: left;
  width: 100%;
  padding: 1px 0.7em 1px 0.7em;
}
.noteButton {
  padding: 6px 3px;
  margin: 1px;
  font-size: 1.2em;
}
.optionInput {
  margin-left: 10px;
  margin-top: 4px;
}
.goItalic {
  font-style: italic;
  font-size: .8em;
}
.nonItalic {
  font-style: normal;
}
.activeNote {
  font-weight: bold;
  font-style: italic;
  border: 2px solid black;
  background-color: #lightgray;
}
.item {
  display: inline-block;
  line-height: 1.1em;
  margin-bottom: 0.4em;
  hyphen: auto;
  word-wrap: normal;
  word-break: break-word;
}
.optionsColumn {
  margin-left: 4px;
  margin-right: 1px;
  vertical-align: top;
  text-align: left;
  padding-right: 4px;
  padding-left: 25px;
}
.smallFont {
  font-size: 0.8em;
}
.mediumFont {
  font-size: 1em;
}
.largeFont {
  font-size: 1.3em;
}
.serif {
  font-family: serif;
}
.sans {
  font-family: sans-serif;
}
.localFontForm {
  padding: 0px;
  margin: 0px;
}
.localFontBox {
  margin-left: 35px;
}
.optionChangeButton {
  font-size: 0.7em;
  margin-left: 6px;
}
.localFontShow {
  display: inline;
}
.localFontShowP {
  display: inline;
  font-size: 1em;
  margin-right: 5px;
}
.localFontDiv {
  display: inline;
}
.deleteButton {
  font-size: 0.7em;
  position: relative;
  float: right;
  clear: right;
  top: 0px;
}
.x {
  font-family: sans-serif;
  font-weight: 400;
  color: black;
  font-size: 0.8em;
}
.x:hover {
  color: red;
}
.moveButtons {
  line-height: 0.7em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  vertical-align: middle;
}
.uBut {
  margin-left: 1px;
  margin-right: 2px;
}
.dBut {
  margin-right: 5px;
}
.insertBlack:hover {
  border-top: 4px solid black;
  cursor: pointer;
}
.insertWhite:hover {
  border-top: 4px solid white;
  cursor: pointer;
}
.overflowClass {
  word-break: break-all;
}
.optButton {
  margin-bottom: 2px;
  margin-left: 8px;
  margin-top: 1px;
}
.optionSections {
  display: inline;
}
.uline {
  text-decoration: underline;
}
.delBox {
  position: relative;
  float: right;
  width: 110px;
  padding-bottom: 4px;
}
.optionsButtonBox {
  position: relative;
  float: right;
  width: 170px;
  padding-bottom: 4px;
}
#noteList {
  display: block;
  margin: 5px;
  padding: 2px;
  height: 80px;
  overflow: auto;
  white-space: pre;
}
#noteBody {
  overflow: auto;
  padding: 5px;
  font-family: serif;
  font-size: 1em;
}
#upperRightBox {
  border-left-style: groove;
  position: relative;
  float: right;
  width: 110px;
  padding-bottom: 4px;
}
#newNoteDiv {
  position: absolute;
  text-align: center;
  top: 30%;
  display: none;
}
#newNoteForm {
  position: relative;
}
#noteTitle {
  text-align: center;
  padding-bottom: 10px;
  margin-top: 4px;
}
#inputDiv {
  margin-left: 10px;
  display: none;
}
#optionsDiv {
  font-family: serif;
  font-size: 1em;
  overflow: auto;
  display: none;
}
#aboutDiv {
  font-size: 1.2em;
  text-align: center;
  padding: 25px;
  overflow: auto;
  display: none;
}
#backupButton {
  margin-top: 1px;
  margin-bottom: 3px;
}
#statusBar {
  display: inline-block;
  position: fixed;
  bottom: 0px;
  margin: 2px 2px 10px 1px;
  width: 98%;
}
#statusBarText {
  display: inline-block;
  font-size: 0.9em;
  font-style: italic;
}
#backupDiv {
  padding-left: 10px;
  margin-left: 25px;
  overflow: auto;
  display: none;
}
#backupDispDiv {
  display: inline;
  margin-right: 20px;
  margin-left: 1px;
  font-size: 1.1em;
}
#backupText {
  text-decoration: underline;
}
#clock {
  display: inline-block;
  font-size: 1em;
  font-family: sans-serif;
  position: fixed;
  bottom: 0px;
  right: 5px;
  margin: 5px;
  padding: 4px;
}
#clockText {
  font-size: 0.8em;
  font-family: serif;
}
#ltgrayL {
  background-color: lightgray;
  color: black;
}
#yellowL {
  background-color: #f0f0b3;
  color: black;
}
#whiteL {
  background-color: #fefefe;
  color: black;
}
#pinkL {
  background-color: #ff90aa;
  color: black;
}
#ltgreenL {
  background-color: #bfe9bf;
  color: black;
}
#ltblueL {
  background-color: #a9d6df;
  color: black;
}
#orangeL {
  background-color: #ffcf5f;
  color: black;
}
#charcoalL {
  background-color: #555555;
  color: #ffffff;
}
#fgreenL {
  background-color: #228542;
  color: #ffffff;
}
#nblueL {
  background-color: #000060;
  color: #ffffff;
}
#brownL {
  background-color: #a88042;
  color: #ffffff;
}
#blackL {
  background-color: #222222;
  color: #eeeeee;
}
#expandAllButton, #collapseAllButton {
  width: 80%;
  text-align: center;
  margin: 0px 3px 1px 1px;
  float: right;
}
#pinButton {
  position: relative;
  float: left;
  width: 100px;
  padding-bottom: 4px;
}
#pinBox {
  display: none;
  position: relative;
  float: left;
  border-right-style: groove; 
  margin: 5px;
  padding: 2px 4px 2px 2px;
  height: 80px;
  overflow: hidden;
  white-space: pre;

}
#about_name {
  font-size: 1.6em;
  font-family: Tahoma, Helvetica, sans-serif;
  font-weight: 700;
}
#itemTable {
  border-collapse: collapse;
}