jappixmini/jappix/css/main.css

   1 /*
   2
   3 Jappix - An open social platform
   4 This is the main CSS stylesheet for Jappix
   5
   6 -------------------------------------------------
   7
   8 License: AGPL
   9 Author: Vanaryon
  10 Last revision: 05/10/11
  11
  12 */
  13
  14 * {
  15         margin: 0;
  16         padding: 0;
  17 }
  18
  19 body {
  20         font: normal 14.4px Helvetica, Verdana, sans-serif;
  21         text-shadow: 0 0 5px white;
  22 }
  23
  24 h1 {
  25         margin-bottom: 15px;
  26 }
  27
  28 a {
  29         text-decoration: none;
  30         color: black;
  31         outline-style: none;
  32 }
  33
  34 a:hover,
  35 a:focus {
  36         cursor: pointer;
  37         text-decoration: underline;
  38 }
  39
  40 legend {
  41         color: black;
  42 }
  43
  44 input,
  45 textarea {
  46         background-color: white;
  47         border: 1px solid #636363;
  48         font-size: 0.95em;
  49         padding: 2px;
  50         border-radius: 2px;
  51         -moz-border-radius: 2px;
  52         -webkit-border-radius: 2px;
  53         box-shadow: inset 0 3px 10px #dcdcdc;
  54         -moz-box-shadow: inset 0 3px 10px #dcdcdc;
  55         -webkit-box-shadow: inset 0 3px 10px #dcdcdc;
  56 }
  57
  58 textarea {
  59         font-size: 1.1em;
  60 }
  61
  62 input:focus,
  63 input[type=submit]:hover,
  64 input[type=reset]:hover,
  65 textarea:focus {
  66         border: 1px solid #e1a014;
  67         box-shadow: inset 0 3px 10px #edd9bc;
  68         -moz-box-shadow: inset 0 3px 10px #edd9bc;
  69         -webkit-box-shadow: inset 0 3px 10px #edd9bc;
  70 }
  71
  72 input[type=submit],
  73 input[type=reset] {
  74         cursor: pointer;
  75 }
  76
  77 input[type=submit]:active,
  78 input[type=reset]:active {
  79         box-shadow: inset 0 3px 15px #e1a753;
  80         -moz-box-shadow: inset 0 3px 15px #e1a753;
  81         -webkit-box-shadow: inset 0 3px 15px #e1a753;
  82 }
  83
  84 input[disabled],
  85 textarea[disabled] {
  86         background-color: #f3f3f3;
  87         border: 1px solid #989898;
  88 }
  89
  90 input:placeholder {
  91         color: #67787c !important;
  92 }
  93
  94 input:-moz-placeholder {
  95         color: #67787c !important;
  96 }
  97
  98 input::-webkit-input-placeholder {
  99         color: #67787c !important;
 100 }
 101
 102 input.placeholder {
 103         color: #67787c !important;
 104 }
 105
 106 input[type=checkbox] {
 107         margin-top: 2px;
 108 }
 109
 110 input[type=checkbox],
 111 input[type=radio] {
 112         background: transparent none !important;
 113         border: 0 none !important;
 114 }
 115
 116 .please-complete,
 117 .please-complete:hover,
 118 .please-complete:focus {
 119         border: 1px #ac2525 solid !important;
 120         box-shadow: inset 0 3px 10px #f39c9c !important;
 121         -moz-box-shadow: inset 0 3px 10px #f39c9c !important;
 122         -webkit-box-shadow: inset 0 3px 10px #f39c9c !important;
 123 }
 124
 125 .hidden {
 126         display: none !important;
 127 }
 128
 129 .clear {
 130         clear: both !important;
 131 }