core.css

   1 /* Copyright (c) 2012 Robert Sesek <http://robert.sesek.com>
   2  *
   3  * Permission is hereby granted, free of charge, to any person obtaining a copy
   4  * of this software and associated documentation files (the "Software"), to
   5  * deal in the Software without restriction, including without limitation the
   6  * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
   7  * sell copies of the Software, and to permit persons to whom the Software is
   8  * furnished to do so, subject to the following conditions:
   9  *
  10  * The above copyright notice and this permission notice shall be included in
  11  * all copies or substantial portions of the Software.
  12  *
  13  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  14  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  15  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  16  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  17  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  18  * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
  19  * DEALINGS IN THE SOFTWARE.
  20  */
  21
  22 * {
  23   padding: 0;
  24   margin: 0;
  25 }
  26
  27 body {
  28   font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  29   font-size: .8em;
  30
  31   padding: .2em;
  32
  33   width: 36em;
  34 }
  35
  36 ol {
  37   list-style-type: none;
  38 }
  39
  40 li {
  41   margin: .3em;
  42 }
  43
  44 li label {
  45   width: 12em;
  46   text-align: right;
  47   display: inline-block;
  48   font-weight: bold;
  49 }
  50
  51 li input {
  52   padding: .3em;
  53   width: 22em;
  54   font-size: 1em;
  55
  56   border-color: #CCCCCC;
  57   border-style: solid;
  58   border-width: .1em;
  59 }
  60
  61 li input:focus {
  62   outline: rgb(15, 74, 169) solid .1em;
  63 }
  64
  65 button {
  66   font-size: 1em;
  67   padding: .5em 1.0em;
  68   float: right;
  69
  70   background-color: #CECECE;
  71   border-color: #909090;
  72   border-style: solid;
  73   border-width: .1em;
  74   border-radius: .2em;
  75 }
  76
  77 button:active {
  78   border-color: rgb(15, 74, 169);
  79 }
  80
  81 .clear {
  82   clear: both;
  83 }