299 lines
6.4 KiB
SCSS
299 lines
6.4 KiB
SCSS
@charset "utf-8";
|
||
|
||
@import "../initial";
|
||
.ask-question-form input[type="text"], .ask-question-form textarea {
|
||
height: 3em;
|
||
border-radius: 8px 8px 8px 8px;
|
||
border-width: 1px !important;
|
||
border-color: #bfbfbf !important;
|
||
font-size: 1.2em;
|
||
padding: 15px;
|
||
}
|
||
.ask-question-form select{
|
||
height: 3em;
|
||
border-radius: 8px 8px 8px 8px;
|
||
border-width: 1px !important;
|
||
border-color: #bfbfbf !important;
|
||
font-size: 1.2em;
|
||
padding: 15px;
|
||
}
|
||
.ask-question-form {
|
||
background-color: transparent;
|
||
padding: 0!important;
|
||
}
|
||
.ask-question-form {
|
||
width: 100%;
|
||
padding: 0;
|
||
}
|
||
a.btn.CheckStatus {
|
||
float: left!important;
|
||
width: 97%;
|
||
padding: 1em;
|
||
display: none!important;
|
||
}
|
||
.movecontrols{
|
||
.control-label{
|
||
text-align: end !important;
|
||
font-size: 26px;
|
||
line-height: 30px;
|
||
font-weight: bolder;
|
||
}
|
||
}
|
||
.asker{
|
||
text-align: end;
|
||
color: #04519c;
|
||
float: right;
|
||
font-size: 14px;
|
||
padding-top: 10px;
|
||
}
|
||
.date-controls{
|
||
width: 100% !important;
|
||
color: #f34e4e !important;
|
||
.control-label{
|
||
font-size: 0.8em !important;
|
||
}
|
||
}
|
||
.ask-question .form-horizontal .control-group > * {
|
||
font-size: 17px!important;
|
||
line-height: 1.8;
|
||
}
|
||
.file-list-title{
|
||
margin-top: 80px;
|
||
position: relative;
|
||
border-bottom: 1px dotted #e4e9f0;
|
||
&:after{
|
||
content: '';
|
||
width: 3.5em;
|
||
height: 2px;
|
||
background-color: #04519c;
|
||
position: absolute;
|
||
display: inline-block;
|
||
left: 0;
|
||
bottom: 0;
|
||
|
||
}
|
||
}
|
||
.ask-date {
|
||
font-size: 0.8em;
|
||
color: #f34e4e;
|
||
margin-bottom: 1em;
|
||
}
|
||
.ask-question-extra.ask-q-4 {
|
||
margin-top: 0.75rem !important;
|
||
padding-top: 0.75rem !important;
|
||
font-size: 0.92rem;
|
||
color: #444;
|
||
line-height: 1.7;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 4;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.ask-question .form-horizontal .control-group .controls{
|
||
max-width: unset!important;
|
||
width: 100%;
|
||
min-width: unset!important;
|
||
}
|
||
#new-ask-question .form-horizontal .control-group > * {
|
||
font-size: 1em!important;
|
||
font-weight:normal;
|
||
color: #666;
|
||
padding-left:0;
|
||
padding-right: 0;
|
||
line-height: normal;
|
||
}
|
||
.ask-question .form-horizontal select {
|
||
width: 100%;
|
||
}
|
||
.ask-question-form textarea {
|
||
width: 100%;
|
||
}
|
||
.control-group{
|
||
a{
|
||
color: #23bbf2;
|
||
&:hover{
|
||
text-decoration: underline;
|
||
}
|
||
}
|
||
}
|
||
|
||
img.rucaptcha-image {
|
||
max-width: 250px;
|
||
}
|
||
.ask-question-form .control-group{
|
||
margin-bottom: 0!important;
|
||
}
|
||
.ask-question .form-horizontal .control-group .controls{
|
||
display: block!important;
|
||
}
|
||
.ask-question-form .control-group{
|
||
position: relative;
|
||
}
|
||
#ticket-status-form{
|
||
background-color: #fdfdfd;
|
||
padding: 2em;
|
||
border-radius: 10px;
|
||
border: 1px solid #E4E6EA;
|
||
label{
|
||
width: 100%;
|
||
}
|
||
}
|
||
.CheckHistory{
|
||
margin-top: 1em;
|
||
padding: 0.5em;
|
||
border-radius: 0.5em;
|
||
margin-bottom: 1em;
|
||
font-size: 0.8125rem;
|
||
-webkit-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
-moz-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
-ms-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
-o-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
background: none;
|
||
border: none;
|
||
color: $theme-color-main;
|
||
box-shadow: $theme-color-main 0 0px 0px 2px inset;
|
||
|
||
&:hover {
|
||
color: #fff;
|
||
box-shadow:$theme-color-main 0 0px 0px 40px inset;
|
||
}
|
||
}
|
||
#new-ask-question{
|
||
clear: both;
|
||
}
|
||
.CheckStatus{
|
||
@media(min-width: 1025px){
|
||
right: 20%;
|
||
position: relative;
|
||
}
|
||
float: right;
|
||
padding: 0.5em;
|
||
border-radius: 0.5em;
|
||
margin-bottom: 1em;
|
||
font-size: 0.8125rem;
|
||
-webkit-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
-moz-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
-ms-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
-o-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
|
||
background: none;
|
||
border: none;
|
||
color:#337ab7!important;
|
||
box-shadow: #337ab7 0 0px 0px 2px inset;
|
||
|
||
&:hover {
|
||
color: #fff!important;
|
||
box-shadow:#337ab7 0 0px 0px 40px inset;
|
||
}
|
||
}
|
||
|
||
/* ===== ask-questions 列表容器 ===== */
|
||
.ask-questions {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 1rem;
|
||
padding: 0;
|
||
a{
|
||
&:hover{
|
||
color: #04519c;
|
||
.ask-q-4{
|
||
color: #04519c;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
/* ===== 每筆卡片 ===== */
|
||
.ask-question-wrap {
|
||
background: #f3f3f3;
|
||
padding: 1.25rem 1.5rem !important;
|
||
border-top: none !important;
|
||
margin-top: 0 !important;
|
||
width: 100% !important;
|
||
box-sizing: border-box;
|
||
transition: box-shadow 0.2s ease;
|
||
}
|
||
|
||
.ask-question-wrap:hover {
|
||
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.13);
|
||
}
|
||
|
||
/* ===== ask-question-basic：日期 + 內容預覽 ===== */
|
||
.ask-question-basic {
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
|
||
.ask-question-basic .ask-content {
|
||
color: #2e9e6b;
|
||
font-size: 0.85rem;
|
||
font-weight: 600;
|
||
margin-bottom: 0.5rem;
|
||
display: block;
|
||
}
|
||
|
||
|
||
.ask-question-reply {
|
||
border-top: 1px dashed #e0e0e0 !important;
|
||
margin-top: 0.75rem !important;
|
||
padding-top: 0.75rem !important;
|
||
font-size: 0.92rem;
|
||
color: #444;
|
||
line-height: 1.7;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 10;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: none!important;
|
||
}
|
||
|
||
/* 回覆標題「回覆：」 */
|
||
.ask-question-reply > span {
|
||
color: #333;
|
||
font-size: 0.9rem;
|
||
margin-bottom: 0.3rem;
|
||
}
|
||
|
||
/* ===== 隱藏空的 extra div ===== */
|
||
.ask-question-extra:empty {
|
||
display: none;
|
||
}
|
||
|
||
/* ===== 申訴人姓名連結（.ask-title）靠右顯示 ===== */
|
||
.ask-question-basic .ask-title {
|
||
line-height: 28px;
|
||
}
|
||
|
||
.ask-question-basic .ask-title a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.ask-question-basic .ask-title a:hover {
|
||
color: #07519c;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
/* ===== extras 區塊 ===== */
|
||
.ask-question-extras {
|
||
position: relative;
|
||
}
|
||
|
||
/* 申訴人姓名放在卡片右下角 */
|
||
.ask-question-basic {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
/* ===== RWD ===== */
|
||
@media (max-width: 600px) {
|
||
.ask-question-wrap {
|
||
padding: 1rem !important;
|
||
}
|
||
|
||
.ask-question-reply {
|
||
-webkit-line-clamp: 4;
|
||
}
|
||
} |