今日:2 hit、昨日:0 hit、合計:160 hit
小|中|大| | CSS コピペ用css
サンプル
古書室にふたり サンプル
▷できること
個人利用○
機能追加○
画像リンクの取得○
画像リンクの配布○
フォントの変更▲(非推奨)
▷できないこと
ソースコードの改変/中抜き✕
ソースコード配布✕
絶対読め☟
◆利用規約やら使い方やら◆
【フォント】
あおぞら明朝配布元
【付属画像】
・ハート
・星
・背景の本棚 配布元
・見出しの装飾 配布元
サンプル
古書室にふたり サンプル
▷できること
個人利用○
機能追加○
画像リンクの取得○
画像リンクの配布○
フォントの変更▲(非推奨)
▷できないこと
ソースコードの改変/中抜き✕
ソースコード配布✕
絶対読め☟
◆利用規約やら使い方やら◆
【フォント】
あおぞら明朝配布元
【付属画像】
・ハート
・星
・背景の本棚 配布元
・見出しの装飾 配布元
/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
---------*/
/*-----------------------------------
フォント配布元:https://leafscape.be/fonts/120.html
-------------------------------------*/
@font-face
{font-family: あおぞら明朝 Medium;
src:url(https://cdn.leafscape.be/aozoramincho/AozoraMinchoMedium_web.woff2);}
*{font-family:あおぞら明朝 Medium, 游明朝,游明朝体,serif !important ;}
/*選択範囲色*/
::selection{
color:#272b27;
background:#4f403a40;}
/*全体文字色*//*最背面背景色*/
body{
background-color:#000;
background-image:url(http://img.u.nosv.org/uploader/files/1/5/b/15b7b27281bdd6fb8d8c0a186dfa4bad.png);
background-repeat:repeat;
background-size: 580px auto;
color:#371616;}
@media screen and (max-width:600px){
body{background-size: 520px; auto;}}
div#content,div#container,div#wrapper,div.result{
background :rgb(228 223 214 / 42%);}
div#navigation{
background-color: rgb(249 240 234 / 60%) !important;}
/*コンテンツフォームなどの間 調整*/
div#content form{
margin: 2px 0 2px !important;}
/*コンテンツフォーム(一番でっかい枠)の線*/
div#container{
border-width: 6px 0 4px 0 !important;
border: solid #85827b9c ;}
/*◆リンク*/
a:link,a:visited{color:#950f0f;}
div.block.urank a:visited,
div.block.relsolr a:visited,
ol.navlist a:visited{
color:#6d6161;}
/*赤背景の白文字 umediaリンク、ページタイトルなど*/
h3 ,.fnormal a,input[type=submit],div#umlinks.umclmn a, .pageno{
color:#cac6ba !important;
font-weight: 300 !important;
font-size: 98% !important;}
/*右メニュー見出し*/
h2,h2 a{
color:#757063 !important;}
/*ホバー*/
a:hover{
text-shadow: 0 0 3px #340e0e;
color:#e4dccd !important;}
/*◆その他文字色*/
/*スパン*/
fieldset span,h2 span,li span.fs85{
color: #b2840b !important;}
/*ヒット数、最終更新日、執筆状態*/
.hblock,#lastmod,.nstat{color:#3e2020 !important;}
/*おもしろ度の評価 、点数 */
.ratingblock,p.voted,.static,span.thanks{
color:#cba133;}
#ranknow{color:#950f0f !important;}
/*◆ページ上部*/
/*占ツクとトップメニュー 背景透過*/
div#topcon,div#topmenu{
background: rgb(228 223 214 / 88%) !important;}
/*占ツクのトップバー(下線)*/
#topcon,#topcon_line{
border-bottom: solid 3px #85827b9c !important;}
/*トップメニュー(マイペ 探す 作る 履歴)*/
div#topmenu {
border: solid 2px #85827b !important;
border-left: none !important;
border-right: 0 !important;}
/*トップメニュー探す 外枠削除*/
#seboxform,p.block.spmymenu.clearfix{
background-color: transparent !important;
border: none !important;}
/*トップメニュー探す 項目、テキスト入力ボックス枠*/
input[type=text] ,p.block.spmymenu.clearfix a{
background-color: #ede8e175 !important;
color:#524848 !important;
border: 2px double #908b82 !important;}
/*◆タイトル*/
h1.utitle a{
color:#cec6b9 !important;
padding:0 0 5px 3px !important;
font-weight: 300 !important;}
/*◆話選択 ボタン*/
div#content form.ipt fieldset label.ulbl {
margin-left:-16px ;
font-size: 1.15em;}
/*標準ボタンを非表示*/
input[type=radio]{visibility:hidden;}
/*選択中*/
input[type=radio]:checked + label{
background:url(http://uranai.nosv.org/uploader/common/b/a/c/bace737d5ac593b900f8adedfac81389.png) center left /13px 13px ;
background-repeat:no-repeat;
padding-left: 17px;}
/*選択外*/
input[type=radio] + label{
background:url(http://uranai.nosv.org/uploader/common/5/1/1/5113c7f87d6dbab2dfefa296ceb0cd6b.png)center left /13px 13px ;
background-repeat:no-repeat;
padding-left: 17px;}
/*◆ブロック*/
/*作品選択、次話のボタン ほか*/
form#dr,.p_next span,.block{
background-color:#f9f0ea6b !important;
border:solid 1.3px #85827b4a !important;}
/*薄茶の背景色に二重線枠 作品説明欄、お気に入り登録 ほか*/
.p_next span,div#content .oblock,.commentform ,div#desc,div#tobbs {
background-color:#e3cdb76b !important;
border:3.2px double #6b2525 !important;}
/*◆赤色で縦線背景の所 */
div#header,div#umbar.clearfix,
input[type=submit],
.result h3,
.fnormal,
.ratingblock{
background-color: #781414 !important;
background-image:url(http://uranai.nosv.org/uploader/common/1/2/3/123ec90822f61e767c06000ae64fd394.png);
background-size: 190px auto;
background-repeat: repeat; }
/*タイトル*/
div#header{
border-bottom: none !important;
border-left: double 15px #85827b !important;
border-right :solid 5px #85827b !important;}
/*枠・背景*//*ページタイトル*//*関連作品ランキング見出し */
h2,.result h3, .fnormal{
border: solid #a7a090 !important;
border-width:0 0 1.5px 7px !important ;}
/*編集・検索・最初から読む,投票ブロック*/
input[type=submit] ,div.ratingblock{
border:3px double #85827b;}
/*◆線*/
/*関連作品ランク内 線、pc版 右メニュー 見出し線色、トップメニュー 作る 横線 など*/
ol.navlist li ,div#topcon,span.listitem, h2, li.lsep,p#u_pager, div#content p.result_btm ,div#umbar.clearfix,#comments.block span{
border-color : #a7a090 !important ;}
/*◆評価欄 星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:
url(http://img.u.nosv.org/uploader/files/e/d/8/ed8a6ddac7180bb65dbb1082fa185ff1.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/6/e/e/6ee4a07ef6ce81d2dc2a39f0579edf24.png);
background-repeat:no-repeat;
background-position:center;
background-size:240px auto;}
/*◆ハート*/
.hrtc,.hrtct{
background-image:url(http://uranai.nosv.org/uploader/common/f/f/b/ffb6d67f20051d3d9595463bda1288db.png) !important;
color:#272b27 !important;}
.heart {filter: hue-rotate(13deg) brightness(0.5);}
/*◆文字の大きさ変更ボタン*/
#resizer{
background-color:transparent !important;
color:#FFBB0F;
padding:3px 2px 3px ;
font-size: 0.9em ;
border-radius:0.2em !important;
border:1px solid #6b2525;}
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
---------*/
/*-----------------------------------
フォント配布元:https://leafscape.be/fonts/120.html
-------------------------------------*/
@font-face
{font-family: あおぞら明朝 Medium;
src:url(https://cdn.leafscape.be/aozoramincho/AozoraMinchoMedium_web.woff2);}
*{font-family:あおぞら明朝 Medium, 游明朝,游明朝体,serif !important ;}
/*選択範囲色*/
::selection{
color:#272b27;
background:#4f403a40;}
/*全体文字色*//*最背面背景色*/
body{
background-color:#000;
background-image:url(http://img.u.nosv.org/uploader/files/1/5/b/15b7b27281bdd6fb8d8c0a186dfa4bad.png);
background-repeat:repeat;
background-size: 580px auto;
color:#371616;}
@media screen and (max-width:600px){
body{background-size: 520px; auto;}}
div#content,div#container,div#wrapper,div.result{
background :rgb(228 223 214 / 42%);}
div#navigation{
background-color: rgb(249 240 234 / 60%) !important;}
/*コンテンツフォームなどの間 調整*/
div#content form{
margin: 2px 0 2px !important;}
/*コンテンツフォーム(一番でっかい枠)の線*/
div#container{
border-width: 6px 0 4px 0 !important;
border: solid #85827b9c ;}
/*◆リンク*/
a:link,a:visited{color:#950f0f;}
div.block.urank a:visited,
div.block.relsolr a:visited,
ol.navlist a:visited{
color:#6d6161;}
/*赤背景の白文字 umediaリンク、ページタイトルなど*/
h3 ,.fnormal a,input[type=submit],div#umlinks.umclmn a, .pageno{
color:#cac6ba !important;
font-weight: 300 !important;
font-size: 98% !important;}
/*右メニュー見出し*/
h2,h2 a{
color:#757063 !important;}
/*ホバー*/
a:hover{
text-shadow: 0 0 3px #340e0e;
color:#e4dccd !important;}
/*◆その他文字色*/
/*スパン*/
fieldset span,h2 span,li span.fs85{
color: #b2840b !important;}
/*ヒット数、最終更新日、執筆状態*/
.hblock,#lastmod,.nstat{color:#3e2020 !important;}
/*おもしろ度の評価 、点数 */
.ratingblock,p.voted,.static,span.thanks{
color:#cba133;}
#ranknow{color:#950f0f !important;}
/*◆ページ上部*/
/*占ツクとトップメニュー 背景透過*/
div#topcon,div#topmenu{
background: rgb(228 223 214 / 88%) !important;}
/*占ツクのトップバー(下線)*/
#topcon,#topcon_line{
border-bottom: solid 3px #85827b9c !important;}
/*トップメニュー(マイペ 探す 作る 履歴)*/
div#topmenu {
border: solid 2px #85827b !important;
border-left: none !important;
border-right: 0 !important;}
/*トップメニュー探す 外枠削除*/
#seboxform,p.block.spmymenu.clearfix{
background-color: transparent !important;
border: none !important;}
/*トップメニュー探す 項目、テキスト入力ボックス枠*/
input[type=text] ,p.block.spmymenu.clearfix a{
background-color: #ede8e175 !important;
color:#524848 !important;
border: 2px double #908b82 !important;}
/*◆タイトル*/
h1.utitle a{
color:#cec6b9 !important;
padding:0 0 5px 3px !important;
font-weight: 300 !important;}
/*◆話選択 ボタン*/
div#content form.ipt fieldset label.ulbl {
margin-left:-16px ;
font-size: 1.15em;}
/*標準ボタンを非表示*/
input[type=radio]{visibility:hidden;}
/*選択中*/
input[type=radio]:checked + label{
background:url(http://uranai.nosv.org/uploader/common/b/a/c/bace737d5ac593b900f8adedfac81389.png) center left /13px 13px ;
background-repeat:no-repeat;
padding-left: 17px;}
/*選択外*/
input[type=radio] + label{
background:url(http://uranai.nosv.org/uploader/common/5/1/1/5113c7f87d6dbab2dfefa296ceb0cd6b.png)center left /13px 13px ;
background-repeat:no-repeat;
padding-left: 17px;}
/*◆ブロック*/
/*作品選択、次話のボタン ほか*/
form#dr,.p_next span,.block{
background-color:#f9f0ea6b !important;
border:solid 1.3px #85827b4a !important;}
/*薄茶の背景色に二重線枠 作品説明欄、お気に入り登録 ほか*/
.p_next span,div#content .oblock,.commentform ,div#desc,div#tobbs {
background-color:#e3cdb76b !important;
border:3.2px double #6b2525 !important;}
/*◆赤色で縦線背景の所 */
div#header,div#umbar.clearfix,
input[type=submit],
.result h3,
.fnormal,
.ratingblock{
background-color: #781414 !important;
background-image:url(http://uranai.nosv.org/uploader/common/1/2/3/123ec90822f61e767c06000ae64fd394.png);
background-size: 190px auto;
background-repeat: repeat; }
/*タイトル*/
div#header{
border-bottom: none !important;
border-left: double 15px #85827b !important;
border-right :solid 5px #85827b !important;}
/*枠・背景*//*ページタイトル*//*関連作品ランキング見出し */
h2,.result h3, .fnormal{
border: solid #a7a090 !important;
border-width:0 0 1.5px 7px !important ;}
/*編集・検索・最初から読む,投票ブロック*/
input[type=submit] ,div.ratingblock{
border:3px double #85827b;}
/*◆線*/
/*関連作品ランク内 線、pc版 右メニュー 見出し線色、トップメニュー 作る 横線 など*/
ol.navlist li ,div#topcon,span.listitem, h2, li.lsep,p#u_pager, div#content p.result_btm ,div#umbar.clearfix,#comments.block span{
border-color : #a7a090 !important ;}
/*◆評価欄 星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:
url(http://img.u.nosv.org/uploader/files/e/d/8/ed8a6ddac7180bb65dbb1082fa185ff1.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/6/e/e/6ee4a07ef6ce81d2dc2a39f0579edf24.png);
background-repeat:no-repeat;
background-position:center;
background-size:240px auto;}
/*◆ハート*/
.hrtc,.hrtct{
background-image:url(http://uranai.nosv.org/uploader/common/f/f/b/ffb6d67f20051d3d9595463bda1288db.png) !important;
color:#272b27 !important;}
.heart {filter: hue-rotate(13deg) brightness(0.5);}
/*◆文字の大きさ変更ボタン*/
#resizer{
background-color:transparent !important;
color:#FFBB0F;
padding:3px 2px 3px ;
font-size: 0.9em ;
border-radius:0.2em !important;
border:1px solid #6b2525;}
このホムペをお気に入り追加
登録すれば後で更新された順に見れます
1人がお気に入り
1人がお気に入り
オリジナル作品
違反報告 - ルール違反の作品はココから報告
作品は全て携帯でも見れます
同じような占いを簡単に作れます → 作成
作者名:作者 | 作成日時:2024年1月17日 21時