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 .padleft {
  64         margin-left: 3em;
  65 }
  66
  67 .toc li {
  68 /*list-style:none;*/
  69         list-style-image: url(images/arrow.png);
  70 }
  71
  72 .step li {
  73         line-height: 20px;
  74 }
  75
  76 .csvexample {
  77         font-family: monospace;
  78         border: 1px solid #ddd;
  79         background: #efefef;
  80         white-space: pre;
  81         margin-left: 16px;
  82         width: 50%;
  83         padding: 8px;
  84 }
  85
  86 .argument {
  87         color: #888;
  88         font-size: 110%;
  89 }
  90
  91 .rounded {
  92         border-radius: 4px 4px 4px 4px;
  93 }
  94
  95 .mainpage {
  96         margin-top: 100px;
  97 }
  98
  99 .mainpage p {
 100         margin-left: 0;
 101         padding: 0;
 102         text-align: center;
 103 }
 104
 105 .dochead {
 106         border-bottom: 1px solid #E1E1E1;
 107         padding-bottom: 8px;
 108         color: #888;
 109 }
 110
 111 .title {
 112         border-top: 1px solid #FFF;
 113         padding: 16px;
 114 }
 115
 116 .top {
 117         margin: 0;
 118         padding: 0;
 119         font-size: x-small;
 120 }
 121
 122 .content {
 123         background-color: #fff;
 124         padding: 16px;
 125         box-shadow: 0 1px 3px rgba(0,0,0,0.3);
 126         margin: 0 1em 1.5em 0;
 127 }
 128
 129 /* navigation link */
 130 .navig a {
 131         color: #484848;
 132         padding: 0 10px;
 133 }
 134
 135 .navig a:hover {
 136         background: #DDD;
 137         text-decoration: none;
 138         border-radius: 5px;
 139 }
 140
 141 .navig p {
 142         margin: 1em;
 143 }
 144
 145 .head {
 146         border-top: 1px solid #babdb6;
 147         background-image: url(images/top-gradient.png);
 148         background-repeat: repeat-x;
 149         background-position: top;
 150         height: 30px;
 151         margin-top: 4px;
 152 }
 153
 154 .left {
 155         float: left;
 156 }
 157
 158 .right {
 159         float: right;
 160 }
 161
 162 .clear {
 163         clear: both;
 164 }
 165
 166 .gtkshot {
 167         padding: 2px;
 168         margin: 1em;
 169         text-align: center;
 170         border: 1px dashed #979797;
 171 /*#005C9C;*/
 172 /*      background-image:url(images/top-gradient.png);
 173         background-repeat:repeat-x;
 174         background-position:top; */
 175 }
 176
 177 .gtkshot:first-of-type {
 178         margin-top: 0;
 179 }
 180
 181 .gtkgroup {
 182         margin-left: 16px;
 183         padding: 0;
 184         background: red;
 185 }
 186
 187 .gtkgrouptitle {
 188         font-weight: 700;
 189         color: #000;
 190 }
 191
 192 .concept p {
 193         margin-left: 16px;
 194 }
 195
 196 .concept h4 {
 197         margin-bottom: 0;
 198 }
 199
 200 .note {
 201         border: solid 1px #eee;
 202         background: #efefef;
 203         margin: 16px;
 204         padding: 8px;
 205 }
 206
 207 /* table */
 208 table {
 209         line-height: 120%;
 210         margin-bottom: 16px;
 211 }
 212
 213 td,th {
 214         vertical-align: top;
 215 }
 216
 217 .lexicon {
 218         width: 100%;
 219         table-layout: fixed;
 220 }
 221
 222 .lexicon td,th {
 223         width: 20%;
 224         text-align: left;
 225 }
 226
 227 .hotkeys {
 228         table-layout: fixed;
 229         margin-left: 16px;
 230 }
 231
 232 .hotkeys td,th {
 233         padding: 4px;
 234         border: 1px solid #E1E1E1;
 235         vertical-align: middle;
 236 }
 237
 238 .t2col td {
 239         width: 50%;
 240 }
 241
 242 .widgetinfo {
 243         margin-left: 1.5em;
 244 }
 245
 246 .widgetinfo th,.widgetinfo td {
 247         border: 1px solid #E1E1E1;
 248         text-align: left;
 249         vertical-align: top;
 250         padding: 2px 4px;
 251 }
 252
 253 .widgetinfo th {
 254         min-width: 80px;
 255         width: 20%;
 256         background-color: #DEDEDE;
 257         font-weight: 400;
 258 }
 259
 260 .widgetinfo td {
 261         background-color: #fff;
 262         background-color: #EFEFEF;
 263 }
 264
 265 .warning {
 266         color: #c80;
 267 }
 268
 269 .i {
 270         font-style: italic;
 271 }
 272
 273 .u {
 274         text-decoration: underline;
 275 }