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 /* my-input */
  49
  50 div.my-input {
  51         float: left;
  52         margin-right: 0.5em;
  53         margin-bottom: 0.5em;
  54 }
  55
  56 div.my-input input,
  57 div.my-input textarea,
  58 div.my-input label {
  59         display: block;
  60 }
  61
  62 div.w1 input {
  63         clear: both;
  64         width: 60em;
  65 }
  66
  67 div.w2 input {
  68         width: 29.75em; /* 60 / 2 - 0.5 */
  69 }
  70
  71 div.w3 input {
  72         width: 19.5em; /* 60 - 3 * 0.5 / 3 */
  73 }
  74
  75 div.w4 input {
  76         width: 14.5em; /* 60 - 4 * 0.5 / 4 */
  77 }
  78
  79 h1, h2, h3 {
  80         clear: both;
  81 }
  82
  83 div.persons {
  84         display: block;
  85         float: left;
  86 }
  87
  88 div.persons a {
  89         margin-top: 1em;
  90         float: left;
  91 }
  92