hosted.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 body {
  23   background-color: #EFEFEF;
  24   margin: 0 auto;
  25   width: 50em;
  26 }
  27
  28 p {
  29   margin-top: 1em;
  30 }
  31
  32 iframe {
  33   border: none;
  34   padding: 0;
  35   overflow: hidden;
  36   margin: 3em 0;
  37
  38   width: 37em;
  39   display: block;
  40   margin-left: auto;
  41   margin-right: auto;
  42
  43   background-color: #FFF;
  44   border-color: #CCC;
  45   border-style: solid;
  46   border-width: .1em;
  47 }
  48
  49 #core {
  50   height: 15em;
  51 }
  52
  53 #options {
  54   height: 6.25em;
  55 }
  56
  57 @media screen and (-webkit-min-device-pixel-ratio: 1.5) {
  58   body {
  59     background-color: #FFF;
  60   }
  61
  62   h1 {
  63     font-size: 4em;
  64   }
  65   p {
  66     display: none;
  67   }
  68
  69   iframe {
  70     width: 100%;
  71     border: none;
  72   }
  73
  74   #core {
  75     height: 20em;
  76   }
  77   #options {
  78     height: 10em;
  79   }
  80 }