ふたりの日記帳

[CSS-C-DATA]
/* -------- 全記事索引 -------- */
#indexDoc span {
display:inline-block;
}
#indexDoc ul {
/* margin-left:1rem;*/
}
#indexDoc li {
list-style-type:disc;
line-height:1.3rem;
padding:.15rem 0;
margin-left:1rem;
border-bottom:1px solid #ccc;
}
li.nonup {
color:#f00;
}
.up-id {
bg-c:#ffefff;
border:1px solid #ccc;
border-radius:8px;
width:2rem;
text-align:center;
margin-right:.5rem;
}
.nonup .up-id {
color:#080;
}
.up-title {
color:#000;
width:calc(100% - 8rem);
white-space:pre;
overflow:hidden;
text-overflow:ellipsis;
vertical-align:middle;
}
.up-len {
color:#000;
text-align:right;
width:3rem;
}


/* -------- コードの装飾 -------- */
div.code {
font-size:1.05rem;
line-height:1.4rem;
font-family: "MS Gothic", YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', monospace;
transition:font-size .5s;
}

.js-one {
border-bottom:1px solid #ccc;
margin-bottom:6px;
}

.ajast {
cursor:pointer;
}

.ajast:hover {
bg-c:#fff;
color:#000;
}
.ajast.jast {
bg-c:#ff9;
}

.func-code {
box-shadow:0 6px 3px #808080;
padding:.25rem;
border-radius:4px;
counter-reset:cnt1;
transition:box-shadow .5s, background-color .5s;
}

.func-code.ret1 {
bg-c:#eff;
}

.func-code.ret0 {
bg-c:#ffefff;
}

.func-code.ret0:hover, .func-code.ret1:hover {
box-shadow:0 6px 8px #808080;
bg-c:#f0ffff;
}

.js-one + .func-code {
margin-bottom:1rem;
}

.code-sec + .func-code {
margin-top:1rem;
}

.func-dat {
white-space:pre-wrap;
}

:not(.toright).zn #F2 div.code br:first-of-type,
.toright.zn #main div.code br:first-of-type {
/* display:block; */
}


/* -- 狭い領域でのコード -- */
:not(.toright).zn #F2 div.code,
.toright.zn #main div.code {
padding:2rem 0;
white-space:normal;
}

.code-ent {
background:#fff url("/home/default/files/yosei_0.gif") no-repeat;
padding:1rem 0 1.5rem 60px;
color:brown;
font-weight:bold;
}

/* -- 短縮コメント -- */
.code-sec {
bg-c:#093145;
padding:0 .5rem;
line-height:1.8rem;
color:#cff;
}

.func-name {
color:#c0f;
font-weight:bold;
}
.func-code .func-name {
border-bottom:2px dotted magenta;
}

.se9 .func-info {
color:#fff
}

.se3 .func-info {
color:#3f3;
}

:not(.toright).zn #F2 .func-op, .toright.zn #main .func-op {
display:none;
}

:not(.toright).zn #F2 .func-name, .toright.zn #main .func-name {
font-size:1rem;
}

:not(.toright).zn #F2 div.code::after,
.toright.zn #main div.code::after {
font-size:1rem;
content:"領域が狭い為、非表示";
}

:not(.toright).zn #F2 .func-dat,
.toright.zn #main .func-dat {
display:none;
}

.code-doc {
white-space:pre-wrap;
}

.code-par, .func-code, css-one {

}
.css-one {
bg-c:#ffefff;
margin-bottom:.25rem;
}

.func-dat i, .type-DOC + .code-doc i {
counter-increment:cnt1;
}

.func-code::before, .func-dat i::before, .type-DOC + .code-doc i::before {
color:#000;
font-size:.95rem;
font-family:Arial;
font-style:normal;
display:inline-block;
width:2em;
padding-right:.25em;
text-align:right;
margin-right:.5rem;
content:counter(cnt1);
bg-c:#ffc;
margin-bottom:2px;
border-bottom:1px solid #ccc;
}

.col-str {
color:#633;
border-bottom:2px dotted magenta;
}
.col-rep {
bg-c:#ffc;
color:#339;
}
.col-pro {
color:#93f;
}
.col-tag {
color:#393;
}

/* -- ユーザのファイルの表示 -- */
.code-par {
margin:.5rem .5rem 1.5rem;
padding:.5rem;
}
.code-com {
bg-c:#eee;
}
code.code {
margin-top:1rem;
margin-bottom:1rem;
white-space:pre-wrap;
font-size:1.06rem;
font-weight:bold;
line-height:1.5rem;
}
code.code br { display:none; }

#addCssDisp {
padding-left:1rem;
color:brown;
}
#addCss {
margin-right:.5rem;
}

/* -- 汎用領域のentry_body拡張装飾 -- */

/* -- 汎用小物 -- */
.masMsg {
color:#300;
margin:1rem;
font-size:.9rem;
line-height:1.4rem;
padding:.5rem .5rem .5rem 65px;
background:url("/home/default/files/yosei_2.gif") no-repeat;
}

.tips {
color:#300;
margin:1rem;
font-size:.9rem;
line-height:1.4rem;
padding:.5rem .5rem .5rem 65px;
background:url("/home/default/files/yosei_0.gif") no-repeat;
}
.demon-src {
bg-c:#ffefff;
font-family:"Comic Sans MS";
padding:.5rem;
border:1px solid #808080;
border-radius:6px;
}

.C1240 p i {
float:right;
font-style:normal;
}

.C1240 p i b {
color:tomato;
}
.C635 strong {
color:#f60;
margin:0 3px;
text-decoration-line:underline;
text-decoration-style:dotted;
text-decoration-color:#00f;
}

.dateIs {
color:#00f;
font-size:1.2rem;
font-weight:bold;
margin:0 .25rem;
cursor:pointer;
}

.dateIs:hover {
color:magenta;
}

.C635.entry .entry_body {
font-family:"Comic Sans MS";
}

a.btn {
text-decoration:none;
border:1px solid #ccc;
border-radius:1rem;
padding:.25rem 1rem;
margin-bottom:.75rem;
margin-right:.5rem;
box-shadow:3px 3px #ccc;
display:inline-block;
color:#630;
}

/* -- fileView -- */
#fileView {
margin-bottom:2rem;
}

/* -- コマンドリスト -- */
.btn-ul span {
border:1px solid #ccc;
border-radius:4px;
padding:.2rem 1rem;
margin-bottom:.75rem;
box-shadow:3px 3px #ccc;
display:inline-block;
color:#000;
cursor:pointer;
transition:background-color .5s, color .5s, box-shadow .5s;
}

.btn-ul span.ac {
box-shadow:1px 1px #ccc inset;
}

.btn-ul span.vis {
bg-c:#ffc;
}

.btn-ul span.now {
bg-c:orange;
color:#fff;
transition:background-color .5s, color .5s, text-shadow 1s;
text-shadow:1px 1px 2px #aaa, -1px 1px 2px #aaa, 1px -1px 2px #aaa, -1px -1px 2px #aaa,
1px 0px 2px #ccc, -1px 0px 2px #ccc, 0px -1px 2px #ccc, -0px -1px 2px #ccc;
}

.btn-ul span:hover {
bg-c:#ccf;
}
.btn-ul span.now:hover {
bg-c:#c9f;
}

iframe.inline {
width:100%;
height:100vh;
}

#mainDisp.ev0 { transition:transform .5s; transform:scale(0); }
#mainDisp.ev1 { transition:top 1s; top:120vh; }
#mainDisp.ev2 { transition:top 1s; top:-120vh; }
#mainDisp.ev3 { transition:transform 1s; transform:scale(0) rotate(720deg); }

.user-dels {
margin-top:3rem;
background:url("/home/default/files/yukikko2b.gif") no-repeat top center;
padding-top:240px;
text-align:center;
}

[/CSS-C-DATA]