From dc8c517ce0fec42c9028303299517404af7e62d8 Mon Sep 17 00:00:00 2001 From: inureyes Date: Sun, 2 Jan 2011 21:12:43 +0000 Subject: [PATCH] =?UTF-8?q?=20refs=20#1535=20=20=20*=20design=EC=97=90=20?= =?UTF-8?q?=EB=94=B0=EB=9D=BC=20=EC=99=80=EC=96=B4=EC=96=B4=ED=94=84?= =?UTF-8?q?=EB=A0=88=EC=9E=84=20=EC=9E=91=EC=84=B1=20=20=20*=20=EA=B8=B0?= =?UTF-8?q?=EC=B4=88=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=A0=81=EC=9A=A9.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- skin/admin/frame/basic.css | 453 ++++++++++++++++-- skin/admin/frame/image/bg01.png | Bin 0 -> 119 bytes skin/admin/frame/image/bg02.png | Bin 0 -> 164 bytes skin/admin/frame/image/bg_menu.png | Bin 143 -> 159 bytes skin/admin/frame/image/bg_menu_selected.png | Bin 3100 -> 186 bytes skin/admin/frame/image/btn_modify_profile.png | Bin 0 -> 351 bytes skin/admin/frame/image/bull_menu.png | Bin 0 -> 123 bytes skin/admin/frame/post.css | 338 +++++++++++++ 8 files changed, 764 insertions(+), 27 deletions(-) create mode 100644 skin/admin/frame/image/bg01.png create mode 100644 skin/admin/frame/image/bg02.png create mode 100644 skin/admin/frame/image/btn_modify_profile.png create mode 100644 skin/admin/frame/image/bull_menu.png diff --git a/skin/admin/frame/basic.css b/skin/admin/frame/basic.css index 9f87b5485..e36308010 100644 --- a/skin/admin/frame/basic.css +++ b/skin/admin/frame/basic.css @@ -1,66 +1,465 @@ @charset "utf-8"; /* Basic */ -* +* {margin:0; padding:0;}; + +body { font-family:"나눔고딕", sans-serif, serif;color:#555; background-color:#949190; } +a:link { color:#555; text-decoration:none;} +a:hover { color:#f30;} +a:visited { color:#666;} + +.clear { clear:both;} +img { border:0;} +h1 { display:none;} +h2 {display:none;} +h3 { font-size:1.4em; border-bottom:2px solid #beb7b7; padding-bottom:10px;} +h3 .vline { color:#ccc; font-weight:normal; padding:0 6px;} +h3 .sub-name { color:#f30;} +ol, +ol li, +ul, +ul li { list-style-type:none;} + +/* Layout (skeleton) */ +#temp-wrap {background-color:#949190; padding-top:30px;} +#all-wrap { text-align : justify; font-size:0.75em; color:#555; background-color:#949190; margin-top:30px;background:url(./image/bg02.png) top left repeat-y #fff;} + +/* Layout (components) */ +#layout-header { width:140px; float:left;} +#layout-body { min-width:840px; background:url(./image/bg01.png) top right repeat-y; border:3px solid #858281; min-height:600px; padding:30px 30px 30px 170px;} +#layout-footer {clear:both; } + +/* Blog/user description box */ +#menu-description-box { padding:15px;} +#menu-description-box img { display:block;} +#menu-description-box .edit { background:url(./image/btn_modify_profile.png) no-repeat; width:24px; height:12px; cursor:pointer; border:0;} +#menu-description-box .edit span { display:none;} + + +/* Main menu */ +#main-menu {font-size:1em; padding-left:3px; padding-bottom:40px;} +#main-menu li {background:url(./image/bg_menu.png) top left no-repeat; font-weight:bold;} +#main-menu li .menu-name span {padding:15px; display:block;} +#main-menu li.selected a.menu-name span { background:url(./image/bg_menu_selected.png) left top no-repeat; } + +#main-menu li ul.sub-menu { display:none;} /* Hide unnecessary items for design */ +#main-menu li.selected ul.sub-menu { display:block !important; } + +#main-menu li ul.sub-menu { margin-bottom:20px; font-size:0.9em;} +#main-menu li ul.sub-menu li {border-top:1px solid #ddd; font-weight:normal; background:none;} +#main-menu li ul.sub-menu li a {display:block; background:url(./image/bull_menu.png) 15px 10px no-repeat; padding: 7px 7px 7px 25px;} +#main-menu li ul.sub-menu li.selected { color:#f30;} +#main-menu li ul.sub-menu li.divider {background-color:#ccc;height:1px;} +#main-menu li ul.sub-menu li.divider span {display:none;} + +#sub-menu-box{ display:none;} /* Hide submenu items for design */ + +/* Footer */ +#layout-footer { background-color:#949190;;color:#fff; text-align:center; font-size:0.9em; padding:20px;} +#layout-footer a { color:#222;} +#layout-footer .copyright { padding:5px;} + + +/**** Common ingredient (imported from canon skin) */ +/* tab */ +.tabs-box { - margin : 0; - padding : 0; + background-image : url('./image/bg_tabbox.jpg'); + background-position : left bottom; + line-height : 2.3em; + list-style-type : none; + height : 2.55em; + overflow : hidden; + padding-left : 10px; +} +.tabs-box li +{ + background-image : url("./image/bg_submenu_item_selected.gif"); + background-color : #EFEFEF; + border : 1px solid #D9D9D9; + border-bottom : 1px solid #B9B9B9; + cursor : pointer; + display : block; + float : left; + list-style-type : none; + margin : 0 1px; + -moz-border-radius-topleft : 8px; + -moz-border-radius-topright : 8px; + -webkit-border-top-left-radius : 8px; + -webkit-border-top-right-radius : 8px; +} + +.right li +{ + float : right !important; +} + +.tabs-box li a +{ + padding : 0 1em; + text-decoration : none; +} + +.tabs-box li.selected +{ + background-image : none; + background-color : #FFF; + border-bottom : 1px solid #FFF; +} + +.tabs-box li.selected a +{ + cursor : default; +} + +/* data inbox */ +.data-inbox +{ + margin : 2px 0; + width : 100%; +} + +table.data-inbox thead tr th +{ + background-color : #F3F3F1; + border-bottom : 1px solid #D2D2CC; + border-top : 1px solid #D2D2CC; + color : #333333; + font-weight : normal; + padding : 6px 0; + text-align : center; } -/* Layout */ -#temp-wrap +table.data-inbox tbody tr td { + border-bottom : 1px solid #E3E3DE; + padding : 1px 8px; + text-align : center; +} + +table.data-inbox tbody tr.active-class +{ + background-color : #EFF6FF; +} + +table.data-inbox tr .selection +{ + background-position : right bottom; + padding-left : 0; + padding-right : 0; + width : 30px; +} + +/* special columns in table.data-inbox */ +table.data-inbox tbody tr .category, +table.data-inbox tbody tr .title +{ + text-align : left; +} + +/* rollover in table.data-inbox */ +table.data-inbox tbody tr td.rollover-class +{ + background-color : #EEEEEE; +} + +table.data-inbox tbody tr td.inactive-class +{ + background-color : transparent; +} + +/* data subbox */ +.data-subbox +{ + position : relative; + padding:0 !important; + margin:0 !important; +} + +#change-section, +#delete-section +{ + background-color : #EEEEEE; + border-top : 1px solid #BBBBBB; + margin : 0 0 5px 0; + padding-top : 8px; + padding-bottom : 8px; + padding-left : 8px; width : 100%; } -#all-wrap +#change-section-top, +#delete-section-top { - font-size : 0.925em; - text-align : justify; + background-color : #FFF; + border-top : none; + margin : 0 0 5px 0; + padding-top : 8px; + padding-bottom : 8px; + padding-left : 8px; + width : 100%; } -/* Layout Header **********************************************************************************/ +#page-navigation +{ + background-color : #FFFFFF; + margin : 20px 0 40px 0; + text-align : center; + width : 100%; +} -#layout-header +#page-navigation span .selected { - width:200px; - float:left; + color : #BBB; } +#page-list +{ + display : block; + margin-bottom : 5px; +} -/* main menu */ -#main-menu-box +#page-list a { - width : 200px; + color : #999999; + padding : 5px; + margin-right : 5px; + border : 1px solid #bbb; } -#main-menu +#total-count { - width: 100%; + color : #999999; + margin-top : 10px; + display : block; } -#main-menu li +#page-section .page-count { + display : block; + position : absolute; + top : 9px; + right : 20px; + text-align : right; + width : 250px; } -#main-menu li ul.sub-menu + +#page-section .page-count select { - display:none; + width : 50px; } -#main-menu li.selected ul.sub-menu +#search-form { - display:block !important; + background-color : transparent; + background-image : url("./image/bg_menu_round.png"); +/* background-image : url("./image/bg_menu.png");*/ + background-position : left top; + border : none; + margin : 0; + position : fixed !important; + top : 0; + right : 0; + width : 150px; + height : 40px; + text-align : right; + z-index : 220; } +#search-form .section +{ + padding-top : 10px; + padding-right : 15px; +} -/* Layout Body ***********************************************************************************/ +#search-form label +{ + display : none; +} -#sub-menu-box +#search-form .input-text { - display:none; + background-image : url("./image/bg_search_icon.gif"); + background-position : center right; + background-repeat : no-repeat; } -#layout-body +#search-form .search-button +{ + display : none; +} +/* Layout Footer *********************************************************************************/ + + +/* Etc *******************************************************************************************/ + +/* data description (for simple help footers) */ +#data-description +{ + text-align : right; +} + +#data-description dl +{ + background-position : left top; + background-repeat : no-repeat; + display : inline; + font-family : 'Lucida Grande', Tahoma, Verdana, sans-serif; + font-size : 0.93em; + font-weight : normal; + padding : 3px 0 1px 29px; +} + +#data-description dl dt +{ + display : none; +} + +#data-description dl dd +{ + display : inline; + margin : 0; + padding-right : 11px; + position : static; +} + +/* etc */ + +.attention +{ + border : 1px solid #FD2323; + color : #000; + display : block; + font-weight : bold; + padding : 3px; + text-align : center; + vertical-align : middle; +} + +.attention span +{ + background-image : url('./image/icon_alert.gif'); + background-position : left 1px; + background-repeat : no-repeat; + padding-left : 19px; +} + +.hidden +{ + display : none; +} + +.clear +{ + clear : both; + height : 0; + overflow : hidden; + width : 100px; +} + +.input-button +{ + background-color : #fbfbfb; + background-position : left bottom; + background-repeat : repeat-x; + border : 1px solid #777; + cursor : pointer; + font-size : 1em; + height : 1.8em; + line-height : 1.8em; + padding : 0 5px !important; + vertical-align : middle; + background-image: -webkit-gradient(linear, left 14, left bottom, from(#fff), to(#eee)); +} + +.input-button:hover +{ + background-color : #f2f2f2; +/* background-image : url("./image/bg_submenu_item_selected.gif");*/ + border : 1px solid #333; + -webkit-box-shadow : 0 0 7px #FFE13C; + -moz-box-shadow : 0 0 7px #FFE13C; + background-image: -webkit-gradient(linear, left 14, left bottom, from(#fbfbfb), to(#ddd)); +} + +.input-button:active +{ + background-color : #ddd; + background-image: -webkit-gradient(linear, left 14, left bottom, to(#f8f8f8), from(#ddd)); +} + +.wide-button +{ +/* width :100% !important;*/ + +} + +input.checkbox, +input.radio +{ + margin-right : 3px; + vertical-align : middle; +} + +input.input-text +{ + border : 1px solid #777777; + font-size : 1em; + height : 1.3em; + line-height : 1.3em; + padding-top : 3px; + vertical-align : middle; +} + +.button-box +{ + text-align : center; +} + +.button-box a.button +{ + text-decoration : none; +} + +.ajaxMessage +{ + background-repeat: no-repeat; + background-position: center 11px; + font-weight: normal !important; + padding: 27px 25px 13px 25px!important; + color: #000 !important; + z-index: 2000; +} + +.ajaxProcessingMessage, .ajaxSuccessMessage +{ + background-image : url('./image/bg_gray_textcube.gif') !important; + background-color : #dedede !important; + border : 1px solid #999 !important; + color : #000 !important; + filter : alpha(opacity=90); + opacity : .90; +} +.ajaxProcessingMessage +{ + -moz-border-radius-bottomleft : 6px; + -webkit-border-bottom-left-radius: 6px; +} + +.ajaxSuccessMessage, +.ajaxErrorMessage +{ + -moz-border-radius-topleft : 6px; + -moz-border-radius-topright : 6px; + -webkit-border-top-left-radius : 6px; + -webkit-border-top-right-radius : 6px; +} +.ajaxErrorMessage { - padding-left:210px; + background-image : url('./image/bg_pink_textcube.gif') !important; + border : 1px solid #ff5f62 !important; + background-color : #fcebeb !important; + color : #000 !important; + filter : alpha(opacity=90); + opacity : .90; } \ No newline at end of file diff --git a/skin/admin/frame/image/bg01.png b/skin/admin/frame/image/bg01.png new file mode 100644 index 0000000000000000000000000000000000000000..76562ebbf171564f572366684c287348e93d7f5b GIT binary patch literal 119 zcmeAS@N?(olHy`uVBq!ia0vp^#X!u+!2~3ePP0`5DajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_c!MV>B>Ar-fhe%N!JV47`~+ca6=Sb7M9Kmr3}Lx`WbnPx9g O5re0zpUXO@geCyAW*{d3 literal 0 HcmV?d00001 diff --git a/skin/admin/frame/image/bg02.png b/skin/admin/frame/image/bg02.png new file mode 100644 index 0000000000000000000000000000000000000000..c9570485377eabc88a4038d5dc42d1dd7184ecdc GIT binary patch literal 164 zcmeAS@N?(olHy`uVBq!ia0y~yV2S{;89A7MWUrL_Tp%S`;u=vBoS#-wo>-L1;Fyx1 zl&avFo0y&&l$w}QS$Hzl2B^r*)5S5Q;#Sh1|Nrd|UtmA6PvJzH!G#?=j(p^pw1lnS zqRvcN`SEi9`Ae28QBZQwyC!fz#9dfYL(el$j&*T@NDtF5<^~3429|5V|C>HPZv>ji N;OXk;vd$@?2>`mtHv<3w literal 0 HcmV?d00001 diff --git a/skin/admin/frame/image/bg_menu.png b/skin/admin/frame/image/bg_menu.png index d05e880f1f24906972dcabb1350f5c1dc7eb42ff..ad930e1c6337ff7f60466d3bfd08845b4d978eb8 100644 GIT binary patch literal 159 zcmeAS@N?(olHy`uVBq!ia0vp^JwVLF!2~2(B^Dn9Qj#UE5hcO-X(i=}MX3yqDfvmM z3ZA)%>8U}fi7AzZCsS>JiX1&%978H@CGD*ItakVU`~Uy{)lawyw|Fl!G&st+%5ifm z&*zUnS|?7N=o%DM)Z!v^@PLxtk&Q*3rt>|_nUy&e4lpn;>W_$jzB31C7=x#)pUXO@ GgeCyZx;8=p literal 143 zcmeAS@N?(olHy`uVBq!ia0vp^LO`s+!3HEh>#v#vq&N#aB8wRqxP?KOkzv*x380{( zr;B5VN9WsX8wD8@c$@+s?F@U?H+kt*MIXnHk`H7{T(0hvIx)*ZMbqf=YC!=3feGAO oc2~1}n$5<-!t!P2hU%^S2|3(Gwbxls0S#mDboFyt=akR{0P{a8M*si- diff --git a/skin/admin/frame/image/bg_menu_selected.png b/skin/admin/frame/image/bg_menu_selected.png index d0672d0979b2f9d4df42f03f688f2d9100e17067..fe1fe5563adb9f98297d9270661c0b294eae7c92 100644 GIT binary patch literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^{2~~IlYnhfC3L|pv*+JPDUfi%@PhPM@rxe*Q3YaC?r7xeHJ^!64U>m;KY;)M literal 3100 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 QQU9c_uVbQJ4Rwh57rwXXO8@`> diff --git a/skin/admin/frame/image/btn_modify_profile.png b/skin/admin/frame/image/btn_modify_profile.png new file mode 100644 index 0000000000000000000000000000000000000000..ddaecbec7f2ca97f29e815950462bd896055807a GIT binary patch literal 351 zcmV-l0igbgP)W+si`TD!N|z?|Nno&VRZQL z;bUhm0vQ&@I`fvSs;sO;mVNR3>Cw{{o<4nw>>TVaTE2Wa)DlK!L2foaK0Zt}|Nj3a z>>_wzZ`iOQK0bc&;>BnRKEHiwVQz^Q-i*iz5@@-Gh6aQU3~Zn;G&R)UfBYgRD}Cd} x4WJ-U_S7j*kO9SkFdb&7