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 (max-width: 800px) {
  58   html {
  59     padding: 0;
  60     margin: 0;
  61   }
  62
  63   body {
  64     background-color: #FFF;
  65     width: 99%;
  66   }
  67
  68   h1 {
  69     font-size: 1.5em;
  70   }
  71   p {
  72     display: none;
  73   }
  74
  75   iframe {
  76     width: 100%;
  77     border: none;
  78     margin: 0.1em;
  79     overflow: hidden;
  80   }
  81
  82   #core {
  83     height: 20em;
  84   }
  85   #options {
  86     height: 10em;
  87   }
  88 }