Template:Memo/sandbox/styles.css

 .memorandum{
 position:relative;
 background-color:#fafac8;/* Default background color */
 width:100%;
 height:auto;
 margin:5pxauto;
 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;/* Default border color */
 width:5px;
 height:auto;
 border-radius:5px005px;
 margin:0;
 padding:0;
 }

 .memorandum>.content::after{
 content:"";
 position:absolute;
 top:0;
 left:5px;
 bottom:0;
 width:60px;
 height:auto;
 background-repeat:no-repeat;
 background-position:center;
 background-size:30px30px;
 text-align:center;
 vertical-align:middle;
 margin:0;
 padding:0;
 }

 .memorandum>.contentsmall{
 font-size:small;
 }

 .memorandum>.contentbig{
 font-size:large;
 }

 html.skin-theme-clientpref-night.memorandum{
 background-color:#302a00;/* Night mode background color */
 }

 html.skin-theme-clientpref-night.memorandum>.content::before{
 background-color:#fc3;/* Night mode border color */
 }

 html.skin-theme-clientpref-light.memorandum{
 background-color:#fafac8;/* Light mode background color */
 }

 html.skin-theme-clientpref-light.memorandum>.content::before{
 background-color:#fae164;/* Light mode border color */
 }

 @media(prefers-color-scheme:dark){
 :root:not(.skin-theme-clientpref-light).memorandum{
 background-color:#302a00;/* Auto dark mode background */
 }
 :root:not(.skin-theme-clientpref-light).memorandum>.content::before{
 background-color:#fc3;/* Auto dark mode border */
 }
 }

 @media(prefers-color-scheme:light){
 :root:not(.skin-theme-clientpref-night).memorandum{
 background-color:#fafac8;/* Auto light mode background */
 }
 :root:not(.skin-theme-clientpref-night).memorandum>.content::before{
 background-color:#fae164;/* Auto light mode border */
 }
 }

 /* [[Category:テンプレートスタイル]] */