git.r.bdr.sh - rbdr/grita/blob - views/style.css

   1 * {
   2   margin: 0;
   3   padding: 0;
   4 }
   5 img { border: 0; }
   6 body {
   7   color: #666666;
   8   background-color: #ffffff;
   9   text-align: center;
  10   font-size: 0.625em;
  11   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  12 }
  13 #wrapper {
  14   margin: 0 auto;
  15   width: 960px;
  16   text-align: left;
  17 }
  18 #header #logo {
  19   background-image: url(/images/logo.png);
  20   background-repeat: no-repeat;
  21   width: 460px;
  22   height: 212px;
  23   display: block;
  24   margin: 10px 250px;
  25 }
  26 #header #logo span { display: none; }
  27 #header #description p {
  28   font-size: 1.4em;
  29   line-height: 1.8em;
  30   margin: 10px 170px;
  31   width: 620px;
  32   color: #999999;
  33 }
  34 #body h1 {
  35   margin: 20px 90px;
  36   font-size: 2.4em;
  37   color: #222222;
  38 }
  39 #body h2 {
  40   margin: 20px 90px;
  41   font-size: 1.8em;
  42   color: #222222;
  43 }
  44 #body h3 {
  45   margin: 20px 90px;
  46   font-size: 1.6em;
  47   color: #222222;
  48 }
  49 #body p {
  50   margin: 20px 90px;
  51   font-size: 1.6em;
  52   line-height: 2.4em;
  53   text-indent: 3em;
  54   text-align: justify;
  55 }
  56 #body ul {
  57   margin: 20px 90px;
  58   font-size: 1.4em;
  59   line-height: 1.8em;
  60 }
  61 #body ol {
  62   margin: 20px 90px;
  63   font-size: 1.4em;
  64   line-height: 1.8em;
  65 }
  66 #body ul li p {
  67   font-size: 1em;
  68   margin: 0;
  69   line-height: 1em;
  70   text-indent: 0;
  71 }
  72 #body ol li p {
  73   font-size: 1em;
  74   margin: 0;
  75   line-height: 1em;
  76   text-indent: 0;
  77 }
  78 #body ul li { margin-left: 80px; }
  79 #body ol li { margin-left: 80px; }
  80 #body blockquote {
  81   margin: 20px 170px;
  82   text-align: justify;
  83   border-left: 2px solid #eeeeee;
  84   padding-left: 5px;
  85 }
  86 #body blockquote blockquote { margin: 10px; }
  87 #body pre {
  88   margin: 20px 170px;
  89   border: 1px solid #cccccc;
  90   background-color: #eeeeee;
  91   padding: 10px;
  92 }
  93 #body pre code {
  94   font-size: 1.6em;
  95   line-height: 1.8em;
  96 }
  97 #body blockquote p {
  98   margin: 5px 0;
  99   text-indent: 0;
 100   font-size: 1.4em;
 101   line-height: 1.8em;
 102 }
 103 hr {
 104   margin: 10px;
 105   border: 0;
 106   border-bottom: 1px solid #eeeeee;
 107 }
 108 #body #qrcode {
 109   display: block;
 110   margin: 10px 90px;
 111 }
 112 #body input.title {
 113   border: 1px solid #cccccc;
 114   font-size: 1.6em;
 115   padding: 5px;
 116   margin: 0 90px;
 117   width: 770px;
 118 }
 119 #body input.url {
 120   border: 1px solid #cccccc;
 121   font-size: 1.6em;
 122   padding: 5px;
 123   margin: 0 90px;
 124   width: 770px;
 125 }
 126 #body textarea.text {
 127   border: 1px solid #cccccc;
 128   font-size: 1.6em;
 129   padding: 5px;
 130   margin: 0 90px;
 131   resize: vertical;
 132 }
 133 #body input.submit {
 134   width: 150px;
 135   font-size: 4.8em;
 136   margin: 10px 410px;
 137   padding: 20px;
 138 }
 139 #body #errors {
 140   -moz-border-radius: 5px;
 141   border-radius: 5px;
 142   -webkit-border-radius: 5px;
 143   padding: 10px;
 144   font-size: 1.4em;
 145   margin: 0 90px;
 146   width: 760px;
 147   background-color: #ffebe8;
 148 }
 149 #body #success {
 150   -moz-border-radius: 5px;
 151   border-radius: 5px;
 152   -webkit-border-radius: 5px;
 153   padding: 10px;
 154   font-size: 1.4em;
 155   margin: 0 90px;
 156   width: 760px;
 157   background-color: #f0fff0;
 158 }