mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-19 11:19:56 +09:00
관리자 초기 페이지 개선
- 사이트 현황 대시 보드 출력 - 모듈 목록을 제거하고 업데이트/ 설치 항목이 있을 때 우측에 표시되도록 수정 - 좌측 메뉴 모양 변경 및 쿠키로 접고/펴기 설정 저장하도록 개선 - 상단 쉬운설치/ 패키지 선택시 좌측 관리자 메뉴 보이지 않도록 수정 git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7639 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero
parent
cde8e27fed
commit
ee1fc6237a
21 changed files with 534 additions and 218 deletions
|
|
@ -50,22 +50,31 @@
|
|||
|
||||
.colTable td.wide, .rowTable td.wide, .crossTable td.wide { width:100%;}
|
||||
|
||||
.e1 .navigation { list-style:none; position:relative; *zoom:1; margin:0; padding:0;}
|
||||
.e1 .navigation { list-style:none; position:relative; *zoom:1; margin:0; padding:0; border-bottom:1px solid #c2c2c2;}
|
||||
.e1 .navigation ul { list-style:none; position:relative; *zoom:1; margin:0; padding:0;}
|
||||
.e1 .navigation li{ list-style:none; position:relative; *zoom:1; margin:0; padding:0;}
|
||||
.e1 .navigation li a{ display:block; position:relative; padding:4px 0 4px 24px; background-image:url(../img/iconNavigation.gif); background-repeat:no-repeat;}
|
||||
.e1 .navigation li.open a{ background-position:0 -24px; background-color:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
|
||||
.e1 .navigation li.open ul li a{ background-color:#fff; border:0;}
|
||||
.e1 .navigation li ul{ display:none; margin:10px 0 20px 24px;}
|
||||
.e1 .navigation li.open ul{ display:block;}
|
||||
.e1 .navigation li ul li a{ padding:2px 0 2px 5px; background-image:none;}
|
||||
.e1 .navigation li a:hover,
|
||||
.e1 .navigation li a:active,
|
||||
.e1 .navigation li a:focus { background-color:#eee !important;}
|
||||
.e1 .navigation li { list-style:none; position:relative; *zoom:1; margin:0; padding:0; background-color:#f7f7f7; }
|
||||
.e1 .navigation li a.parent { border-top:1px solid #c2c2c2; display:block; padding:10px 20px 10px 35px ;background-image:url(../img/iconNavigation.gif); background-repeat:no-repeat; background-position:160px -35px; font-weight:bold; color:#888; text-decoration:none;}
|
||||
.e1 .navigation li.close a.parent { background-position:160px 13px; border-bottom:none; }
|
||||
|
||||
#module_service { background-image:url(../img/mIcon.gif); background-repeat:no-repeat; background-position:10px 10px;}
|
||||
#module_member { background-image:url(../img/mIcon.gif); background-repeat:no-repeat; background-position:10px -40px;}
|
||||
#module_content { background-image:url(../img/mIcon.gif); background-repeat:no-repeat; background-position:10px -90px;}
|
||||
#module_construction { background-image:url(../img/mIcon.gif); background-repeat:no-repeat; background-position:10px -140px;}
|
||||
#module_utility { background-image:url(../img/mIcon.gif); background-repeat:no-repeat; background-position:10px -190px;}
|
||||
#module_accessory { background-image:url(../img/mIcon.gif); background-repeat:no-repeat; background-position:10px -240px;}
|
||||
#module_system { background-image:url(../img/mIcon.gif); background-repeat:no-repeat; background-position:10px -290px;}
|
||||
|
||||
.e1 .navigation li ul{ border-top:1px solid #d2d2d2; margin:0; padding:5px 0; background-color:#fff;}
|
||||
.e1 .navigation li ul li { margin:5px 0; padding:0 10px 0 35px; background-color:#fff;}
|
||||
.e1 .navigation li.close ul{ display:none;}
|
||||
.e1 .navigation li ul li a { text-decoration:none; }
|
||||
.e1 .navigation li ul li a:hover { font-weight:bold; text-decoration:none; letter-spacing:-1px;}
|
||||
.e1 .navigation li ul li.active a { color:#ea3f22; letter-spacing:-1px;}
|
||||
|
||||
.e2 .section{ margin-left:20px;}
|
||||
.e2 .section h3.xeAdmin { margin:0 0 10px 0; padding:0 0 0 25px; }
|
||||
.e2 .section h3.xeAdmin .date{ padding-left:10px; background:url(../img/lineVrText.gif) no-repeat left center;}
|
||||
.e2 .section h4.xeAdmin { margin:10px 0 0 0; padding:0 0 0 25px; }
|
||||
.e2 .section .date{ background:url(../img/lineVrText.gif) no-repeat left center; font-size:9px; padding-left:5px;}
|
||||
.e2 .section .contentBox { padding:10px 0; margin:0 0 20px 0; border-bottom:1px solid #ccc;}
|
||||
|
||||
.e2 table th{ white-space:nowrap;}
|
||||
.e2 table tbody td{ text-align:left; word-break:break-all; -ms-word-break:break-all; }
|
||||
|
|
@ -200,8 +209,8 @@
|
|||
.adminRightExtra { float:left; width:38%; }
|
||||
.serverresponse { background: #FFFFFF url(../../../../common/tpl/images/loading.gif) no-repeat scroll 5px 5px; height:30px; padding-left:25px; padding-top:5px; }
|
||||
|
||||
#search_nav { border:3px solid #ccc; margin:0 0 5px 0;}
|
||||
#search_nav input { border:0; height:17px; width:128px; padding:3px 0 0 4px; vertical-align:middle;}
|
||||
#search_nav { border:3px solid #ccc; margin:0; padding:3px; }
|
||||
#search_nav input { border:0; height:17px; width:140px; padding:3px 0 0 4px; vertical-align:middle;}
|
||||
#search_nav button { padding:0; border:0; height:17px; width:17px; background:transparent url(../img/buttonSearch.gif) no-repeat center; vertical-align:middle;}
|
||||
#search_nav button.close {background:transparent url(../img/buttonClose.gif) no-repeat center;}
|
||||
.e1 .section ._result{ list-style:none; margin:10px 0 0 0; padding:0;}
|
||||
|
|
|
|||
119
modules/admin/tpl/css/dashboard.css
Normal file
119
modules/admin/tpl/css/dashboard.css
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
/* Dashboard Header */
|
||||
.dashboardHeader{ position:relative; padding:29px 0 23px 0; border-bottom:2px solid #cbd4df; background:url(../img/iconH3dashboard.gif) no-repeat left center;}
|
||||
.dashboardHeader .h3{ font-size:18px; text-indent:50px; margin:0;}
|
||||
|
||||
/* Dashboard Notice */
|
||||
.dashboardNotice{ padding:10px 0 0 0;}
|
||||
.dashboardNotice .h4{ margin:0 0 12px 0; color:#ea3f22; font-size:11px;}
|
||||
.dashboardNotice button{ position:absolute; top:10px; right:0; font-size:11px; color:#8b8b8b; padding:0 0 0 10px; text-align:right; border:0; background-color:transparent; background-image:url(../img/iconDashboardNoticeOpen.gif); background-repeat:no-repeat; background-position:left -25px; cursor:pointer; *zoom:1; overflow:visible;}
|
||||
.dashboardNotice.open button{ background-position:left 5px;}
|
||||
.dashboardNotice ul{ height:0; margin:0; padding:0; list-style:none; font-size:12px; line-height:1;}
|
||||
.dashboardNotice.open ul{ height:auto; padding:10px 0 5px 9px; border-top:1px solid #ededed;}
|
||||
.dashboardNotice li{ display:none; margin:0 0 7px 0; padding:0 0 0 13px; background:url(../img/iconDashboardSummary.gif) no-repeat left center;}
|
||||
.dashboardNotice li.first{ position:absolute; top:11px; left:90px; display:block; background:none; padding:0; margin:0;}
|
||||
.dashboardNotice li.first .date{ display:none;}
|
||||
.dashboardNotice.open li{ display:block;}
|
||||
.dashboardNotice.open li.first{ position:static; margin:0 0 7px 0; padding:0 0 0 13px; background:url(../img/iconDashboardSummary.gif) no-repeat left center;}
|
||||
.dashboardNotice li a{ text-decoration:none; color:#555; margin-right:15px;}
|
||||
.dashboardNotice li a:hover,
|
||||
.dashboardNotice li a:active,
|
||||
.dashboardNotice li a:focus{ text-decoration:underline;}
|
||||
.dashboardNotice li .date{ color:#8b8b8b; font-size:11px;}
|
||||
.dashboardNotice.open li.first .date{ display:inline;}
|
||||
|
||||
/* Dashboard Statistic */
|
||||
.dashboardStatistic{ position:relative; width:100%; height:183px; _height:189px; *zoom:1; margin-bottom:30px;}
|
||||
.dashboardStatistic .statistic{ position:relative; height:138px; padding:20px 20px 25px 20px; background:url(../img/bgDashboardStatistic.gif) repeat-x left top; font-size:12px; line-height:1;}
|
||||
.dashboardStatistic .statistic:after{ content:""; display:block; clear:both;}
|
||||
.dashboardStatistic .outline{position:absolute; overflow:hidden; font-size:0; line-height:0; background-image:url(../img/bgDashboardStatistic.gif);}
|
||||
.dashboardStatistic .outline.ml{ top:0; left:-2px; width:4px; height:100%; background-position:left -300px; background-repeat:no-repeat;}
|
||||
.dashboardStatistic .outline.mr{ top:0; right:-2px; width:4px; height:100%; background-position:right -300px; background-repeat:no-repeat;}
|
||||
.dashboardStatistic .outline.tc{ top:0; left:0; width:100%; height:3px; background-position:left -600px; background-repeat:repeat-x;}
|
||||
.dashboardStatistic .outline.bc{ bottom:0; left:0; width:100%; height:5px; background-position:left bottom; background-repeat:repeat-x;}
|
||||
.dashboardStatistic .outline.tl{ top:0; left:-2px; width:4px; height:3px; background-position:left -603px; background-repeat:no-repeat;}
|
||||
.dashboardStatistic .outline.tr{ top:0; right:-2px; width:4px; height:3px; background-position:right -603px; background-repeat:no-repeat;}
|
||||
.dashboardStatistic .outline.bl{ bottom:0; left:-2px; width:4px; height:5px; background-position:left -606px; background-repeat:no-repeat;}
|
||||
.dashboardStatistic .outline.br{ bottom:0; right:-2px; width:4px; height:5px; background-position:right -606px; background-repeat:no-repeat;}
|
||||
|
||||
.dashboardStatistic .statistic h4{ font-size:12px; height:22px; width:67%; margin:0 0 10px 0; background:url(../img/bgDashboardStatisticHeader.gif) repeat-x 0 -22px; text-align:center;}
|
||||
.dashboardStatistic .statistic h4 span{ display:block; height:18px; padding-top:4px; margin:0 1px; color:#747482; background:url(../img/bgDashboardStatisticHeader.gif) repeat-x;}
|
||||
.dashboardStatistic .statistic h4 em{ font-style:normal; font-size:9px; color:#b7b7c4; margin-left:5px;}
|
||||
|
||||
.dashboardStatistic dl{ position:relative; float:left; height:100px; width:23%; margin:0; background:url(../img/vrDashboardStatistic.gif) no-repeat left center;}
|
||||
.dashboardStatistic dt { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
|
||||
.dashboardStatistic dd { position:absolute; margin:0; padding-top:40px; width:100%; text-align:center; background-image:url(../img/iconDashboardStatistic.gif); background-repeat:no-repeat; font-size:56px; font-weight:bold;}
|
||||
.dashboardStatistic dd object,
|
||||
.dashboardStatistic dd embed{ vertical-align:top;}
|
||||
.dashboardStatistic dl.visit{ background:none;}
|
||||
.dashboardStatistic dl.visit dd{ background-position:center 5px; color:#e3391d ;}
|
||||
.dashboardStatistic dl.reply dd{ background-position:center -195px; color:#28313d;}
|
||||
.dashboardStatistic dl.trackback dd{ background-position:center -395px; color:#4e4f54;}
|
||||
|
||||
.dashboardStatistic .summary{ float:right; width:31%; margin-top:-27px;}
|
||||
.dashboardStatistic .summary caption{ position:relative; padding-bottom:20px; text-align:left; font-size:12px; line-height:1; font-weight:bold; color:#626972;}
|
||||
.dashboardStatistic .summary table,
|
||||
.dashboardStatistic .summary th,
|
||||
.dashboardStatistic .summary td{ border-spacing:0; border:0; font-weight:normal; text-align:left;}
|
||||
.dashboardStatistic .summary table{ width:100%; border-bottom:1px solid #e3e6e6;}
|
||||
.dashboardStatistic .summary th,
|
||||
.dashboardStatistic .summary td{ padding-top:6px; padding-bottom:6px; border-top:1px solid #e3e6e6; vertical-align:top;}
|
||||
.dashboardStatistic .summary th{ padding-left:18px; padding-right:12px; white-space:nowrap; color:#8b8b8b; background:url(../img/iconDashboardSummary.gif) no-repeat 2px 9px;}
|
||||
.dashboardStatistic .summary td{ color:#555;}
|
||||
.dashboardStatistic .summary td strong{ font-size:11px; color:#ea3f22;}
|
||||
.dashboardStatistic .summary td .description{ color:#8b8b8b;}
|
||||
.dashboardStatistic .summary td .description strong{ color:#8b8b8b;}
|
||||
|
||||
/* Dashboard Wire */
|
||||
.dashboardH4{ margin:0 0 7px 0; font-size:14px; color:#555;}
|
||||
.dashboardH4 em{ font-size:11px; color:#b1b1b1; font-style:normal; margin-left:5px;}
|
||||
.dashboardMoreTop{ position:absolute; top:4px; right:0; padding-left:7px; font-size:11px; display:block; white-space:nowrap; color:#8a919a; text-decoration:none; background:url(../img/iconMoreTop.gif) no-repeat left center;}
|
||||
|
||||
.dashboardWire{ position:relative; margin-bottom:40px; border-top:2px solid #cbd4df; border-left:1px solid #e3e5e7; border-right:1px solid #e3e5e7; border-bottom:1px solid #f1f1f1; background:#fff; *border-bottom:1px solid #d0d1d2; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#f1f1f1', positive='true');}
|
||||
.dashboardWire:after{ content:""; display:block; height:1px; background:#d0d1d2; overflow:hidden;}
|
||||
.dashboardWire .buttonArea{ padding:8px 14px; background:#fafafa; border-top:1px solid #e3e5e7; text-align:right; position:relative;}
|
||||
.dashboardWire ul{ position:relative; list-style:none; margin:0; padding:0; font-size:12px; overflow:hidden;}
|
||||
.dashboardWire li{ position:relative; top:-1px; border-top:1px solid #e3e5e7;}
|
||||
|
||||
.dashboardWire blockquote{ margin:0;}
|
||||
.dashboardWire .noData{ color:#767676; padding:0 2em;}
|
||||
|
||||
.dashboardWire .legend{ position:absolute; top:15px; left:20px; margin:0; white-space:nowrap; font-size:12px;}
|
||||
.dashboardWire .legend *{ display:inline;}
|
||||
.dashboardWire .legend dt img{ border:1px solid;}
|
||||
.dashboardWire .legend dt.past img{ border-color:#c3d1db;}
|
||||
.dashboardWire .legend dt.today img{ border-color:#dc3835;}
|
||||
.dashboardWire .legend dd{ font-size:11px; color:#b1b1b1; margin:0 5px 0 0;}
|
||||
|
||||
.dashboardWire .summary{ position:absolute; top:15px; right:20px; margin:0; white-space:nowrap; font-size:12px;}
|
||||
.dashboardWire .summary *{ display:inline;}
|
||||
.dashboardWire .summary dt{ margin-left:10px; color:#555;}
|
||||
.dashboardWire .summary dd{ margin:0; font-size:11px; font-weight:bold; color:#ea3f22;}
|
||||
|
||||
.dashboardWire .graph{ position:relative; height:131px; padding-top:63px; margin:0 20px 26px 20px; background:url(../img/bgDashboardGraph.gif) repeat-x 0 63px;}
|
||||
.dashboardWire .graph:after{ content:""; display:block; clear:both;}
|
||||
.dashboardWire .graph dl{ position:relative; float:left; width:10%; height:100%; margin:0 2%; *margin:0 1.8%; _margin:0 2% 0 1.1%;}
|
||||
.dashboardWire .graph dl dt{ position:absolute; width:100%; text-align:center; font-size:9px; bottom:-16px; color:#707070;}
|
||||
.dashboardWire .graph dl dd{ position:absolute; bottom:6px; width:30%; margin:0; border:1px solid; font-size:0; line-height:0; overflow:hidden;}
|
||||
.dashboardWire .graph dl dd.past{ left:0; border-color:#c3d1db; background:#d0dde5;}
|
||||
.dashboardWire .graph dl dd.today{ right:0; border-color:#dc3835; background:#fe5656;}
|
||||
.dashboardWire .graph dl dd span{ position:relative; width:0; height:0; font-size:0; line-height:0; overflow:hidden; z-index:-1; visibility:hidden;}
|
||||
.dashboardWire .graph object,
|
||||
.dashboardWire .graph embed{ margin-top:-20px;}
|
||||
|
||||
.dashboardWire a{ text-decoration:none; color:#648AB9;}
|
||||
.dashboardWire a:hover,
|
||||
.dashboardWire a:active,
|
||||
.dashboardWire a:focus{ text-decoration:underline;}
|
||||
|
||||
.section table,
|
||||
.section th,
|
||||
.section td{ border-spacing:0; border:0; font-weight:normal; text-align:left;}
|
||||
.section table{ width:100%; border-bottom:1px solid #e3e6e6;}
|
||||
.section th,
|
||||
.section td{ padding-top:6px; padding-bottom:6px; border-top:1px solid #e3e6e6; vertical-align:top;}
|
||||
.section th{ padding-left:18px; padding-right:12px; white-space:nowrap; color:#8b8b8b; background:url(../img/iconDashboardSummary.gif) no-repeat 2px 9px;}
|
||||
.section td{ color:#555;}
|
||||
.section td strong{ font-size:11px; color:#ea3f22;}
|
||||
.section td .description{ color:#8b8b8b;}
|
||||
.section td .description strong{ color:#8b8b8b;}
|
||||
.section thead th{ background:none; font-weight:bold; padding:6px 5px 6px 0; }
|
||||
|
|
@ -9,13 +9,16 @@
|
|||
#xeAdmin .gnb #adminLang { position:absolute; top:18px; right:0; display:none; background:#fff; margin:0; padding:5px; border:1px solid #ddd; z-index:999;}
|
||||
#xeAdmin .gnb #adminLang li{ float:none; margin:0;}
|
||||
|
||||
.body{ position:relative; margin:0; padding:20px 0 20px 200px; background:url(../img/lineBody.gif) repeat-y 180px 0; *zoom:1;}
|
||||
.body{ position:relative; margin:0; padding:0 20px 0 200px; background:url(../img/lineBody.gif) repeat-y 180px 0; *zoom:1;}
|
||||
.body:after {content:""; display:block; clear:both;}
|
||||
.c .body { padding:20px; background:none; }
|
||||
.ece .body {padding-right:340px;}
|
||||
.ec .body {padding-right:20px;}
|
||||
.extension{ position:relative;}
|
||||
.body .e1 { float:left; width:160px; margin-right:-160px; left:-190px;}
|
||||
.content { position:relative; width:100%; margin-right:-100%; float:left;}
|
||||
.body .e1 { float:left; width:180px; margin-right:-180px; left:-200px;}
|
||||
.content { position:relative; width:100%; margin-right:-100%; float:left; padding:0;}
|
||||
.ec .content { padding-top:10px; }
|
||||
.c .e1, .c .e2 { display:none; }
|
||||
.ece .e2 { width:300px; float:right; right:-320px; border-left:1px solid #ddd; padding-bottom:20px;}
|
||||
.ec .e2 { display:none;}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue