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 410px;
  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 #sharing { text-align: center; }
 118 #body input.title {
 119   border: 1px solid #cccccc;
 120   font-size: 1.6em;
 121   padding: 5px;
 122   margin: 0 90px;
 123   width: 770px;
 124 }
 125 #body input.url {
 126   border: 1px solid #cccccc;
 127   font-size: 1.6em;
 128   padding: 5px;
 129   margin: 0 90px;
 130   width: 770px;
 131 }
 132 #body #sharing input.url {
 133   width: 290px;
 134   margin-bottom: 10px;
 135   margin-top: 10px;
 136 }
 137 #body textarea.text {
 138   border: 1px solid #cccccc;
 139   font-size: 1.6em;
 140   padding: 5px;
 141   margin: 0 90px;
 142   resize: vertical;
 143 }
 144 #body input.submit {
 145   width: 150px;
 146   font-size: 4.8em;
 147   margin: 10px 410px;
 148   padding: 20px;
 149 }
 150 #body #errors {
 151   -moz-border-radius: 5px;
 152   border-radius: 5px;
 153   -webkit-border-radius: 5px;
 154   padding: 10px;
 155   font-size: 1.4em;
 156   margin: 0 90px;
 157   width: 760px;
 158   background-color: #ffebe8;
 159 }
 160 #body #success {
 161   -moz-border-radius: 5px;
 162   border-radius: 5px;
 163   -webkit-border-radius: 5px;
 164   padding: 10px;
 165   font-size: 1.4em;
 166   margin: 0 90px;
 167   width: 760px;
 168   background-color: #f0fff0;
 169 }
 170 .tooltip {
 171   position: absolute;
 172   top: 0;
 173   left: 0;
 174   z-index: 3;
 175   display: none;
 176 }
 177 #footer { height: 100px; }