CSS 花見日和

今日:2 hit、昨日:3 hit、合計:102 hit

CSS コピペ用css

フォント泥棒する人は
食べます
byフォント泥棒をする人を食べるおじさん

◆花見日和サンプル◆

☟絶対読め☟
◆利用規約やら使い方やら◆

▷できること
個人利用○
改変▲(おすすめしない)
機能の追加○

▷できないこと
画像リンクを含む全ソースコードの中抜き✕
ソースコードの再配布✕
改変したソースコードの配布✕

【使用フォント】
ほのか新アンティーク丸
ライセンス： SIL Open Font License 1.1

【画像配布元】
・pixabay
より詳しい画像リンクはサンプルをご覧ください

/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
使用フォント: ほのか新アンティーク丸
ライセンス:　SIL OFL Ver 1.1
---------*/

@font-face
{font-family:ほのか新アンティーク丸;
src: url(https://dl.dropboxusercontent.com/scl/fi/2qbbuaycc1y2kolvumieb/Honoka-Shin-Antique-Maru_R.woff2?rlkey=01isyzed1u0w1zija5nk030w0&);}
*{font-family:
ほのか新アンティーク丸,sans-serif !important;}

/*最背面背景色*//*全体文字色*/
body{
background:#fefdf6 !important;
color:#875d51;}

/*でか枠*/
div#container,div#wrapper, div#content, div#navigation, div#topcon{
background:#fefdf6 ;
border-radius:6px;
border: 0;}

/*選択範囲色*/
::selection{
color:#fff;
background:#e4c9b7;
text-shadow:none;}

/*桜の画像*/
#output.osmall, #output.omedium ,#output.olarge {
background:
linear-gradient(180deg, #eaefd812, #f8fef6ba 67%, #fefdf6)bottom /100% auto no-repeat ,
url(http://img.u.nosv.org/uploader/files/2/9/7/297978c25bfa96a9ce991e1c491e262a.png)top /100% auto no-repeat
#d1e7e4 ;}

@media only screen and (max-width:769px){
#output.osmall{
background-size:100% auto !important;}}

/*リンク色*/
a:link,a:visited{color:#d28072;}
div.block.urank a:visited,
div.block.relsolr a:visited,
ol.navlist a:visited{color:#b7a899 ;}

/*ホバー*/
a:hover {color: #eab6ae !important;}

/*トップバーリンク*/
div#umbar.clearfix a{color:#d28072 !important;}

/*お話選択リンク・ホバー*/
form#dr a:link, form#dr a:visited {
color: #ad9c95 ;}

form#dr a:hover{
color:#ebbaaf;}

/*お話選択のハート数・NEW*/
form#dr.ipt ,form#dr.ipt span{
color:#d09588 !important;}

/*テキスト入力欄*/
input[type=text], input[type=password],
p.block.spmymenu.clearfix a,
div#bsearch_center input.txt{
background: #fefcf78c ;
color:#d09588 !important;
border: solid 1px #c59c8675 ;
border-radius:4px !important;}

input#nm{
background:#fbf4ed ;}

/*ブロック*/
.block{
background-color:transparent !important;
border-radius:3px !important;
border:1.3px solid #f8ebe0 !important;}

/*関連作品・コメントブロック*/
.block.urank, .block.relsolr, p#comments.block{
background: #fcf8f0 !important;
border-top:none !important;
border-radius:0 0 4px 4px!important;}

/*お気に入り*/
div#content .oblock,div#tobbs{
background:#fcf8f0 !important;
border: none!important;}

/*桜色枠線白背景投票ブロック、作品のタグ*/
.ratingblock, div#tblock.block, div#trblock.block {
background: transparent !important ;
border: 1px solid #d2807273 !important;
border-radius:3px !important;}

/*白二重枠線背景うす桜色*/
#topmenu,
h3 ,
form.commentform,
h3.block_head.fnormal{
background:#ecc5b252 !important;
color:#d1735e !important;
border:double #fffcf6 !important;
border-width:3px 0 3px !important;}

/*白二重枠線桜背景付き*/
#topmenu,
h3.block_head.fnormal{
background:url(http://img.u.nosv.org/uploader/files/5/3/c/53c11026c8bc0ec681227e1114bbafaa.png)top right/ 248px auto no-repeat #e1eee9 !important;}

/*白二重枠線の見出し文字*//*おもしろ度の評価*/
#topmenu a, .fnormal a,div#tobbs a, div#tobbs span{color:#d88d6f !important;}
form.commentform a, div#tobbs span, .pageno,
.ratingblock,.static, p.voted, .thanks{color:#daa198 !important;}

/*水色背景トップメニュー*/
div#umbar.clearfix{
background:#f6e6dc !important;
color:#fffaf5 !important;
border: solid #f6e6dc !important;}

/*占ツクのトップのボーダー*/
div#topcon,#topcon_line{
border-color: #f6e6dc !important;}

/*トップメニュー探すテキスト入力枠・項目毎の枠線*/
#seboxform,
.block.spmymenu.clearfix{
background-color: transparent !important;
border:0 !important;}

/*◆作品説明欄*/
/*タイトル、右メニュー見出し*/
div#header a,h2 a{
background: linear-gradient(270deg, #eb9a94, #daac9e, #ddd5c2); ;
background: -webkit-linear-gradient(270deg, #eb9a94, #daac9e, #ddd5c2); ;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:1.12em !important;}

div#header,h2{
border-bottom: solid 1.7px #eee9de !important;}

/*執筆状態*/
/*作品の続きボタン*/
.nstat,
.p_next span a{color:#c2887a !important;}

/*更新日*/
#lastmod, .hrtct{color:#875d51 !important;}

/*スパン、現在順位など*/
#ranknow,div.rankupdate,
h2#hl_cmt span{
color:#b52d13 !important;}

ol.navlist span.fs85 {
color: #a7918c !important;}

/*右上のハートと、お話選択欄のハート*/
.hrtc,.hrtct{
background-image:url(http://img.u.nosv.org/uploader/files/8/e/f/8ef651abac8cdb7d52567ebe45442aba.png) !important}

span.hrtc {
background-size:9px 9px;}

/*作品説明欄*/
div#desc{
background-color: transparent;
border:0 ;
margin: 3px 0 0 !important;}

/*作品説明欄、小説本文のテキストシャドウ*/
div#desc {
text-shadow: 1px 1px 4px #fbfaef, 1px 1px 4px #fbfaef, 1px 1px 4px #fbfaef, 1px 1px 5px #fbfaef, 1px 1px 5px #fbfaef, 1px 1px 5px #fbfaef, 1px 1px 5px #fbfaef, -1px -1px 4px #fbfaef, -1px -1px 4px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef;}

/*最初から読む、選択した内容を見る、次話のボタン*/
input[type=submit],.p_next span{
background-color: transparent !important;
border-radius:0 !important;
color:#c59c86 !important ;
border:3px double #c59c8678 ;}

/*コメントフォーム投稿*/
input#sb2, input#cmsb.cm_btn{
background-color: #fefcf78c !important;
border-radius: 2px !important;
color: #c9a394 !important;
border: 3px #c1a69278 double;}

/*◆小説本文*/
div.result{
background-color: #fefcf6c7 !important;
color: #a37263;}

/*◆お話選択*/
div#content form#dr{
background: transparent !important;
border:none ;}

form.ipt {
line-height: 170% !important;}

/*標準ボタンを非表示*/
input[type=radio]{visibility:hidden;}

@media screen and (max-width: 769px){
div#content form.ipt fieldset label.ulbl {
margin-left: -10px !important;
display: inline-block;}}

/*関連作品ランク内線色*/
span.listitem,ol.navlist li ,#n_make ul li.lsep{
border-bottom: dotted 1.7px #c1b4a2;}

/*◆評価欄星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:url(http://img.u.nosv.org/uploader/files/6/e/6/6e62102a70b7f8e0d74366eb75a9b529.png);
background-size:30px auto;}

@media only screen and (max-width:600px){
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-size:25px auto !important;}}

/*ソーシャルトグル*/
div#socialtoggle.block img{
visibility:hidden;}
div#socialtoggle{
background:
url(http://img.u.nosv.org/uploader/files/1/7/7/177630ddd139fecfc3e6d8220f0b14e2.png) center / 240px auto no-repeat ;}

/*文字の大きさボタン*/
#resizer{
background-color: #fbfaf59e;
padding:4px;
font-size:10px;
letter-spacing:-.1em;
border-radius:4px;
border:none;
text-shadow:none;}

ホムペを作る｜感想を書く
 他の作品を探す