css ♔ソフィア

今日:2 hit、昨日:2 hit、合計:239 hit

CSS 配布可能css

◆♔ソフィアサンプル◆

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

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

読め👇
◆利用規約やら使い方やら◆

【付属画像】
・ハート
・投票の👑
・ボタンのダイヤ

/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
---------*/

/*全体背景、全体文字色*/
body{
background:url(http://img.u.nosv.org/uploader/files/9/9/f/99fa4c013348944e292588d4db173a95.png)top /10% auto repeat #f4ece9 ;
color:#4c5d57;}

@media screen and (max-width:769px){
body{background-size:107px auto;}}

/*選択範囲色*/
::selection{
color:#a97667;
background:#f1e6e0;}

/*枠内背景色*/
div#container{
background:#fff9f473;
border-color:transparent!important;
box-shadow:none ;}

div#content,div#wrapper{
background:transparent !important;}

/*pc表示右メニュー背景色*/
div#navigation,div.result{
background:#fff9f4ba;}

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

/*枠線なし*/
input[type=text],input[type=password],div#header,div#desc,.ratingblock,.block,.pblock{
border:none !important;}

/*ブロックの角を丸める*/
.block,input[type=txet],.ratingblock{
border-radius:0.4em !important;}

/*オレンジブラウンの文字*//*タイトル、右メニュー見出し、スパンほか*/
#umbar a, div#header a, div#topmenu a,div.hblock,h2,h2 a,div#bsearch_bottom,a.gosearch,span,span.fs85,div.rankupdate,div.ratingblock,div.ratingblock p,.fnormal a{
color:#b4715c !important;}

/*水色の文字(リンク以外)*//*執筆状態、ページタイトルほか*/
span.nstat,div#desc span.fs85,h3,span.pageno {color:#8abcb8 !important;}

/*リンク*/
a:link,a:visited,form#dr fieldset a{color:#91c4be;}
ol.navlist a:visited, div.block.urank a:visited,div.block.relsolr a:visited{color:#b2a8a0;}

/*ホバー*/
a:hover{ color:#544c3e66;}

/*テキスト入力ブロック*/
input[type=text],input[type=password]{
background: #f1e5db !important;
color: #826453 !important;}

/*編集する最初から読む投稿ボタン*/
input[type=submit],.p_next span{
background-color:transparent!important;
color:#8e675b !important;
border:3px double #ac8b7b7d !important;}

.p_next span a{
color:#8e675b !important;}

/*占ツクのロゴの周辺(下線)*/
div#topcon,div#topcon_line{
border-color:#fff9f4;
border-bottom-color:#e4f0ea;}

/*トップメニュー探す中枠*/
#seboxform.search.nomargin,p.block.spmymenu.clearfix{
border:none!important;
background-color:transparent !important;}

/*◆背景が薄茶色のところ*/
/*umediaリンク*//*タイトル*//*メニューバー(マイペ探す作る履歴)*//*作品説明欄*//*スマホ表示関連作品・ランキング見出し*//*投票ブロック*/
div#topmenu,.ratingblock,.block_head.fnormal{
color:#b6a188 !important;
background-color:#c6a38b4f !important;}

p.block.spmymenu.clearfix a,input#sb2{
background-color:#ffffff42!important;
border:2.5px double #fef2ea !important;}

/*◆水色の背景色*//*ページタイトル、お気に入り、コメント、お問い合わせ*/
#umbar,h3,div#content .oblock,.commentform ,div#tobbs{
background-color:#c5eee661!important;}

/*水色背景の二重線の枠*/
h3,div#topmenu,div#content .oblock,.commentform,div#tobbs{
border: double #fff!important;
border-width:3.5px 0 3.5px!important;}

/*水色背景の一番上のメニュー*/
#umbar{
color:#b6a188 !important;
border-bottom: solid 1px #d6e4db !important;}

/*↑より薄い水色の背景色コメントブロック*/
p#comments.block{
background-color:#dbfff047 !important;}

/*◆白色の背景色*//*pc表示時の占ツクのロゴ周辺、お話選択、ブロックもろもろ*/
#topcon,form#dr,.block,.pblock{
background-color:#fff9f4!important;}

/*作品説明欄*/
div#desc{
background-color:#c5eee661 ;
color:#9f847c !important;}

div#desc a{
color:#6ab39f !important;}

/*ハート*/
.hrtc,.hrtct{
background-image:
url(http://uranai.nosv.org/uploader/common/c/6/9/c69e0ea121d1e6efa3d4255e3bbf45e9.png) !important;
filter: hue-rotate(331deg);}

span.hrtc{background-size:9px auto;}

/*文字の大きさ変更ボタン*/
#resizer{
background-color:#fff9f4;
padding:2.5px;
font-size: 10px;
border-radius:.3em;
border:1.1px solid #dacabc;
text-shadow:none;}

/*お話選択枠線*/
form#dr{
border:3px double #dfd5d1!important;
border-top: 0 !important;
border-bottom: 0 !important;}

/*お話選択の下線の色*/
label.ulbl {
border-bottom:dotted 1px #dfd5d1 !important;
margin-left:-21px !important;
display:inline-block;}

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

input[type=radio]:checked + label,input[type=radio] + label{
padding-left: 17px;
background-image:
url(http://uranai.nosv.org/uploader/common/3/5/1/3511fc493ee4f4d0b1b958feddbf0c3b.png);
background-repeat:no-repeat;
background-size:auto 12px;
background-position: left center;}

/*ボタン選択外*/
input[type=radio] + label{
background-image:
url(http://uranai.nosv.org/uploader/common/f/9/0/f90ef9b69517c5660707ac36195f4053.png);}
/*◆右メニュー*/
/*pc表示右メニュー見出し下線*/
h2{border-bottom:1.8px solid #e0cdc56b!important;}

/*関連作品枠内と関連作品ランク内の点線*/
.listitem,ol.navlist li{
border-bottom:dotted 1px #dfd5d1!important;}

/*◆評価欄星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:url(http://img.u.nosv.org/uploader/files/7/d/5/7d590fe8eaf40a36aa43cd6a0d025372.png);
background-size:30px auto;
filter: hue-rotate(0deg) brightness(100%);}

@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/1/e/c/1ece3e79e8f71decc321f2b0bf6ae602.png);
background-repeat:no-repeat;
background-position:center;
background-size:240px auto;}

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