git.rot13.org Git - angular-drzb/blob - app/css/app.css

   1 /* app css stylesheet */
   2
   3 .menu {
   4   list-style: none;
   5   border-bottom: 0.1em solid black;
   6   margin-bottom: 2em;
   7   padding: 0 0 0.5em;
   8 }
   9
  10 .menu:before {
  11   content: "[";
  12 }
  13
  14 .menu:after {
  15   content: "]";
  16 }
  17
  18 .menu > li {
  19   display: inline;
  20 }
  21
  22 .menu > li:before {
  23   content: "|";
  24   padding-right: 0.3em;
  25 }
  26
  27 .menu > li:nth-child(1):before {
  28   content: "";
  29   padding: 0;
  30 }
  31
  32
  33 /* validation hints */
  34
  35 input.ng-invalid-required {
  36         border: 1px solid red;
  37 }
  38 input.ng-valid-required {
  39         border: 1px solid green;
  40 }
  41
  42 .left {
  43         clear: both;
  44         display: block;
  45         margin-bottom: 0.5em;
  46 }
  47
  48 p.left {
  49         margin-top: 0;
  50 }
  51
  52 /* my-input */
  53
  54 div.my-input {
  55         float: left;
  56         margin-right: 0.5em;
  57         margin-bottom: 0.5em;
  58 }
  59
  60 div.my-input input,
  61 div.my-input textarea,
  62 div.my-input label {
  63         display: block;
  64 }
  65
  66 div.w1 input {
  67         clear: both;
  68         width: 60em;
  69 }
  70
  71 div.w2 input {
  72         width: 29.75em; /* 60 / 2 - 0.5 */
  73 }
  74
  75 div.w3 input {
  76         width: 19.5em; /* 60 - 3 * 0.5 / 3 */
  77 }
  78
  79 div.w4 input {
  80         width: 14.5em; /* 60 - 4 * 0.5 / 4 */
  81 }
  82
  83 h1, h2, h3 {
  84         clear: both;
  85 }
  86
  87 div.persons {
  88         display: block;
  89         float: left;
  90 }
  91
  92 div.persons a {
  93         margin-top: 1em;
  94         float: left;
  95 }
  96