検索窓
今日:1 hit、昨日:0 hit、合計:1,811 hit
| CSS 🦋


👇ご利用の前に読んで欲しいやつ
◆利用規約やら使い方やら◆

▶できること
フォントや機能の追加◯
改変◯
画像リンクの取得・配布◯
ソースの中抜き◯
中抜きしたソースで作成したcssの配布◯
改変後の配布◯

▶できないこと
CSSそのままの再配布


【付属画像】
・蝶々のイラスト 配布元
・選択ボタン2種
・星
・ハート
/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
---------*/

/*テーマ色
#B21A52 つつじ色
#898989 灰色
#c4c4c4 白灰色
#3E3E40 黒 文字色
*/

/*◆ページ全体に影響する機能*/
/*最背面背景色*//*全体文字色*/
body{background-color:#F3F5F4;
color:#3E3E40;}

/*選択範囲色*/
::selection{
color:#B21A52;
background:#e9e9e9;}

/*最初から読む,選択した内容を見る,投稿*//*トップメニュー探す 項目毎の枠線*//*ブロック*/
input[type=submit],input[type=text],input[type=password], .p_next span ,p.block.spmymenu.clearfix a ,.block{
background-color: #fff !important;
color:#B21A52 !important ;
border:1.4px solid #B21A52 !important;}

/*上記枠線の丸み*/
input[type=text]{
border-radius:0.35em !important;}
.block{
border-radius:0.5em !important;}

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

/*リンク色*/
a:link{color:#B21A52;}
a:visited{color:#898989;}

/*お話選択の文字色*//*関連作品小見出し文字色 */
form#dr.ipt a ,.fnormal a{
color:#B21A52 !important;}

/*ホバー*/
a:hover,div#header a:hover ,form#dr a:hover{
text-shadow: 0 0 2px #acacac;
color:transparent !important;
text-decoration:none !important;}

/*フォーム間調整*/
div#content form{
margin: 6px 0 6px !important;}

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

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

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

/*トップメニュー(マイペ 探す 作る 履歴)*/
div#topmenu {
border: double 3px #B21A52 !important;
border-radius:0.4em !important}

/*トップメニュー探す テキスト入力欄 外枠*/
#seboxform {
border: solid 1px #fff !important;
background-color: #fff !important;}

/*◆作品表紙の見た目*/
/*タイトル*/
div#header{
border-bottom: solid 1.8px #c4c4c4 !important;}

/*最初の一文字*/
h1:first-letter {color:#B21A52;
font-size: 1.2em;
font-weight:300 !important;}

/*それ以外の文字*/
h1.utitle a{color:#898989 !important ;
font-size: 0.95em;
font-weight:300 !important;}

/*ヒット数,最終更新日,執筆状態の文字色,ページナンバーの色*/
.hblock ,#lastmod ,.nstat ,.pageno{color:#898989 !important;}

/*ハート*/
.hrtc,.hrtct{
background-image:url(http://uranai.nosv.org/uploader/common/e/0/9/e09394c0646fbcac2d579a3077101c63.png) !important;
color:#B21A52 !important;}

/*文字の大きさ変更ブロック*/
#resizer {
background-color: #ffffff87;
font-size: 11px;
padding: 4.7px;
border-radius:0.4em ;
border: solid 1px #B21A52;}

/*作品説明欄の文字色と枠色*/
div#desc{
background-color:#fff;
color:#3E3E40;
text-shadow:0 1px 2px #fff;
border-radius:0.5em !important;
border:3.5px double #B21A52;}

/*作品説明欄背景画像*/
div#desc{
background-color:#fff;
background-image:url(http://uranai.nosv.org/uploader/common/5/e/a/5ea8b41f529e26e2f021364b540962db.png);
background-repeat:no-repeat;
background-size: auto 100%;
background-position:right;}

/*お話選択*/
div#content form#dr{
background-color:#fff !important;
border:none ;
color:#B21A52;}

/*話選択 ボタン*/
/*選択外*/
input[type=radio]{visibility:hidden;}input[type=radio] + label{padding-left:22px;
background-image:url(http://uranai.nosv.org/uploader/common/1/6/9/169c4bffed184d2a41afe881e03db467.png);
background-repeat:no-repeat;
background-size:13px 13px;}

/*選択中*/
input[type=radio]:checked + label{background-image:url(http://uranai.nosv.org/uploader/common/2/5/c/25c11930e898034153278f22091cb4d9.png);
background-repeat:no-repeat;
background-size:13px 13px;}

/*◆小説本文ページ*/
/*ページタイトル背景画像・枠*/
.result h3{
background-color:#fff !important;
color:#B21A52 !important;
border-radius:0.4em !important;
border:2.4px double #B21A52 !important;}

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

/*評価欄,コメントフォーム*/
.ratingblock ,.commentform{
background-color:#fff !important;
border-radius:0.5em !important;
border:3px double #B21A52 !important;}

/* おもしろ度の評価 文字色 */
.ratingblock ,.static ,.thanks,p.voted{
color:#B21A52;}

/*スマホ関連作品ランキング見出し*/
.fnormal{
background-color:#fff!important;
border: solid #B21A52 !important;
border-width: 1.8px 0 !important;
margin: 2px 0 3px !important;}

/*ランキング枠内 点線*/
span.listitem ,ol.navlist li { border-bottom: dashed 1px #c4c4c4;}

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

/*評価欄 星*/
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:
url(http://img.u.nosv.org/uploader/files/9/5/c/95c6aae5e6e38fc2002a80df4c23fed4.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;}}

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

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

点数: 10.0/10 (16 票)

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

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

作者名:作者 | 作成日時:2023年7月2日 5時

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