static/css/mochaui/content.css

   1 /*
   2
   3 CSS for Mocha UI
   4
   5 Copyright:
   6         Copyright (c) 2007-2008 Greg Houston, <http://greghoustondesign.com/>.
   7
   8 License:
   9         MIT-style license.
  10
  11 Note:
  12         If you are adding MochaUI to an existing site, this CSS file may not be necessary.
  13
  14 */
  15
  16
  17 /* Reset */
  18
  19 ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }
  20 a img,:link img,:visited img { border: none; }
  21 table { border-collapse: collapse; border-spacing: 0; }
  22 :focus { outline: none; }
  23
  24 /* Structure */
  25
  26 body {
  27         text-align: left;
  28         font-family: Arial, Helvetica, sans-serif;
  29         font-size: 12px;
  30         line-height: 18px;
  31         color: #3f3f3f;
  32 }
  33
  34 /* Typography */
  35
  36 h2, h3, h4 {
  37         margin: 0;
  38         padding: 0 0 5px 0;
  39         font-size: 12px;
  40         font-weight: bold;
  41 }
  42
  43 h2 {
  44         font-size: 14px;
  45         font-weight: bold;
  46 }
  47
  48 #mochaPage h3 {
  49         display: block;
  50         font-size: 12px;
  51         padding: 6px 0 6px 0;
  52         margin: 0 0 8px 0;
  53         border-bottom: 1px solid #bbb;
  54 }
  55
  56 h4 {
  57         font-size: 11px;
  58 }
  59
  60 a {
  61         color: #098ED1;
  62         text-decoration: none;
  63         cursor: pointer;
  64 }
  65
  66 a:hover {
  67         text-decoration: none;
  68 }
  69
  70 p {
  71         margin: 0;
  72         padding: 0 0 9px 0;
  73 }
  74
  75 .lite {
  76         color: #999;
  77 }
  78
  79 /* List Elements */
  80
  81 ul {
  82         list-style: outside;
  83         margin: 0 0 9px 16px;
  84         list-style-type: disc;
  85 }
  86
  87 dt {
  88         font-weight: bold;
  89 }
  90
  91 dd {
  92         padding: 0 0 9px 0;
  93 }
  94
  95 /* Forms */
  96
  97 textarea, input {
  98         font-family: Arial, Helvetica, sans-serif;
  99         font-size: 12px;
 100 }
 101
 102 /* Code */
 103
 104 pre {
 105         background-color: #f6f6f6;
 106         color: #060;
 107         display: block;
 108         font-family: 'Courier New', Courier, monospace;
 109         font-size: 11px;
 110         max-height: 250px;
 111         overflow: auto;
 112         margin: 0 0 10px 0;
 113         padding: 0 10px 10px 10px;
 114         border: 1px solid #d1d7dc;
 115 }
 116
 117 /* Dividers */
 118
 119 hr {
 120         background-color: #ddd;
 121         color: #ccc;
 122         height: 1px;
 123         border: 0px;
 124 }