検索窓
今日:1 hit、昨日:0 hit、合計:279 hit
| CSS 個人利用のみ
改変可能css

サンプル

全体的に色が薄いcssです
細いフォントや手書きフォントは読みづらくなることが予想されます
導入は慎重にご検討ください



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

▷できること
個人利用○
改変○
ソースコードの中抜き○
機能やフォントの追加○
画像リンクの取得および配布◯

▷できないこと
ソースコードの配布(改変前・改変後)✕


【付属画像】
花の画像 配布元


ソーシャルメディアアイコン
/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
圧縮後もコピーし直して貼り付けてください
---------*/

/*◆ページ全体に影響する機能*/
/*背景スケスケの所*/
div#content,div#container,div#wrapper{
background:rgb(255,255,255,30%) !important;}

/*背景ちょっと透けてる所*/
div#topcon,div#navigation,div#desc,
.block.urank,div.block.relsolr,form.commentform,#comments,div#content .oblock{
background:rgb(255,255,255,50%) !important;}

/*選択範囲色*/
::selection{
color:#816868;
background:#f3eeea;}

/*リンク*/
a:link,a:visited{color:#a18f8c;}

/*テキスト入力ボックス枠 線*/
input[type=text]{
font-size: 1.1em;
color:#c9b8ad;
border-radius:0.3em !important;
border:1.5px solid #EFE9D9;}

input#nm{text-align:center;}

/*ブロックとブロックの間 調整*/
div#content form{
margin: 4px 0 4px !important;}

.block{
margin:3px 0 3px !important;}

/*最背面背景色*/
body{background:#fdf9f4;}

/*全体文字色*/
body{color:#6c6065;}

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

/*占ツクのトップバー(下線)*/
div#topcon{
border-radius:0.4em!important;
border-color:#f4f0ea!important;}

#topcon_line{
border-radius:0.4em !important;
border-bottom-color:#f4f0ea!important;}

/*トップメニュー(マイペ 探す 作る 履歴)*/
div#topmenu{
background:url(http://img.u.nosv.org/uploader/files/e/a/5/ea5f592d68d5127f4d50d4886c54eccc.png)center left/170% auto ;
border-radius:.5em !important;
border:double 3px #fdf9f4!important;}

div#topmenu a{color:#816868;}

/*トップメニュー探す テキスト入力欄 外枠*/
#seboxform,p.block.spmymenu.clearfix{
background-color:#e6ebe740!important;
border-radius:.4em !important;
border: none!important;}

/*◆作品表紙の見た目*/
/*コンテンツフォーム(一番でっかい枠)の線*/
div#container{
border :solid #f4f0ea;
border-radius:0.4em !important;
border-width:7px 2px 2px 3px
!important;}

/*タイトル*/
div#header{
border-bottom: dashed 1px #a18f8c !important;}

/*タイトル*//*見出しの文字*/
div#header a,h2 ,h2 a ,h2 span{
color:#816868 !important;}

div#header a,h2 ,h2 a {
font-size:1.07em !important;}

/*ヒット数*//*最終更新日*/
.hblock,#lastmod{
color:#735a53 !important;}

#ranknow{color:#bab0b8!important;}

/*ハート*/
.hrtc,.hrtct{
background-image:
url(http://uranai.nosv.org/uploader/common/3/e/e/3ee4591f7f232f67557b0fbad7a43d13.png) !important;
color:#735a53 !important;}

/*執筆状態の文字色*/
.nstat,span.fs85{
color:#bab0b8!important;}

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

/*作品説明欄の文字色と枠色*/
div#desc{
border-radius:0.56em !important;
border:3.5px double #c6b9b9;}

/*作品説明欄・小説本文 リンク色*/
div#desc a,.result a,#resizer a{
color:#c9bcba !important;}

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

/*お話を選んでね*/
form#dr{
background-color:#fff !important;
color:#bab0b8
!important;}

/*お話選択のリンク*/
form#dr a{
color:#735a53 !important;}

/*◆小説本文ページ*/
/*ページタイトル背景画像・枠*/

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

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

/*◆ページ下部*/
/* 評価欄 背景色 枠 */
.ratingblock{
background-color:#fff;
border-radius:0.5em !important;
border:2px solid #e7e2e4 !important;}

/*お気に入り登録*/
div#content .oblock{
border-radius:0.4em !important;
border: 4px double #e7e2e4;}

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

/*スマホ関連作品ランキング見出し*//*トップメニュー探す 項目毎の枠線*//*検索,編集,投稿,最初から読む,選択した内容を見る,投稿*//*次話のボタン*/
input[type=submit]:not(#sb2),.p_next span,.result h3,
h3.block_head{
background-image:url(http://img.u.nosv.org/uploader/files/e/a/5/ea5f592d68d5127f4d50d4886c54eccc.png) ;
background-position:center right;
background-size:100% auto;
color:#816868!important;
border-radius:0.5em !important;
border:2.4px double #fbf6ff;}

/*上項目の文字色*/
p.block.spmymenu.clearfix a,h3.block_head a,input[type=submit],.p_next span a{
color:#816868!important;}

/*ブロック(関連作品、マイページ、コメント欄など)*/
input#sb2,p.block.spmymenu.clearfix a,.block,.commentform{
background-color:#f9f6f2 !important;
border-radius:0.45em !important;
border:1.3px solid #eee7dd!important;}

/*スマホ関連ランキング*//*スマホ関連作品*/
.block.urank,.relsolr{
border-radius:1em !important;
border:1.5px solid #eee7dd!important;
margin: 3px 0 3px !important;}

/*上記2つの枠内 線*/
span.listitem{
border-bottom: dashed 1px #eee7dd;}

/*ランキング・関連作品のリンク*/
.block.urank a:visited,.relsolr a:visited,ol.navlist li a:visited{
color:#c3b8aa !important;}

/*ホバー*/
a:hover,div#desc a:hover,.result a:hover,form#dr a:hover{
color:#c9bcba !important;}

/*◆pc表示右メニュー*/
/*pc版 関連作品ランク内 点線色*/
ol.navlist li { border-bottom: dashed 1px #a18f8c !important;}

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

/*チェックボタン透明化*/
div#content form.ipt fieldset input[type=radio]{visibility:hidden;}

/*ボタン選択中*/
input[type=radio] + label :checked{
border-bottom:solid 1.3px #a18f8c !important;}


/*お話選択の左余白の調整・下線*/
label.ulbl {
border-bottom:dashed 1.2px #a18f8c !important;
margin-left:-11px !important}

/*評価欄 背景 グレー色の星 pc表示*/
.unit-rating{
background:url(http://img.u.nosv.org/uploader/files/2/1/c/21c0043a738b300ec26867d292e7ad23.png)left center;
background-repeat:repeat-x ;
background-size: auto 100%;}

/*評価欄 背景 グレー色の星 スマホ表示*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio:1.5) {
.unit-rating {
background: url(http://img.u.nosv.org/uploader/files/2/1/c/21c0043a738b300ec26867d292e7ad23.png)left center;
background-size: auto 100% !important;}

/*評価欄 ホバー時の星*/
.unit-rating li a:hover{
background:url(http://img.u.nosv.org/uploader/files/9/a/5/9a5f4fa48fd632df7e306c17ed010737.png)left center;
background-repeat:repeat-x;
background-size:auto 100%;}

/*評価欄 評価後の星*/
.unit-rating li.current-rating{
background:url(http://img.u.nosv.org/uploader/files/9/a/5/9a5f4fa48fd632df7e306c17ed010737.png)left center;
background-repeat:repeat-x;
background-size:auto 100% ;}

/*ソーシャルトグル*/
div#socialtoggle.block img{
visibility:hidden;}
div#socialtoggle.block{
background:url(http://img.u.nosv.org/uploader/files/8/2/4/824cc8f4760e3c09bedaf78cd1fdd1fd.png) center center;
background-repeat:no-repeat;
background-size:240px auto;}

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

このホムペをお気に入り追加 登録すれば後で更新された順に見れます
オリジナル作品
違反報告 - ルール違反の作品はココから報告

作品は全て携帯でも見れます
同じような占いを簡単に作れます → 作成

作者名:作者 | 作成日時:2023年9月9日 0時

パスワード: (注) 他の人が作った物への荒らし行為は犯罪です。
発覚した場合、即刻通報します。