ふたりの日記帳

/*
jobSystem 1.0 new-diary@eclat main.css Lv.1353
file http://www.eclat.cc/home/new-diary/main.css create Sat, 12 Oct 2019 05:57:56 GMT (ver1.0)
(C) nancyan update Thu, 08 Oct 2020 23:44:09 GMT
*/
:root {
--tab-margin:3px;
--tab-width:2.5rem;
--tab-spc:calc(var(--tab-margin) + var(--tab-width));

--cen-width:60px;
--cen-harf-width:30px;
--cen-harf-harf:15px;
--cen-size:60px 38px;
--cen-harf-size:30px 19px;

--disp-width:calc(50vw - var(--cen-harf-width) - var(--tab-spc));
--harf-disp-width:calc(50vw - var(--cen-harf-harf) - var(--tab-spc));
--disp-height:calc(100vh - calc(var(--tab-margin) * 2));

--cca: 1;
--ccb:.3;
--ccc:.5;

--cf0:255, 85, 119,;
--cf1: 64, 64, 255,;
--cf2:255, 255, 119,;
--cf3:170, 17, 0,;
--cf4: 0, 119, 0,;

--cf0a:rgba(var(--cf0) var(--cca)); --cf0b:rgba(var(--cf0) var(--ccb)); --cf0c:rgba(var(--cf0) var(--ccc));
--cf1a:rgba(var(--cf1) var(--cca)); --cf1b:rgba(var(--cf1) var(--ccb)); --cf1c:rgba(var(--cf1) var(--ccc));
--cf2a:rgba(var(--cf2) var(--cca)); --cf2b:rgba(var(--cf2) var(--ccb)); --cf2c:rgba(var(--cf2) var(--ccc));
--cf3a:rgba(var(--cf3) var(--cca)); --cf3b:rgba(var(--cf3) var(--ccb)); --cf3c:rgba(var(--cf3) var(--ccc));
--cf4a:rgba(var(--cf4) var(--cca)); --cf4b:rgba(var(--cf4) var(--ccb)); --cf4c:rgba(var(--cf4) var(--ccc));

--cm0:255, 119, 255,;
--cm1: 68, 119, 204,;
--cm2:255, 255, 190,;
--cm3:255, 119, 17,;
--cm4:110, 255, 155,;

--cm0a:rgba(var(--cm0) var(--cca)); --cm0b:rgba(var(--cm0) var(--ccb)); --cm0c:rgba(var(--cm0) var(--ccc));
--cm1a:rgba(var(--cm1) var(--cca)); --cm1b:rgba(var(--cm1) var(--ccb)); --cm1c:rgba(var(--cm1) var(--ccc));
--cm2a:rgba(var(--cm2) var(--cca)); --cm2b:rgba(var(--cm2) var(--ccb)); --cm2c:rgba(var(--cm2) var(--ccc));
--cm3a:rgba(var(--cm3) var(--cca)); --cm3b:rgba(var(--cm3) var(--ccb)); --cm3c:rgba(var(--cm3) var(--ccc));
--cm4a:rgba(var(--cm4) var(--cca)); --cm4b:rgba(var(--cm4) var(--ccb)); --cm4c:rgba(var(--cm4) var(--ccc));

}

* {
margin:0;
padding:0;
box-sizing:border-box;
}
.for-owner, .for-guest, hr, .exec {
display:none;
}

a {
text-decoration:none;
cursor:pointer;
}
a[href] {
text-decoration:underline;
}

html#ext {
background:url("/home/new-diary/files/ringnote.gif") repeat-y top center;
}

html#ext body {
font-size:100%;
margin:0;
padding:0;
overflow:hidden;
}

html {
scroll-behavior:smooth;
font-size:100%;
-webkit-text-size-adjust:100%;
font-family:Arial;

/*"Comic Sans MS", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
*/

}
body {
font-size:1rem;
line-height:1.8;
background-color:#fff;
overflow:hidden;
transition:width 2s, height 2s, transform 2s, font-size 2s;
}
body.loaded {
background-color:#000;

}
body::after {
content:"";
display:block;
height:100vh;
}
body.small > div {
transform:scale(0);
}











/* */