nucleus/styles/admin_contemporary_jp.css

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