Template:MomoTalk/style.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
PetraMagna (talk | contribs) mNo edit summary |
PetraMagna (talk | contribs) (add response options) |
||
Line 1: | Line 1: | ||
/* |
|||
Reference examples: https://zh.moegirl.org.cn/Template:%E8%94%9A%E8%93%9D%E6%A1%A3%E6%A1%88Momotalk and https://github.com/U1805/momotalk |
|||
Due to license incompatibilities, the template in moegirl.org.cn cannot be directly imported. |
|||
*/ |
|||
.momotalk-container { |
.momotalk-container { |
||
width: 100%; |
width: 100%; |
||
Line 34: | Line 38: | ||
width:100%; |
width:100%; |
||
} |
} |
||
.momotalk-profile-picture { |
|||
/* profile picture */ |
/* profile picture */ |
||
display: block; |
display: block; |
||
Line 73: | Line 77: | ||
max-width: 90%; |
max-width: 90%; |
||
margin-bottom: 5px; |
margin-bottom: 5px; |
||
} |
|||
.momotalk-response-container { |
|||
float: right; |
|||
width: 100%; |
|||
max-width: 800px; |
|||
box-sizing: border-box; |
|||
background: #E2EDF1; |
|||
border: 1px solid #cdd3dc; |
|||
border-radius: 10px; |
|||
padding: 10px 10px 3px 10px; |
|||
margin-right: 3px; |
|||
margin-bottom: 5px; |
|||
} |
|||
.momotalk-response-header { |
|||
border-left: 2px #3493f9 solid; |
|||
padding-left: 5px; |
|||
} |
|||
.momotalk-response-option { |
|||
background-color: #fff; |
|||
border: none; |
|||
color: #2a323e; |
|||
margin-bottom: 10px; |
|||
padding: 5px; |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
display: inline-block; |
|||
border-radius: 10px; |
|||
box-shadow: 0 2px 5px #000000;/*should have a 3d in color*/ |
|||
} |
|||
.momotalk-response-option:hover { |
|||
background-color: lightgrey; |
|||
cursor: pointer; |
|||
transition: background-color ease-in-out .3s; |
|||
} |
} |