CSS マゼラン

今日:1 hit、昨日:0 hit、合計:117 hit

CSS 配布可能css

◆マゼランサンプル◆

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

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

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

【付属画像】
・ハート
・コンパスの星
・バナー装飾配布元
・地図配布元

/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
圧縮後もコピーし直して貼り付けてください
---------*/

/*バナーの装飾 input ,見出し*/
input[type=submit]:not(#sb2):not(#cmsb.cm_btn), .p_next span,.fnormal {
background-image:url(http://img.u.nosv.org/uploader/files/f/a/d/fad8ca8d93c16c863f4efd908a904706.png);
background-position: center ;
background-size: auto 130%;
background-color:#dfdad2 !important;
color: #a7958d!important;
border-radius: 0.2em !important;
border: 1px solid #e3dcc9 !important;}

/*でか枠背景*/
div#content,div#container,div#wrapper{
background:#f8f7f4 !important;}

/*トップバナー、右メニュー背景*/
div#topcon,div#navigation{
background:#f7f5f1 !important;}

/*選択範囲色*/
::selection{
color:#f8f7f4;
background:#6f2936b0;}

/*リンク*/
a:link,a:visited {color:#af6765;}

/*ランキング・関連作品のリンク*//*お話選択欄リンク*/
.block.urank a:visited,.relsolr a:visited,ol.navlist li a:visited{
color:#9e8b83 !important;}

/*作品説明欄,小説本文*/
div#desc a,.result a{
color:#a5636f !important;}

/*umedia リンク*//*お話を選んでね*/
div#umbar.clearfix a,form#dr {
color:#6f2936 !important;}

/*ヒット数･最終更新日*/
.hblock,#lastmod ,#resizer a{
color:#735a53 !important;}

/*執筆状態・スパン*//*お話選択リンク*/
#ranknow ,.nstat,span.fs85,form#dr a ,form#dr span{
color:#a5636f !important;}

/*テキスト入力ボックス枠線*/
input[type=text],input[type=password]{
background:#64353ebd!important;
color:#f8f5ee;
border-radius:0.27em !important;
border:1.5px solid #957f3a33;}

input#nm{text-align:center;}

/*ブロック間調整*/
div#content form{
margin: 4px 0 4px !important;}

.block{
margin:3px 0 3px !important;}

/*最背面背景色全体文字色*/
body{background:#d8cfbf;
color:#5c5551;}

/*◆ページ上部*/
/*占ツクのトップバー(下線)*/
div#topcon{
border-radius:0.3em!important;
border-color:#f4f0ea!important;}

#topcon_line{
border-radius:0.3em !important;
border-bottom-color:#f4f0ea!important;}

/*占ツクのトップバー・お気に入りブロックの背景*/
div#umbar.clearfix,
div#content .oblock,
div#trblock.block,div#tblock.nomargin{
background:#63321840 !important;}

/*トップメニュー(マイペ探す作る履歴),コメントフォーム*/
div#topmenu,form.commentform,.result h3{
background-image: linear-gradient(110deg,#f4f0e9 5%,transparent 210%),
url(http://img.u.nosv.org/uploader/files/3/0/2/30251bccfb0c64cdf61501f6b9b9ee1e.png) ;
background-size: 100% auto;
border-radius:.27em !important;
background-color:#f4f0e9 !important;
border:solid 1.7px #b8ada1bd !important;}

.result h3,div#topmenu a{color:#816868 !important;}

/*トップメニュー探すテキスト入力欄外枠*/
#seboxform,p.block.spmymenu.clearfix{
background-color:#e6ebe740!important;
border-radius:.27em !important;
border: none!important;}

/*コンテンツフォーム(一番でっかい枠)の線*/
div#container {
border: solid #805c3d5c;
border-radius: 0.3em !important;
border-width: 2px !important;}

/*タイトル*/
div#header ,#n_make ul li.lsep {
border-bottom-color: #a18f8c !important;}

div#header a,h2 ,h2 a ,h2 span{
color:#866161 !important;}

/*ハート*/
.hrtc,.hrtct{
background-image:
url(http://img.u.nosv.org/uploader/files/0/a/9/0a999578ccfb2226918e80ee680a0266.png) !important;
filter: hue-rotate(325deg) saturate(0.4);
color:#735a53 !important;}

/*文字の大きさ変更ボタン*/
#resizer{
background-color:#f6f1e9b3;
padding:4px;
font-size:10px;
letter-spacing:-.1em;
border-radius:0.4em;
border:1px solid #c9bcba;
text-shadow:none;}

/*作品説明欄の文字色と枠色*/
div#desc{
background-image: linear-gradient(110deg,#f6f1e9 48%,transparent 120%),
url(http://img.u.nosv.org/uploader/files/3/0/2/30251bccfb0c64cdf61501f6b9b9ee1e.png) ;
background-position:center,right bottom;
background-size: 800px ,auto 100%;
background-color:#fef6ea;
border-radius:0.45em !important;
border:3.5px double #c6b9b9;}

@media only screen and (max-width:600px){
div#desc{
background-image: linear-gradient(110deg,#f6f1e9 36%,transparent 130%),
url(http://img.u.nosv.org/uploader/files/3/0/2/30251bccfb0c64cdf61501f6b9b9ee1e.png) ;}}

/*お話選択の背景色・枠*/
form#dr,.result{
border:0px solid #fff !important;
border-top:0!important;
border-bottom:0 !important;}

/*お話を選んでね*/
form#dr{
background-color:#f4f1ec !important;}

/* ページナンバー、評価・点数: 0.0/10(0票) 文字色 */
.pageno ,.ratingblock,.static{
color:#a18f8c !important;}

/*◆ページ下部*/
/* 評価欄背景色枠 */
.ratingblock{
background-color:#f9f6f2;
border-radius:0.3em !important;
border:2px solid #e7e2e4 !important;}

/*お気に入り登録*/
div#content .oblock{
border-radius:0.4em !important;
border: 4px double #f9f6f2;}

/*上項目の文字色*/
p.block.spmymenu.clearfix a,h3.block_head a,input[type=submit],.p_next span a{
color:#816868!important;}

/*ブロック(関連作品、マイページ、コメント欄など)*/
input#sb2,input#cmsb.cm_btn,p.block.spmymenu.clearfix a,.block{
background-color:#f9f6f2 !important;
border-radius:0.25em !important;
border:1.3px solid #dbd2c5!important;}

/*スマホ関連ランキング*//*スマホ関連作品*/
.block.urank,.relsolr{
border:1.5px solid #eee7dd !important;
margin: 3px 0 3px !important;}

/*上記2つの枠内線*/
span.listitem ,ol.navlist li{
border-bottom: dashed 1px #d6cfc6;}

/*ホバー*/
a:hover,div#desc a:hover,.result a:hover,form#dr a:hover{
color:#c9bcba !important;}

/*pc版右メニュー見出し線色*/
h2{border-bottom: solid 2px #d5d0c6 !important;}

/*チェックボタン透明化*/
div#content form.ipt fieldset input[type=radio]{visibility:hidden;}

/*お話選択ボタン*/
input[type=radio] + label :checked{
border-bottom:solid 1.3px #a18f8c !important;}

label.ulbl {
border-bottom:dashed 1.2px #a18f8c !important;
margin-left:-11px !important}

/*評価欄星*/
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:
url(http://img.u.nosv.org/uploader/files/3/1/e/31e1bf8d1c6ba25502c72aa67457bba1.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:url(http://img.u.nosv.org/uploader/files/8/2/4/824cc8f4760e3c09bedaf78cd1fdd1fd.png) center center;
background-repeat:no-repeat;
background-size:240px auto;}

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