master/nucleus/documentation/devdocs/styles/manual.css

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