+@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
\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
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
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
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
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
\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
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
\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
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