ふたりの日記帳

[CSS-D-DATA]
/* -------- 共通罫線 -------- */
.entry {
padding-top:1rem;
padding-bottom:1rem;
position:relative;
margin-bottom:2rem;
}

.entry a:hover {
background-color:#ffc;
color:magenta;
}

/* -------- 編集エントリ -------- */
.entry_date {
font:105%/1.8 "Times New Roman";
padding-top:2rem;
}

.entry_date .edit {
cursor:pointer;
display:inline-block;
}

.entry_date .edit:hover {
color:magenta;
}

.entry_title a {
text-decoration:none;
font-weight:bold;
}

/* -- entry_info -- */
.entry_info {
padding:.5rem 0;
text-align:right;
font-size:1.08rem;
font-family:"Times New Roman";
line-height:1.8rem;
transition:font-size .7s;
}

.entry_info .oid {
color:brown;
}

.entry_info .cate {
color:darkgreen;
}

.entry_info a {
text-decoration:none;
}

:not(.toright).zn #F2 .entry_info,
.toright.zn #main .entry_info {
font-size:0;
}

:not(.toright).zn #F2 .entry_info .cate,
:not(.toright).zn #F2 .entry_info a,
.toright.zn #main .entry_info .cate,
.toright.zn #main .entry_info a {
font-size:1rem;;
margin-left:.5rem;
}

/* -- entry_body -- */
.entry_body {
font-size:100%;
padding:0 1em;
margin-top:1em;
margin-bottom:1em;
line-height:1.65;
transition:padding .5s;
}

.entry_body.line {
(lg-90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%),
lg-180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #808080 100%);
background-size:8px 100%, 100% 2em;
line-height:2em;
}

.toright.zn #main .entry_body, :not(.toright).zn #F2 .entry_body {
padding:0;
}

.toright.zn #F2 .entry_body, :not(.toright).zn #main .entry_body {
padding:0 2em;
}

/* 汎用領域の細かなクラスは「CSS-C-DATA」へ */


/* -------- コメントの部分 -------- */
.comment {
padding-bottom:2rem;
}

.comment_auther {
color:#00f;
font-weight:bold;
margin-left:.25rem;
}
/* -- コメント内のボタン -- */
.comment .ax, .come-sub {
display:inline-block;
font-size:.9em;
border:1px solid #808080;
border-radius:6px;
bg-c:#eef;
text-shadow:1px 1px 2px #808080;
color:#000;
padding:2px .5em;
box-shadow:3px 3px 3px #ccc;
}

.comment_element.up-biz a:first-child {
bg-c:#ffc;
font-size:0px;
}
.comment_element.up-biz a:first-child::before {
content:"中止";
font-size:.9rem;
padding:2px .5em;
display:inline-block;
}
/* -- 編集の送信ボタン -- */
.come-sub {
cursor:pointer;
color:#000;
bg-c:orange;
}
.come-sub:hover, .comment .ax:hover {
bg-c:#fee;
box-shadow:3px 3px 5px #ccc;
}
.come-sub:active, .comment .ax:active {
box-shadow:none;
}

.comment a {
text-decoration:none;
}

/* -- コメントへのリンク -- */
.entry_responses {
transition:font-size .5s;
}
.entry_responses a, .comment_title a {
text-decoration:none;
font-size:.9em;
margin-left:1em;
display:inline-block;
border-radius:1rem;
padding:.25em 1em;
border:1px solid #ccc;
box-shadow:3px 3px 3px #ccc;
}

.entry_responses.ins {
font-size:0px;
}

.entry_responses.ins form {
display:none;
}

/* -- コメント本体 -- */
.comment_element {
margin-bottom:2rem;
padding-bottom:.25em;
}
.comment_element * {
vertical-align;middle;
}

.comment_body {
display:block;
margin-top:.5rem;
padding:.5rem;
font-family:"Comic Sans MS";
font-size:.95rem;
line-height:1.8;
border:1px dashed #808080;
border-radius:6px;
transition:font-size .5s;
}

.comment_element.up-biz .comment_body {
font-size:0px;
}
.comment_body img.img-1 {
float:left;
}
.comment_body img.img-2 {
float:right;
}

.comment_element.up-biz .comment_body img {
display:none;
}


.entry:nth-last-child .comment {
padding-bottom:2rem;
}
/* -- 編集領域 -- */
.ax-up {
margin-top:.5rem;
margin-bottom:1.5rem;
}

.ax-up input[type="text"] {
margin-bottom:.5rem;
font-size:.9rem;;
line-height:1.5rem;
width:8rem;
padding:2px;
border-radius:4px;
border:1px solid #808080;
box-shadow:1px 1px 1px #eee;
transition:background-color .5s, width .5s, box-shadow;
}
.ax-up input[type="text"]:focus {
bg-c:#ffefff;
border:1px solid #00f;
box-shadow:3px 3px 3px #ccc;
width:16rem;
}

/* -- 編集エリア -- */
.ax-up textarea {
font-size:0px;
transition:font-size .5s;
display:block;
width:100%;
max-width:40em;
font-size:1rem;
line-height:1.5rem;
margin-bottom:.5em;
border:1px solid #808080;
border-radius:6px;
padding:.5rem;
height:10rem;
box-shadow:1px 1px 1px #eee;
transition:background-color .5s, box-shadow;
}

.ax-up textarea:focus {
bg-c:#ffefff;
border:1px solid #00f;
box-shadow:3px 3px 3px #ccc;
}

.come-cnt {
display:inline-block;
width:2rem;
text-align:right;
color:#00f;
}

.come-info {
color:#808080;
}
.disp-ft {
padding:1rem 1rem 4rem 1rem;
}

/* -- ソースの表示の装飾 -- */
.rep-msg {
color:#300;
margin:1rem;
font-size:.9.5rem;
line-height:1.5rem;
padding:.5rem .5rem .5rem 65px;
background:url("/home/default/files/yosei_0.gif") no-repeat;
}

.code-par {
counter-reset:cnt;
}
/* , .rep-user .rep-js::before */
.code-par i::before {
font-style:normal;
font-size:90%;
display:inline-block;
counter-increment:cnt;
content:counter(cnt);
width:5ex;
text-align:right;
color:#600;
bg-c:#ffe;
padding-right:1ex;
margin-right:1ex;
margin-bottom:1px;
border:1px solid #ccc;
border-radius:4px;
}
.rep-sys {
bg-c:#eee;
}
.rep-js {
bg-c:#ffefff;
}

.rep-pr {
color:darkorchid;
}
.rep-id {
color:deeppink;
bg-c:#ffc;
text-decoration:underline dotted #000;
}
.rep-in {
color:darkgreen;
text-decoration:underline dotted #000;
bg-c:#ffc;
}

.rep-cl {
color:blue;
text-decoration:underline dotted #000;
}
.rep-tag {
color:#f00;
text-decoration:underline solid #f00;
}

.rep-w {
color:brown;
text-decoration:underline dotted #0f0;
}
.rep-err {
color:#fff;
text-decoration:underline dotted #000;
bg-c:#f00;
}
.rep-war {
color:#000;
text-decoration:underline dotted #000;
bg-c:#ff3;
}

.rep-msg span {
display:inline-block;
margin-right:.5em;
width:6ex;
padding-right:1ex;
text-align:right;
line-height:1.6em;
text-decoration:none;
border:1px solid #ccc;
}

a.rep-a {
color:steelblue;
text-decoration:underline dotted blue;
transition:color .5s, text-decoration .5s, background-color .5s;
}
a.rep-a:hover {
color:#00f;
text-decoration:underline dotted tomato;
bg-c:whitesmoke;
}

.rep-c {
color:#808080;
bg-c:#eee;
}

a.rep-a-err {
color:steelblue;
text-decoration:underline dotted tomato;
bg-c:#ffefff;
}

/* -- 一時的なもの -- */
/*
.demon-sc {
padding:1em;
border-radius:6px;
border:1px solid #808080;
}
.demon-sc a {
display:inline-block;
width:40%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
text-align:right;
text-decoration:none;
border-bottom:1px dashed #ccc;
font-size:0px;
bg-c:#fff;
transition:background-color .5s, transform .5s;
}
.demon-sc span {
display:inline-block;
width:60%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding-left:.5em;
border-bottom:1px dashed #ccc;
transition:color .5s, transform .5s;
}
.demon-sc a[href] {
color:#000;
font-size:0px;
}
.demon-sc a::before {
font-size:1rem;
}
.demon-sc a[href*="user=17"]::before {
color:#00f;
content:"これはなあに？→";
}
.demon-sc a[href*="trans"]::before {
color:brown;
content:"こんなところに→";
}
.demon-sc a[href*="obj"]::before {
color:#339;
content:"いざ決戦のとき→";
}
.demon-sc:hover a {
transform:rotate(360deg);
}
.demon-sc:hover span {
transform:rotate(-360deg);
color:blueviolet;
}
.demon-sc a:hover {
bg-c:#ffc;
font-size:1rem;
color:tomato;
}
.demon-sc a:hover::before {
font-size:0px;
}
*/


[/CSS-D-DATA]