git.plutz.net Git - rawnet/blob - rawnet.css

   1 body {
   2   background-size: 4pt 4pt;
   3   background-image: /* #6AF #6FF */
   4     linear-gradient( 0deg, transparent 25%, rgba(128,128,128,.5) 25% 50%, transparent 50% 75%, rgba(192,192,192,.5) 75%),
   5     linear-gradient(90deg, transparent 25%, rgba(128,128,128,.5) 25% 50%, transparent 50% 75%, rgba(192,192,192,.5) 75%);
   6 }
   7
   8 header {
   9   background-color: rgba(0,0,0,.75);
  10   padding: .25em;
  11   border-bottom: 1pt solid;
  12   box-shadow: #000 0 .25em .5em;
  13   text-align: center;
  14 }
  15 header > * {
  16   display: inline-block;
  17 }
  18
  19 header #user_login {
  20   float: right;
  21   margin: .125em .5em;
  22 }
  23 header #user_login > p {
  24   display: inline-block;
  25   color: #EEE;
  26   font-size: .875em; line-height: 1.125em;
  27   max-width: 12em;
  28 }
  29
  30 main {
  31   background-color: rgba(255,255,255,.75);
  32   margin: 1em; padding: 1em;
  33   box-shadow: #000 .125em .125em 1em;
  34 }
  35
  36 body.channel main h1.name {
  37   text-align: center;
  38 }
  39 body.channel main .description,
  40 body.channel main form.edit.channel {
  41   max-width: 40em;
  42   margin: auto;
  43 }
  44
  45 body.channel main form.edit.channel input[name=name],
  46 body.channel main form.edit.channel textarea[name=description] {
  47   display: block;
  48   width: 100%;
  49   margin-bottom: .5em;
  50 }
  51
  52 body.channels main .channel {
  53   border: 1pt solid;
  54   border-radius: 4pt;
  55   padding: .5em;
  56   margin-bottom: .5em;
  57 }
  58
  59 body.channels main .channel > h2,
  60 body.channels main .channel > .description {
  61   margin: 0;
  62   width: 140pt;
  63   background-color: #FFF;
  64 }