⌈⌋ branch:  freshcode


Hex Artifact Content

Artifact e339716d36194c81ec2907d8dfbb99c0b12c0678:

  • File forum.css — part of check-in [108362e99b] at 2014-08-11 16:13:43 on branch trunk — Add basic /meta forum, separate handler and database structure. (user: mario size: 3699)

0000: 2f 2a 2a 0a 20 2a 20 61 70 69 3a 20 63 73 73 0a  /**. * api: css.
0010: 20 2a 20 74 79 70 65 3a 20 73 74 79 6c 65 73 68   * type: stylesh
0020: 65 65 74 0a 20 2a 20 74 69 74 6c 65 3a 20 6d 65  eet. * title: me
0030: 74 61 20 66 6f 72 75 6d 20 6c 61 79 6f 75 74 0a  ta forum layout.
0040: 20 2a 20 64 65 73 63 72 69 70 74 69 6f 6e 3a 20   * description: 
0050: 4d 69 6e 69 6d 61 6c 69 73 74 69 63 20 66 6f 72  Minimalistic for
0060: 75 6d 20 73 74 79 6c 65 0a 20 2a 20 76 65 72 73  um style. * vers
0070: 69 6f 6e 3a 20 30 2e 31 0a 20 2a 0a 20 2a 20 50  ion: 0.1. *. * P
0080: 6f 73 74 73 20 61 72 65 20 6a 75 73 74 20 70 72  osts are just pr
0090: 65 73 65 6e 74 65 64 20 69 6e 20 61 20 6e 65 73  esented in a nes
00a0: 74 65 64 20 6c 69 73 74 2c 0a 20 2a 20 61 6e 64  ted list,. * and
00b0: 20 6c 65 66 74 2d 73 69 64 65 20 74 69 74 6c 65   left-side title
00c0: 20 62 61 6e 6e 65 72 20 73 74 69 63 6b 73 20 6f   banner sticks o
00d0: 75 74 2e 0a 20 2a 0a 20 2a 2f 0a 0a 0a 2f 2a 2a  ut.. *. */.../**
00e0: 0a 20 2a 20 47 6f 6f 67 6c 65 20 66 6f 6e 74 73  . * Google fonts
00f0: 0a 20 2a 0a 20 2a 2f 0a 40 69 6d 70 6f 72 74 20  . *. */.@import 
0100: 75 72 6c 28 68 74 74 70 3a 2f 2f 66 6f 6e 74 73  url(http://fonts
0110: 2e 67 6f 6f 67 6c 65 61 70 69 73 2e 63 6f 6d 2f  .googleapis.com/
0120: 63 73 73 3f 66 61 6d 69 6c 79 3d 48 69 6e 64 3a  css?family=Hind:
0130: 34 30 30 2c 35 30 30 2c 37 30 30 2c 33 30 30 29  400,500,700,300)
0140: 3b 0a 0a 2f 2a 2a 0a 20 2a 20 47 65 6e 65 72 61  ;../**. * Genera
0150: 6c 0a 20 2a 0a 20 2a 2f 0a 68 74 6d 6c 2c 20 62  l. *. */.html, b
0160: 6f 64 79 20 7b 20 70 61 64 64 69 6e 67 3a 20 30  ody { padding: 0
0170: 3b 20 6d 61 72 67 69 6e 3a 20 30 3b 20 68 65 69  ; margin: 0; hei
0180: 67 68 74 3a 20 31 30 30 25 3b 20 7d 0a 62 6f 64  ght: 100%; }.bod
0190: 79 20 7b 0a 2f 2a 20 66 6f 6e 74 3a 20 34 30 30  y {./* font: 400
01a0: 20 31 32 70 74 2f 31 36 70 74 20 4b 72 65 6f 6e   12pt/16pt Kreon
01b0: 3b 2f 0a 20 20 20 66 6f 6e 74 3a 20 35 30 30 20  ;/.   font: 500 
01c0: 31 32 70 74 2f 31 36 70 74 20 52 61 6c 65 77 61  12pt/16pt Ralewa
01d0: 79 3b 0a 20 20 20 66 6f 6e 74 3a 20 35 30 30 20  y;.   font: 500 
01e0: 31 32 70 74 2f 31 36 70 74 20 4e 75 6d 61 6e 73  12pt/16pt Numans
01f0: 3b 0a 20 20 20 66 6f 6e 74 3a 20 35 30 30 20 31  ;.   font: 500 1
0200: 32 70 74 2f 31 36 70 74 20 49 6e 64 65 72 3b 0a  2pt/16pt Inder;.
0210: 20 20 20 66 6f 6e 74 3a 20 34 30 30 20 31 32 70     font: 400 12p
0220: 74 2f 31 36 70 74 20 56 6f 63 65 73 3b 0a 20 20  t/16pt Voces;.  
0230: 20 66 6f 6e 74 3a 20 34 30 30 20 31 32 70 74 2f   font: 400 12pt/
0240: 31 36 70 74 20 4d 61 67 72 61 3b 2a 2f 0a 20 20  16pt Magra;*/.  
0250: 20 66 6f 6e 74 3a 20 34 30 30 20 31 32 70 74 2f   font: 400 12pt/
0260: 31 36 70 74 20 48 69 6e 64 3b 0a 7d 0a 0a 2f 2a  16pt Hind;.}../*
0270: 2a 0a 20 2a 20 54 69 74 6c 65 20 62 6f 72 64 65  *. * Title borde
0280: 72 0a 20 2a 0a 20 2a 2f 0a 23 74 69 74 6c 65 20  r. *. */.#title 
0290: 7b 0a 20 20 20 64 69 73 70 6c 61 79 3a 20 62 6c  {.   display: bl
02a0: 6f 63 6b 3b 0a 20 20 20 70 6f 73 69 74 69 6f 6e  ock;.   position
02b0: 3a 20 66 69 78 65 64 3b 0a 20 20 20 6c 65 66 74  : fixed;.   left
02c0: 3a 20 30 3b 0a 20 20 20 74 6f 70 3a 20 30 3b 0a  : 0;.   top: 0;.
02d0: 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 23     background: #
02e0: 32 32 32 3b 0a 20 20 20 77 69 64 74 68 3a 20 31  222;.   width: 1
02f0: 35 30 70 74 3b 0a 20 20 20 66 6c 6f 61 74 3a 20  50pt;.   float: 
0300: 6c 65 66 74 3b 0a 20 20 20 68 65 69 67 68 74 3a  left;.   height:
0310: 20 31 30 30 25 3b 0a 20 20 20 6d 69 6e 2d 68 65   100%;.   min-he
0320: 69 67 68 74 3a 20 35 30 30 30 70 78 3b 0a 20 20  ight: 5000px;.  
0330: 20 70 61 64 64 69 6e 67 3a 20 30 3b 20 20 6d 61   padding: 0;  ma
0340: 72 67 69 6e 3a 20 30 3b 0a 7d 0a 68 31 20 7b 0a  rgin: 0;.}.h1 {.
0350: 20 20 20 74 72 61 6e 73 66 6f 72 6d 3a 20 72 6f     transform: ro
0360: 74 61 74 65 28 32 37 30 64 65 67 29 3b 0a 20 20  tate(270deg);.  
0370: 20 63 6f 6c 6f 72 3a 20 23 66 66 66 3b 0a 20 20   color: #fff;.  
0380: 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 37 32 70 74   font-size: 72pt
0390: 3b 0a 20 20 20 70 6f 73 69 74 69 6f 6e 3a 20 72  ;.   position: r
03a0: 65 6c 61 74 69 76 65 3b 0a 20 20 20 74 6f 70 3a  elative;.   top:
03b0: 20 34 30 30 70 74 3b 0a 20 20 20 77 68 69 74 65   400pt;.   white
03c0: 2d 73 70 61 63 65 3a 20 6e 6f 77 72 61 70 3b 0a  -space: nowrap;.
03d0: 20 20 20 6c 65 74 74 65 72 2d 73 70 61 63 69 6e     letter-spacin
03e0: 67 3a 20 2d 30 2e 30 32 35 65 6d 3b 0a 7d 0a 68  g: -0.025em;.}.h
03f0: 31 20 7b 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a  1 { font-weight:
0400: 20 33 30 30 3b 20 7d 0a 68 31 20 62 20 7b 20 66   300; }.h1 b { f
0410: 6f 6e 74 2d 77 65 69 67 68 74 3a 20 37 30 30 3b  ont-weight: 700;
0420: 20 7d 0a 68 31 20 2e 72 65 64 20 7b 20 63 6f 6c   }.h1 .red { col
0430: 6f 72 3a 20 23 37 34 34 3b 20 7d 0a 68 31 20 2e  or: #744; }.h1 .
0440: 67 72 65 79 20 7b 20 63 6f 6c 6f 72 3a 20 23 34  grey { color: #4
0450: 34 34 3b 20 7d 0a 0a 2f 2a 2a 0a 20 2a 20 46 6f  44; }../**. * Fo
0460: 72 75 6d 20 74 72 65 65 0a 20 2a 0a 20 2a 2f 0a  rum tree. *. */.
0470: 2e 66 6f 72 75 6d 2c 20 2e 66 6f 72 75 6d 20 75  .forum, .forum u
0480: 6c 20 7b 0a 20 20 20 70 61 64 64 69 6e 67 3a 20  l {.   padding: 
0490: 35 70 74 20 30 20 30 20 33 30 70 74 3b 0a 20 20  5pt 0 0 30pt;.  
04a0: 20 6c 69 73 74 2d 73 74 79 6c 65 3a 20 6e 6f 6e   list-style: non
04b0: 65 3b 0a 7d 0a 75 6c 2e 66 6f 72 75 6d 20 7b 0a  e;.}.ul.forum {.
04c0: 20 20 20 70 61 64 64 69 6e 67 3a 20 35 70 74 3b     padding: 5pt;
04d0: 0a 20 20 20 70 61 64 64 69 6e 67 2d 6c 65 66 74  .   padding-left
04e0: 3a 20 31 38 30 70 74 3b 0a 20 20 20 6c 69 73 74  : 180pt;.   list
04f0: 2d 73 74 79 6c 65 3a 20 6e 6f 6e 65 3b 0a 20 20  -style: none;.  
0500: 20 70 61 64 64 69 6e 67 2d 62 6f 74 74 6f 6d 3a   padding-bottom:
0510: 20 39 30 70 74 3b 0a 7d 0a 0a 2f 2a 2a 0a 20 2a   90pt;.}../**. *
0520: 20 4f 6e 65 20 70 6f 73 74 20 62 6c 6f 63 6b 20   One post block 
0530: 28 77 72 61 70 70 65 64 20 69 6e 20 3c 6c 69 3e  (wrapped in <li>
0540: 29 0a 20 2a 0a 20 2a 2f 0a 2e 66 6f 72 75 6d 20  ). *. */..forum 
0550: 2e 65 6e 74 72 79 20 7b 0a 20 20 20 64 69 73 70  .entry {.   disp
0560: 6c 61 79 3a 20 62 6c 6f 63 6b 3b 0a 20 20 20 77  lay: block;.   w
0570: 69 64 74 68 3a 20 36 30 30 70 74 3b 0a 2f 2a 20  idth: 600pt;./* 
0580: 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 23 65    background: #e
0590: 65 65 3b 0a 20 20 20 62 6f 72 64 65 72 3a 20 31  ee;.   border: 1
05a0: 70 78 20 73 6f 6c 69 64 20 23 64 64 64 3b 20 2a  px solid #ddd; *
05b0: 2f 0a 20 20 20 6d 69 6e 2d 68 65 69 67 68 74 3a  /.   min-height:
05c0: 20 33 30 70 74 3b 0a 20 20 20 70 61 64 64 69 6e   30pt;.   paddin
05d0: 67 2d 6c 65 66 74 3a 20 35 70 74 3b 0a 20 20 20  g-left: 5pt;.   
05e0: 6d 61 72 67 69 6e 2d 74 6f 70 3a 20 31 35 70 74  margin-top: 15pt
05f0: 3b 0a 7d 0a 0a 2f 2a 2a 0a 20 2a 20 54 61 67 20  ;.}../**. * Tag 
0600: 2f 20 61 75 74 68 6f 72 20 2f 20 74 69 6d 65 20  / author / time 
0610: 2d 20 6c 65 66 74 2d 72 6f 74 61 74 65 64 20 6d  - left-rotated m
0620: 65 74 61 20 69 6e 66 6f 2e 0a 20 2a 0a 20 2a 2f  eta info.. *. */
0630: 0a 2e 66 6f 72 75 6d 20 2e 65 6e 74 72 79 20 2e  ..forum .entry .
0640: 6d 65 74 61 20 7b 0a 7d 0a 2e 66 6f 72 75 6d 20  meta {.}..forum 
0650: 2e 65 6e 74 72 79 20 2e 6d 65 74 61 20 64 69 76  .entry .meta div
0660: 20 7b 0a 20 20 20 2f 2a 20 62 6f 72 64 65 72 3a   {.   /* border:
0670: 20 32 70 78 20 64 61 73 68 65 64 20 23 66 61 61   2px dashed #faa
0680: 3b 20 2a 2f 0a 7d 0a 2e 66 6f 72 75 6d 20 2e 65  ; */.}..forum .e
0690: 6e 74 72 79 20 2e 6d 65 74 61 20 64 69 76 20 3e  ntry .meta div >
06a0: 20 2a 20 7b 0a 20 20 20 66 6f 6e 74 2d 73 69 7a   * {.   font-siz
06b0: 65 3a 20 39 30 25 3b 0a 20 20 20 6c 69 6e 65 2d  e: 90%;.   line-
06c0: 68 65 69 67 68 74 3a 20 39 30 25 3b 0a 20 20 20  height: 90%;.   
06d0: 63 6f 6c 6f 72 3a 20 23 36 36 36 3b 0a 20 20 20  color: #666;.   
06e0: 70 61 64 64 69 6e 67 2d 72 69 67 68 74 3a 20 35  padding-right: 5
06f0: 70 74 3b 0a 7d 0a 2e 66 6f 72 75 6d 20 2e 65 6e  pt;.}..forum .en
0700: 74 72 79 20 2e 6d 65 74 61 20 2e 64 61 74 65 74  try .meta .datet
0710: 69 6d 65 20 7b 0a 20 20 20 66 6f 6e 74 2d 73 69  ime {.   font-si
0720: 7a 65 3a 20 35 70 74 3b 0a 20 20 20 63 6f 6c 6f  ze: 5pt;.   colo
0730: 72 3a 20 23 63 63 63 3b 0a 7d 0a 2e 66 6f 72 75  r: #ccc;.}..foru
0740: 6d 20 2e 65 6e 74 72 79 20 2e 6d 65 74 61 20 2e  m .entry .meta .
0750: 63 61 74 65 67 6f 72 79 20 7b 0a 20 20 20 63 6f  category {.   co
0760: 6c 6f 72 3a 20 23 38 35 38 37 39 66 3b 0a 20 20  lor: #85879f;.  
0770: 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 23 66 63   background: #fc
0780: 66 39 66 31 3b 0a 20 20 20 62 6f 72 64 65 72 2d  f9f1;.   border-
0790: 72 61 64 69 75 73 3a 20 33 70 74 3b 0a 20 20 20  radius: 3pt;.   
07a0: 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 30 35 25 3b  font-size: 105%;
07b0: 0a 20 20 20 6c 65 74 74 65 72 2d 73 70 61 63 69  .   letter-spaci
07c0: 6e 67 3a 20 30 2e 31 65 6d 3b 0a 7d 0a 0a 0a 2f  ng: 0.1em;.}.../
07d0: 2a 2a 0a 20 2a 20 50 6f 73 74 20 63 6f 6e 74 65  **. * Post conte
07e0: 6e 74 2e 0a 20 2a 0a 20 2a 2f 0a 2e 66 6f 72 75  nt.. *. */..foru
07f0: 6d 20 2e 65 6e 74 72 79 20 2e 73 75 6d 6d 61 72  m .entry .summar
0800: 79 20 7b 0a 20 20 20 64 69 73 70 6c 61 79 3a 20  y {.   display: 
0810: 62 6c 6f 63 6b 3b 0a 20 20 20 6d 61 72 67 69 6e  block;.   margin
0820: 3a 20 30 3b 0a 20 20 20 66 6f 6e 74 2d 77 65 69  : 0;.   font-wei
0830: 67 68 74 3a 20 62 6f 6c 64 3b 0a 20 20 20 66 6f  ght: bold;.   fo
0840: 6e 74 2d 73 69 7a 65 3a 20 31 30 38 25 3b 0a 20  nt-size: 108%;. 
0850: 20 20 63 6f 6c 6f 72 3a 20 23 34 34 39 3b 0a 7d    color: #449;.}
0860: 0a 2e 66 6f 72 75 6d 20 2e 65 6e 74 72 79 20 2e  ..forum .entry .
0870: 65 78 63 65 72 70 74 20 7b 0a 20 20 20 63 6f 6c  excerpt {.   col
0880: 6f 72 3a 20 23 37 37 37 3b 0a 7d 0a 2e 66 6f 72  or: #777;.}..for
0890: 75 6d 20 2e 65 6e 74 72 79 20 2e 65 78 63 65 72  um .entry .excer
08a0: 70 74 2e 74 72 69 6d 6d 65 64 20 7b 0a 20 20 20  pt.trimmed {.   
08b0: 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 3b 0a 7d  display: none;.}
08c0: 0a 2e 66 6f 72 75 6d 20 2e 65 6e 74 72 79 20 2e  ..forum .entry .
08d0: 63 6f 6e 74 65 6e 74 2e 74 72 69 6d 6d 65 64 20  content.trimmed 
08e0: 7b 0a 20 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f  {.   display: no
08f0: 6e 65 3b 0a 7d 0a 2e 66 6f 72 75 6d 20 2e 65 6e  ne;.}..forum .en
0900: 74 72 79 20 2e 66 75 6e 63 73 2e 74 72 69 6d 6d  try .funcs.trimm
0910: 65 64 20 7b 0a 20 20 20 6f 70 61 63 69 74 79 3a  ed {.   opacity:
0920: 20 30 2e 31 3b 0a 7d 0a 2e 66 6f 72 75 6d 20 2e   0.1;.}..forum .
0930: 65 6e 74 72 79 20 2e 63 6f 6e 74 65 6e 74 20 70  entry .content p
0940: 20 7b 0a 20 20 20 70 61 64 64 69 6e 67 2d 74 6f   {.   padding-to
0950: 70 3a 20 30 3b 20 6d 61 72 67 69 6e 2d 74 6f 70  p: 0; margin-top
0960: 3a 20 30 3b 0a 7d 0a 0a 6c 61 62 65 6c 20 7b 0a  : 0;.}..label {.
0970: 20 20 20 64 69 73 70 6c 61 79 3a 20 62 6c 6f 63     display: bloc
0980: 6b 3b 0a 20 20 20 70 61 64 64 69 6e 67 3a 20 35  k;.   padding: 5
0990: 70 74 3b 0a 7d 0a 0a 2e 61 63 74 69 6f 6e 20 7b  pt;.}...action {
09a0: 0a 20 20 20 6d 61 72 67 69 6e 3a 20 31 70 74 3b  .   margin: 1pt;
09b0: 0a 20 20 20 70 61 64 64 69 6e 67 3a 20 32 70 74  .   padding: 2pt
09c0: 20 31 30 70 74 3b 0a 20 20 20 63 6f 6c 6f 72 3a   10pt;.   color:
09d0: 20 23 33 33 63 3b 0a 20 20 20 62 61 63 6b 67 72   #33c;.   backgr
09e0: 6f 75 6e 64 3a 20 23 65 37 65 37 66 63 3b 0a 20  ound: #e7e7fc;. 
09f0: 20 20 62 6f 72 64 65 72 3a 20 23 66 30 66 30 66    border: #f0f0f
0a00: 39 3b 0a 20 20 20 62 6f 72 64 65 72 2d 72 61 64  9;.   border-rad
0a10: 69 75 73 3a 20 35 70 74 3b 0a 20 20 20 66 6f 6e  ius: 5pt;.   fon
0a20: 74 2d 73 69 7a 65 3a 20 31 30 70 74 3b 0a 20 20  t-size: 10pt;.  
0a30: 20 6f 70 61 63 69 74 79 3a 20 30 2e 38 35 3b 0a   opacity: 0.85;.
0a40: 20 20 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74     cursor: point
0a50: 65 72 3b 0a 7d 0a 2e 61 63 74 69 6f 6e 2e 66 6f  er;.}..action.fo
0a60: 72 75 6d 2d 65 64 69 74 20 7b 0a 20 20 20 6f 70  rum-edit {.   op
0a70: 61 63 69 74 79 3a 20 30 2e 35 3b 0a 7d 0a 2e 61  acity: 0.5;.}..a
0a80: 63 74 69 6f 6e 3a 68 6f 76 65 72 20 7b 0a 20 20  ction:hover {.  
0a90: 20 6f 70 61 63 69 74 79 3a 20 31 2e 30 3b 0a 7d   opacity: 1.0;.}
0aa0: 0a 2e 61 63 74 69 6f 6e 2e 66 6f 72 75 6d 2d 65  ..action.forum-e
0ab0: 64 69 74 3a 68 6f 76 65 72 20 7b 0a 20 20 20 63  dit:hover {.   c
0ac0: 75 72 73 6f 72 3a 20 73 2d 72 65 73 69 7a 65 3b  ursor: s-resize;
0ad0: 0a 7d 0a 2e 61 63 74 69 6f 6e 2e 66 6f 72 75 6d  .}..action.forum
0ae0: 2d 72 65 70 6c 79 3a 68 6f 76 65 72 20 7b 0a 20  -reply:hover {. 
0af0: 20 20 63 75 72 73 6f 72 3a 20 63 6f 70 79 3b 0a    cursor: copy;.
0b00: 7d 0a 0a 0a 2f 2a 2a 0a 20 2a 20 53 75 62 6d 69  }.../**. * Submi
0b10: 74 20 66 6f 72 6d 0a 20 2a 0a 20 2a 2f 0a 66 6f  t form. *. */.fo
0b20: 72 6d 2e 66 6f 72 75 6d 2d 73 75 62 6d 69 74 20  rm.forum-submit 
0b30: 6c 61 62 65 6c 20 62 20 7b 0a 20 20 20 64 69 73  label b {.   dis
0b40: 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f  play: inline-blo
0b50: 63 6b 3b 0a 20 20 20 77 69 64 74 68 3a 20 38 30  ck;.   width: 80
0b60: 70 74 3b 0a 20 20 20 74 65 78 74 2d 61 6c 69 67  pt;.   text-alig
0b70: 6e 3a 20 72 69 67 68 74 3b 0a 7d 0a 66 6f 72 6d  n: right;.}.form
0b80: 2e 66 6f 72 75 6d 2d 73 75 62 6d 69 74 20 6c 61  .forum-submit la
0b90: 62 65 6c 20 62 20 73 65 6c 65 63 74 20 7b 0a 20  bel b select {. 
0ba0: 20 20 66 6f 6e 74 2d 77 65 69 67 68 74 3a 20 39    font-weight: 9
0bb0: 30 30 3b 0a 20 20 20 66 6f 6e 74 2d 73 69 7a 65  00;.   font-size
0bc0: 3a 20 31 30 35 25 3b 0a 20 20 20 74 65 78 74 2d  : 105%;.   text-
0bd0: 61 6c 69 67 6e 3a 20 72 69 67 68 74 3b 0a 7d 0a  align: right;.}.
0be0: 0a 66 6f 72 6d 2e 66 6f 72 75 6d 2d 73 75 62 6d  .form.forum-subm
0bf0: 69 74 20 2e 6d 61 72 6b 75 70 2d 62 75 74 74 6f  it .markup-butto
0c00: 6e 73 20 7b 0a 20 20 20 77 69 64 74 68 3a 20 38  ns {.   width: 8
0c10: 30 70 74 3b 0a 20 20 20 70 61 64 64 69 6e 67 3a  0pt;.   padding:
0c20: 20 35 70 74 3b 0a 20 20 20 74 65 78 74 2d 61 6c   5pt;.   text-al
0c30: 69 67 6e 3a 20 72 69 67 68 74 3b 0a 20 20 20 70  ign: right;.   p
0c40: 6f 73 69 74 69 6f 6e 3a 20 72 65 6c 61 74 69 76  osition: relativ
0c50: 65 3b 0a 7d 0a 2e 6d 61 72 6b 75 70 2d 62 75 74  e;.}..markup-but
0c60: 74 6f 6e 73 20 2e 61 63 74 69 6f 6e 20 7b 0a 20  tons .action {. 
0c70: 20 20 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e    display: inlin
0c80: 65 2d 62 6c 6f 63 6b 3b 0a 20 20 20 6d 61 72 67  e-block;.   marg
0c90: 69 6e 3a 20 30 20 31 30 70 74 20 37 70 74 20 30  in: 0 10pt 7pt 0
0ca0: 3b 0a 20 20 20 63 75 72 73 6f 72 3a 20 74 65 78  ;.   cursor: tex
0cb0: 74 3b 0a 20 20 20 70 61 64 64 69 6e 67 3a 20 33  t;.   padding: 3
0cc0: 70 74 20 31 35 70 74 20 31 70 74 20 31 35 70 74  pt 15pt 1pt 15pt
0cd0: 3b 0a 20 20 20 6c 69 6e 65 2d 68 65 69 67 68 74  ;.   line-height
0ce0: 3a 20 31 65 6d 3b 0a 20 20 20 62 61 63 6b 67 72  : 1em;.   backgr
0cf0: 6f 75 6e 64 3a 20 23 65 65 66 30 66 37 3b 0a 20  ound: #eef0f7;. 
0d00: 20 20 6f 70 61 63 69 74 79 3a 20 30 2e 33 3b 0a    opacity: 0.3;.
0d10: 7d 0a 2e 6d 61 72 6b 75 70 2d 62 75 74 74 6f 6e  }..markup-button
0d20: 73 20 2e 61 63 74 69 6f 6e 3a 68 6f 76 65 72 20  s .action:hover 
0d30: 7b 0a 20 20 20 6f 70 61 63 69 74 79 3a 20 31 2e  {.   opacity: 1.
0d40: 30 3b 0a 7d 0a 0a 2e 65 72 72 6f 72 2c 20 2e 77  0;.}...error, .w
0d50: 61 72 6e 69 6e 67 20 7b 0a 20 20 20 62 61 63 6b  arning {.   back
0d60: 67 72 6f 75 6e 64 3a 20 23 65 65 64 64 61 61 3b  ground: #eeddaa;
0d70: 0a 20 20 20 62 6f 72 64 65 72 3a 20 32 70 78 20  .   border: 2px 
0d80: 73 6f 6c 69 64 20 23 64 64 63 63 39 39 3b 0a 20  solid #ddcc99;. 
0d90: 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a    border-radius:
0da0: 20 35 70 74 3b 0a 20 20 20 70 61 64 64 69 6e 67   5pt;.   padding
0db0: 3a 20 35 70 74 3b 0a 7d 0a 2e 65 72 72 6f 72 20  : 5pt;.}..error 
0dc0: 7b 0a 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a  {.   background:
0dd0: 20 23 65 65 62 62 61 61 3b 0a 7d 0a 0a 0a 69 6e   #eebbaa;.}...in
0de0: 70 75 74 2c 20 74 65 78 74 61 72 65 61 2c 20 73  put, textarea, s
0df0: 65 6c 65 63 74 20 7b 0a 20 20 20 66 6f 6e 74 2d  elect {.   font-
0e00: 73 69 7a 65 3a 20 31 30 35 25 3b 0a 20 20 20 70  size: 105%;.   p
0e10: 61 64 64 69 6e 67 3a 20 31 2e 35 70 74 3b 0a 20  adding: 1.5pt;. 
0e20: 20 20 62 6f 72 64 65 72 3a 20 31 70 78 20 73 6f    border: 1px so
0e30: 6c 69 64 20 23 62 62 62 3b 0a 20 20 20 62 6f 72  lid #bbb;.   bor
0e40: 64 65 72 2d 6c 65 66 74 3a 20 35 70 74 20 73 6f  der-left: 5pt so
0e50: 6c 69 64 20 23 63 63 63 3b 0a 20 20 20 62 6f 72  lid #ccc;.   bor
0e60: 64 65 72 2d 72 61 64 69 75 73 3a 20 35 70 74 3b  der-radius: 5pt;
0e70: 0a 7d 0a                                         .}.