|
.meBlogTree { background-image: url(http://comet.noonspace.com/w58NoonSpace/alleycats/MsgInfo/pressMenu.png); padding-top: 100px; height: 263px; }
.TreeMenu_0 { margin-left:0px; text-align:left; line-height:135%; }
.TreeMenu_0 a { padding-left: 0; color:#fff; display:block; }
.TreeMenu_0 a:hover { color:#000000; }
.TreeNode_1 { padding-left:0px; }
.TreeNode_2 { padding-left:0px; }
.TreeNode_3 { padding-left:15px; }
.TreeNode_4 { padding-left:30px; }
.TreeNode_5 { padding-left:45px; }
.TreeNode_6 { padding-left:60px; }
.TreeNode_7 { padding-left:75px; }
.TreeNode_8 { padding-left:90px; }
.TreeNode_9 { padding-left:105px; }
.TreeNode_1 a { padding: 13px 0; width: 100%; font-size: 18px; font-weight: bold; text-align: center; }
.TreeNode_2 a { padding-left:12px; }
.TreeNode_3 a { padding-left:12px; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { padding-left:12px; }
.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:; }
.TreeMenu_0 .ClassNum { color:#666666; }
.TreeMenu_0 .TreeNode_t { background: transparent; }
.TreeMenu_0 a.TreeItem_t { color:#222; }
.TreeMenu_0 .ClassDesc { display:block; }
@media (max-width: 600px) {
.meBlogTree { padding: 40px 0; height: auto; width: 100%; background-size: cover; }
.TreeNode_1 a {
text-align: right;
padding-right: 50px;
box-sizing: border-box;
}
}
.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 {
width: 250px;
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: 234px; }
.BlogListMenu { width:100%; height:30px; text-align:center; line-height:100%; margin-top: 20px; }
.BlogListMenuS { width:1px; background: transparent; }
.BlogListMenuL { width:10px; background: transparent; }
.BlogListMenuR { width:10px; background: transparent }
.BlogListMenu0 { background: transparent; padding:0px; vertical-align:middle; }
.BlogListMenu0:hover { background: transparent; padding:0px; vertical-align:middle; }
.BlogListMenu1 { background: transparent; padding:0px; vertical-align:middle; }
.BlogListMenu0 a { color:#ffffff; font-weight: bold; }
.BlogListMenu0 a:hover { color: #cc1717; font-weight: bold; }
.BlogListMenu1 a { color: #cc1717; font-weight: bold; }
.BlogListN_1 { }
.BlogListD_0 {
padding: 0;
margin-right: 11px;
margin-left: 11px;
margin-bottom: 90px;
border: 0px solid #cccccc;
background: #fff;
height: 510px;
}
.BlogListD_1 {
padding: 0;
margin-right: 11px;
margin-left: 11px;
margin-bottom: 90px;
border: 0px solid #cccccc;
background: #fff;
height: 510px;
}
.BlogListCont { width:100%; height:30px; color:#333333; }
#BlogListMenuA_ZC35416_0 { display: none; }
.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 {
font-size: 14px;
display: block;
padding: 0 18px;
font-weight: normal;
}
body .BlogListHTML .meMsg_MsgTitle a {
color: #f93f23;
}
body .BlogListHTML .meMsg_MsgSubTitle {
font-size: 18px;
display: block;
padding: 0 18px;
margin-bottom: 45px;
height: 85px;
}
body .BlogListHTML .meMsg_MsgSubTitle a {
}
.BlogListHTML .meMsg_Content {
margin-top: 10px;
font-size: 13px;
text-align: justify;
color: #333;
line-height: 156%;
padding: 0 18px;
margin-bottom: 63px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.BlogListHTML .meMsg_MsgBlk .meMsg_Content { }
body .BlogListHTML .listMsgArticle .meMsg_MsgTitle {
color: #c0005e;
font-size: 16px;
margin-top: 20px;
display: block;
padding: 0 18px;
}
body .BlogListHTML .meMsg_MsgTitleBlk .meMsg_Content {
font-size: 14px;
color: #000;
margin-top: 0px;
padding-left: 0;
padding-right: 0;
}
#ns_Content .meMsg_MsgURL { list-style: none; 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 { width:100%; margin-bottom:10px; max-height: 270px;}
.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: 25px; }
.cssPagePanel { clear:both; }
.meMsgArticle .meMsg_MsgMainTd .meMsg_MsgContentBlk { display:none; }
@media (max-width: 480px) {
body .dataBlogList { }
.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$; }
| |
| | |
|
| |