doc/manuals/scripts/style.css

   1 body, html {
   2     background: #f5f5f5;
   3     color: #333;
   4     text-align: center;
   5     font-family: sans-serif;
   6     font-size: 0.9em;
   7     width: 100%;
   8     height: 100%;
   9     margin: 0;
  10     padding : 0;
  11 }
  12 a {
  13     color: #06b;
  14     font-weight: bold;
  15     text-decoration: none;
  16 }
  17 a:hover {
  18     text-decoration: underline;
  19 }
  20 img {
  21     border: none;
  22 }
  23 h1 {
  24 /*    color: #D5F16A;*/
  25     color: #ddd;
  26     font-size: 4em;
  27     line-height: 1.3em;
  28     font-weight: normal;
  29     letter-spacing: -0.08em;
  30 /*    background: url(../images/style_p.png) transparent;*/
  31     text-align: right;
  32     margin: 20px;
  33 /*    border-bottom: 1px dotted #fff;*/
  34     text-shadow: 0px -1px rgba(0,0,0,0.01);
  35     -moz-border-radius: 12px;
  36     -webkit-border-radius: 12px;
  37     border-radius: 12px;
  38 }
  39 h2, h3 {
  40     color: #3C4858;
  41     font-size: 23px;
  42     letter-spacing: -0.08em;
  43     font-weight: normal;
  44     text-shadow: 0px 1px white;
  45     padding: 5px 0 10px 10px;
  46 }
  47 h3 {
  48 /*    border-bottom: 1px dotted #fff;*/
  49 }
  50 p, ul {
  51     background: #f9f9f9;
  52     margin: 0 0 15px;
  53     padding: 10px;
  54     -moz-border-radius: 12px;
  55     -webkit-border-radius: 12px;
  56     border-radius: 12px;
  57 /*
  58     -moz-box-shadow:    0 2px 5px #1f1f1f;
  59     -webkit-box-shadow: 0 2px 5px #1f1f1f;
  60     box-shadow:         0 2px 5px #1f1f1f;
  61 */
  62 }
  63 ul ul {
  64     border: none;
  65     -moz-box-shadow:    none;
  66     -webkit-box-shadow: none;
  67     box-shadow:         none;
  68     margin: 0;
  69 }
  70 li {
  71     padding: 0;
  72     margin: 20;
  73 }
  74 strong {
  75     color: #333;
  76 /*
  77     color: #D5F16A;
  78 */
  79 /*    color: black;*/
  80 }
  81
  82 .wrapper {
  83     clear: both;
  84     min-width: 600px;
  85     max-width: 1280px;
  86     margin: auto;
  87     text-align: left;
  88     padding: 0 30px 30px 80px;
  89 }
  90 .footer {
  91     padding-bottom: 20px;
  92 }
  93 .footer a {
  94     font-weight: normal;
  95     color: #666;
  96     display: block;
  97     float: right;
  98     margin: 5px;
  99     padding: 3px 12px;
 100     background: rgb(238,238,238); /* Old browsers */
 101     background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
 102     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
 103     background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
 104     background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
 105     background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
 106     background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
 107     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
 108     -moz-border-radius: 5px;
 109     -webkit-border-radius: 5px;
 110     border-radius: 5px;
 111 }
 112 .footer a:hover {
 113     color: white;
 114     text-decoration: none;
 115     -moz-box-shadow:    0 2px 4px rgba(0,0,0,0.25);
 116     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25);
 117     box-shadow:         0 2px 4px rgba(0,0,0,0.25);
 118
 119 }
 120
 121 .thumbnail {
 122     width: 42%;
 123     float: right;
 124     margin: 10px;
 125 /*    border: 2px solid black;*/
 126 /*    border-top: 12px solid black;*/
 127     -moz-box-shadow:    0 2px 5px rgba(0,0,0,0.4);
 128     -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
 129     box-shadow:         0 2px 5px rgba(0,0,0,0.4);
 130
 131 }
 132
 133 .headerbg {
 134     background: #111;
 135     border-bottom: 1px solid #111;
 136     -moz-box-shadow:    0 3px 10px #111;
 137     -webkit-box-shadow: 0 3px 10px #111;
 138     box-shadow:         0 3px 10px #111;
 139 }
 140 .menu {
 141     width: 56px;
 142     height: 100%;
 143     position: fixed;
 144     left: 0;
 145     top: 0;
 146     background: #555;
 147 }
 148 .menu .micon {
 149     width: 50px;
 150     height: 50px;
 151     margin: 5px 2px 2px 2px;
 152     transition-property: all;
 153     transition-duration: 0.3s;
 154     background: #555;
 155     padding: 4px;
 156     -moz-border-radius: 4px !important;
 157     -webkit-border-radius: 4px !important;
 158     border-radius: 4px !important;
 159 }
 160 .menu .micon:hover {
 161     width: 66px;
 162     height: 66px;
 163     margin-left: -2px;
 164 }
 165 .menu span {
 166     font-size: 0;
 167     color: white;
 168     padding: 0 0 5px 0;
 169     font-size: 8.5px;
 170     line-height: 8.5px;
 171     letter-spacing: -0.09em;
 172 }
 173 .menu .submenu {
 174     z-index: 1000000;
 175     margin: 0;
 176     padding: 0;
 177     list-style: none;
 178     position: absolute;
 179     display: none;
 180     opacity: 0;
 181     background: #555;
 182     color: #fff;
 183     border: none;
 184     -moz-box-shadow:    none;
 185     -webkit-box-shadow: none;
 186     box-shadow:         none;
 187     left: 75px;
 188     -moz-border-radius: 0px;
 189     -webkit-border-radius: 0px;
 190     border-radius: 0px;
 191     text-align: left;
 192     -moz-box-shadow:     0 2px 5px rgba(0,0,0,0.3);
 193     -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
 194     box-shadow:         0 2px 5px rgba(0,0,0,0.3);
 195 }
 196
 197 .menu .submenu li {
 198     list-style: none;
 199     white-space: nowrap;
 200     margin: 0;
 201     padding: 0;
 202 }
 203 .menu .submenu li:hover {
 204     background:black;
 205 }
 206 .menu .submenu a {
 207     font-weight: normal;
 208     white-space: nowrap;
 209     display: block;
 210     padding: 4px 15px;
 211     color: white;
 212     transition-property: all;
 213     transition-duration: 0.3s;
 214 }
 215 .menu .submenu a:hover {
 216     color: #0097FF;
 217     background: #222;
 218     text-decoration: none;
 219 }
 220 .menu .submenu img {
 221     display: none;
 222     margin: 0;
 223 }
 224 .menu .submenu li .marrow {
 225     margin-left: -8px;
 226     position: absolute;
 227     display: block;
 228 }
 229 .menu .submenu li h3 {
 230     margin: 0px;
 231     font-weight: normal;
 232     font-size: 13px;
 233     border-bottom: 1px dotted #999;
 234     padding: 4px 15px;
 235     background: #333;
 236     color: white;
 237     text-shadow: none;
 238 }
 239 #index {
 240     -moz-border-radius: 12px;
 241     -webkit-border-radius: 12px;
 242     border-radius: 12px;
 243 }
 244 #index img.iicon {
 245     vertical-align: bottom;
 246     width: 75px;
 247     position: static;
 248     padding: 5px;
 249     margin-right: 10px;
 250     -moz-box-shadow:    none;
 251     -webkit-box-shadow: none;
 252     box-shadow:         none;
 253     -moz-border-radius: 6px;
 254     -webkit-border-radius: 6px;
 255     border-radius: 6px;
 256     background: #555;
 257     border: none;
 258 }
 259 #index h3 {
 260     font-size: 32px;
 261     line-height: 50px;
 262     font-weight: normal;
 263     padding: 25px 0 10px 0;
 264     clear: left;
 265     color: #555;
 266     text-shadow: none;
 267     margin: 0;
 268 }
 269
 270 #index ul {
 271     border: none;
 272     clear: left;
 273     background: none;
 274     margin: 0;
 275     padding: 0;
 276 }
 277 #index li {
 278     position: relative;
 279     display: block;
 280     width: 160px;
 281     height: 180px;
 282     margin: 8px;
 283     float: left;
 284     text-align: center;
 285 }
 286 #index a {
 287     display: block;
 288     text-align: center;
 289     font-weight: normal;
 290     position: relative;
 291     width: 160px;
 292     height: 180px;
 293     display: block;
 294     background: #fff;
 295     color: #666;
 296     -moz-border-radius: 6px;
 297     -webkit-border-radius: 6px;
 298     border-radius: 6px;
 299     font-size: 11px;
 300     opacity: 0.8;
 301     transition-property: all;
 302     transition-duration: 0.3s;
 303     line-height: 150px;
 304     border: 1px solid #ccc;
 305 }
 306 #index a:hover {
 307     -moz-box-shadow:    0 3px 5px rgba(0,0,0,0.2);
 308     -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
 309     box-shadow:         0 3px 5px rgba(0,0,0,0.2);
 310     text-decoration: none;
 311     color: #333;
 312     opacity: 1;
 313 }
 314 #index img {
 315     text-align: center;
 316     width: 140px;
 317     vertical-align: middle;
 318     position:absolute;
 319     top:0;
 320     bottom:30px;
 321     margin:auto;
 322     left: 10px;
 323 }
 324 #index span {
 325     display: block;
 326     position: absolute;
 327     top: 150px !important;
 328     line-height: 30px;
 329     text-align: center;
 330     left: 0px;
 331     width: 160px;
 332     text-align: center;
 333     background: #ccc;
 334     -webkit-border-bottom-right-radius: 5px;
 335     -webkit-border-bottom-left-radius: 5px;
 336     -moz-border-radius-bottomright: 5px;
 337     -moz-border-radius-bottomleft: 5px;
 338     border-bottom-right-radius: 5px;
 339     border-bottom-left-radius: 5px;
 340     background: rgb(238,238,238); /* Old browsers */
 341     background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
 342     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
 343     background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
 344     background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
 345     background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
 346     background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
 347     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
 348 }
 349
 350 #index li:hover {
 351
 352 }
 353
 354 .inactive {
 355     color: #bbb !important;
 356 }
 357
 358 .developers li {
 359     clear: left;
 360 }
 361 .portrait {
 362     width: 100px;
 363     float: left;
 364     margin: 10px;
 365 }