|
.TreeMenu_0 { text-align:left; line-height:135%; }
.TreeMenu_0 a { color:#898989; display:block; padding: 5px 16px; box-sizing: border-box; }
.TreeMenu_0 a:hover { color:#231815; text-decoration: underline; }
.TreeNode_1 { }
.TreeNode_2 { }
.TreeNode_3 { }
.TreeNode_4 { }
.TreeNode_5 { }
.TreeNode_6 { }
.TreeNode_7 { }
.TreeNode_8 { }
.TreeNode_9 { }
.TreeNode_1 a { }
.TreeNode_2 a { }
.TreeNode_3 a { }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { padding-top:2px; padding-bottom:2px; }
.TreeNode_1:hover, .TreeNode_2:hover, .TreeNode_3:hover, .TreeNode_4:hover, .TreeNode_5:hover, .TreeNode_6:hover, .TreeNode_7:hover, .TreeNode_8:hover, .TreeNode_9:hover { background:#dddddd; }
.TreeMenu_0 .ClassNum { color:#666666; }
.TreeMenu_0 .TreeNode_t { background:#aaaaaa; }
.TreeMenu_0 a.TreeItem_t { color:#ffffff; }
.TreeMenu_0 .ClassDesc { display:block; }
.dataBlogTree.Hori { padding-bottom: 30px; border-bottom: 1px solid #b4b4b5; margin: 0 4% 77px; }
.dataBlogTree.Hori .TreeMenu_2 { text-align:center; }
.dataBlogTree.Hori .TreeGroup_3 { display:inline-block; margin: 0 1.7%; }
@media (max-width: 600px) {
.dataBlogTree.Hori { margin: 0 0 50px; }
}
.TreeMenu_0 a { font-family:$BlogTreeItemFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 a:hover { color:$BlogTreeNodeHOverC$; }
.TreeNode_1:hover, .TreeNode_2:hover, .TreeNode_3:hover, .TreeNode_4:hover, .TreeNode_5:hover, .TreeNode_6:hover, .TreeNode_7:hover, .TreeNode_8:hover, .TreeNode_9:hover { background:$BlogTreeNodeHOverB$; }
.TreeMenu_0 a.TreeItem_t { color:$BlogTreeNodeTC$; }
.TreeMenu_0 .TreeNode_t { background:$BlogTreeNodeTB$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { padding-top:$BlogTreeNodePadding$; padding-bottom:$BlogTreeNodePadding$; }
.TreeMenu_0 { border-bottom:$BlogTreeNodeBorderT$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { border-top:$BlogTreeNodeBorderT$; }
.TreeMenu_0 { border-top:$BlogTreeNodeBorderB$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { border-bottom:$BlogTreeNodeBorderB$; }
.TreeNode_1 a { background:$BlogTreeNodeImg1$ no-repeat; }
.TreeNode_2 a { background:$BlogTreeNodeImg2$ no-repeat; }
.TreeNode_3 a { background:$BlogTreeNodeImg3$ no-repeat; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { background:$BlogTreeNodeImg4$ no-repeat; }
.TreeNode_1 a { padding-left:$BlogTreeItem1Margin$; }
.TreeNode_2 a { padding-left:$BlogTreeItem2Margin$; }
.TreeNode_3 a { padding-left:$BlogTreeItem3Margin$; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { padding-left:$BlogTreeItemXMargin$; }
.TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { float:$BlogTreeNode4Float$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3 { clear:both; }
.TreeMenu_0 .ClassName { display:$BlogTreeNodeDispName$; }
.TreeMenu_0 { line-height:$BlogTreeNodeLineHeight$; }
.TreeMenu_0 .ClassNum { display:$BlogTreeNodeDispNum$; }
.TreeMenu_0 .ClassNum { font-family:$BlogTreeNodeFontNum$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 .ClassDesc { display:$BlogTreeNodeDispDesc$; }
.TreeMenu_0 .ClassDesc { font-family:$BlogTreeNodeFontDesc$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 .ClassImg { display:$BlogTreeNodeDispImg$; }
.TreeMenu_0 .ClassImg img { height:$BlogTreeNodeSizeImg$; }
.TreeMenu_0 .ClassImg img { margin-right:$BlogTreeNodeRightImg$; }
.TreeMenu_0 .ClassImg img { margin-bottom:$BlogTreeNodeBottomImg$; }
|
| | |
|
XmlID,GroupName,ClassList,CtrlBtn,d,n,UserName,Date,Time,ChildNum,ClickNum,meMsg_MsgTitle,meMsgArticle
•$XmlID$•$GroupName$ $CtrlBtn$
body .dataBlogList {
max-width: 570px;
width: 100%;
height: auto;
background-color: transparent;
display: block;
margin-bottom: 0px;
}
.BlogListList {
height:auto;
}
.BlogListHTML .meMsg_MsgListBlk { float: right; }
.meMsgArticle .meMsg_MsgBlk { background: #fff;}
.meMsgArticle .meMsg_MsgTitleBlk { height: auto; }
.BlogListMenu { width:100%; height:30px; text-align:center; line-height:100%; }
.BlogListMenuS { width:1px; background:#ff8844; }
.BlogListMenuL { width:10px; background:#ff8844; }
.BlogListMenuR { width:10px; background:#ff8844; }
.BlogListMenu0 { background:#ff8844; padding:0px; vertical-align:middle; }
.BlogListMenu0:hover { background:#ff4422; padding:0px; vertical-align:middle; }
.BlogListMenu1 { background:#ff4422; padding:0px; vertical-align:middle; }
.BlogListMenu0 a { color:#ffffff; }
.BlogListMenu1 a { color:#ffffff; }
.BlogListN_1 { }
.BlogListD_0 { padding: 0; margin: 0 6% 80px; border: 0px solid #cccccc; background: #fff; }
.BlogListD_1 { padding: 0; margin: 0 6% 80px; border: 0px solid #cccccc; background: #fff; }
.BlogListCont { width:100%; height:30px; color:#333333; }
.BlogListHTML .BlogInfoClass { display:none; width:auto; margin-left:0px; margin-right:auto; } /* 分類 */
.BlogListHTML .BlogInfoAuthor { text-align:left; } /* 作者 */
.BlogListHTML .BlogListDate { text-align:left; } /* 日期 */
.BlogListHTML .BlogInfoState { text-align:left; } /* 狀態 */
.BlogListHTML .BlogInfoBtn { text-align:right; } /* 按鈕 */
.BlogListCtrlBtn { vertical-align:middle; width:100%; text-align:right; }
.BlogListCtrlBtn .OrdIdx { width:20px; text-align:right; border:1px solid #888888; padding:0px; margin:0px; height:16px; }
.BlogListCtrlBtn .MsgCmd { font-size:11px; border:1px solid #888888; padding:0px; margin:0px; height:18px; }
.BlogListCtrlBtn .XmlID { float:left; font-weight:bold; }
.BlogListCtrlBtn select { display:none; }
.BlogListHTML { width:100%; }
body .BlogListHTML .meMsg_MsgTitle {
margin-top: 40px;
text-decoration: underline;
display: block;
padding: 0 31px;
text-align: center;
}
body .BlogListHTML .meMsg_MsgTitle a {
margin-top: 40px;
text-decoration: underline;
display: block;
padding: 0 31px;
text-align: center;
color: #000000;
font-weight: normal;
}
body .BlogListHTML .meMsg_MsgTitle a:hover {
font-weight: 900;
}
body .BlogListHTML .meMsg_MsgSubTitle {
color: #c0005e;
font-size: 16px;
margin-top: 20px;
display: block;
padding: 0 31px;
}
body .BlogListHTML .meMsg_MsgSubTitle a {
color: #c0005e;
font-size: 16px;
}
.BlogListHTML .meMsg_Content {
margin-top: 10px;
font-size: 14px;
text-align: justify;
color: #000;
padding: 0 31px;
}
.BlogListHTML .meMsg_MsgBlk .meMsg_Content {
height: 184px;
}
body .BlogListHTML .listMsgArticle .meMsg_MsgTitle {
color: #c0005e;
font-size: 16px;
margin-top: 20px;
display: block;
padding: 0 31px;
display: none;
}
body .BlogListHTML .meMsg_MsgTitleBlk .meMsg_Content {
font-size: 14px;
color: #000;
margin-top: 0px;
padding-left: 0;
padding-right: 0;
}
.meMsgArticle .meMsg_MsgMainTd .meMsg_MsgContentBlk { display: none; }
.BlogListHTML .meMsg_MsgURLList { margin:0px; padding:0px; }
.BlogListHTML .meMsg_MsgURL { list-style:disc; margin-left:20px; }
.BlogListHTML .meMsg_MsgFileList { margin:0px; padding:0px; }
.BlogListHTML .meMsg_MsgFile { list-style:disc; margin-left:20px; }
.BlogListHTML .meMsg_MsgImg img { max-width:100%; margin-bottom:10px; max-height: none;}
.BlogListHTML .ImgAlignLeft { margin-right:8px; }
.BlogListHTML .ImgAlignRight { margin-left:8px; }
.divPageCtrl { margin:10px; clear:both; display:none; }
.divPageCtrl table { margin-left:auto; margin-right:auto; }
.MsgRow1 { margin-top:10px; }
.cssPagePanel { clear:both; }
.iWinContent { padding: 20px; }
#iWinTopDiv .BlogInfoClass { display: none; }
#iWinTopDiv .meMsgArticle .meMsg_MsgBlk { display: none; }
#iWinTopDiv .meMsg_MsgImg img { width: 100%; max-width: 500px; }
#iWinTopDiv .meMsgArticle .meMsg_MsgMainTd .meMsg_MsgContentBlk { display: block; }
#iWinTopDiv .meMsgArticle .meMsg_MsgMainTd .meMsg_MsgContentBlk .meMsg_MsgTitle {
font-size: 16px; line-height: 46px; text-decoration: underline;
}
#iWinTopDiv .meMsg_MsgContentBlk .meMsg_Content {
font-size: 14px; text-align: left; margin-bottom: 30px;
}
#iWinTopDiv .meMsg_MsgContentBlk .meMsg_MsgImgList .meMsg_MsgImgInfo img {
border: 0px;
width: 110px;
margin-top: 25px;
}
#iWinTopDiv .meMsgArticle .meMsg_MsgMainTd .meMsg_MsgContentBlk {
width: 100%;
float: right;
padding: 0 20px 0;
box-sizing: border-box;
}
#iWinTopDiv .meMsgArticle .meMsg_MsgMainTd .meMsg_MsgContentBlk table tr { padding: 3px 0; }
#iWinTopDiv .meMsgArticle .meMsg_MsgMainTd .meMsg_MsgContentBlk table tr td:first-child {
width: 82px; vertical-align: top;
}
.MsgInfoShowHomeD .meMsg_MsgList {
margin: 10px 0;
padding: 10px 0;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.MsgInfoShowHomeD .meMsg_MsgListBlk {
margin-top: 10px;
margin-bottom: 10px;
}
#iWinTopDiv .meMsg_MsgTitle img {
padding: 0 5px;
}
@media (max-width: 600px) {
body .dataBlogList { width: 100%; }
.BlogListList { height:auto; }
.BlogListD_0 { padding: 0 0 10px 0; margin-right: 0; margin-left: 0; }
.BlogListD_1 { padding: 0 0 10px 0; margin-right: 0; margin-left: 0; }
body .BlogListHTML .listMsgArticle .meMsg_MsgTitle { text-align: left; }
.BlogListHTML .meMsg_MsgBlk .meMsg_Content { height: auto; }
}
.MsgRow1 { margin-top:$BlogListMsgRow1$; }
.BlogListList { padding-left:$BlogListMsgRowL$; }
#ns_Content .meMsg_MsgBlk .meMsg_MsgTitle { font-family:$BlogListTextFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#ns_Content .meMsg_MsgBlk .meMsg_MsgTitle a { font-family:$BlogListTextFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#ns_Content .meMsg_MsgBlk .meMsg_MsgTitle:hover { font-family:$BlogListOverFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#ns_Content .meMsg_MsgBlk .meMsg_MsgTitle a:hover { font-family:$BlogListOverFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#ns_Content .meMsg_MsgBlk .meMsg_Content { font-family:$BlogListHTMLFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#ns_Content .meMsg_MsgURL { margin-left:$padding$; color:$color$; font-size:$size$; list-style:$BlogListFileSpot$ $pos$ $img$; }
#ns_Content .meMsg_MsgFile { margin-left:$padding$; color:$color$; font-size:$size$; list-style:$BlogListFileSpot$ $pos$ $img$; }
#ns_Content .meMsg_MsgURL a { font-family:$BlogListFileFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#ns_Content .meMsg_MsgFile a { font-family:$BlogListFileFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.BlogListHTML .meMsg_MsgTitle { border-bottom:$BlogListTextHTMLS$; display:block; }
.BlogListD_0 , .BlogListD_1 { border:$BlogListMsgB$; }
.BlogListD_0 , .BlogListD_1 { padding:$BlogListMsgP$; }
.BlogListD_0 , .BlogListD_1 { margin-right:$BlogListMsgL$; }
.BlogListD_0 , .BlogListD_1 { margin-bottom:$BlogListMsgT$; }
.BlogListD_0 , .BlogListD_1 { background-image:$BlogListBgImg$; background-position:$pos$; background-repeat:$repeat$; }
.dataBlogList { width:$BlogListHTMLWidth$; }
.BlogListHTML { margin-top:$BlogListHTMLTop$; }
.BlogInfoClass { display:$BlogInfoClass$; }
.BlogInfoAuthor { display:$BlogInfoAuthor$; }
.BlogInfo { display:$BlogInfo$; }
.BlogDisp { display:$BlogDisp$; }
.BlogInfoStatus { display:$BlogInfoStatus$; }
.BlogListHTML .BlogListDate { display:$BlogInfoDT$; }
#ns_Content .BlogListHTML .meMsg_MsgContent { display:$BlogContBlk$; }
#ns_Content .BlogListHTML .meMsg_MsgURLList { display:$BlogContBlk$; }
#ns_Content .BlogListHTML .meMsg_MsgFileList { display:$BlogContBlk$; }
#ns_Content .BlogListHTML .meMsg_MsgFromEnd { display:$BlogContBlk$; }
#ns_Content .BlogListHTML .meMsg_MsgListBlk { display:$BlogContBlk$; }
.divPageCtrl { display:$PageCtrlDisp$; }
| |
| | |
|
| |