?? base.tmp
字號:
BODY { margin:0px; padding:0px; background:COLOR_BG_PAGE; text-align:ALIGN_PAGE; }
TD { color:COLOR_FONT_PAGE; font:FONT_PAGE_DEFAULT; }
DIV { color:COLOR_FONT_PAGE; font:FONT_PAGE_DEFAULT; }
DIV.full { width:100%; }
DIV.box { height:200px; }
DIV.tr { width:100%; overflow:hidden; overflow:visible; }
DIV.left { float:left; }
DIV.right { float:right; padding:9px 9px 0px 0px; text-align:right; }
DIV.block { width:auto !important; width:100%; overflow:visible; padding:12px 12px 12px 12px; }
DIV.borad { height:350px; }
DIV.input { height:24px; padding-top:7px; }
DIV.double { height:12px; line-height:12px; }
DIV.solid { height:6px; line-height:6px; }
DIV.normal { font:FONT_PAGE_CONTENT; line-height:200%; }
DIV.toolbar { width:100%; text-align:right; }
DIV.paths { width:auto !important; width:100%; padding:12px 12px 0px 12px; }
DIV.h_150 { line-height:150%; }
DIV.h_200 { line-height:200%; }
DIV.t_120 { width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
DIV.t_240 { width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
DIV.t_280 { width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
DIV.t_320 { width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
DIV.t_450 { width:450px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
DIV.t_500 { width:500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
SPAN.hint { color:COLOR_FONT_HINT; }
SPAN.hint_1 { color:COLOR_FONT_HINT1; }
/* =============================================================================================
超級鏈接樣式標簽
============================================================================================= */
A { color:COLOR_FONT_A; font:FONT_PAGE_DEFAULT; text-decoration:underline; }
A:hover { color:COLOR_FONT_HOVER; font:FONT_PAGE_DEFAULT; text-decoration:none; }
A img { border:0px; }
A.b1 { color:COLOR_FONT_B1_A; text-decoration:none; }
A.b1:hover { color:COLOR_FONT_B1_HOVER; text-decoration:none; }
A.b2 { color:COLOR_FONT_B2_A; font:FONT_PAGE_TITLE; text-decoration:underline; line-height:150%; }
A.b2:hover { color:COLOR_FONT_B2_HOVER; font:FONT_PAGE_TITLE; text-decoration:none; line-height:150%; }
A.b2:visited{ color:COLOR_FONT_B2_VISITED; font:FONT_PAGE_TITLE; text-decoration:underline; line-height:150%; }
A.b2:active { color:COLOR_FONT_B2_ACTIVE; font:FONT_PAGE_TITLE; text-decoration:none; line-height:150%; }
A.w1 { color:COLOR_FONT_W1_A; text-decoration:none; padding:3px 3px 1px; background:#96aa96; }
A.w1:hover { color:COLOR_FONT_W1_HOVER; text-decoration:none; padding:3px 3px 1px; background:#639963; }
A.w2 { color:COLOR_FONT_W2_A; text-decoration:underline; }
A.w2:hover { color:COLOR_FONT_W2_HOVER; text-decoration:none; }
A.g1 { color:COLOR_FONT_G1_A; text-decoration:none; }
A.g1:hover { color:COLOR_FONT_G1_HOVER; text-decoration:none; }
A.g2 { color:COLOR_FONT_G2_A; font-weight:bold; text-decoration:none; }
A.g2:hover { color:COLOR_FONT_G2_HOVER; font-weight:bold; text-decoration:underline; }
/* =============================================================================================
標題列表樣式標簽
============================================================================================= */
H1 { color:COLOR_FONT_H1; font:FONT_PAGE_H1; margin:0px 4px 0px 4px; padding:14px 12px 9px 12px; }
H1.h12 { color:COLOR_FONT_H11; text-align:center; }
H2 { color:COLOR_FONT_H2; font:FONT_PAGE_H2; margin:3px 7px 3px 14px; line-height:150%; }
H3 { color:COLOR_FONT_H3; font:FONT_PAGE_H3; margin:0px; padding:0px 12px; }
H3.h31 { color:COLOR_FONT_H31; }
H3.h32 { margin-top:7px; }
HR { width:auto !important; width:100%; line-height:5px; border-top:1px solid COLOR_HR_TOP; border-bottom:1px solid #ffffff; }
HR.hr1 { height:3px; border-top:2px solid COLOR_HR1_TOP; border-bottom:1px solid COLOR_HR1_BOTTOM; }
HR.hr2 { margin-left:7px; margin-right:7px; }
UL.ul1 { width:100%; padding:6px 6px 0px 6px; margin:4px 4px 0px 4px; }
LI.li1 { width:96%; height:24px; padding-top:3px; list-style:none none outside; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
LI.li2 { width:100%; height:auto !important; height:24px; padding-top:3px; list-style:none none outside; overflow:visible; line-height:24px; white-space:normal; }
LI.li3 { color:COLOR_FONT_LI3; margin-left:70%; padding:2px 7px 1px 7px; text-align:left; list-style:none none outside; }
LI.li4 { width:96%; height:24px; padding-top:3px; list-style:none none outside; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
LI.right{ text-align:right; }
/* =============================================================================================
表單控件樣式標簽
============================================================================================= */
FORM { margin:0px; padding:0px; }
LABEL { color:COLOR_FONT_LEBEL; font:FONT_PAGE_DEFAULT; }
LABEL.label1{ line-height:250%; }
INPUT { font:FONT_PAGE_DEFAULT; }
TEXTAREA { font:FONT_PAGE_DEFAULT; padding:3px; }
INPUT.text { height:24px; padding:3px; }
INPUT.noedit{ background:#efefef; }
INPUT.button{ border-left:1px solid #FEFEFE; border-top:1px solid #FEFEFE; border-right:1px solid #666666; border-bottom:1px solid #666666; padding:3px 2px 2px 2px; height:22px; }
INPUT.submit{ font-weight:bold; padding:2px 0px 1px 0px; }
/* =============================================================================================
頁頭子菜單樣式標簽
============================================================================================= */
.cls_submenu { border:1px solid COLOR_BR_SUBMENU; border-top:0px; padding:0px 0px 0px 0px !important; padding:3px 0px 0px 0px; background:COLOR_BG_SUBMENU; }
.cls_submenu a { color:COLOR_FONT_SUBMENU_A; width:100%; height:22px !important; height:auto; line-height:200%; padding:5px 7px 3px 12px !important; padding:0px 7px 0px 12px; text-decoration:none; background:COLOR_BG_SUBMENU; }
.cls_submenu a:hover { color:COLOR_FONT_SUBMENU_HOVER; text-decoration:none; background:COLOR_BG_SUBMENU_HOVER; line-height:200%; }
/* =============================================================================================
頁頭導航樣式標簽
============================================================================================= */
.cls_header { width:WIDTH_PAGE; height:70px; background:COLOR_BG_HEADER; text-align:left; }
.cls_header .logo { COMMON_HEAD_LOGO_FLOAT; width:320px; height:70px; background-color:COLOR_BG_HEADER; background:COMMON_HEAD_LOGO_IMAGE; }
.cls_header .menu { height:70px; COMMON_HEAD_MENU_FLOAT; }
.cls_header .menu .search { width:auto !important; width:100%; height:28px !important; height:35px; padding-top:7px; padding-left:12px; padding-right:12px; }
.cls_header .menu .search .text { width:360px; height:19px; border:0px; background:COLOR_BG_HEADER_SEARCH_TEXT; padding:3px 3px 2px 3px; }
.cls_header .menu .links { width:auto !important; width:100%; height:22px !important; height:35px; padding-top:12px; padding-left:12px; padding-right:12px; }
.cls_header .menu a { color:COLOR_FONT_HEADER_MENU_A; font-weight:bold; text-decoration:none; background:COLOR_BG_HEADER_MENU_A; padding:5px 7px 3px 7px; }
.cls_header .menu a font { font:11px airal; }
.cls_header .menu a:hover { color:COLOR_FONT_HEADER_MENU_HOVER; text-decoration:none; background:COLOR_BG_HEADER_MENU_HOVER; }
.cls_header .menu a.select{ color:COLOR_FONT_HEADER_MENU_HOVER; text-decoration:none; background:COLOR_BG_HEADER_MENU_HOVER; }
.cls_header .menu .mh_normal { border:1px solid COLOR_BG_HEADER; padding:3px 3px 3px 3px; background:COLOR_BG_HEADER; }
.cls_header .menu .mh_select { padding-top:4px !important; padding-bottom:6px !important; border:1px solid COLOR_BR_HEADER_MENU; border-bottom:0px; background:COLOR_BG_SUBMENU; padding:3px 3px 3px 3px; }
/* =============================================================================================
頁頭工具欄樣式標簽
============================================================================================= */
.cls_tooler { width:WIDTH_PAGE; height:24px; text-align:left; }
.cls_tooler .status { float:left; width:49%; height:24px; }
.cls_tooler .person { float:right; width:49%; height:20px !important; height:24px; text-align:right; padding-top:6px; padding-right:6px; }
.cls_tooler .person span { color:COLOR_FONT_PERSON_SPAN; }
/* =============================================================================================
頁中正文樣式標簽
============================================================================================= */
.cls_bodier { width:WIDTH_PAGE; overflow:hidden !important; overflow:visible; text-align:left; }
.cls_bodier .guide { COMMON_CENTER_GUIDE_FLOAT; display:inline; width:160px; height:auto !important; height:100%; background:COLOR_BG_BODIER; }
.cls_bodier .summary{ COMMON_CENTER_SUMMARY_FLOAT; display:inline; width:210px; height:auto !important; height:100%; background:COLOR_BG_BODIER; }
.cls_bodier .content{ COMMON_CENTER_CONTENT_FLOAT; height:auto !important; height:100%; background:COLOR_BG_BODIER; }
.cls_bodier .menu { COMMON_CENTER_MENU_FLOAT; display:inline; width:190px; height:auto !important; height:100%; }
.cls_bodier .operant{ COMMON_CENTER_OPERANT_FLOAT; height:auto !important; height:100%; background:COLOR_BG_BODIER; }
.cls_bodier .client { margin-left:5px; margin-right:5px; width:auto !important; width:100%; background:COLOR_BG_BODIER; }
.cls_bodier .framer { width:auto !important; width:100%; overflow-x:hidden; overflow-y:auto; margin-top:5px; margin-left:5px; margin-right:5px; background:COLOR_BG_BODIER; }
/* =============================================================================================
頁尾版權樣式標簽
============================================================================================= */
.cls_footer { width:WIDTH_PAGE; height:22px !important; height:28px; margin-top:5px; background:COLOR_BG_FOOTER; text-align:center; padding-top:6px; }
.cls_footer span{ color:COLOR_FONT_FOOTER_SPAN; }
/* =============================================================================================
操作提示樣式標簽
============================================================================================= */
.cls_success { width:auto !important; width:100%; height:24px; line-height:24px; text-align:left; padding:0px 6px 0px 26px; color:#006600; background:#00ff00 url(icon_success.gif) 5px center no-repeat; }
.cls_error { width:auto !important; width:100%; height:24px; line-height:24px; text-align:left; padding:0px 6px 0px 26px; color:#ffffff; background:#ff0000 url(icon_error.gif) 5px center no-repeat; }
.cls_warning { width:auto !important; width:100%; height:24px; line-height:24px; text-align:left; padding:0px 6px 0px 26px; color:#53440a; background:#ffffcc url(icon_warning.gif) 5px center no-repeat; }
.cls_progress { width:auto !important; width:100%; height:24px; line-height:24px; text-align:left; padding:0px 6px 0px 26px; color:#FFFFFF; background:#636363 url(icon_progress.gif) 5px center no-repeat; }
.cls_loading { width:auto !important; width:100%; text-align:left; padding:9px 9px 9px 35px; color:#00527A; border:1px solid #00527A; background:#C4EAF2 url(icon_progress.gif) 9px center no-repeat; }
.cls_hint { width:auto !important; width:100%; text-align:left; padding:9px 9px 9px 35px; color:#53440A; border:1px solid #EFCF38; background:#FFFFEE url(icon_hint.gif) 9px center no-repeat; }
.cls_tips { width:auto !important; width:100%; text-align:left; padding:9px 9px 9px 35px; color:#53440A; border:1px solid #EFCF38; background:#FFFFEE url(icon_hint.gif) 9px center no-repeat; }
/* =============================================================================================
會員信息卡樣式標簽
============================================================================================= */
.cls_card { width:240px; border:1px solid #cccccc; background:#ffffff; padding:2px; text-align:left; }
.cls_card .nick { width:auto !important; width:100%; background:#f7f7f7; padding:3px; }
.cls_card .nick .bold { color:#00849C; font-weight:bold; }
.cls_card .detail { width:100%; height:72px; padding:3px; }
.cls_card .face { float:left; border:1px solid #696969; padding:2px;}
.cls_card .info { float:left; padding:1px 3px 1px 3px; }
.cls_card .info div { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:17px; text-align:left; }
.cls_card .mood { color:#969696; width:100%; padding:0px 3px 0px 3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* =============================================================================================
主題日歷樣式標簽
============================================================================================= */
.calendar { width:auto !important; width:100%; border:1px solid #dee4da; margin:2px 2px 5px 2px; padding:7px; background:#ffffff; }
.calendar .select { background:#eef2eb; margin:0px 0px 1px 0px; border-collapse:collapse; }
.calendar .select td { height:48px; text-align:center; }
.calendar .weeks { background:#c4eaf2; margin:0px 0px 1px 0px; border-collapse:collapse; }
.calendar .weeks td { height:48px; text-align:center; padding:7px; }
.calendar .weeks .day { color:#ff4500; background:#FFEFEE; font-weight:bold; }
.calendar .weeks .week { color:#ff4500; background:#ffCDCC; font-weight:bold; }
.calendar .box { background:#ffffff; border-left:1px solid #ffffff; }
.calendar .box td { text-align:center; padding:7px; line-height:150%; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; }
.calendar .box .back { color:#969696; background:#f7f7f7; }
.calendar .box .back font { color:#215963; font-size:12pt; font-weight:bold; }
.calendar .box .day { color:#ff4500; background:#e1f4f8; }
.calendar .box .day font { color:#ff4500; font-size:12pt; font-weight:bold; }
.calendar .box .day a { text-decoration:none; }
.calendar .box .today { color:#ff4500; background:#c4eaf2; }
.calendar .box .today font { color:#ff4500; font-size:12pt; font-weight:bold; }
.calendar .box .today a { text-decoration:none; }
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -