Dogcows Code - chaz/homebank/blob - doc/help.css

   1 /*
   2 ** homebank documentation css
   3
   4 http://webdesign.about.com/od/colorpalettes/ig/Color-Palettes/Apple-Color-Palette.-EQ5.htm
   5     #979797
   6     #666666
   7     #eeeeee
   8     #000000
   9     #0088cc
  10         #cc8800
  11 */
  12 /* suggested line-height:140% */
  13 body {
  14         font: 14px/18px 'Open sans',sans-serif;
  15         line-height:140%;
  16         color: #333;
  17         background-color: #F5F6F7;
  18 }
  19
  20 a {
  21         color: #08c;
  22         text-decoration: none;
  23 }
  24
  25 a:hover {
  26         text-decoration: underline;
  27 }
  28
  29 h1,h2,h3,h4,h5,h6 {
  30 /*font-family: Times, 'Times New Roman', serif; font-style:italic;*/
  31         color: #000;
  32         font-weight: 400;
  33 }
  34
  35 h1:first-of-type,h2:first-of-type,h3:first-of-type {
  36         margin-top: 0;
  37 }
  38
  39 /*h1 { color: #f57900; margin-top:0; }
  40 h2 { color: #3465a4; }
  41 h3 { color: #484848; }
  42 h4 { color: #484848; }
  43 h5 { color: #484848; }*/
  44 /*
  45 h2 { color: #fe9500; }
  46 h3 { color: #4686c0; }
  47 h4 { color: #3c3c3c; }
  48 h4 img { vertical-align: baseline; padding: 4px; }
  49 */
  50 ul {
  51 /*list-style-type:square;*/
  52         overflow: hidden;
  53 }
  54
  55 p {
  56         margin-left: 1.5em;
  57 }
  58
  59 ol li {
  60         margin-top: .5em;
  61 }
  62
  63 .toc li {
  64 /*list-style:none;*/
  65         list-style-image: url(images/arrow.png);
  66 }
  67
  68 .step li {
  69         line-height: 20px;
  70 }
  71
  72 .csvexample {
  73         font-family: monospace;
  74         border: 1px solid #ddd;
  75         background: #efefef;
  76         white-space: pre;
  77         margin-left: 16px;
  78         width: 50%;
  79         padding: 8px;
  80 }
  81
  82 .argument {
  83         color: #888;
  84         font-size: 110%;
  85 }
  86
  87 .rounded {
  88         border-radius: 4px 4px 4px 4px;
  89 }
  90
  91 .mainpage {
  92         margin-top: 100px;
  93 }
  94
  95 .mainpage p {
  96         margin-left: 0;
  97         padding: 0;
  98         text-align: center;
  99 }
 100
 101 .dochead {
 102         border-bottom: 1px solid #E1E1E1;
 103         padding-bottom: 8px;
 104         color: #888;
 105 }
 106
 107 .title {
 108         border-top: 1px solid #FFF;
 109         padding: 16px;
 110 }
 111
 112 .top {
 113         margin: 0;
 114         padding: 0;
 115         font-size: x-small;
 116 }
 117
 118 .content {
 119         background-color: #fff;
 120         padding: 16px;
 121         box-shadow: 0 1px 3px rgba(0,0,0,0.3);
 122         margin: 0 1em 1.5em 0;
 123 }
 124
 125 /* navigation link */
 126 .navig a {
 127         color: #484848;
 128         padding: 0 10px;
 129 }
 130
 131 .navig a:hover {
 132         background: #DDD;
 133         text-decoration: none;
 134         border-radius: 5px;
 135 }
 136
 137 .navig p {
 138         margin: 1em;
 139 }
 140
 141 .head {
 142         border-top: 1px solid #babdb6;
 143         background-image: url(images/top-gradient.png);
 144         background-repeat: repeat-x;
 145         background-position: top;
 146         height: 30px;
 147         margin-top: 4px;
 148 }
 149
 150 .left {
 151         float: left;
 152 }
 153
 154 .right {
 155         float: right;
 156 }
 157
 158 .clear {
 159         clear: both;
 160 }
 161
 162 .gtkshot {
 163         padding: 2px;
 164         margin: 1em;
 165         text-align: center;
 166         border: 1px dashed #979797;
 167 /*#005C9C;*/
 168 /*      background-image:url(images/top-gradient.png);
 169         background-repeat:repeat-x;
 170         background-position:top; */
 171 }
 172
 173 .gtkshot:first-of-type {
 174         margin-top: 0;
 175 }
 176
 177 .gtkgroup {
 178         margin-left: 16px;
 179         padding: 0;
 180         background: red;
 181 }
 182
 183 .gtkgrouptitle {
 184         font-weight: 700;
 185         color: #000;
 186 }
 187
 188 .concept p {
 189         margin-left: 16px;
 190 }
 191
 192 .concept h4 {
 193         margin-bottom: 0;
 194 }
 195
 196 .note {
 197         border: solid 1px #eee;
 198         background: #efefef;
 199         margin: 16px;
 200         padding: 8px;
 201 }
 202
 203 /* table */
 204 table {
 205         line-height: 120%;
 206         margin-bottom: 16px;
 207 }
 208
 209 td,th {
 210         vertical-align: top;
 211 }
 212
 213 .lexicon {
 214         width: 100%;
 215         table-layout: fixed;
 216 }
 217
 218 .lexicon td,th {
 219         width: 20%;
 220         text-align: left;
 221 }
 222
 223 .hotkeys {
 224         table-layout: fixed;
 225         margin-left: 16px;
 226 }
 227
 228 .hotkeys td,th {
 229         padding: 4px;
 230         border: 1px solid #E1E1E1;
 231         vertical-align: middle;
 232 }
 233
 234 .t2col td {
 235         width: 50%;
 236 }
 237
 238 .widgetinfo {
 239         margin-left: 1.5em;
 240 }
 241
 242 .widgetinfo th,.widgetinfo td {
 243         border: 1px solid #E1E1E1;
 244         text-align: left;
 245         vertical-align: top;
 246         padding: 2px 4px;
 247 }
 248
 249 .widgetinfo th {
 250         min-width: 80px;
 251         width: 20%;
 252         background-color: #DEDEDE;
 253         font-weight: 400;
 254 }
 255
 256 .widgetinfo td {
 257         background-color: #fff;
 258         background-color: #EFEFEF;
 259 }
 260
 261 .warning {
 262         color: #c80;
 263 }
 264
 265 .i {
 266         font-style: italic;
 267 }
 268
 269 .u {
 270         text-decoration: underline;
 271 }