css 和風 朱と薄水

今日:1 hit、昨日:0 hit、合計:994 hit

CSS ⛩
そのままでも使えて改変もできるcssです

サンプル

できること
・個人利用◯
・改変(魔改造)◯
・改変後の配布◯
・ソースコードの中抜き◯
・中抜きしたソースコードの配布◯
・画像urlの中抜き◯
・画像の加工◯
・画像の再配布◯

できないこと
・再配布✕

読んでね👇
◆利用規約やら使い方やら◆

/*---------
消すな
配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
---------*/

/*テーマカラー
#3E3E40 黒色文字色
#C75135 朱色メインカラー
#828F8F 灰水色差し色
#F3F5F4 青みのある白灰色背景色
*/

/*◆ページ全体に影響する機能*/
/*選択範囲色*/
::selection{
color:#F3F5F4;
background:#828f8f;}

/*リンク色*/
a:link{color:#C75135;}
a:visited{color:#698284;}

/*ホバーで色が滲む*/
a:hover {
color:#d6d6d6;}

/*テキスト入力ボックス枠線*/
input[type=text]{
border:2px double #C75135;}

/*背景色*//*全体文字色*/
body{
background-color:#F3F5F4;
color:#3E3E40;}

/*コンテンツフォーム(一番でっかい枠)の線*/
div#container{
border:solid 7.1px #C75135;
border-left:none !important;
border-right:0 !important;}

/*◆ページ上部*/
/*umedia リンク*/
div#umlinks.umclmn a{
color:#828F8F !important;}

/*トップメニュー探す項目毎の枠線*/
p.block.spmymenu.clearfix a{
border:0.9px solid #828F8F;}

/*占ツクのトップバー(下線)*/
#topcon_line{
border-bottom-color:#C75135 !important;}

div#topmenu a{color:#698284 !important;}

/*◆作品表紙の見た目*/
/*タイトル*/
h1:first-letter {font-weight:600 !important; font-size: 1.3em; color:#C75135;}
h1.utitle a{
color:#899A9B !important;
font-weight:400 !important;
text-stroke: 0.2em 0.02em 0.2em #fff
!important;}

/*更新日付*//*執筆状態の文字色*/
#lastmod,.nstat{
color:#C75135 !important;}

/*右上のハートと、お話選択欄のハート*/
.hrtc,.hrtct{
background-image:url(http://uranai.nosv.org/uploader/common/d/7/7/d775b5b5f6ddc726359659d6a197e9f2.png) !important;
color:#C75135 !important ;}

/*文字の大きさ変更ボタン*/
#resizer{
background-color:#fff;
padding:3px 3px 3px;
font-size:12px;
letter-spacing:-.1em;
border:1px solid #C75135 ;
text-shadow:none;}

/*作品説明欄*/
div#desc{
height:300px;overflow:auto;
word-break:break-all;line-break:strict;
background:url(http://uranai.nosv.org/uploader/common/f/d/f/fdf178b522ac35226b11feffe46d1003.png)center right / auto 390px repeat-y #fff;
color:#233131;
text-shadow:1px 1px 2px #fff,-1px -1px 2px #fff,-1px 1px 2px #fff,-1px -1px 2px #fff,1px 1px 3px #fff,-1px -1px 3px #fff,-1px 1px 3px #fff,-1px -1px 3px #fff;
border:3.5px double #C75135;}

@media screen and (max-width:600px){
div#desc{
background-size: auto 300px;}}

/*お話選択の背景色・枠*/
form#dr{
background-color:#fff!important;
color:#C75135;
border: solid 0px #fff;}

/*お話選択の文字色*/
form#dr a:link,form#dr a:visited{
color:#233131;}

/*お話選択の文字色ホバー*/
form#dr a:hover{
text-shadow: 0 0 2px #F3F5F4
/*左右上下ぼかし度色*/;
color:transparent ;}

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

/*ボタン選択外*/
input[type=radio] + label{
padding-left:20px;
background-image:url(http://uranai.nosv.org/uploader/common/f/5/2/f529f5bf93af8f172ecb1f932c610acb.png);
background-repeat:no-repeat;
background-size:11px 11px;}

/*ボタン選択中*/
input[type=radio]:checked + label{background-image:url(http://uranai.nosv.org/uploader/common/2/a/3/2a3bfa33e950a11243b12528358c8f88.png);background-repeat:no-repeat;background-size:11px 11px;}

/*「最初から読む」
「選択した内容を見る」
「投稿」囲み線・背景色背景画像*/
input[type=submit]{
background-color: #fff;
color:#C75135 !important ;
border:3px double #C75135;}

/*◆小説本文ページ*/
/*小説本文の文字色*/
#u_result{
color:#233131 !important ;}

/*ページタイトル背景画像・枠*/
.result h3{
background-color:#fff !important ;
image:url();
color:#C75135 !important;
border:3px double #C75135 !important;}

/*ページナンバーの色*/
.pageno{
color:transparent !important;}

/*次話のボタン*/
.p_next span{
background-color:#fff!important;
image:url();
border:3px double #C75135;}

/*作品の続きボタン*/
.p_next span,.p_next span a{
color:#C75135;}

/*◆ページ下部*/
/*お気に入り登録*/
div#content .oblock{
border: 1px solid #fff;
background-color: #fff;}

/* 評価欄枠背景色 */
.ratingblock{
background-color:transparent;
border:3px double #C75135 !important;}

/*おもしろ度の評価・点数: 0.0/10(0票)*/
.ratingblock,.static{color:#C75135;}

/*上記以外の枠線色(関連作品、マイページ、コメントフォームなど)*/
.block{
background-color:#fff!important;
image:url();
border:1px solid #C75135 !important;}

/*スマホ関連作品ランキング見出し文字色*/
.block_head.fnormal a{
color:#c75135 !important;}

/*スマホ関連作品ランキング見出し背景*/
.block_head.fnormal,.commentform{
background-color:#fff !important;
border:1.7px solid #C75135 !important;
margin:1.5px 0 4px !important;}

/*スマホ関連ランキング背景色枠*//*スマホ関連作品背景色枠*/
.block.urank,.relsolr{
background-color:#fff;
border:3px double #C75135 !important;
border-top:none !important;
border-bottom:0 !important;}

/*◆pc表示右メニュー*/
/*右メニュー枠背景色*/
.navlist{
background-color:#FFF;
border:0;}

/*pc版関連作品ランク内点線色*/
ol.navlist li { border-bottom: dashed 1px #828F8F !important;}

/*pc版右メニュー見出し線色*/
h2{border-bottom: solid 1.8px #C75135 !important;}

/*◆評価欄星*/
/*星投票中*/
rating{background:url(http://uranai.nosv.org/uploader/common/0/8/1/081efd61aed2b0aa7a7218fbec42686a.png);background-repeat:repeat-x ;background-size:auto 80% ;background-position: center;}
/*星投票後*/
.unit-rating li.current-rating{background:url(http://uranai.nosv.org/uploader/common/0/8/1/081efd61aed2b0aa7a7218fbec42686a.png);background-repeat:repeat-x ;background-size: auto 100%;background-position: left;}

/*星ホバー*/
.unit-rating li a:hover{background:url(http://uranai.nosv.org/uploader/common/0/8/1/081efd61aed2b0aa7a7218fbec42686a.png);background-repeat:repeat-x ;background-size: auto 100%;background-position: left;}

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

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

おもしろ度を投票
( ← 頑張って！｜面白い！→ )