Specs/SlickSpec/JSSpec.css

   1 @CHARSET "UTF-8";
   2
   3 /* --------------------
   4  * @Layout
   5  */
   6
   7 html {
   8   overflow: hidden;
   9 }
  10
  11 body, #jsspec_container {
  12   overflow: hidden;
  13   padding: 0;
  14   margin: 0;
  15   width: 100%;
  16   height: 100%;
  17   background-color: white;
  18 }
  19
  20 #title {
  21   padding: 0;
  22   margin: 0;
  23   position: absolute;
  24   top: 0px;
  25   left: 0px;
  26   width: 100%;
  27   height: 40px;
  28   overflow: hidden;
  29 }
  30
  31 #list {
  32   padding: 0;
  33   margin: 0;
  34   position: absolute;
  35   top: 40px;
  36   left: 0px;
  37   bottom: 0px;
  38   overflow: auto;
  39   width: 250px;
  40   _height:expression(document.body.clientHeight-40);
  41 }
  42
  43 #log {
  44   padding: 0;
  45   margin: 0;
  46   position: absolute;
  47   top: 40px;
  48   left: 250px;
  49   right: 0px;
  50   bottom: 0px;
  51   overflow: auto;
  52   _height:expression(document.body.clientHeight-40);
  53   _width:expression(document.body.clientWidth-250);
  54 }
  55
  56 /*iPhone*/
  57 @media only screen and (max-device-width: 480px) {
  58         #list {
  59                 overflow: visible;
  60         }
  61
  62         #log {
  63                 overflow: visible;
  64         }
  65 }
  66
  67
  68 /* --------------------
  69  * @Decorations and colors
  70  */
  71 * {
  72         padding: 0;
  73         margin: 0;
  74         font-family: "Lucida Grande", Helvetica, sans-serif;
  75 }
  76
  77 li {
  78         list-style: none;
  79 }
  80
  81 /* hiding subtitles */
  82 h2 {
  83         display: none;
  84 }
  85
  86 /* title section */
  87 div#title {
  88         padding: 0em 0.5em;
  89 }
  90
  91 div#title h1 {
  92         font-size: 1.5em;
  93         float: left;
  94 }
  95
  96 div#title ul li {
  97         float: left;
  98         padding: 0.5em 0em 0.5em 0.75em;
  99 }
 100
 101 div#title p {
 102         float:right;
 103         margin-right:1em;
 104         font-size: 0.75em;
 105 }
 106
 107 /* spec container */
 108 ul.specs {
 109         margin: 0.5em;
 110 }
 111 ul.specs li {
 112         margin-bottom: 0.1em;
 113 }
 114
 115 /* spec title */
 116 ul.specs li h3 {
 117         font-weight: bold;
 118         font-size: 0.75em;
 119         padding: 0.2em 1em;
 120         cursor: pointer;
 121         _cursor: hand;
 122 }
 123
 124 /* example container */
 125 ul.examples li {
 126         border-style: solid;
 127         border-width: 0px 0px 1px 5px;
 128         margin: 0.2em 0em 0.2em 1em;
 129 }
 130
 131 /* example title */
 132 ul.examples li h4 {
 133         font-weight: normal;
 134         font-size: 0.75em;
 135         margin-left: 1em;
 136 }
 137
 138 pre.examples-code {
 139         margin: 0.5em 2em;
 140         padding: 0.5em;
 141         background: white;
 142         border: solid 1px #CCC;
 143         font-size: 10px;
 144         font-family: "Panic Sans", "Monaco", monospace !important;
 145 }
 146
 147 /* example explaination */
 148 ul.examples li div {
 149         padding: 1em 2em;
 150         font-size: 0.75em;
 151 }
 152
 153 /* styles for ongoing, success, failure, error */
 154 div.success, div.success a {
 155         color: #FFFFFF;
 156         background-color: #65C400;
 157 }
 158
 159 li.ongoing li.success pre.examples-code,
 160 li pre.examples-code {
 161         display:none !important;
 162 }
 163 li.exception pre.examples-code,
 164 li.ongoing pre.examples-code {
 165         display:block !important;
 166 }
 167
 168 ul.specs li.success h3, ul.specs li.success h3 a {
 169         color: #FFFFFF;
 170         background-color: #65C400;
 171 }
 172
 173 ul.examples li.success, ul.examples li.success a {
 174         color: #3D7700;
 175         background-color: #DBFFB4;
 176         border-color: #65C400;
 177 }
 178
 179 div.exception, div.exception a {
 180         color: #FFFFFF;
 181         background-color: #C20000;
 182 }
 183
 184 ul.specs li.exception h3, ul.specs li.exception h3 a {
 185         color: #FFFFFF;
 186         background-color: #C20000;
 187 }
 188
 189 ul.examples li.exception, ul.examples li.exception a {
 190         color: #C20000;
 191         background-color: #FFFBD3;
 192         border-color: #C20000;
 193 }
 194
 195 div.ongoing, div.ongoing a {
 196         color: #000000;
 197         background-color: #FFFF80;
 198 }
 199
 200 ul.specs li.ongoing h3, ul.specs li.ongoing h3 a {
 201         color: #000000;
 202         background-color: #FFFF80;
 203 }
 204
 205 ul.examples li.ongoing, ul.examples li.ongoing a {
 206         color: #000000;
 207         background-color: #FFFF80;
 208         border-color: #DDDD00;
 209 }
 210
 211
 212
 213 /* --------------------
 214  * values
 215  */
 216 .number_value, .string_value, .regexp_value, .boolean_value, .dom_value {
 217         font-family: monospace;
 218         color: blue;
 219 }
 220 .object_value, .array_value {
 221         line-height: 2em;
 222         padding: 0.1em 0.2em;
 223         margin: 0.1em 0;
 224 }
 225 .date_value {
 226         font-family: monospace;
 227         color: olive;
 228 }
 229 .undefined_value, .null_value {
 230         font-style: italic;
 231         color: blue;
 232 }
 233 .dom_attr_name {
 234 }
 235 .dom_attr_value {
 236         color: red;
 237 }
 238 .dom_path {
 239         font-size: 0.75em;
 240         color: gray;
 241 }
 242 strong {
 243         font-weight: normal;
 244         background-color: #FFC6C6;
 245 }