css 月下花樹

今日:2 hit、昨日:0 hit、合計:227 hit

CSS コピペ用css

◆月下花樹サンプル◆

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

▷できること
個人利用○
ソースコードの中抜き○
改変○
機能やフォントの追加○
画像リンクの取得○
画像リンクの配布○

▷できないこと
ソースコードの再配布✕
改変したソースコードの配布✕

【付属画像】
・花の画像 ▷参考元
・ハート
・星

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

/*全体文字色*//*最背面背景色*/
body,#genform{
background:#132c36 !important;
color:#efe7d7;}

#genform{color:#c6870a;}

div#desc, p.result_btm{
text-shadow:
0px 1px 0 #082528 , 1px 0px 0 #082528 , 0px -1px 0 #082528 ,-1px 0px 0 #082528 ,1px 1px 0 #082528 ,-1px 1px 0 #082528 ,1px -1px 0 #082528 ,-1px -1px 0 #082528 ,0px 1px 1px #082528 , 1px 0px 1px #082528 , 0px -1px 1px #082528 ,-1px 0px 1px #082528 ,1px 1px 1px #082528 ,-1px 1px 1px #082528 ,1px -1px 1px #082528 ,-1px -1px 1px #082528 ;}

/*選択範囲色*/
::selection{
color:#f5e9ba;
background:#b78a17;
text-shadow:none !important;}

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

div.block.urank a:visited,
div.block.relsolr a:visited,
ol.navlist a:visited{
color:#9d8a54;}

/*右メニュー白色文字*/
div#navigation li::marker,div#navigation span.fs85,div#navigation span,div.rankupdate,div#bsearch_bottom,div.rankupdate_info, span.listitem_num{
color:#efe7d7 !important;}

/*ホバー*/
* a:hover,
div.block.urank a:hover,
div.block.relsolr a:hover,
ol.navlist a:hover {
color: #fae58a;}

/*背景透過*/
div#content,div#container,div#wrapper,form#dr,div#navigation,div#topcon,div#topmenu{
background :transparent !important;}

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

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

/*占ツクのトップバー(下線)*//*トップメニュー探す項目毎の枠線*//*タイトル下線*/
#topcon,#topcon_line,p.block.spmymenu.clearfix a, div#header,.result h3, h3.block_head.fnormal{
border-color:#b78a17 !important;}

/*タイトル*//*umedia リンク文字色*//*ヒット数*//*最終更新日*//*執筆状態の文字色*//*ページナンバーの色*/
h1.utitle a,#lastmod,.nstat, .pageno ,span{color:#efe7d7 !important;}

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

/*作品説明欄の文字色と枠色*/
div#desc{
background:url(http://img.u.nosv.org/uploader/files/b/5/a/b5ad704e66010bbb4c14c9f9c2f3631e.png) center /305px auto no-repeat transparent ;
background-position: ;
border:3px double #b78a17;}

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

/*お話選択の背景*/
form#dr{
border:none !important;}

/*テキスト入力ボックス枠*/
input[type=text] {
background:#b78a17 !important;
color:#dbd3b5!important;
border: solid 1px #b78a17 !important;}

/*お話選択の文字色*/
form#dr a{
color:#efe7d7 !important;}

/*お話選択スパン*/
fieldset span{
color:#b78a17 !important;}

/*編集・検索・最初から読む・選択した内容を見る・投稿*/
input[type=submit] ,input[type=password]{
background-color: transparent !important;
color:#efb726 !important ;
border:3px double #b78a17;}

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

/*前の話文字*/
#u_pager.result{font-size:14px !important ;}

/*目次他の作品を探す*/
p.result_btm{background-color: transparent !important;
background-image:url(http://img.u.nosv.org/uploader/files/b/5/a/b5ad704e66010bbb4c14c9f9c2f3631e.png)
!important;
background-size: 375px;
background-repeat: no-repeat;
background-position: center right !important;}

@media screen and (max-width: 480px){
p.result_btm {
background-size: 91% auto;
background-position: 98px !important;}}

/* おもしろ度の評価 */
.ratingblock,.static,span.thanks,#ranknow{
color:#efb726 !important;}

/*次話のボタン*//* 評価欄背景色枠 *//*上記以外の枠線色(関連作品、マイページなど)*/
.p_next span, div#content .oblock,
.ratingblock,.block,.commentform,div#tobbs,div#content .pblock {
background-color:transparent!important;
border:solid 1.3px #b78a17!important;}

/*お気に入り登録*//*次話のボタン*//*コメントフォーム*/
.p_next span,div#content .oblock,.commentform{
border:3px double #b78a17 !important;}

/*文字 */
/*右メニュー小見出し *//*ページタイトル *//*関連作品見出し*/
h2 a,h3 ,h3.block_head.fnormal a,.fnormal a{
color:#d2cec3 !important;
font-weight:bold !important;}

/*枠・背景*/
/*ページタイトル*/
/*関連作品ランキング見出し */
div#umlinks.umclmn a,.result h3, h3.block_head.fnormal a {
color:#f5e9ba !important;}

h2{
background-position: 1px 1px !important;
border: solid 1px #b78a17 !important;
border-width: 0 0 1.5px 7px !important;}

/*pc版関連作品ランク内点線色*/
ol.navlist li { border-bottom: solid .1px #a8935a !important;}

/*上記2つの枠内線*//*pc版右メニュー見出し線色*//*トップメニュー作る横線*//*小説ページ下部線色*/
/*コンテンツフォーム(一番でっかい枠)の線*/
div#topcon,span.listitem, li.lsep,p#u_pager, div#content p.result_btm,
div#umbar.clearfix,#comments.block span,div#container,div#content .ablock,div.rankupdate_info{
border-color : #b78a17 !important ;}

/*◆評価欄星背景 pc表示*/
.unit-rating{
background:url(http://img.u.nosv.org/uploader/files/b/1/7/b17b4b69ab9b965c0eb16c96fad2a7ea.png);
background-repeat:repeat-x ;
background-size: auto 100%;
background-position: left;
filter: hue-rotate(8deg) brightness(70%) saturate(195%)}

/*◆評価欄星背景スマホ表示*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio:1.5) {
.unit-rating {
background:
url(http://img.u.nosv.org/uploader/files/b/1/7/b17b4b69ab9b965c0eb16c96fad2a7ea.png);
background-size: auto 100% !important;
background-position: left ;}}

/*星ホバー*//*星投票後*/
.unit-rating li a:hover,.unit-rating li.current-rating{background:url(http://img.u.nosv.org/uploader/files/3/b/1/3b1f40cd5ccbcad9948407bdcfe48053.png);background-repeat:repeat-x ;background-size: auto 100%;background-position: left;
drop-shadow: 0 0 4px #a7934f !important;}

/*ソーシャルトグル*/
div#socialtoggle.block img{
visibility:hidden;}

div#socialtoggle.block{
background-image:url(http://img.u.nosv.org/uploader/files/2/8/7/2876e49b391df14fa8c3f9852be43ee7.png);
background-repeat:no-repeat;
background-position:center;
background-size:240px auto;}

/*黄色背景の所 */
div#umbar.clearfix,
.result h3,
h3.block_head{
background-color: #b78a17 !important; }

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