検索窓
今日:1 hit、昨日:0 hit、合計:223 hit
| CSS コピペ用css

回想独奏 サンプル

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

▷できること
個人利用○
ソースコードの中抜き○
改変○
機能やフォントの追加○

▷できないこと
画像リンクの取得✕
画像リンクの配布✕

ソースコードの再配布✕
改変したソースコードの配布✕

【付属画像】
・ピアノ ▷配布元
・楽譜 ▷配布元
・ハート
・投票の♢
/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
---------*/

/*◆ページ全体に影響する機能*/
/*全体背景色文字色*/
body{background:#f6f5f5 ;
color#:37373b !important;}

*{font-family: 游明朝,serif !important ;}

/*選択範囲色*/
::selection{
color:#fff;
background:#7f8287;
text-shadow:none;}

/*スクロールバー*/
::-webkit-scrollbar {
width: 0.5em;
height: 0.5em;}

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

/*リンク*/
a:link{color:#69410e;
text-shadow: 1px 1px #f4f4f4;}
a:visited{color:#bcb6a9;}

div#topmenu a,div#umlinks.umclmn a{color:#5b4106 !important;}

/*ホバー*/
a:hover ,form#dr a:hover{
color:#a2a7b1 !important;}

/*名前入力欄、トップメニュー(マイペ 探す 作る 履歴)*/
input#nm,div#topmenu{
background-color:#ffffff9e;
color:#6f727c !important;
text-shadow: 0 0 0.2em #fff;
border:1px solid #ebe6e1 !important;}

/*その他テキスト入力欄*/
input[type=text],input[type=password],div#bsearch_center input.txt{
background: #d9dddc;
color:#454e6b !important;
text-shadow: 0 0 0.2em #fff;
border:none;}

/*最初から読む, 投稿」囲み線・背景色*/
input[type=submit],.p_next span{
background-color: rgb(255,255,255,.6) !important;
border-radius:0em !important;
color:#4f535b !important ;
border:3px double #c9bdb678;}

/*ブロックの間の調整*/
div#content form{
margin: 4px 0 6px !important;}
.block.urank,.block.relsolr{
margin: 2px 0 2px !important;}

/*枠線色1 背景白(投票ブロック、関連作品、ソーシャルトグル)*/
div#container ,
.ratingblock ,.block ,.block.urank ,.relsolr,div#socialtoggle{
background-color:#fff !important;
border:1px solid #d4ccc4 !important;}

/*枠線色2 背景薄茶(お気に入り、関連作品見出し、不具合報告など)*/
div.oblock ,h3.block_head.fnormal,div#tobbs, .commentform ,input#sk.txt{
background-color:#f4f0eb !important;
border:1px solid #d4ccc4 !important;}

/*◆ページ上部*/
/*占ツクのトップのボーダー*/
div#topcon,#topcon_line{
border-color: #d4ccc4 !important;}

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

/*トップメニュー探す テキスト入力枠・項目毎の枠線*/
.spmymenu a {
background-color: #fff !important;
border-radius:0em !important;
border:1px solid #ebe6e1 !important;}

div#sebox input#sk2 {
background-color: #aeb3b452 !important;
border-radius:0em !important;
border:1px solid #ebe6e1 !important;}

/*◆作品説明欄*/
/*タイトル、右メニュー見出し*/
div#header a,h2,h2 a {
color:#686a71 !important;
font-weight: bold ;}

div#header,h2{
border-bottom: solid 1.7px !important;
border-image:linear-gradient(to right,#a6a8b1 0%, #e6ddd2 50% ,#faf8f1 100%);
border-image-slice: 1;}

/*ヒット数*//*最終更新日*//*執筆状態*/
/*おもしろ度の評価 *//*関連作品小見出し*//*作品の続きボタン 文字色*/
.hblock,#lastmod,.nstat,
.ratingblock,.static,h3.block_head a,.p_next span a{
color:#896a51 !important;}

/*スパン*/
#ranknow,
h2#hl_cmt span,
ol.navlist span.fs85 ,form#dr.ipt span,
div.rankupdate{
color: #5f7a88 !important;}

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

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

/*作品説明欄の文字色と枠色*/
div#desc{
background-color:#fff;
border:0px solid #515254;}

/*◆お話選択背景画像*/
div#content form#dr,form#dr {
height:450px;
overflow-y: scroll;
background-color:#f0ebe6 !important;
border:none;
background-image: linear-gradient(100deg, #f0ebe6 51%, transparent 73%) ,url(http://img.u.nosv.org/uploader/files/f/a/9/fa9d689f68adc2098a7a54b6b4242922.png);
background-size: auto 100%;
background-position:center right;
background-repeat:no-repeat;}

@media screen and (max-width:600px){div#content form#dr,form#dr{
height:510px;
background-size: auto 100%;
background-position: center ,156px center ;}}

/*お話選択の文字色*/
form#dr.ipt , form#dr a {
color: #000 !important;
text-shadow: 1px 1px 3px #f7f2ec, 1px 1px 3px #f7f2ec, 1px 1px 3px #f7f2ec,1px 1px 3px #f7f2ec,1px 1px 3px #f7f2ec, -1px -1px 3px #f7f2ec , -1px -1px 3px #f7f2ec ,-1px -1px 3px #f7f2ec;}

/*お話選択のハート数・NEWの文字*/
form#dr.ipt ,form#dr.ipt span{color:#828c91 !important;}

/*話選択 ボタン*/
input[type=radio]{visibility:hidden;}

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

/*◆ページ下部*/
/*ページタイトル背景画像・枠*//*作品のタグ*/
.result h3,div#tblock.block{background-image:url(http://img.u.nosv.org/uploader/files/c/5/a/c5a9334827b221e429348ed7e0d03ef5.png) !important;
background-repeat:no-repeat;
background-size:100% auto;
background-position:center;
border-radius:0em !important;
border:1px solid #515254;}

/*上記の文字色*/
.result h3,div#tblock.block a,div#tblock.block{
color:#fff !important;
text-shadow:none;}

/*関連作品ランク内 点線色*/
span.listitem,ol.navlist li {
border-bottom: solid 1px #e3e1e3;}

/*評価欄 の星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:url(http://img.u.nosv.org/uploader/files/8/a/7/8a7d3f6d09ab6576cb2fca02da2d15c7.png);
background-size:30px auto;
filter: brightness(93%);}

@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{
background:url(http://img.u.nosv.org/uploader/files/0/5/7/057b74d2b46f09d8373f8a33a6e26553.png) center center / 240px auto;
background-repeat:no-repeat;}

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

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

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

作者名:作者 | 作成日時:2024年1月5日 12時

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