「Template:Memo/styles.css」の版間の差分
表示
削除された内容 追加された内容
m編集の要約なし |
m Colour Change |
||
(同じ利用者による、間の3版が非表示) | |||
67行目: | 67行目: | ||
.memorandum > .content big { |
.memorandum > .content big { |
||
font-size: large; |
font-size: large; |
||
} |
|||
html.skin-theme-clientpref-night .memorandum { |
|||
background-color: #302a00; |
|||
} |
|||
html.skin-theme-clientpref-night .memorandum > .content::before { |
|||
background-color: #fc3; |
|||
} |
} |
||
@media screen and (prefers-color-scheme: dark) { |
@media screen and (prefers-color-scheme: dark) { |
||
html.memorandum { |
html.memorandum { |
||
background-color: # |
background-color: #302a00; |
||
} |
} |
||
html.memorandum > .content::before { |
html.memorandum > .content::before { |
||
background-color: # |
background-color: #fc3; |
||
} |
} |
||
2024年8月27日 (火) 05:49時点における最新版
.memorandum {
position: relative;
background-color: #fafac8;
width: 100%;
height: auto;
margin: 5px auto;
padding: 0;
border-radius: 5px;
box-sizing: border-box;
}
.memorandum.inline {
display: inline-block;
width: auto;
height: auto;
}
.memorandum > .content {
display: inline-block;
position: static !important;
width: calc(100% - 75px);
height: auto;
vertical-align: middle;
margin: 10px;
margin-left: 65px;
padding: 0;
box-sizing: border-box;
}
.memorandum > .content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: #fae164;
width: 5px;
height: auto;
border-radius: 5px 0 0 5px;
margin: 0;
padding: 0;
}
.memorandum > .content::after {
content: "";
position: absolute;
top: 0;
left: 5px;
bottom: 0;
width: 60px;
height: auto;
/* File:OOjs UI icon lightbulb-yellow.svg: https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_lightbulb-yellow.svg */
background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 30px 30px;
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
}
.memorandum > .content small {
font-size: small;
}
.memorandum > .content big {
font-size: large;
}
html.skin-theme-clientpref-night .memorandum {
background-color: #302a00;
}
html.skin-theme-clientpref-night .memorandum > .content::before {
background-color: #fc3;
}
@media screen and (prefers-color-scheme: dark) {
html.memorandum {
background-color: #302a00;
}
html.memorandum > .content::before {
background-color: #fc3;
}
}
/* [[Category:テンプレートスタイル]] */