topical media & game development

talk show tell print

mobile-graphic-easel-tutorials-shared-tutorial.css / css



  body {
          margin:                         3em;
          padding:                         0;
          font-family:                 Arial, Verdana, sans-serif;
          font-size:                         14px;
          font-weight:                normal;
          color:                                 #333;
          background-color:        #e5e6e9;
  }
  
  article {
          width: 55em;
  }
  
  a:link, a:visited {
          color: #39f;
          text-decoration: none;
  }
  a:hover {
          text-decoration: underline;
  }
  
  header p {
          color: #aaafbb;
          background-color: rgba(250,252,255,0.25);
          margin: 0;
          padding: 0.8em;
          line-height: 1.6em;
          font-size: 0.9em;
  }
  
  header p strong {
          color: #808999;
  }
  
  h1, h2 {
          color: rgba(255,255,255,0.9);
          font-size: 2em;
          margin-bottom: 0.05em;
          padding: 0.5em;
          background-color: #333;
          text-shadow: 1px 2px 2px rgba(0,0,0,0.7);
          box-shadow: 0 0.4em 0.6em rgba(40,150,255,0.2);
          border-bottom: solid 3px #39f;
          border-top: solid 2px #666;
          
          border-radius: 0.25em 0.25em 2px 2px;
          
          background: -moz-linear-gradient(top, #555 0%, #333 50%, #222 52%, #222 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(50%,#333), color-stop(54%,#222), color-stop(100%,#222)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #555 0%,#333 50%,#222 52%,#222 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #555 0%,#333 50%,#222 52%,#222 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #555 0%,#333 50%,#222 52%,#222 100%); /* IE10+ */
          background: linear-gradient(to bottom, #555 0%,#333 50%,#222 52%,#222 100%); /* W3C */
  }
  
  h2 {
          color: rgba(255,255,255,0.7);
          font-size: 1.5em;
  }
  
  div.demo {
          border: solid 2px rgba(255,255,255,0.4);
  }
  
  div.demo p {
          margin: 0;
          padding: 4px;
          font-size: 0.9em;
  }
  
  textarea {
          width: 100%;
          height: 60px;
  }
  
  div.demo p a {
          float: right;
  }
  
  iframe.demo {
          background-color: rgba(255,255,255,0.25);
          border: none;
          margin-right: 8px;
  }
  
  code {
          color: black;
          background-color: rgba(255,255,255,0.5);
          padding: 1px;
          border-radius: 3px;
  }


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.