今日:4 hit、昨日:3 hit、合計:150 hit
小|中|大| | CSS コピペ用css
◆紅葉狩り サンプル◆
☟絶対読め☟
◆利用規約やら使い方やら◆
▷できること
個人利用○
改変▲(できなくはないがおすすめしない)
機能やフォントの追加○
▷できないこと
ソースコードの中抜き✕
画像リンクの取得✕
画像リンクの配布✕
ソースコードの再配布✕
改変したソースコードの配布✕
【付属画像】
・紅葉 ▷配布元
・一部ブロックの柄
・ソーシャルトグル
・ボタン
・ハート
・投票の◆
◆紅葉狩り サンプル◆
☟絶対読め☟
◆利用規約やら使い方やら◆
▷できること
個人利用○
改変▲(できなくはないがおすすめしない)
機能やフォントの追加○
▷できないこと
ソースコードの中抜き✕
画像リンクの取得✕
画像リンクの配布✕
ソースコードの再配布✕
改変したソースコードの配布✕
【付属画像】
・紅葉 ▷配布元
・一部ブロックの柄
・ソーシャルトグル
・ボタン
・ハート
・投票の◆
/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
---------*/
*{font-family: 游明朝,serif !important ;}
/*最背面背景色*//*全体文字色*/
body{background:#e5e1d5 !important;
color:#501706;}
/*でか枠*/
div#container,div#wrapper, div#content, div#topcon{
background:#fefdf6 ;
border-radius:6px;
border: 0;}
div#navigation {
background-color: #fbf9f2;
border-width: 8px 0 0!important;
border: solid #fbf9f2;}
/*選択範囲色*/
::selection{
color:#fff;
background:#964d1578;
text-shadow:none;}
/*紅葉の画像*/
#output.osmall, #output.omedium ,#output.olarge {
background:url(http://img.u.nosv.org/uploader/files/a/c/d/acd456da0ededfd7219a7137ac2aa891.png)top /96.3% auto no-repeat ;}
@media only screen and (max-width:769px){
#output.osmall{
background-size:100% auto !important;}}
/*リンク色*/
a:link,a:visited{color:#9c230b;}
div.block.urank a:visited,
div.block.relsolr a:visited,
ol.navlist a:visited{color:#8e7f70 ;}
/*ホバー*/
a:hover {color: #bca164;}
/*お話選択の文字色*/
form#dr a:link, form#dr a:visited {
color: #6e4725 ;}
/*お話選択の文字色 ホバー*/
form#dr a:hover{
color:#b28a67;}
/*お話選択のハート数・NEW*/
form#dr.ipt ,form#dr.ipt span{
color:#bb3011 !important;}
/*テキスト入力欄*/
input[type=text],input[type=password],div#bsearch_center input.txt{
background:#c0543f ;
color:#e8e4df !important;
border: solid 1px #c0543f ;
border-radius:0em !important;}
input#nm{
background:#a23f29;}
/*柄なしブロック*/
input#sb2,p.block.spmymenu.clearfix a, .block, .commentform{
background-color:#f2f2e8 !important;
border-radius:0 !important;
border:1.3px solid #eee7dd!important;}
/*柄ありブロック*/
.block.urank, .block.relsolr, p#comments.block{
background: linear-gradient(137deg, #f2f2e89c 47%, #d8d8bb99),
url(http://img.u.nosv.org/uploader/files/e/8/5/e85ce9d58d76a3737419c386fcf7a97c.png)center/ 68px auto ;}
/*赤枠線 白背景 投票ブロック、作品のタグ*/
.ratingblock, div#tblock.block, div#trblock.block {
background: transparent !important ;
border: 1px solid #b04c39 !important;}
/*白二重枠線 背景赤 関連作品見出し、ページタイトル)*/
#topmenu,
.result h3,
form.commentform,
h3.block_head.fnormal,div#tobbs{
background-color:#b14534 !important;
color:#f8f2e6 !important;
border:double #f8f2e6 !important;
border-width:3px 0 3px !important;}
.fnormal a,div#tobbs a,div#tobbs span{color:#f8f2e6 !important;}
form.commentform a, div#tobbs span, .pageno{color:#daa198 !important;}
/*灰黄緑背景 トップメニュー*//*一番下のブロック*/
div#umbar.clearfix{
background:#c1c1a7 !important;
color:#fffaf5 !important;
border: solid #c6c4aa !important;}
#topmenu a{color: #fefdf6 ;}
p.block.spmymenu.clearfix a{color: #a14e4a !important;}
/*◆ページ上部*/
/*占ツクのトップのボーダー*/
div#topcon,#topcon_line{
border-color: #c5bfad !important;}
/*トップメニュー探す テキスト入力枠・項目毎の枠線*/
#seboxform,
.block.spmymenu.clearfix{
background-color: #d6d3c0 !important;
border:0 !important;}
/*◆作品説明欄*/
/*タイトル、右メニュー見出し*/
div#header a,h2 a{
background: linear-gradient(0deg, #8f3022, #bf310e, #b17e0b);
background: -webkit-linear-gradient(0deg, #8f3022, #bf310e, #b17e0b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:1.03em !important;}
div#header,h2{
border-bottom: solid 1.7px #9f5454 !important;}
/*執筆状態*/
/*おもしろ度の評価 */
/*作品の続きボタン*/
.nstat,
.ratingblock,.static, p.voted, .thanks,
.p_next span a{color:#ac331b !important;}
/*更新日*/
#lastmod{color:#501706 !important;}
/*スパン、現在順位など*/
#ranknow,div.rankupdate,
h2#hl_cmt span{
color:#b52d13 !important;}
ol.navlist span.fs85 {
color: #a7918c !important;}
/*右上のハートと、お話選択欄のハート*/
.hrtc,.hrtct{
background-image:url(http://img.u.nosv.org/uploader/files/7/a/0/7a0bd2908f2c1dde386e6bc72607ed1d.png) !important;
color:#000 !important;}
span.hrtc {
background-size:9px 9px;}
/*作品説明欄*/
div#desc{
background-image: linear-gradient(180deg,#edf9cd26, #e2dac233, 73%, #ded1bb63);
background-color: transparent;
border:0 ;
margin: 3px 0 0 !important;}
/*作品説明欄、小説本文のテキストシャドウ*/
div#desc {
text-shadow: 1px 1px 4px #fbfaef, 1px 1px 4px #fbfaef, 1px 1px 4px #fbfaef, 1px 1px 5px #fbfaef, 1px 1px 5px #fbfaef, 1px 1px 5px #fbfaef, 1px 1px 5px #fbfaef, -1px -1px 4px #fbfaef, -1px -1px 4px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef;}
/*最初から読む、選択した内容を見る、次話のボタン*/
input[type=submit],.p_next span{
background-color: transparent !important;
border-radius:0 !important;
color:#953823!important ;
border:3px double #8d4e40;}
/*コメントフォーム 投稿*/
input#cmsb.cm_btn{
background-color: #efeedf!important;
border-radius:2px !important;
color:#7b2c20 !important ;
border:2px #efeedf double;}
/*◆小説本文*/
div.result{background-color:#f9f5ece3 !important;}
/*◆お話選択*/
div#content form#dr{background-image: linear-gradient(180deg, #ded1bb63, #e06e212e 75%, #c88f6057);
background-color: transparent !important;
border:none ;}
form.ipt {
line-height: 160% !important;}
/*標準ボタンを非表示*/
input[type=radio]{visibility:hidden;}
@media screen and (max-width: 769px){
div#content form.ipt fieldset label.ulbl {
margin-left: -10px !important;
display: inline-block;}}
/*選択外*/
input[type=radio] + label{
padding-left:16px;
background:
url(http://img.u.nosv.org/uploader/files/d/9/5/d958db0b148b2fc243af6d393bbcae4a.png)
center left /4px 4px no-repeat;}
/*選択中*/
input[type=radio]:checked + label{background:
url(http://img.u.nosv.org/uploader/files/1/a/1/1a1e7f80bb0b8ca96a8d8bd13db58758.png)
center left /4px 4px no-repeat;}
/*関連作品ランク内 線色*/
span.listitem,ol.navlist li ,#n_make ul li.lsep{
border-bottom: dotted 1.7px #c1b4a2;}
/*◆評価欄 星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:url(http://img.u.nosv.org/uploader/files/a/a/7/aa7ae61c9e7a821457804b1d4084744f.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#content .oblock{
background:#fefdf6 !important;
border: none!important;}
/*ソーシャルトグル*/
div#socialtoggle.block img{
visibility:hidden;}
div#socialtoggle{
background:
url(http://img.u.nosv.org/uploader/files/7/c/0/7c0ef52631dec724a9a094626ec57b80.png) center / 255px auto no-repeat ;}
/*文字の大きさボタン*/
#resizer{
background-color: #f7f4e9ed;
padding:4px;
font-size:10px;
letter-spacing:-.1em;
border-radius:4px;
border:none;
text-shadow:none;}
#resizer a{
color:#736115 !important;}
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
---------*/
*{font-family: 游明朝,serif !important ;}
/*最背面背景色*//*全体文字色*/
body{background:#e5e1d5 !important;
color:#501706;}
/*でか枠*/
div#container,div#wrapper, div#content, div#topcon{
background:#fefdf6 ;
border-radius:6px;
border: 0;}
div#navigation {
background-color: #fbf9f2;
border-width: 8px 0 0!important;
border: solid #fbf9f2;}
/*選択範囲色*/
::selection{
color:#fff;
background:#964d1578;
text-shadow:none;}
/*紅葉の画像*/
#output.osmall, #output.omedium ,#output.olarge {
background:url(http://img.u.nosv.org/uploader/files/a/c/d/acd456da0ededfd7219a7137ac2aa891.png)top /96.3% auto no-repeat ;}
@media only screen and (max-width:769px){
#output.osmall{
background-size:100% auto !important;}}
/*リンク色*/
a:link,a:visited{color:#9c230b;}
div.block.urank a:visited,
div.block.relsolr a:visited,
ol.navlist a:visited{color:#8e7f70 ;}
/*ホバー*/
a:hover {color: #bca164;}
/*お話選択の文字色*/
form#dr a:link, form#dr a:visited {
color: #6e4725 ;}
/*お話選択の文字色 ホバー*/
form#dr a:hover{
color:#b28a67;}
/*お話選択のハート数・NEW*/
form#dr.ipt ,form#dr.ipt span{
color:#bb3011 !important;}
/*テキスト入力欄*/
input[type=text],input[type=password],div#bsearch_center input.txt{
background:#c0543f ;
color:#e8e4df !important;
border: solid 1px #c0543f ;
border-radius:0em !important;}
input#nm{
background:#a23f29;}
/*柄なしブロック*/
input#sb2,p.block.spmymenu.clearfix a, .block, .commentform{
background-color:#f2f2e8 !important;
border-radius:0 !important;
border:1.3px solid #eee7dd!important;}
/*柄ありブロック*/
.block.urank, .block.relsolr, p#comments.block{
background: linear-gradient(137deg, #f2f2e89c 47%, #d8d8bb99),
url(http://img.u.nosv.org/uploader/files/e/8/5/e85ce9d58d76a3737419c386fcf7a97c.png)center/ 68px auto ;}
/*赤枠線 白背景 投票ブロック、作品のタグ*/
.ratingblock, div#tblock.block, div#trblock.block {
background: transparent !important ;
border: 1px solid #b04c39 !important;}
/*白二重枠線 背景赤 関連作品見出し、ページタイトル)*/
#topmenu,
.result h3,
form.commentform,
h3.block_head.fnormal,div#tobbs{
background-color:#b14534 !important;
color:#f8f2e6 !important;
border:double #f8f2e6 !important;
border-width:3px 0 3px !important;}
.fnormal a,div#tobbs a,div#tobbs span{color:#f8f2e6 !important;}
form.commentform a, div#tobbs span, .pageno{color:#daa198 !important;}
/*灰黄緑背景 トップメニュー*//*一番下のブロック*/
div#umbar.clearfix{
background:#c1c1a7 !important;
color:#fffaf5 !important;
border: solid #c6c4aa !important;}
#topmenu a{color: #fefdf6 ;}
p.block.spmymenu.clearfix a{color: #a14e4a !important;}
/*◆ページ上部*/
/*占ツクのトップのボーダー*/
div#topcon,#topcon_line{
border-color: #c5bfad !important;}
/*トップメニュー探す テキスト入力枠・項目毎の枠線*/
#seboxform,
.block.spmymenu.clearfix{
background-color: #d6d3c0 !important;
border:0 !important;}
/*◆作品説明欄*/
/*タイトル、右メニュー見出し*/
div#header a,h2 a{
background: linear-gradient(0deg, #8f3022, #bf310e, #b17e0b);
background: -webkit-linear-gradient(0deg, #8f3022, #bf310e, #b17e0b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:1.03em !important;}
div#header,h2{
border-bottom: solid 1.7px #9f5454 !important;}
/*執筆状態*/
/*おもしろ度の評価 */
/*作品の続きボタン*/
.nstat,
.ratingblock,.static, p.voted, .thanks,
.p_next span a{color:#ac331b !important;}
/*更新日*/
#lastmod{color:#501706 !important;}
/*スパン、現在順位など*/
#ranknow,div.rankupdate,
h2#hl_cmt span{
color:#b52d13 !important;}
ol.navlist span.fs85 {
color: #a7918c !important;}
/*右上のハートと、お話選択欄のハート*/
.hrtc,.hrtct{
background-image:url(http://img.u.nosv.org/uploader/files/7/a/0/7a0bd2908f2c1dde386e6bc72607ed1d.png) !important;
color:#000 !important;}
span.hrtc {
background-size:9px 9px;}
/*作品説明欄*/
div#desc{
background-image: linear-gradient(180deg,#edf9cd26, #e2dac233, 73%, #ded1bb63);
background-color: transparent;
border:0 ;
margin: 3px 0 0 !important;}
/*作品説明欄、小説本文のテキストシャドウ*/
div#desc {
text-shadow: 1px 1px 4px #fbfaef, 1px 1px 4px #fbfaef, 1px 1px 4px #fbfaef, 1px 1px 5px #fbfaef, 1px 1px 5px #fbfaef, 1px 1px 5px #fbfaef, 1px 1px 5px #fbfaef, -1px -1px 4px #fbfaef, -1px -1px 4px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef, -1px -1px 5px #fbfaef;}
/*最初から読む、選択した内容を見る、次話のボタン*/
input[type=submit],.p_next span{
background-color: transparent !important;
border-radius:0 !important;
color:#953823!important ;
border:3px double #8d4e40;}
/*コメントフォーム 投稿*/
input#cmsb.cm_btn{
background-color: #efeedf!important;
border-radius:2px !important;
color:#7b2c20 !important ;
border:2px #efeedf double;}
/*◆小説本文*/
div.result{background-color:#f9f5ece3 !important;}
/*◆お話選択*/
div#content form#dr{background-image: linear-gradient(180deg, #ded1bb63, #e06e212e 75%, #c88f6057);
background-color: transparent !important;
border:none ;}
form.ipt {
line-height: 160% !important;}
/*標準ボタンを非表示*/
input[type=radio]{visibility:hidden;}
@media screen and (max-width: 769px){
div#content form.ipt fieldset label.ulbl {
margin-left: -10px !important;
display: inline-block;}}
/*選択外*/
input[type=radio] + label{
padding-left:16px;
background:
url(http://img.u.nosv.org/uploader/files/d/9/5/d958db0b148b2fc243af6d393bbcae4a.png)
center left /4px 4px no-repeat;}
/*選択中*/
input[type=radio]:checked + label{background:
url(http://img.u.nosv.org/uploader/files/1/a/1/1a1e7f80bb0b8ca96a8d8bd13db58758.png)
center left /4px 4px no-repeat;}
/*関連作品ランク内 線色*/
span.listitem,ol.navlist li ,#n_make ul li.lsep{
border-bottom: dotted 1.7px #c1b4a2;}
/*◆評価欄 星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:url(http://img.u.nosv.org/uploader/files/a/a/7/aa7ae61c9e7a821457804b1d4084744f.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#content .oblock{
background:#fefdf6 !important;
border: none!important;}
/*ソーシャルトグル*/
div#socialtoggle.block img{
visibility:hidden;}
div#socialtoggle{
background:
url(http://img.u.nosv.org/uploader/files/7/c/0/7c0ef52631dec724a9a094626ec57b80.png) center / 255px auto no-repeat ;}
/*文字の大きさボタン*/
#resizer{
background-color: #f7f4e9ed;
padding:4px;
font-size:10px;
letter-spacing:-.1em;
border-radius:4px;
border:none;
text-shadow:none;}
#resizer a{
color:#736115 !important;}
このホムペをお気に入り追加
登録すれば後で更新された順に見れます
オリジナル作品
違反報告 - ルール違反の作品はココから報告
作品は全て携帯でも見れます
同じような占いを簡単に作れます → 作成
作者名:作者 | 作成日時:2024年3月24日 1時