examples/mwolson/stylesheets/common.css

   1 /* Michael Olson's tweaked Muse stylesheet
   2
   3    Common elements.
   4 */
   5
   6 /* Normal elements */
   7
   8 a.nonexistent {
   9   background-color: white;
  10   color: red;
  11   font-weight: bold;
  12 }
  13
  14 a.nonexistent:visited {
  15   background-color: white;
  16   color: red;
  17 }
  18
  19 a.top, a:visited.top, a:link.top {
  20   color: #F5DEB3;               /* wheat */
  21   line-height: 90%;
  22   position: relative;
  23   text-decoration: none;
  24   top: -13px;
  25 }
  26
  27 a:visited {
  28   color: #556B2F;               /* dark olive green */
  29 }
  30
  31 a {
  32   color: #0000CD;               /* blue */
  33 }
  34
  35 blockquote {
  36   border-left: 2px solid #CCCCCC; /* gray80 */
  37   padding: 5px;
  38   font-style: italic;
  39   margin: 5px 20px;
  40 }
  41
  42 body {
  43   background-color: #DCDCDC;    /* gainsboro */
  44   color: black;
  45   margin-left: 2%;
  46   margin-right: 2%;
  47   margin-top: 1%;
  48 }
  49
  50 dt {
  51   font-weight: bold;
  52   margin-top: .5em;
  53   padding: 3px;
  54 }
  55
  56 em {
  57   font-style: italic;
  58 }
  59
  60 h1 {
  61   background-color: #2F4F4F;    /* dark slate gray */
  62   color: #F5DEB3;               /* wheat */
  63   border: 1px solid black;
  64   font-size: large;
  65   overflow: hidden;             /* don't crowd the menu */
  66   padding: 0;
  67   white-space: nowrap;
  68 }
  69
  70 h2 {
  71   border-bottom: solid 2px #708090; /* slate gray */
  72   clear: left;
  73   font-size: large;
  74   margin-top: 2.5em;
  75   margin-bottom: .5em;
  76   overflow: hidden;             /* don't crowd the menu */
  77   padding-right: 6px;
  78 }
  79
  80 h3 {
  81   border-bottom: solid 1px #708090; /* slate gray */
  82   border-right: solid 2px #DCDCDC;  /* gainsboro */
  83   font-size: medium;
  84   margin-top: 2em;
  85   margin-bottom: .5em;
  86   overflow: hidden;             /* don't crowd the menu */
  87   padding-right: 6px;
  88 }
  89
  90 h4 {
  91   border-bottom: dashed 1px #BEBEBE;    /* light gray */
  92   border-right: solid 2px #DCDCDC;      /* gainsboro */
  93   margin-top: 1.5em;
  94   margin-bottom: .7em;
  95   overflow: hidden;             /* don't crowd the menu */
  96   padding-right: 6px;
  97 }
  98
  99 hr {
 100   clear: right;
 101 }
 102
 103 img {
 104   border: 0;
 105 }
 106
 107 li {
 108   line-height: 1.5em;
 109   margin-top: .7em;
 110 }
 111
 112 p.verse {
 113   clear: left;
 114   line-height: 2em;
 115   margin-left: 5%;
 116 }
 117
 118 p {
 119   line-height: 1.5em;
 120 }
 121
 122 pre.example {
 123   margin-left: 5%;
 124   margin-bottom: 2.5em;
 125 }
 126
 127 pre.verse {
 128   font-family: inherit;
 129   line-height: 2em;
 130   margin-left: 5%;
 131 }
 132
 133 pre {
 134   font-family: monospace;
 135   margin-left: 5%;
 136   white-space: pre;
 137 }
 138
 139 span.footdate {
 140   color: red;
 141 }
 142
 143 strong {
 144   font-weight: bold;
 145 }
 146
 147 table {
 148   overflow: hidden;             /* don't crowd the menu */
 149 }
 150
 151 ul {
 152   list-style-type: disc;
 153   margin-bottom: 1.5em;
 154 }
 155
 156 /* Menu */
 157
 158 .menu {
 159   background-color: #F5F5F5;    /* white smoke */
 160   color: white;
 161   border: 1px solid black;
 162   display: inline;
 163   float: right;
 164   clear: both;
 165   margin-left: 5px;
 166   margin-bottom: 5px;
 167   padding: .5em;
 168 }
 169
 170 .menuitem {
 171   text-align: left;
 172 }
 173
 174 .menuitem a:link, .menuitem a:visited {
 175   color: #006400;               /* dark green */
 176   display: block;
 177   margin: .2em;
 178   padding-top: 4px;
 179 }
 180
 181 .menuitem a:hover {
 182   background-color: #D3D3D3;    /* light gray */
 183 }
 184
 185 #tooltipbox {
 186   float: right;
 187   visibility: hidden;
 188 }
 189
 190 #tooltip {
 191   color: #006400;               /* dark green */
 192 }