|
| | |
|
文字編輯
檔案:
/theme_BlogInfo.html
• $XmlID$ • $GroupName$ $CtrlBtn$
$html$
.dataBlogInfo { } /* MsgInfo Cell */
/* 上方類別選項 */
.BlogInfoMenu { width:100%; height:30px; text-align:center; line-height:100%; }
.BlogInfoMenuS { width:1px; background:#ff8844; } /* 選項間隔 */
.BlogInfoMenuL { width:10px; background:#ff8844; } /* 左邊 td */
.BlogInfoMenuR { width:10px; background:#ff8844; } /* 右邊 td */
.BlogInfoMenu0 { background:#ff8844; padding:0px; vertical-align:middle; } /* 選項屬性 */
.BlogInfoMenu0:hover { background:#ff4422; } /* 選項滑鼠觸碰 */
.BlogInfoMenu1 { background:#ff4422; padding:0px; vertical-align:middle; } /* 目前選項屬性 */
.BlogInfoMenu0 a , .BlogInfoMenu1 a { color:#ffffff; } /* 選項文字屬性 */
.BlogInfoN_1 { } /* 第一筆資訊 */
.BlogInfoD_0, /* 偶數筆資訊 */
.BlogInfoD_1 /* 奇數筆資訊 */ {
background-color: #fff;
padding:30px 40px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
/* 資訊狀態列 */
.BlogInfoCtrlBtn { vertical-align:middle; width:100%; text-align:right; }
.BlogInfoCtrlBtn .OrdIdx { width:20px; text-align:right; border:1px solid #888888; padding:0px; margin:0px; height:16px; }
.BlogInfoCtrlBtn .MsgCmd { font-size:11px; border:1px solid #888888; padding:0px; margin:0px; height:18px; }
.BlogInfoCtrlBtn .XmlID { float:left; font-weight:bold; }
.BlogInfoCtrlBtn select { display:none; }
/* 資訊區 */
.BlogInfoHTML { }
/* 資訊區上方資訊 */
.BlogInfoHTML .BlogInfo1 { width:100%; color:#888888; margin-bottom:10px; }
.BlogInfoHTML .BlogInfoClass { width:auto; text-align:left; color:#888888; } /* 類別 */
.BlogInfoAuthor,
.BlogInfoDate,
.BlogInfoState {
display: inline-block;
margin-right: 20px;
}
.BlogInfoHeaderDetail {
font-size: 14px;
color: #959893;
display: none;
}
.BlogInfoHeader {
padding-bottom: 20px;
border-bottom: 1px solid #eaecf1;
margin-bottom: 30px;
}
.BlogInfoTitle {
font-size: 30px;
margin-bottom: 0;
}
/* 資訊區下方資訊 */
.BlogInfoHTML .BlogInfo3 { width:100%; color:#888888; }
.BlogInfoHTML .BlogInfoStatus { float:right; }
.BlogInfoHTML .BlogInfoBtn { text-align:left; }
/* FB按讚分享 */
.mefbLikeBtn {
background-color: #fff;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding-bottom: 60px;
}
.mefbLikeBtn .meMsg_MsgBlk,
.mefbLikeBtn .meMsg_MsgContentBlk {
float: left;
}
.mefbLikeBtn .meMsg_MsgMain {
max-width: 380px;
margin: auto;
}
.mefbLikeBtn .meMsg_Content {
font-size: 15px;
color: #95989a;
margin-right: 10px;
}
/* FB留言 */
.mefbComments {
background-color: #fff;
border-radius: 7px;
margin-top: 30px;
padding: 10px 30px;
}
/* 資訊內文 */
#ns_Content .BlogInfoHTML .meMsg_MsgTitleBlk { margin-bottom:10px; } /* 區塊標頭 */
#ns_Content .BlogInfoHTML .meMsg_MsgBlk .meMsg_MsgTitle { } /* 主標題 */
#ns_Content .BlogInfoHTML .meMsg_Content { margin-top:10px; }
#ns_Content .BlogInfoHTML .meMsg_MsgContentBlk { margin-top:10px; } /* 內文段落 */
#ns_Content .BlogInfoHTML .meMsg_MsgURLList { display:none; margin:0px; padding:0px; } /* 相關網址 */
#ns_Content .BlogInfoHTML .meMsg_MsgURL { list-style:disc; margin-left:40px; } /* 相關網址 */
#ns_Content .BlogInfoHTML .meMsg_MsgFileList { display:none; margin:0px; padding:0px; } /* 相關檔案 */
#ns_Content .BlogInfoHTML .meMsg_MsgFile { list-style:disc; margin-left:40px; } /* 相關檔案 */
#ns_Content .BlogInfoHTML .meMsg_MsgFromEnd { display:none; } /* 期間 */
#ns_Content .BlogInfoHTML .meMsg_MsgListBlk { display:none; } /* 條列項目 */
#ns_Content .BlogInfoHTML .ImgAlignLeft { margin-right:8px; } /* 圖文間距 */
#ns_Content .BlogInfoHTML .ImgAlignRight { margin-left:8px; } /* 圖文間距 */
#ns_Content .BlogInfoHTML .ImgAlignLeftX { margin-right:8px; } /* 圖文間距 */
#ns_Content .BlogInfoHTML .ImgAlignRightX { margin-left:8px; } /* 圖文間距 */
.meMsgArticle img { max-width: 100%; margin: 40px 0; }
/* 分頁控制列 */
#divPageCtrl { margin:10px; clear:both; }
#divPageCtrl table { margin-left:auto; margin-right:auto; }
/* 表格格式 */
.MsgRow1 { } /* 第一列 */
.MsgRowN { } /* 其他列 */
.MsgRowD0 { } /* 偶數列 */
.MsgRowD1 { } /* 奇數列 */
.MsgCell1 { padding:0px; } /* 最左欄 */
.MsgCellN { padding:0px; } /* 中間欄 */
.MsgCellX { padding:0px; } /* 最右欄 */
.MsgRGap { border:0px; margin-top:20px; margin-bottom:20px; } /* 列與列中間 */
.cssPagePanel { clear:both; } /* 控制面板列 */
/* === 這裡是文章版型喔 === */
#id_MenuLeft, #id_MenuRight { width: 100%; }
#ns_Main {
position: relative;
z-index: 1;
padding: 30px 20px 40px;
}
#id_Content {
background-color: #ffffffad;
}
.img#heart {
width: 20px;
}
/*標題和副標繞圖排文=================*/
#ns_Content .BlogInfoHTML .ImgAlignRight {
margin: 0 0 10px 20px;
width: 35%;
}
#ns_Content .BlogInfoHTML .meMsg_MsgListBlk {
display: block;
}
#ns_Content .BlogInfoHTML .ImgAlignLeft {
margin: 0 20px 10px 0;
width: 35%;
}
/*全部繞圖排文=================*/
.meMsg_MsgContentBlk img.ImgAlignRightY {
width: 35%;
margin: 0 0 10px 30px;
}
.meMsg_MsgContentBlk img.ImgAlignLeftY {
width: 35%;
margin: 0 30px 10px 0;
}
.BlogInfoHTML .meMsg_MsgContentBlk .meMsg_MsgTitle {
}
.meMsg_MsgContentBlk .meMsg_MsgSubTitle {
font-size: 17px;
line-height: 170%;
color: #090909;
}
/*把置右置左的圖片調整回正常大小=================*/
#ns_Content .BlogInfoHTML .ImgAlignRightX {
margin-left: 8px;
width: 100%;
margin: 0 0 10px 0;
}
#ns_Content .BlogInfoHTML .ImgAlignLeftX {
padding-right: 8px;
width: 100%;
margin:0px;
}
.meMsg_ImgTD {
width: 50%;
}
/*把置右置左的圖片調整回正常大小 end =================*/
body .meMsg_MsgContentCenter .meMsg_MsgContentBlk {
width: 49.5%;
margin: 0 auto;
text-align: center;
}
.BlogInfoHTML .meMsg_MsgContentBlk.center {
padding: 4px;
margin-right: 0px;
}
/*div影片文字並排*/
body .meMsg_MsgContentCenter {
width: 100%;
}
#ns_Content .BlogInfoHTML .meMsg_MsgContentCenter .meMsg_MsgContentBlk {
width: 50%;
display: inline-block;
}
/*.banner { display: none; }*/
.BlogInfoHTML .BlogInfoClass, .BlogInfoHTML .BlogInfoAuthor, .BlogInfoHTML .BlogInfoStatus {
display: ;
}
.BlogInfoHTML .meMsg_MsgBlk {
color: #090909;
margin-top: 0;
display: block;
margin-bottom: 12px;
border-bottom: 1px solid;
text-align: center;
}
.BlogInfoHTML .BlogInfo1 {
border-bottom: 0;
margin: 0;
}
.BlogInfoD_1 {
border: 0;
padding: 0;
}
/*標題*/
#ns_Content .BlogInfoHTML .meMsg_MsgTitleBlk {
margin-bottom: 20px;
}
#ns_Content .BlogInfoHTML .meMsg_MsgTitleBlk .meMsg_MsgImg img {
margin-bottom: 40px;
}
.BlogInfoHTML .meMsg_MsgTitleBlk .meMsg_MsgTitle {
font-size: 40px;
line-height: 150%;
text-align: center;
display: block;
color: #22B600;
font-weight: bold;
margin: 0 auto;
padding-bottom: 0px;
border-bottom: 1px solid #22b600;
}
.BlogInfoHTML .meMsg_MsgTitleBlk .meMsg_Content {
font-size: 16px;
line-height: 150%;
text-align: justify;
display: block;
color: #000000;
margin: 0 auto;
}
.BlogInfoHTML .meMsg_MsgBlk,
.BlogInfoHTML .meMsg_MsgContent,
.BlogInfoHTML .meMsg_MsgKeyword {
max-width: 950px;
margin: 0 auto;
}
/*關鍵字*/
.BlogInfoHTML .meMsg_MsgKeyword {
margin-top: 20px;
display: none;
}
.BlogInfoHTML .meMsg_MsgKeyword .meMsg_MsgKeywordCaption {
font-weight: bold;
display: inline-block;
font-size: 14px;
}
.BlogInfoHTML .meMsg_MsgKeyword .meMsg_MsgKeywordCaption:after {
content: '：';
display: inline-block;
}
.BlogInfoHTML .meMsg_MsgKeyword .meMsg_MsgKeywordContent {
display: inline-block;
font-size: 14px;
}
/*內文段落*/
#ns_Content .BlogInfoHTML .meMsg_MsgContentBlk {
/* margin-bottom: 35px;*/
display: inline-table;
width: 100%;
}
.BlogInfoHTML .meMsg_MsgContentBlk .meMsg_MsgTitle {
color: #090909;
font-weight: bold;
margin-top: 0;
display: block;
font-size: 18px;
/*margin: 0 10px;*/
}
.BlogInfoHTML .meMsg_MsgContentBlk ul, .BlogInfoHTML .meMsg_MsgContentBlk ol {
padding-left: 18px;
margin: 10px;
}
.BlogInfoHTML .meMsg_MsgContentBlk table {
/*margin: 60px auto 0;*/
border-collapse: collapse;
}
.BlogInfoHTML .meMsg_MsgContentBlk table tr {
vertical-align: top;
}
.BlogInfoHTML .meMsg_MsgContentBlk table tr th {
color: #75BE32;
font-weight: bold;
}
.BlogInfoHTML .meMsg_MsgContentBlk table tr td {
padding: 8px 14px;
}
.BlogInfoHTML .meMsg_MsgContentBlk table img {
width: auto;
}
.meMsg_MsgContentBlk .meMsg_MsgSubTitle {
font-size: 18px;
line-height: 170%;
color: #090909;
}
#ns_Content .BlogInfoHTML .meMsg_Content {
margin-top: 0;
/*margin-bottom: 50px;*/
max-width: 950px;
color: #090909;
margin: 0 auto 20px;
}
#ns_Content .BlogInfoHTML .meMsg_Content p {
margin-right: 20px;
}
.meMsg_MsgContent img {
width: 100%;
}
/*表單*/
span.txt_AddText {
display: none;
}
.captionTop {
display: none;
}
.greenTitle2 .meMsg_MsgTitle {
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 60px auto 0px;
display: block;
color: #5fbd2f;
}
.meWeForm {
/* width: 700px; */
margin: 0 auto;
padding: 0 100px;
}
.weFormDiv {
padding: 0px;
margin: 20px auto ;
/*background-color: #D8D8D8;*/
box-sizing: border-box;
}
.weForm {
color: #666666;
font-size: 16px;
}
.weForm tr {
display: inline-block;
max-width: 50%;
width: 100%;
}
.weForm tr.tr12, .weForm tr.tr13, .weForm tr.tr14 {
width: 100%;
display: block;
max-width: unset;
}
.weForm tr.tr13 .captionTop {
display: none;
}
.weForm .captionTop, .weForm .captionText, .weForm .detail {
display: block;
width: 100%;
}
.weForm .detail {
padding-right: 10px;
padding-top: 0;
}
.weForm tr.tr5 .detail, .weForm tr.tr7 .detail, .weForm tr.tr9 .detail, .weForm tr.tr11 .detail, .weForm tr.tr13 .detail {
padding-right: 0px;
}
.weForm .captionTop {
margin-top: 15px;
text-align: left;
}
.weForm a {
color: #353535;
}
.weForm input[type=checkbox] {
margin-right: 5px;
}
.weForm input[type=edit] {
color: #000;
background: #fff;
height: 40px;
padding: 9px 10px;
border: 1px solid #CCCCCC;
font-size: 16px;
}
.weForm select {
color: #000;
box-sizing :border-box;
padding: 0 5px;
height: 38px;
margin-right: 30px;
border: 1px solid #CCCCCC;
font-size: 16px;
width: 100%;
}
.weForm .desc {
vertical-align: middle;
color: #000;
font-size: 12px;
line-height: 140%;
}
.weForm .button[type=submit] {
height: auto;
padding: 8px 10px;
margin-right: 4px;
cursor: pointer;
background: #50af50;
border: 0;
color: #fff;
font-size: 16px;
margin: 0px auto;
display: block;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.weForm .tdChkCodeInp {
width: 100px;
}
.weFormDiv .imgChkCode {
height: 36px;
width: auto;
}
.weFormDiv .ReturnDesc {
color: #000;
}
.weForm .detail .tbChkCode {
display: block;
width: 100% !important;
}
.weForm .detail .tbChkCode tr {
max-width: none;
}
.weForm .tdChkCodeInp, .weForm .tdChkCodeImg, .weForm .tdChkCodeRenew {
display: inline-block;
}
.weFormDiv .meMsg_MsgContentBlk table {
margin-top: 40px;
}
.weForm tr.tr.tr5 {
max-width: 100% ;
}
.weForm tr.tr.tr7 {
display: block;
position: absolute;
left: -4px;
}
.weForm textarea {
width: 99%;
height: 140px;
padding: 9px 10px;
box-sizing: border-box;
border: #cccccc 1px solid;
font-size: 16px;
}
.weForm td#tdChkCodeImg {
padding: 0 5px;
}
.weForm #tdChkCodeInp input {
border: 0px;
font-size: 16px;
}
span.txt_CaptchaReflash.txt_ {
color: #666666;
}
.BlogInfoHTML .meMsg_MsgContentBlk table.ColThree tr td {
width: 33%;
border-right: 1px solid #000;
}
.BlogInfoHTML .meMsg_MsgContentBlk table.ColThree tr td:last-child {
border-right: 0px solid #fff;
}
#ns_Content .BlogInfoHTML .meMsg_Content table.ColThree:nth-child(3) {
border: 0;
}
/*.ColTwo {
width: 33%;
display: inline-block;
vertical-align: top;
border-right: 1px solid #000;
display: table-cell;
}*/
/*.ColTwo:last-child {
border: none;
}*/
.ColThree {
width: 33%;
/*height: 500px;*/
display: inline-block;
vertical-align: top;
border-right: 1px solid #000;
display: table-cell;
}
.ColThree:last-child {
border: none;
}
/*-----------colfour------------*/
.BlogInfoHTML .meMsg_MsgContentBlk table.colfour {
border-collapse: collapse;
display: table-cell;
width: 25%;
}
.BlogInfoHTML .meMsg_MsgContentBlk table.colfour img {
width: 225px !important;
}
@media (max-width: 700px) {
.BlogInfoHTML .meMsg_MsgList .itemMsgArticle {
width: 100%;
}
.meWeForm {
padding: 0px;
}
.weFormDiv {
padding: 15px;
}
.weForm tr {
max-width: none;
display: block;
}
.weForm .detail {
padding-right: 0px;
}
.weForm input[type=edit] {
max-width: none;
margin-right: 0;
margin-bottom: 0;
}
.weForm select#rtPurpose {
margin-bottom: 8px;
}
.weForm .captionTop {
font-weight: initial;
font-size: inherit;
margin-top: 10px;
}
.weForm select {
max-width: 405px;
}
body .meMsg_MsgContentBlk.center, .meMsg_MsgContentBlk.left, .meMsg_MsgContentBlk.right {
width: auto;
float: none;
}
/*表格rwd滿版*/
.BlogInfoHTML .meMsg_MsgContentBlk table tr th {
display: none;
}
.BlogInfoHTML .meMsg_MsgContentBlk table tr {
display: block;
border-bottom: 1px solid #000;
}
/*表格去掉rwd*/
.BlogInfoHTML .meMsg_MsgContentBlk .meMsg_Content table tr td {
padding: 5px;
width: auto;
/*display: table-cell;*/
}
.BlogInfoHTML .meMsg_MsgContentBlk table.ColThree tr td {
width: 100%;
display: block;
border: 0;
}
.ColThree {
width: 100%;
margin-bottom: 70px;
border: none;
display: block;
}
.BlogInfoHTML .meMsg_MsgContentBlk table.ColThree tr th {
display: block;
}
body .BlogInfoHTML .meMsg_MsgContentBlk table.Colfour tr td {
width: 100%;
display: block;
border: 0;
}
.BlogInfoHTML .meMsg_MsgContentBlk table.colfour {
/* margin: 60px auto 0; */
border-collapse: collapse;
display: block;
width: 100%;
}
.BlogInfoHTML .meMsg_MsgContentBlk table.colfour img {
width: 100% !important;
}
.BlogInfoHTML .meMsg_MsgContentBlk table.colfour tr th {
display: block;
}
.BlogInfoHTML .meMsg_MsgContentBlk table.colfour tr {
display: block;
border-bottom: 0px solid #000;
}
.BlogInfoHTML .meMsg_MsgContentBlk table#col tr {
display: table-row-group;
}
.BlogInfoHTML .meMsg_MsgContentBlk .meMsg_Content table#col tr td {
display: table-cell;
}
/*圖置右rwd滿版*/
.BlogInfoHTML .meMsg_MsgContentBlk table tr td {
padding: 0 10px;
width: 100%;
display: block;
border: 0;
}
/*全部繞圖排文=================*/
.meMsg_MsgContentBlk img.ImgAlignRightY {
width: 100%;
}
.meMsg_MsgContentBlk img.ImgAlignLeftY {
width: 100%;
}
#ns_Content .BlogInfoHTML .ImgAlignLeftX {
padding-right: 0px;
}
.BlogInfoHTML .meMsg_MsgTitleBlk .meMsg_MsgTitle {
font-size: 30px;
}
#ns_Content .BlogInfoHTML .meMsg_MsgContentCenter .meMsg_MsgContentBlk {
width: 100%;
display: inline-block;
}
}
自動折行
| |
| | |
|
| |
