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 #logomini {
  27   background-image: url(/images/logomini.png);
  28   background-repeat: no-repeat;
  29   width: 140px;
  30   height: 65px;
  31   display: block;
  32   margin: 10px 380px;
  33 }
  34 #header #logo span { display: none; }
  35 #header #logomini span { display: none; }
  36 #header #description p {
  37   font-size: 1.4em;
  38   line-height: 1.8em;
  39   margin: 10px 170px;
  40   width: 620px;
  41   color: #999999;
  42 }
  43 #body h1 {
  44   margin: 20px 90px;
  45   font-size: 2.4em;
  46   color: #222222;
  47 }
  48 #body h2 {
  49   margin: 20px 90px;
  50   font-size: 1.8em;
  51   color: #222222;
  52 }
  53 #body h3 {
  54   margin: 20px 90px;
  55   font-size: 1.6em;
  56   color: #222222;
  57 }
  58 #body p {
  59   margin: 20px 90px;
  60   font-size: 1.6em;
  61   line-height: 2.4em;
  62   text-indent: 3em;
  63   text-align: justify;
  64 }
  65 #body ul {
  66   margin: 20px 90px;
  67   font-size: 1.4em;
  68   line-height: 1.8em;
  69 }
  70 #body ol {
  71   margin: 20px 90px;
  72   font-size: 1.4em;
  73   line-height: 1.8em;
  74 }
  75 #body ul li p {
  76   font-size: 1em;
  77   margin: 0;
  78   line-height: 1em;
  79   text-indent: 0;
  80 }
  81 #body ol li p {
  82   font-size: 1em;
  83   margin: 0;
  84   line-height: 1em;
  85   text-indent: 0;
  86 }
  87 #body ul li { margin-left: 80px; }
  88 #body ol li { margin-left: 80px; }
  89 #body blockquote {
  90   margin: 20px 170px;
  91   text-align: justify;
  92   border-left: 2px solid #eeeeee;
  93   padding-left: 5px;
  94 }
  95 #body blockquote blockquote { margin: 10px; }
  96 #body pre {
  97   margin: 20px 170px;
  98   border: 1px solid #cccccc;
  99   background-color: #eeeeee;
 100   padding: 10px;
 101 }
 102 #body pre code {
 103   font-size: 1.6em;
 104   line-height: 1.8em;
 105 }
 106 #body blockquote p {
 107   margin: 5px 0;
 108   text-indent: 0;
 109   font-size: 1.4em;
 110   line-height: 1.8em;
 111 }
 112 hr {
 113   margin: 10px;
 114   border: 0;
 115   border-bottom: 1px solid #eeeeee;
 116 }
 117 #body #qrcode {
 118   display: block;
 119   margin: 10px 90px;
 120 }
 121 #body input.title {
 122   border: 1px solid #cccccc;
 123   font-size: 1.6em;
 124   padding: 5px;
 125   margin: 0 90px;
 126   width: 770px;
 127 }
 128 #body input.url {
 129   border: 1px solid #cccccc;
 130   font-size: 1.6em;
 131   padding: 5px;
 132   margin: 0 90px;
 133   width: 770px;
 134 }
 135 #body textarea.text {
 136   border: 1px solid #cccccc;
 137   font-size: 1.6em;
 138   padding: 5px;
 139   margin: 0 90px;
 140   resize: vertical;
 141 }
 142 #body input.submit {
 143   width: 150px;
 144   font-size: 4.8em;
 145   margin: 10px 410px;
 146   padding: 20px;
 147 }
 148 #body #errors {
 149   -moz-border-radius: 5px;
 150   border-radius: 5px;
 151   -webkit-border-radius: 5px;
 152   padding: 10px;
 153   font-size: 1.4em;
 154   margin: 0 90px;
 155   width: 760px;
 156   background-color: #ffebe8;
 157 }
 158 #body #success {
 159   -moz-border-radius: 5px;
 160   border-radius: 5px;
 161   -webkit-border-radius: 5px;
 162   padding: 10px;
 163   font-size: 1.4em;
 164   margin: 0 90px;
 165   width: 760px;
 166   background-color: #f0fff0;
 167 }