検索窓
今日:3 hit、昨日:0 hit、合計:1,662 hit
| CSS そのままでも使えて
改変もできるcssです

絶対読んで👇
利用規約やら使い方やら

【付属画像】
・ハート
・花のイラスト →
・選択ボタン2種
・星

雰囲気と色合い重視

標準フォントならギリ問題ないですが
細いフォントを導入する場合、文字の色や大きさなどの調整が必須になります
クソ見づらい状態で使わないでね
約束だよ
/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/hp/ikesase/
圧縮後でもコピーして貼り付けてください
---------*/

/*◆ページ全体に影響する機能*/
/*スクロールバー*/
::-webkit-scrollbar {
width: 0.65em;
height: 1em;}

@media screen and (min-width:760px){ ::-webkit-scrollbar-thumb {
background-color:#f2a57eab;}}

/*選択範囲色*/
::selection{
color:#5e6757;
background:#d9ddd294;
text-shadow: none;}

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

.block.urank a, .block.relsolr a, ol.navlist a{
color:#96a878;}
.block.urank a:visited, .block.relsolr a:visited, ol.navlist a:visited{
color:#cdcaca;}

/*ホバーで色が滲む*/
a:hover {
color:transparent !important;
text-shadow: 0 0 2px #ffdcd1 ;
text-decoration:none ;}

/*テキスト入力ボックス枠 線*/
input[type=text], input[type=password]{
background:#faeadb !important;
border-radius:5px ;
border:1px solid #f29a7e !important;}

/*最背面背景色*//*全体文字色*/
body{
background:#F2F2F2;
color:#5e6757;}

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

/*占ツクのトップバー(下線)*/
#topcon,#topcon_line{border-radius:7px !important;}

#topcon_line{
border-bottom-color:#c1ccae !important;}

/*トップメニュー(マイペ 探す 作る 履歴)*/
div#topmenu {
border:solid 2px #f1bdad !important;
border-left: 0 !important;
border-right: 0 !important;}

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

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

/*◆作品表紙の見た目*/
/*一番でっかい枠の線*/
div#container{
border-radius:0.7em !important;
border :solid 7px #c1ccae;
border-left:none !important;
border-right:0 !important;}

/*タイトル*/
/*下線*/
div#header, h2{
border-bottom: solid 2px #f7d1c6 !important;}

/*最初の一文字*/
h1:first-letter {color:#f29a7e;
font-size: 1.08em; }

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

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

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

/*作品説明欄*/
div#desc{
background:url(http://uranai.nosv.org/uploader/common/0/2/e/02ea3219de1ab89e80ed4249b9466992.png)right /190px auto no-repeat #fff !important;
border-radius:5px !important;
border:2px solid #f29a7e ;}

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

div#desc{
height:420px;overflow:auto;
word-break:break-all;line-break:strict;}

/*花柄背景の文字影*/
div#desc, h3, .pageno, #tobbs{
text-shadow:1px 1px 3px #fff,1px 1px 3px #fff,1px 1px 3px #fff,1px 1px 3px #fff,-1px -1px 3px #fff,-1px -1px 3px #fff,-1px -1px 3px #fff,-1px -1px 3px #fff !important;}

/*文字の大きさ変更ボタン*/
#resizer{
padding:3px 3px 3px ;
font-size: 0.9em ;
border-radius:0.2em !important;
border:1px solid #f29a7e;}

/*お話選択*//*お話を選んでね*/
div#content form#dr{
background:#fff !important;
color:#e8b19f;
border:0 !important;}

/*ページタイトル・執筆状態・現在順位*/
h3, .nstat, #ranknow{color:#f29a7e !important;}

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

form#dr a:hover{
color:transparent;
text-shadow: 0 0 2px #ecbcad;}

/*「最初から読む」「選択した内容を見る」「投稿]*/
input[type=submit], #resizer {
background-color: #ffffffbd;
color:#f29a7e !important ;
border:1.5px solid #f29a7e;}

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

/*選択外*/
input[type=radio] + label{
padding-left:20px;
background-image:
url(http://uranai.nosv.org/uploader/common/8/3/5/835a81a797b9d98c1530667b53cab558.png);
background-repeat:no-repeat;
background-size:9px auto;}

/*選択中*/
input[type=radio]:checked + label{
background-image:
url(http://uranai.nosv.org/uploader/common/a/b/d/abd6161cff143be28f9ef53c2e9c2a7b.png);
background-repeat:no-repeat;}

/*花柄背景 コメントフォーム、ページタイトル*/
form.commentform, .result h3, #tobbs{
background:url(http://img.u.nosv.org/uploader/files/d/2/8/d28e424845e2a4799db5a27ee23ea3aa.png)top right /55% auto no-repeat #fff !important;
border-radius:5px !important;
border:1.5px solid #f29a7e !important;}

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

/*次話のボタン*/
.p_next span{
background-color:#fff !important;
border:1.4px solid #f29a7e;}

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

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

/* 評価欄 背景色 枠 */
.ratingblock{
background-color:#fff;
border-radius:0.5em !important;
border:2.3px solid #f29a7e !important;}

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

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

/*関連作品小見出し文字色 */
.block_head a{color:#f29a7e !important;}

/*スマホ関連作品ランキング見出し*/
.fnormal, .block_head.fnormal{
background-color:#fff!important;
border: solid 1.8px #f29a7e !important;
border-left: 0!important;
border-right: 0 !important;}

/*スマホ関連ランキング背景色*//*スマホ関連作品背景色*/
.block.urank,.relsolr,p#comments.block {
background-color:#fff;
border-radius:5px !important;
border:1.5px solid #f9d1c5!important;
margin: 3px 0 4px !important;}

/*上記2つの枠内 右メニュー関連作品内 点線色*/
span.listitem, ol.navlist li { border-bottom: dashed 1px #cbd2c1 !important;}

/*pc版 右メニュー 見出し*/
h2, h2 a{
color:#f2b4a2 !important;
font-size: 1.04em;}

/*評価欄 星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:
url(http://img.u.nosv.org/uploader/files/3/1/e/31ef4eed4e0370f1c2c871b66129ee45.png);
background-size:30px auto;
filter: hue-rotate(4deg) saturate(134%) brightness(97%);}

@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 (11 票)

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

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

作者名:作者 | 作成日時:2023年7月1日 6時

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