nucleus/documentation/devdocs/styles/manual.css

   1 @charset 'UTF-8';\r
   2 \r
   3 body {\r
   4         background: #fff url(background.png) repeat-x;\r
   5         padding-top: 13px;\r
   6         color: #555;\r
   7         font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;\r
   8 /*      font-family: verdana, arial;\r
   9         font-family: "Hiragino Kaku Gothic Pro W3", "Meiryo", "MS PGothic", "Osaka", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; */\r
  10         font-size: small;\r
  11 }\r
  12 \r
  13 @media screen {\r
  14         body {\r
  15 /*              margin-left: 10%;\r
  16                 margin-right: 10%;\r
  17 */      }\r
  18 }\r
  19 \r
  20 @media print {\r
  21         pre,\r
  22         .note\r
  23          td,\r
  24          th {\r
  25                 border: 1px dashed gray;\r
  26         }\r
  27 }\r
  28 \r
  29 img {\r
  30         border: none;\r
  31 }\r
  32 \r
  33 a:link,\r
  34 a:visited {\r
  35         color: #1D3565; \r
  36         font-weight: bold;\r
  37         text-decoration: none;\r
  38 }\r
  39 a: hover {\r
  40         text-decoration: underline;\r
  41 }\r
  42 \r
  43 .heading {\r
  44         text-align: center;\r
  45         font-size: xx-large;\r
  46         font-weight: bold;\r
  47         color: gray;\r
  48         letter-spacing:3px;\r
  49         margin: 15px 0 20px;\r
  50 }\r
  51 \r
  52 .heading i,\r
  53 .heading em {\r
  54         position: absolute;\r
  55         top: 25px;\r
  56         right: 5px;\r
  57         font-size: small;\r
  58         font-style: normal;\r
  59         font-weight: normal;\r
  60 }\r
  61 \r
  62 \r
  63 p:first-letter {\r
  64         font-size: large;\r
  65 }\r
  66 \r
  67 p {\r
  68         text-indent: 10px;\r
  69         margin: 12px;\r
  70 }\r
  71 \r
  72 h1 {\r
  73         border-bottom: 1px dotted gray;\r
  74         font-size: 145%;\r
  75         color: #596d9d;\r
  76         font-weight:normal;\r
  77         letter-spacing:2px;\r
  78 }\r
  79 \r
  80 h2 {\r
  81         color: #666;\r
  82         font-size: 110%;\r
  83         margin: 20px 10px 10px 10px;\r
  84         border-left: 5px solid #94a8c9;\r
  85         padding: 0 0 0 8px;\r
  86         letter-spacing:2px;\r
  87 }\r
  88 \r
  89 h3 {\r
  90         margin-left: 12px;\r
  91         border-bottom:1px dotted #666;\r
  92         color:#596d9d;\r
  93 }\r
  94 \r
  95 pre,\r
  96 .note,\r
  97 .faq .answer {\r
  98         background-color: #eee;\r
  99         padding: 10px;\r
 100         font-size: small;\r
 101 }\r
 102 \r
 103 .screenshot {\r
 104         text-align: center;\r
 105         background-color: #eee;\r
 106         padding: 10px;\r
 107 }\r
 108 \r
 109 .faq .question {\r
 110         font-weight: bold;\r
 111         margin-bottom: 0px;\r
 112 }\r
 113 \r
 114 .faq .answer {\r
 115 \r
 116 }\r
 117 \r
 118 .faq {\r
 119         margin-bottom: 20px;\r
 120 }\r
 121 \r
 122 table {\r
 123         border: none;\r
 124         border-collapse: collapse;\r
 125         margin: 0 auto;\r
 126         text-align: center;\r
 127 }\r
 128 \r
 129 @media print {\r
 130         table {\r
 131                 width: 860px;\r
 132         }\r
 133 }\r
 134 \r
 135 @media screen {\r
 136         table {\r
 137                 width: 85%;\r
 138         }\r
 139 }\r
 140 \r
 141 th {\r
 142         background-color: linen;\r
 143         font-size: small;\r
 144         font-weight:normal;\r
 145         border:1px solid linen;\r
 146 }\r
 147 \r
 148 @media print {\r
 149         th, td {\r
 150                 padding: 5px 8px;\r
 151         }\r
 152 }\r
 153 \r
 154 @media screen {\r
 155         th, td {\r
 156                 padding: 5px 0.8%;\r
 157         }\r
 158 }\r
 159 \r
 160 td {\r
 161         background-color: #eee;\r
 162         border:1px solid #fff;\r
 163         font-size: small;\r
 164         vertical-align: top;\r
 165         text-align: left;\r
 166 }\r
 167 \r
 168 input,\r
 169 select,\r
 170 option,\r
 171 textarea {\r
 172         background-color: transparent;\r
 173 }\r
 174 \r
 175 .deprecated {\r
 176         border: 3px solid red;\r
 177         padding: 5px;\r
 178         font-size: medium;\r
 179 }\r
 180 \r
 181 tt,\r
 182 code,\r
 183 samp {\r
 184         font-size: small;\r
 185         font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;\r
 186 /*      font-family: "Meiryo", "MS PGothic", "Osaka", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;*/\r
 187 }\r
 188 \r
 189 .warning {\r
 190         color: red;\r
 191 }\r
 192 .ok {\r
 193         color: green;\r
 194 }\r
 195 \r
 196 acronym,\r
 197 abbr {\r
 198         border-bottom: 1px dotted gray;\r
 199         cursor: help;\r
 200 }\r
 201 \r
 202 strong {\r
 203     font-weight: bold;\r
 204 }\r
 205 \r
 206 em {\r
 207     font-style: italic;\r
 208 }\r
 209 \r
 210 body div#body > .example {\r
 211         width: 85%;\r
 212         margin: 0 auto;\r
 213 }\r
 214 \r
 215 @media print {\r
 216         body div#body > .example {\r
 217                 width: 860px;\r
 218         }\r
 219 }\r
 220 \r
 221 @media screen {\r
 222         body div#body > .example {\r
 223                 width: 85%;\r
 224         }\r
 225 }\r
 226 \r
 227 body div#body {\r
 228         margin: 0 auto;\r
 229 }\r
 230 \r
 231 @media print {\r
 232         body div#body {\r
 233                 width: 900px;\r
 234         }\r
 235 }\r
 236 \r
 237 @media screen {\r
 238         body div#body {\r
 239                 max-width: 900px;\r
 240                 width: 80%;\r
 241         }\r
 242 }\r
 243 \r
 244 ul {\r
 245         line-height:1.5em;\r
 246         margin:0 0 0.5em 40px;\r
 247         padding:0;\r
 248         list-style-image:url(bullet.gif);\r
 249 }\r
 250 \r
 251 dl {\r
 252         margin:0 10% 0.5em 0;\r
 253         padding:0;\r
 254 }\r
 255 \r
 256 dt {\r
 257         font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;\r
 258 /*      font-family: "Hiragino Kaku Gothic Pro W3", "Meiryo", "MS PGothic", "Osaka", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; */\r
 259         font-weight:bold;\r
 260         margin-top:7px;\r
 261 }\r
 262 \r
 263 #fontSizeChanger {\r
 264         position: fixed;\r
 265         top: 20px;\r
 266         left: 50px;\r
 267         font-size: medium;\r
 268 }\r
 269 \r
 270 #fontSizeChanger a {\r
 271         font-weight: normal;\r
 272         border: 1px dotted gray;\r
 273         padding: 0 3px;\r
 274 }\r
 275 \r
 276 #fontSizeChanger a#fontSmall {\r
 277         font-weight: bold;\r
 278 }\r
 279 \r
 280 #fontSizeChanger a:hover {\r
 281         color: #fff;\r
 282         background-color: #1D3565;\r
 283 }\r