Tom Hayakawa
tom_g3x****@users*****
2006年 9月 2日 (土) 23:11:46 JST
Index: xoops2jp/html/modules/base/admin/theme/stylesheets/style.css diff -u xoops2jp/html/modules/base/admin/theme/stylesheets/style.css:1.1.2.11 xoops2jp/html/modules/base/admin/theme/stylesheets/style.css:1.1.2.12 --- xoops2jp/html/modules/base/admin/theme/stylesheets/style.css:1.1.2.11 Fri Aug 25 17:26:10 2006 +++ xoops2jp/html/modules/base/admin/theme/stylesheets/style.css Sat Sep 2 23:11:46 2006 @@ -1,289 +1,471 @@ +* { + margin:0; + padding:0; +} body { - background: #ffffff; - font-size: 12px; - font-family: Verdana, Arial, Helvetica, sans-serif; - margin: 0; - padding: 0; + background:#ffffff; + color:#000000; + font-size:12px; + line-height:130%; +} + +h1, h2, h3, h4, h5, h6 { + color:#47477f; + margin:0.5em; +} +h3 { + font-size:18px; } -h1, h2, h3, h4, h5 { - color: #47477f; - margin: 5px 0 12px; -} -h2 { - color: #666666; - background: url(<{"design/h2bg.gif"|theme}>) repeat-x; - padding-left: 5px; + +h4 { + font-size:16px; + margin:1em; +} +h5 { + font-size:14px; + margin:1em; +} +h6 { + font-size:12px; } + a { - color: #000000; - font-weight: normal; + color:#333366; + font-weight:normal; text-decoration:none; } a:visited { - color: #000000; - font-weight: normal; + color:#333366; + font-weight:normal; } a:hover { - color: #B22222; + color:#F8B643; +} + +img { + border:0 } -img {border:0} +hr { + color:#E18A00; + background-color:#E18A00; + border:none; + width:95%; + height:0.3em; + margin: 10px auto; + text-align:center; +} ul { - margin: 2px; - padding: 2px; - list-style: square outside; + margin:2px; + padding:2px; + list-style:square outside; } - li { - margin-left: 20px; - line-height: 130%; + margin-left:20px; + line-height:130%; } +table { + margin:0; + padding:0; + width:100%; + border-collapse:collapse; +} +td { + vertical-align:top; +} th { - color: #ffffff; - background: #000080; - text-align: center; - padding: 5px 1px; + color:#ffffff; + background: #6766A2; + text-align:center; + padding:5px 1px; } - th a { - font-weight: bold; - color: #ffffff; + font-weight:bold; + color:#ffffff; } - th a:visited { - font-weight: bold; - color: #ffffff; + font-weight:bold; + color:#ffffff; } - th a:hover { - font-weight: bold; - color: #ff8c00; + font-weight:bold; + color:#ff8c00; } +form { + margin:0.5em 0; +} input.formButton { - background: url(<{"design/buttonbg.gif"|theme}>); - border-top: solid 1px #9a9caa; - border-left: solid 1px #9a9caa; - border-right: solid 1px #43445e; - border-bottom: solid 1px #43445e; + background:url(<{"design/buttonbg.gif"|theme}>); + border-top:solid 1px #9a9caa; + border-left:solid 1px #9a9caa; + border-right:solid 1px #43445e; + border-bottom:solid 1px #43445e; + padding: 1px 10px; +} +textarea { + font-size:13px; +} + +#container { + width:100%; + margin:0 auto; + text-align:left; +} + +/* ===== common ===== */ +.outer td , .outer th { + border:1px solid #666699; +} +table.outer { + margin:10px 0; + border:1px solid #666699; } - -#Table1 { - background: #000080; +.head { + color:#000000; + background:#dddddd; + padding:5px 3px; } -#header { - color: #ffffff; - text-align: right; - vertical-align: middle; - width: 100%; - padding-top: 5px; -} -#header a:link, #header a:visited { - color: #ffffff; -} -#header2 { - color: #ffffff; - background: #00004f url(<{"design/headersearchborder.gif"|theme}>) repeat-y left; +.foot { + color:#FFFFFF; + background:#6766A2; + padding:6px 4px; text-align: center; - vertical-align: middle; +} +.foot a{ + color:#ffffff; } -#header2 input { -/* background: #778899; */ +.odd { + background:#eeeeff; + padding:5px 3px; } -#sidemenu { - background: #e6e6e6; - vertical-align: top; - padding: 2px 0 0 0; - margin: 0; -} -#sidemenu div.head { - background: url(<{"design/menutitle_close.gif"|theme}>) no-repeat; - height: 15px; /* 25px */ - padding: 3px; -} -#sidemenu div.head2 { - background: url(<{"design/menutitle_open.gif"|theme}>) no-repeat; - height: 15px; /* 25px */ - padding: 3px; -} -#sidemenu div.head a:link, #sidemenu div.head a:visited { - color: #000080; - font-weight: bold; -} -#sidemenu div.head2 a:link, #sidemenu div.head2 a:visited { - color: #9c0808; - font-weight: bold; -} -#sidemenu div.head a:hover, #sidemenu div.head2 a:hover { - color: #ffffff; -} -.side { - margin: 0 5px 10px 1px; - display: none; -} -.side li { - list-style: url(<{"design/menulist.gif"|theme}>); -} -#nav { - margin-bottom: 3px; -} -#nav a:link, #nav a:visited { - color: #666666; - font-size: 8pt; - font-weight: normal; -} -#nav a:hover { - color: #800000; -} -#nav table { - width: auto; - border: none; - display: inline; -} -#nav td.center { - background: url(<{"design/nav_bg.gif"|theme}>) repeat-x; - height: 18px; -} -#nav td.left { - background: url(<{"design/nav_lcap.gif"|theme}>) no-repeat; - width: 5px; - height: 18px; -} -#nav td.right { - background: url(<{"design/nav_rcap.gif"|theme}>) no-repeat; - width: 5px; - height: 18px; -} -#content { - background: #f5f5f5 url(<{"design/menuborder.gif"|theme}>) repeat-y left; - margin: 0; - padding: 5px 5px 5px 12px; - border-right: solid 1px #efefef; -} -#content table { - width: 100%; - border: solid 1px #cccccc; +.even { + background:#ffffff; + padding:5px 3px; } -#contentBody { - background: #ffffff; - padding: 12px; +tr .odd td { + padding:3px; + vertical-align:middle; +} +tr .even td { + padding:3px; + vertical-align:middle; +} +.nw { + white-space:nowrap; } -#searchBox { - margin: 0; +/* ===== header ===== */ +#header { + background:#333366; } -#footer { - background: #cccccc; - font-size: 95%; - text-align: center; - padding: 3px 0; +#header .logo { + vertical-align:middle; + padding:3px 0px 0px 3px; + background:#333366; } -.nw { - white-space: nowrap; +#header .logo a:hover { + border-bottom: 0; } -.outer { - border-collapse: collapse; -} -.outer td , .outer th { - border:1px solid #ffffff; -} -.head { - color: #000000; - background: #dddddd; - padding: 5px 2px; + +#header .searchbar { + text-align:right; + vertical-align:middle; + padding-right:10px; + background:#333366; } -.foot { - color: #000000; - background: #dddddd; - padding: 6px 4px; - text-align: center; +#header .searchBox { + margin:0; +} + +#header .topnav { + color:#333333; + background:#EEEEFF; + text-align:right; + vertical-align:middle; + border-bottom:1px solid #333366; + padding:5px 10px; +} +#header .topnav a { + color:#333333; + font-weight:bold; +} +#header .topnav a:hover { + font-weight:bold; + color:#F8B643; +} + +/* ===== LeftColumn ===== */ +#leftcolumn { + width:190px; + background:#ffffff; + border-right:1px solid #6766A2; +} +#leftcolumn .head { + padding:5px; + background:#333366; + font-weight:bold; + color:#ffffff; + text-align:left; + border-bottom:1px solid #cccccc; +} +#leftcolumn .head a { + color:#eeffff; + font-weight:bold; +} +#leftcolumn .head a:hover { + color:#F8B643; +} + +#leftcolumn .head2 { + padding:5px; + background:#6766A2; + font-weight:bold; + color:#ffffff; + text-align:left; + border-bottom:1px solid #cccccc; +} +#leftcolumn .head2 a { + color:#eeffff; + font-weight:bold; +} +#leftcolumn .head2 a:hover { + color:#F8B643; +} + +#leftcolumn .submenu { + margin:0px; + padding:3px 2px; + display:none; +} +#leftcolumn .submenu li { + margin:0; + padding:2px 2px 2px 17px; + list-style:none; + background:url(<{"design/menulist.gif"|theme}>) no-repeat center left; +} +#leftcolumn .submenu li a { + color:#000000; +} +#leftcolumn .submenu li a:visited { + color:#000000; +} +#leftcolumn .submenu li a:hover { + color:#F8B643; + text-decoration:underline; +} + +/* ===== Center Column ===== */ +#centercolumn { + background:#ffffff; + margin:0; + padding:0; + border-right:solid 1px #efefef; +} +#contentBody { + background:#ffffff; + padding:10px; +} + +#footer { + background:#EEEEFF; + border-top:1px solid #333366; + text-align:center; + padding:5px 0; + font-size:95%; + font-family: Verdana, Arial, Helvetica, sans-serif; } .return_top { text-align:right; margin:10px 30px; } -.odd { - background: #e6e6e6; - padding: 5px 2px; +/* ===== option MenuNavi ===== +#menunavi { + margin:8px; + border:1px solid #333366; + background-color:#eeeeff; +} +#menunavi h2 { + margin:0.4em 2em; + font-size: 16px; + color:#333366; +} +ul.submenunavi { + text-align:left; + padding:0; + margin:3px; +} +ul.submenunavi li { + display:inline; + margin:0 2px; + border-top:1px solid #ffffff; + border-left:1px solid #ffffff; + border-right:1px solid #cccccc; + border-bottom:1px solid #cccccc; + padding:3px; + line-height:2em; + background-color:#f8f8ff; + white-space: nowrap; + _white-space:none; + } -.even { - background: #f5f5f5; - padding: 5px 2px; -}/* -tr.odd td { - background: #e6e6e6; - padding: 1px 4px; -} -tr.even td { - background: #f5f5f5; - padding: 1px 4px; -}*/ -.adminnavi { - -} -.adminnavi a { - -} -.adminnaviTitle { - -} -.admintitle { - -} -ul.toptab { - text-align: right; - padding-bottom:0; - padding-top:10px; - margin-bottom:15px; -} -ul.toptab li { - display:inline; - margin:2px; - border:1px solid #999999; - padding:5px; +ul.submenunavi li a { + color:#000060; +} +ul.submenunavi li a:visited { + color:#000060; } + */ + +/* ===== Admin Navi ===== */ +.adminnavi { + color:#ffffff; + background:#333366; + margin:-5px -3px 20px -3px; + padding:5px; + font-size:13px; +} +.adminnavi a:link , .adminnavi a:visited { + color:#ccffff; + font-weight:bold; +} +.adminnavi a:hover { + color:#f8b643; + font-weight:bold; +} +.adminnaviTitle { + font-size:16px; + font-weight:bold; +} +h3.admintitle { + display:none; +} + +/* ===== Top Tab ===== */ +ul.toptab { + text-align:right; padding:0; margin:10px; +} +ul.toptab li { + display:inline; + margin:0 5px; + border-top:1px solid #EEEEFF; + border-left:1px solid #EEEEFF; + border-right:1px solid #666699; + border-bottom:1px solid #666699; + background:#f6f6f6 url(<{"design/menulist.gif"|theme}>) no-repeat center left; + padding:5px 5px 5px 18px; +} + +/* ===== Page Navi ===== */ .pagenavi { - text-align: center; -} -.warning { - color:#000000; - border:2px dotted #cc0000; - padding: 8px; - padding-left: 35px; - margin: 10px; - background: #fff8f8 url(<{"icons/error.gif"|theme}>) no-repeat 5px 4px; -} -.confirm { - border:2px dotted #ff6633; - padding: 8px; - padding-left: 35px; - margin: 10px; - background: #fff8ee url(<{"icons/important.gif"|theme}>) no-repeat 5px 4px; -} -.tips { - border:2px dotted #00cc00; - padding: 8px; - padding-left: 35px; - margin: 10px; - background: #f8fff8 url(<{"icons/idea.gif"|theme}>) no-repeat 5px 4px; -} -.error { - border:2px dotted #ff6633; - padding: 8px; - padding-left: 35px; - margin: 10px; - background: #fff8ee url(<{"icons/error.gif"|theme}>) no-repeat 5px 4px; -} + font-size:14px; + text-align:center; + margin:10px; + word-spacing: 0.5em; +} + +/* ===== top message ===== */ +.warning { + color:#770000; + font-size:15px; + border:1px solid #cc0000; + padding:8px 8px 8px 35px; + margin:15px 10px; + background:#ffaaaa url(<{"icons/error.gif"|theme}>) no-repeat 5px 4px; +} +.confirm { + color:#000000; + border:1px solid #ff6633; + padding:8px 8px 8px 35px; + margin:15px 10px; + background:#fff8ee url(<{"icons/important.gif"|theme}>) no-repeat 5px 4px; +} +.tips { + color:#000000; + border:1px solid #00cc00; + padding:8px 8px 8px 35px; + margin:15px 10px; + background:#f8fff8 url(<{"icons/idea.gif"|theme}>) no-repeat 5px 4px; +} +.error { + color:#000000; + border:2px dotted #ff6633; + padding:8px 8px 8px 35px; + margin:15px 10px; + background: #fff8ee url(<{"icons/error.gif"|theme}>) no-repeat 5px 4px; +} + +/* ===== Help ===== */ .help { + line-height:150%; + padding:5px 25px 25px 25px; + border:3px dashed #F8B643; + margin:10px; +} +.help h4 { + margin:25px 0 10px 0; + padding:5px 5px 5px 32px; + font-size:15px; + color:#882200; + border-left:5px solid #F8B643; + border-bottom:1px solid #F8B643; + background:#ffffff url(<{"icons/idea.gif"|theme}>) no-repeat 8px 3px; +} +.help h5 { + font-size:13px; + color:#882200; + margin:20px 0 5px 10px; + padding:0px 2px 0px 10px; + border-left:13px solid #F8B643; +} +.help h6 { + color:#000000; + font-size:12px; + margin:10px 0 0 10px; + padding:2px 2px 2px 10px; +} +.help a { + color:darkblue; + text-decoration:underline; + font-weight:bold; + margin:0 0.5em; +} +.help p { + padding:5px 20px; +} +.help ul { + margin-left:10px; +} +.help ol { + margin:2px 2px 2px 20px; + padding:2px; + list-style:decimal outside; +} +.help li { + padding:3px 0; +} +.help dl { + margin: 5px; +} +.help dt { + margin: 5px 5px 5px 10px; + font-weight:bold; +} +.help dd { + margin: 5px 5px 5px 30px; } + +/* ===== active ===== */ .active { - background:#ccffcc; + background:#ffdddd; +} +.active a:hover { + color:#cc0000; } .inactive { color:#333333; } -