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


とりまこれ読んで
利用規約やら使い方やら

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

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

【付属画像】
・ハート
・□の画像→
・選択ボタン2種
・星
/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
圧縮後でもコピーして貼り付けてください
---------*/

/*テーマ色
#4F4F4F 黒灰色
#9E9E9E 灰色
#c4c4c4 白灰色*/

/*作品説明欄の画像がいらない場合はここから消す*/
div#desc,.commentform{
background-image:url(http://img.u.nosv.org/uploader/files/b/c/2/bc24feba192ec73bd69c3e8a77cb154a.png);
background-repeat:repeat-y;
background-size:158px auto;
background-position:right;}

@media only screen and (max-width:769px){
div#desc,.commentform{
url(http://img.u.nosv.org/uploader/files/b/c/2/bc24feba192ec73bd69c3e8a77cb154a.png) ;
background-size:100px auto; }}
/*ここまで消す*/


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

/*リンク色*/
a:link{color:#4F4F4F;}
a:visited{color:#9E9E9E;}

/*ホバーで色が滲む*/
a:hover,form#dr a:hover{
text-shadow: 0 0 2px #9E9E9E;
color:transparent;
text-decoration:none;}

/*テキスト入力ボックス 背景画像*/
input[type=text],input[type=password]{
background-color:#3E3E40;
color:#fff;
border-radius:0.3em !important;
border:1px solid #4F4F4F;}

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

.fnormal{
margin: 2px 0 3px !important;}

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

/*◆ページ上部*/

/*一番でっかい枠の線*/
div#container{
border :solid 7px #4F4F4F;
border-left:none !important;
border-right:0 !important;}

/*umedia リンク*/
div#umlinks.umclmn a{
color:#4F4F4F!important;}

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

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

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

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

/*◆作品表紙の見た目*/
/*タイトル下線*//*右メニュー 見出し下線*/
div#header,h2{
border-bottom: solid 1.8px #4F4F4F !important;}

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

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

/*ヒット数*//*最終更新日*//*執筆状態*/
.hblock, #lastmod ,.nstat{color:#4F4F4F !important;}

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

.hrtc{background-size: 8px 8px !important;}

/*作品説明欄*/
div#desc,.commentform{
background-color:#fff !important;
color:#474747;
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;
border-radius:0.56em !important;
border:3.5px double #000 !important;}

/*お話選択の背景色・枠*/
div#content form#dr {
background-color:#fff !important;
border:none;
color:#4F4F4F;}

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

/*最初から読む,選択した内容を見る*//*作品の続きボタン*/
input[type=submit], .p_next span{
background-color: #fff !important;
color:#4F4F4F !important ;
border:1.4px solid #4F4F4F;}

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

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

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

/*選択外*/
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:12px 12px;}

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

/*◆小説本文ページ*/
/*ページタイトル*/
.result h3{
background-color:#fff !important;
color:#4F4F4F !important;
border-radius:0.4em !important;
border:2.4px double #4F4F4F !important;}

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

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

/* 評価欄 背景色 枠 */
.ratingblock{
background-color:#fff;
border-radius:0.5em !important;
border:3px double #4F4F4F !important;}

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

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

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

/*スマホ関連作品ランキング見出し*/
h3.block_head{
background-color:#fff!important;
border: solid 1.8px #4F4F4F !important;
padding: 8% ;
border-left: none !important;
border-right: 0 !important;}

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

/*上記2つの枠内 線*//*pc版 関連作品ランク内 点線色*/
span.listitem,ol.navlist li { border-bottom: dashed 1px #9E9E9E !important;}

/*◆評価欄 星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:url(http://img.u.nosv.org/uploader/files/e/7/6/e760f82306e2c44fb9973beb8e8bc864.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.block{
background-image:url(http://img.u.nosv.org/uploader/files/7/4/2/74248cc31b70d72c122057ad431f7250.png);
background-repeat:no-repeat;
background-position:center;
background-size:240px auto;}

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

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

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

点数: 10.0/10 (18 票)

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

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

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

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