OSDN Git Service

git-svn-id: https://svn.sourceforge.jp/svnroot/nucleus-jp/nucleus-jp/trunk@947 1ca29b...
[nucleus-jp/nucleus-jp-ancient.git] / utf8 / nucleus / styles / admin.css
index 98823cd..ce73aa7 100755 (executable)
+@charset 'UTF-8';\r
+\r
 /*\r
        admin area style\r
        \r
-       $Id: admin.css,v 1.3 2005-03-15 08:09:22 kimitake Exp $\r
-       $NucleusJP$\r
+       $Id$\r
+       $NucleusJP: admin.css,v 1.6 2006/07/17 20:03:45 kimitake Exp $\r
 */\r
 \r
 body {\r
-       background: #ffffff; \r
+       background: #fff url(background.png) repeat-x;\r
+\r
 }\r
+\r
 body, td, th, a, li, ul, textarea {\r
-       color: #000;\r
-       font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;\r
+/*     color: #000; modify */\r
+       color: #333\r
+/*     font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;*/\r
+/*     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
+       font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "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
 }\r
 \r
+/* basic link appearance */\r
+a:link, a:visited {\r
+       color: #1D3565;\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+}\r
+\r
+a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+/* textareas */\r
 textarea {\r
   font-size: small;\r
-  font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", sans-serif;\r
+  \r
+       line-height:145%;/* add */\r
+       padding:5px;/* add */\r
+       \r
+/*  font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", sans-serif;\r
 }\r
-*>textarea {\r
+\r
+*>textarea {*/\r
   width: 95%;\r
 }\r
 \r
 /* textareas for skin/template editing have monospace fonts */\r
-textarea.skinedit, textarea.templateedit\r
-{\r
-  font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", monospace;\r
-/* except MacIE \*/\r
+textarea.skinedit, textarea.templateedit {\r
+/*     font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", monospace;\r
+/* except MacIE \*//*\r
        font-family: monospace;\r
 /* end */\r
        font-size: medium;\r
 }\r
 \r
-img                    { border: none; }\r
-.skip          { display: none; }\r
-label          { cursor: pointer; }\r
-.error                 { color: red; font-size: 1.2em; }\r
+/* add start */\r
+textarea#inputbody,textarea#inputmore {\r
+       width:500px;\r
+       margin:5px 3px;\r
+}\r
+\r
+textarea.pluginoption {\r
+       width:420px;\r
+}\r
+/* add end */\r
+\r
+/* images */\r
+img {\r
+       border: none; \r
+}\r
+\r
+img.skinpreview {\r
+       border: 1px solid #ccc;\r
+}\r
+\r
+/* forms */\r
+form {\r
+       margin-bottom: 0px;\r
+}\r
+\r
+label {\r
+       cursor: pointer; \r
+}\r
+\r
+input.transparent {\r
+       background-color: transparent;\r
+}\r
+\r
+/* preformatted text */\r
+pre {\r
+       margin-left: 10px;\r
+}\r
+\r
+/* a div that has an indent */\r
+div.indent {\r
+       margin-left: 40px;\r
+}\r
+\r
+.skip {\r
+       display: none; \r
+}\r
+\r
+.error {\r
+       color: red;\r
+       font-size: 1.2em; \r
+}\r
 \r
 /* header */\r
 h1 {\r
@@ -50,28 +120,6 @@ h1 {
 \r
 }\r
 \r
-/* page content */\r
-#content {\r
-   margin-left:135px;\r
-       font-style: normal;\r
-       text-decoration: none;\r
-       color: black;\r
-       text-align: justify;\r
-       line-height: 13pt;\r
-\r
-       border-width: 1px;\r
-       border-style: solid;\r
-       border-color: black;\r
-       \r
-       /* rounded borders in gecko-based browsers? why not :) */\r
-       -moz-border-radius: 10px;       \r
-\r
-       padding: 10px 10px 0 10px;      \r
-       \r
-       background-color: white;\r
-       \r
-}\r
-\r
 /* quick menu on left */\r
 /* \r
        It's a real pain getting this absolute positioning to work correctly\r
@@ -86,15 +134,18 @@ h1 {
        top: 10px;\r
        left: 10px;\r
 \r
-       width: 110px;\r
+       width: 150px;\r
        margin: 0px;\r
        padding: 0px;\r
        \r
-       font-size: 70%;\r
+/*     font-size: 70%;*/\r
+       font-size: small;\r
+       color:#333;/* add */\r
        \r
        border-width: 1px;\r
        border-style: solid;\r
-       border-color: black;\r
+/*     border-color: black; modify */\r
+       border-color: #bbb;\r
 \r
        background: #ffffff url(quickb.jpg) top left fixed repeat-y; \r
 }\r
@@ -104,32 +155,40 @@ h1 {
        margin: 0;\r
        padding: 0;\r
 }\r
-#quickmenu p {\r
-       padding: 5px;\r
-       margin: 0px;\r
-       text-align: justify;\r
-}\r
+\r
 #quickmenu li {\r
        padding: 0;\r
        margin: 0;\r
        text-align: center;\r
        border-bottom: 1px solid #ccc;\r
 }\r
+\r
+#quickmenu p {\r
+       padding: 5px;\r
+       margin: 0px;\r
+       text-align: justify;\r
+}\r
+\r
 #quickmenu a {\r
        display: block;\r
        padding: 5px;\r
        font-size: 1em;\r
        line-height: 1.5em;\r
        text-decoration: none;\r
-       font-family: verdana, lucida, arial, helvetica, sans-serif;\r
+/*     font-family: verdana, lucida, arial, helvetica, sans-serif;\r
 }\r
+\r
 *>#quickmenu a {\r
        font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;\r
+*/\r
 }\r
+\r
 #quickmenu a:hover {\r
        background: #ffffff url(quickb-hover.jpg) top left fixed repeat-y; \r
-       color: #000;\r
+/*     color: #000; modify */\r
+       color: #333;\r
        letter-spacing: 1px;\r
+       white-space: nowrap; /* add */\r
 }\r
 \r
 #quickmenu h2 {\r
@@ -139,13 +198,16 @@ h1 {
        margin: 0px;\r
        border-bottom: 1px solid #bbb;  \r
        background-color: #ddd;\r
-       color: #000;\r
+/*     color: #000; modify */\r
+       color: #333;\r
 }\r
+\r
 #quickmenu form {\r
        margin: 0;\r
        padding: 5px;\r
        text-align: center;\r
 }\r
+\r
 #quickmenu option {\r
        font-size: 0.9em;\r
 }\r
@@ -159,6 +221,36 @@ h1 {
        background-color: white;\r
 }\r
 \r
+/* page content */\r
+#content {\r
+   margin-left:163px;\r
+       font-style: normal;\r
+       text-decoration: none;\r
+/*     color: black; modify */\r
+       color: #333;\r
+       text-align: justify;\r
+       line-height: 13pt;\r
+\r
+       border-width: 1px;\r
+       border-style: solid;\r
+/*     border-color: black; modify */\r
+       border-color: #bbb;\r
+       \r
+       /* rounded borders in gecko-based browsers? why not :) */\r
+       -moz-border-radius: 10px;\r
+\r
+       /* rounded borders in webkit-based browsers? why not :) */\r
+       -webkit-border-radius: 10px;\r
+\r
+       /* rounded borders in css3-based browsers? why not :) */\r
+       border-radius: 10px;\r
+\r
+       padding: 10px 10px 0 10px;\r
+\r
+       background-color: white;\r
+\r
+}\r
+\r
 #content h2 {\r
        color: #596d9d; \r
 \r
@@ -171,31 +263,67 @@ h1 {
 \r
        text-decoration: none;\r
        font-weight: bold; \r
-\r
+       letter-spacing: 2px;/* add */\r
 }\r
 \r
 #content h3 {\r
-       border-color: gray;\r
+/*     border-color: gray;\r
        border-style: dotted;\r
-       border-width: 0px 0px 1px 0px;\r
+       border-width: 0px 0px 1px 0px; modify */\r
+\r
+       border-color: #596d9d;\r
+       border-style: solid;\r
+       border-width: 0px 0px 0px 5px;\r
+\r
        font-size: medium;\r
        font-weight: normal;\r
        line-height: 120%;\r
 \r
-       color: gray;\r
+/*     color: gray;\r
        padding-left: 20px;\r
-       letter-spacing: 2;\r
+       letter-spacing: 2; modify */\r
+\r
+       color: #596d9d;\r
+       padding-left: 8px;\r
+       letter-spacing: 2px;\r
+       margin-left:5px;/* add */\r
 }\r
 \r
+/* add start */\r
+#content ul {\r
+       line-height:1.5em;\r
+/*     list-style-type:square;*/\r
+       margin:0 0 0.5em 30px;\r
+       padding:0;\r
+       list-style-image:url(bullet.gif);\r
+}\r
+/* add end */\r
+\r
 #content .note, pre {\r
        background-color: #ddd;\r
        padding: 5px;\r
 }\r
 \r
-pre {\r
-       margin-left: 10px;\r
+/* \r
+       font size tricks, to make it work in all browsers\r
+\r
+       See:\r
+       http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html\r
+\r
+       (netscape 4 trick is left out, Nucleus doesn't work anyway in that browser)     \r
+       #content should be 'small' (in standard-compliant browsers)\r
+\r
+*/\r
+\r
+#content {\r
+  font-size: small;\r
+  voice-family: "\"}\"";\r
+  voice-family: inherit;\r
+  font-size: small;\r
 }\r
+html>body #content { font-size: small; }\r
 \r
+/* tables */\r
 table {\r
        border: none;\r
        width: 100%;\r
@@ -204,27 +332,24 @@ table {
        margin-top: 10px;       \r
 }\r
 \r
-.batchoperations {\r
-       background-color: #eef;\r
-       width: auto;\r
-       padding: 5px;\r
-       text-align: right;\r
-}\r
-\r
 th {\r
-       background-color: #bbc;\r
-       color: #000;\r
+/*     background-color: #bbc; modify */\r
+       background-color: #ddd;\r
+/*     color: #000; modify */\r
+       color: #333;\r
        font-size: small;\r
+       letter-spacing:1px;/* add */\r
 }\r
 \r
 th, td {\r
        padding: 4px;\r
        empty-cells: show;      \r
+       border: 1px solid #ddd; /* add */\r
 }\r
 \r
 td {\r
        background-color: #fff;\r
-       border: 1px solid #ddd;\r
+/*     border: 1px solid #ddd;*/\r
        font-size: small;\r
        vertical-align: top;\r
        text-align: left;\r
@@ -232,9 +357,11 @@ td {
 \r
 td a:link, td a:visited { \r
        text-decoration: underline;\r
-       color: black;\r
+/*     color: black; modify */\r
+       color: #333;\r
        font-weight: normal;\r
 }\r
+\r
 td a:hover {\r
        color: #1D3565;\r
        text-decoration: underline;\r
@@ -248,60 +375,58 @@ tr.highlighted td {
        background-color: green;\r
 }\r
 \r
-a:link, a:visited {\r
-       color: #1D3565;\r
-       font-weight: bold;\r
-       text-decoration: none;\r
-}\r
-a:hover {\r
-       text-decoration: underline;\r
-}\r
-\r
 table.navigation td, table.navigation th {\r
        border: none;\r
 }\r
 \r
-/* footer */\r
-.foot {\r
-\r
- padding: 2px 0px 2px 10px;\r
- margin:10px -10px 0 -10px;\r
- text-align: center;\r
+.batchoperations {\r
+       background-color: #eef;\r
+       width: auto;\r
+       padding: 5px;\r
+       text-align: right;\r
 }\r
 \r
-form {\r
-       margin-bottom: 0px;\r
+/* plugin list */\r
+#content table ul.list_comment_info,\r
+#content table ul.list_item_info,\r
+#content table ul.list_item_action,\r
+#content table ul.plugin_info,\r
+#content table ul.pluginlist_actions {\r
+       list-style-type: none;\r
+       list-style-image: none;\r
+       margin: 0 0 0.5em 5px;\r
+       line-height:1.1em;\r
 }\r
 \r
-input.transparent {\r
-       background-color: transparent;\r
+.plugin_name {\r
+       font-weight: bold;\r
 }\r
 \r
-/* a div that has an indent */\r
-div.indent {\r
-       margin-left: 40px;\r
+.plugin_desc h4 {\r
+       margin: 0;\r
 }\r
 \r
-/* \r
-       font size tricks, to make it work in all browsers\r
-       \r
-       See: \r
-       http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html\r
+.plugin_desc p {\r
+       margin-top: 0;\r
+}\r
 \r
-       (netscape 4 trick is left out, Nucleus doesn't work anyway in that browser)     \r
-       #content should be 'small' (in standard-compliant browsers)\r
-       \r
-*/\r
+/* item list */\r
+#content table label.list_item_title {\r
+       font-size: 1.1em;\r
+       font-weight: bold;\r
+}\r
 \r
-#content {\r
-  font-size: small;\r
-  voice-family: "\"}\"";\r
-  voice-family: inherit;\r
-  font-size: small;\r
+.list_item_info_th {\r
+       width: 130px;\r
 }\r
-html>body #content { font-size: small; }\r
 \r
+/* footer */\r
+.foot {\r
+ padding: 2px 0px 2px 10px;\r
+ margin:10px -10px 0 -10px;\r
+ text-align: center;\r
+}\r
 \r
-img.skinpreview {\r
-       border: 1px solid #ccc;\r
+table .availableSkinTypes ul li {\r
+       list-style: none;\r
 }\r