nucleus/styles/admin_contemporary_jp.css

   1 @charset 'UTF-8';\r
   2 \r
   3 /*\r
   4         admin area style\r
   5 */\r
   6 \r
   7 body {\r
   8         background: #ffffff url(contemporary_jp/background.png) repeat-x;\r
   9 \r
  10 }\r
  11 \r
  12 body, td, th, a, li, ul, textarea {\r
  13 /*      color: #000; modify */\r
  14         color: #333;\r
  15 /*      font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;*/\r
  16 /*      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
  17         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
  18 }\r
  19 \r
  20 /* basic link appearance */\r
  21 a:link, a:visited {\r
  22         color: #1D3565;\r
  23         font-weight: bold;\r
  24         text-decoration: none;\r
  25 }\r
  26 \r
  27 a:hover {\r
  28         text-decoration: underline;\r
  29 }\r
  30 \r
  31 /* textareas */\r
  32 textarea {\r
  33 /*  font-size: small;*//*mod yotaka 090323*/\r
  34         font-size: 9pt;/*add yotaka 090323*/\r
  35   \r
  36         line-height:145%;/* add */\r
  37         padding:5px;/* add */\r
  38         \r
  39 /*  font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", sans-serif;\r
  40 }\r
  41 \r
  42 *>textarea {*/\r
  43   width: 95%;\r
  44 }\r
  45 \r
  46 /* textareas for skin/template editing have monospace fonts */\r
  47 textarea.skinedit, textarea.templateedit {\r
  48 /*      font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", monospace;\r
  49 /* except MacIE \*//*\r
  50         font-family: monospace;\r
  51 /* end */\r
  52 /*      font-size: medium;*//*mod yotaka 090323*/\r
  53         font-size: 9pt;/*add yotaka 090323*/\r
  54 }\r
  55 \r
  56 /* add start */\r
  57 textarea#inputbody,textarea#inputmore {\r
  58         width:500px;\r
  59         margin:5px 3px;\r
  60 }\r
  61 \r
  62 textarea.pluginoption {\r
  63         width:420px;\r
  64 }\r
  65 /* add end */\r
  66 \r
  67 /* images */\r
  68 img {\r
  69         border: none; \r
  70 }\r
  71 \r
  72 img.skinpreview {\r
  73         border: 1px solid #ccc;\r
  74 }\r
  75 \r
  76 /* forms */\r
  77 form {\r
  78         margin-bottom: 0px;\r
  79 }\r
  80 \r
  81 label {\r
  82         cursor: pointer; \r
  83 }\r
  84 \r
  85 input.transparent {\r
  86         background-color: transparent;\r
  87 }\r
  88 \r
  89 /* preformatted text */\r
  90 pre {\r
  91         margin-left: 10px;\r
  92 }\r
  93 \r
  94 /* a div that has an indent */\r
  95 div.indent {\r
  96         margin-left: 40px;\r
  97 }\r
  98 \r
  99 .skip {\r
 100         display: none; \r
 101 }\r
 102 \r
 103 .error {\r
 104         color: red;\r
 105         /*font-size: 1.2em;*//*mod yotaka 090323*/\r
 106         font-size: 14pt; /*add yotaka 090323*/\r
 107 }\r
 108 \r
 109 /* header */\r
 110 h1 {\r
 111         text-align: right;\r
 112 /*      font-size: 30px;*//*mod yotaka 090323*/\r
 113         font-size:24pt;/*add yotaka 090323*/\r
 114         font-weight: 900;\r
 115         letter-spacing: 0.1em;\r
 116 /*      color: #0001AA;*/\r
 117         color: #596d9d;\r
 118         margin: 0 0 5px 135px;\r
 119         height: 35px;\r
 120 /*      display: none;  hide the header if you don't want it*/\r
 121 \r
 122 }\r
 123 \r
 124 /* quick menu on left */\r
 125 /* \r
 126         It's a real pain getting this absolute positioning to work correctly\r
 127         in all browsers. IE in particular seems to have a lot of trouble, even\r
 128         when a valid doctype is present. Because of the way it is solved currently,\r
 129         the top of the quickmenu and the contents will not line up\r
 130 */\r
 131 #quickmenu {\r
 132         position: absolute;\r
 133         overflow: hidden;\r
 134         \r
 135         top: 10px;\r
 136         left: 10px;\r
 137 \r
 138         width: 150px;\r
 139         margin: 0px;\r
 140         padding: 0px;\r
 141         \r
 142 /*      font-size: 70%;*/\r
 143 /*      font-size: small;*//*mod yotaka 090323*/\r
 144         font-size:9pt;/*add yotaka 090323*/\r
 145         color:#333;/* add */\r
 146         \r
 147         border-width: 1px;\r
 148         border-style: solid;\r
 149 /*      border-color: black; modify */\r
 150         border-color: #bbb;\r
 151 \r
 152         background: #ffffff url(contemporary_jp/quickb.jpg) top left fixed repeat-y; \r
 153 }\r
 154 \r
 155 #quickmenu ul {\r
 156         list-style-type: none;\r
 157         margin: 0;\r
 158         padding: 0;\r
 159 }\r
 160 \r
 161 #quickmenu li {\r
 162         padding: 0;\r
 163         margin: 0;\r
 164         text-align: center;\r
 165         border-bottom: 1px solid #ccc;\r
 166 }\r
 167 \r
 168 #quickmenu p {\r
 169         padding: 5px;\r
 170         margin: 0px;\r
 171         text-align: justify;\r
 172 }\r
 173 \r
 174 #quickmenu a {\r
 175         display: block;\r
 176         padding: 5px;\r
 177         /*font-size: 1em;*//*mod yotaka 090323*/\r
 178         font-size: 9pt;/*add yotaka 090323*/\r
 179         line-height: 1.5em;\r
 180         text-decoration: none;\r
 181 /*      font-family: verdana, lucida, arial, helvetica, sans-serif;\r
 182 }\r
 183 \r
 184 *>#quickmenu a {\r
 185         font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;\r
 186 */\r
 187 }\r
 188 \r
 189 #quickmenu a:hover {\r
 190         background: #ffffff url(contemporary_jp/quickb-hover.jpg) top left fixed repeat-y; \r
 191 /*      color: #000; modify */\r
 192         color: #333;\r
 193         letter-spacing: 1px;\r
 194         white-space: nowrap; /* add */\r
 195 }\r
 196 \r
 197 #quickmenu h2 {\r
 198         /*font-size: small;*//*mod yotaka 090323*/\r
 199         font-size: 9pt;/*add yotaka 090323*/\r
 200         text-align: center;\r
 201         padding: 1px 0px 1px 0px;\r
 202         margin: 0px;\r
 203         border-bottom: 1px solid #bbb;  \r
 204         background-color: #ddd;\r
 205 /*      color: #000; modify */\r
 206         color: #333;\r
 207 }\r
 208 \r
 209 #quickmenu form {\r
 210         margin: 0;\r
 211         padding: 5px;\r
 212         text-align: center;\r
 213 }\r
 214 \r
 215 #quickmenu option {\r
 216 /*      font-size: 0.9em;*//*mod yotaka 090323*/\r
 217         font-size: 8pt;/*add yotaka 090323*/\r
 218 }\r
 219 \r
 220 .loginname {\r
 221         float: right;\r
 222 /*      font-size: small;*//*mod yotaka 090323*/\r
 223         font-size: 9pt;/*add yotaka 090323*/\r
 224         text-align: right;\r
 225         line-height: normal;\r
 226         padding-left: 5px;\r
 227         background-color: white;\r
 228 }\r
 229 \r
 230 /* page content */\r
 231 #content {\r
 232    margin-left:163px;\r
 233         font-style: normal;\r
 234         text-decoration: none;\r
 235 /*      color: black; modify */\r
 236         color: #333;\r
 237         text-align: justify;\r
 238         line-height: 13pt;\r
 239 \r
 240         border-width: 1px;\r
 241         border-style: solid;\r
 242 /*      border-color: black; modify */\r
 243         border-color: #bbb;\r
 244         \r
 245 /*      rounded borders in gecko-based browsers? why not :) */\r
 246         -moz-border-radius: 10px;\r
 247 \r
 248 /*      rounded borders in webkit-based browsers? why not :) */\r
 249         -webkit-border-radius: 10px;\r
 250 \r
 251 /*      rounded borders in css3-based browsers? why not :) */\r
 252         border-radius: 10px;\r
 253 \r
 254         padding: 10px 10px 0 10px;\r
 255 \r
 256         background-color: white;\r
 257 \r
 258 }\r
 259 \r
 260 #content h2 {\r
 261         color: #596d9d; \r
 262 \r
 263         border-color: gray;\r
 264         border-style: dashed;\r
 265         border-width: 0px 0px 1px 0px;\r
 266 \r
 267         /*font-size: large;\r
 268         line-height: 120%;*//*mod yotaka 090323*/\r
 269         font-size: 10pt;/*add yotaka 090323*/\r
 270         line-height: 20px;/*add yotaka 090323*/\r
 271 \r
 272         text-decoration: none;\r
 273         font-weight: bold; \r
 274         letter-spacing: 2px;/* add */\r
 275         margin-top:20px;/*add yotaka 090323*/\r
 276 }\r
 277 \r
 278 #content h3 {\r
 279 /*      border-color: gray;\r
 280         border-style: dotted;\r
 281         border-width: 0px 0px 1px 0px; modify */\r
 282 \r
 283         border-color: #596d9d;\r
 284         border-style: solid;\r
 285         border-width: 0px 0px 0px 5px;\r
 286 \r
 287 /*      font-size: medium;*/\r
 288         font-size: 10pt;\r
 289         font-weight: normal;\r
 290         line-height: 120%;\r
 291 \r
 292 /*      color: gray;\r
 293         padding-left: 20px;\r
 294         letter-spacing: 2; modify */\r
 295 \r
 296         color: #596d9d;\r
 297         padding-left: 8px;\r
 298         letter-spacing: 2px;\r
 299         margin-left:5px;/* add */\r
 300 }\r
 301 \r
 302 /* add start */\r
 303 #content ul {\r
 304         line-height:1.5em;\r
 305 /*      list-style-type:square;*/\r
 306         margin:0 0 0.5em 30px;\r
 307         padding:0;\r
 308         list-style-image:url(contemporary_jp/bullet.gif);\r
 309 }\r
 310 /* add end */\r
 311 \r
 312 #content .note, pre {\r
 313         background-color: #ddd;\r
 314         padding: 5px;\r
 315 }\r
 316 \r
 317 #content li a{\r
 318         font-size: 9pt;/*add yotaka 090323*/\r
 319 }\r
 320 \r
 321 /* \r
 322         font size tricks, to make it work in all browsers\r
 323 \r
 324         See:\r
 325         http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html\r
 326 \r
 327         (netscape 4 trick is left out, Nucleus doesn't work anyway in that browser)     \r
 328         #content should be 'small' (in standard-compliant browsers)\r
 329 \r
 330 */\r
 331 \r
 332 #content {\r
 333 /*      font-size: small;*//*mod yotaka 090323*/\r
 334         font-size: 9pt;/*add yotaka 090323*/\r
 335         voice-family: "\"}\"";\r
 336         voice-family: inherit;\r
 337         /*font-size: small;*//*mod yotaka 090323*/\r
 338         font-size: 9pt;/*add yotaka 090323*/\r
 339 }\r
 340 html>body #content {\r
 341         /*font-size: small;*//*mod yotaka 090323*/\r
 342         font-size: 9pt;/*add yotaka 090323*/\r
 343 }\r
 344 \r
 345 /* tables */\r
 346 table {\r
 347         border: none;\r
 348         width: 100%;\r
 349         border-collapse: collapse;\r
 350         margin-bottom: 10px;\r
 351         margin-top: 10px;       \r
 352 }\r
 353 \r
 354 th {\r
 355 /*      background-color: #bbc; modify */\r
 356         background-color: #ddd;\r
 357 /*      color: #000; modify */\r
 358         color: #333;\r
 359         /*font-size: small;*//*mod yotaka 090323*/\r
 360         font-size: 9pt;/*add yotaka 090323*/\r
 361         letter-spacing:1px;/* add */\r
 362 }\r
 363 \r
 364 th, td {\r
 365         padding: 4px;\r
 366         empty-cells: show;      \r
 367         border: 1px solid #ddd; /* add */\r
 368 }\r
 369 \r
 370 td {\r
 371         background-color: #fff;\r
 372 /*      border: 1px solid #ddd;*/\r
 373 /*      font-size: small;*//*mod yotaka 090323*/\r
 374         font-size: 9pt;/*add yotaka 090323*/\r
 375         vertical-align: top;\r
 376         text-align: left;\r
 377 }\r
 378 \r
 379 td a:link, td a:visited { \r
 380         text-decoration: underline;\r
 381 /*      color: black; modify */\r
 382         color: #333;\r
 383         font-weight: normal;\r
 384 }\r
 385 \r
 386 td a:hover {\r
 387         color: #1D3565;\r
 388         text-decoration: underline;\r
 389 }\r
 390 td.draft {\r
 391         background-color: #ffe;\r
 392 }\r
 393 td.future {\r
 394         background-color: #fff7f1;\r
 395 }\r
 396 tr.highlighted td {\r
 397         background-color: green;\r
 398 }\r
 399 \r
 400 table.navigation td, table.navigation th {\r
 401         border: none;\r
 402 }\r
 403 \r
 404 .batchoperations {\r
 405         background-color: #ebebf2;\r
 406         width: auto;\r
 407         padding: 5px;\r
 408         text-align: right;\r
 409 }\r
 410 \r
 411 /* plugin list */\r
 412 #content table ul.list_comment_info,\r
 413 #content table ul.list_item_info,\r
 414 #content table ul.list_item_action,\r
 415 #content table ul.plugin_info,\r
 416 #content table ul.pluginlist_actions {\r
 417         list-style-type: none;\r
 418         list-style-image: none;\r
 419         margin: 0 0 0.5em 5px;\r
 420         line-height:1.1em;\r
 421 }\r
 422 \r
 423 .plugin_name {\r
 424         font-weight: bold;\r
 425 }\r
 426 \r
 427 .plugin_desc h4 {\r
 428         margin: 0;\r
 429 }\r
 430 \r
 431 .plugin_desc p {\r
 432         margin-top: 0;\r
 433 }\r
 434 \r
 435 /* item list */\r
 436 #content table label.list_item_title {\r
 437 /*      font-size: 1.1em;*//*mod yotaka 090323*/\r
 438         font-size: 10pt;/*mod yotaka 090323*/\r
 439         font-weight: bold;\r
 440 }\r
 441 \r
 442 .list_item_info_th {\r
 443         width: 130px;\r
 444 }\r
 445 \r
 446 /* footer */\r
 447 .foot {\r
 448         padding: 2px 0px 2px 10px;\r
 449         margin:10px -10px 0 -10px;\r
 450         text-align: center;\r
 451 }\r
 452 \r
 453 table .availableSkinTypes ul li {\r
 454         list-style: none;\r
 455 }\r