css ライムブラック

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

CSS 配布可能css

◆ライムブラックサンプル◆

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

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

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

【付属画像】
・ハート
・投票の★
・ダイヤの画像

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

/*ダイヤのイラストいらなければ消して*/
div#desc,form#dr.ipt ,div#content .oblock ,.result h3 ,form.commentform {
background-image:url(http://img.u.nosv.org/uploader/files/c/6/1/c61c7203e5f5bb837e614000c762d2a6.png);
background-repeat:repeat-y;
background-size: 215px auto;
background-position:112%;}

@media screen and (max-width:767px){div#desc,form#dr.ipt,.result h3,form.commentform ,div#content .oblock {
background-size: 160px auto;
background-position:127%;}}
/*ここまで消す*/

/*◆ページ全体に影響する機能*/
/*選択範囲色*/
::selection{
color:#4F4F4F;
background:#E5E5E5;}

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

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

div#desc a ,#u_result.result a{text-decoration:underline;}
span#resizer a{text-decoration:none;}

/*ホバー*/
a:hover,form#dr a:hover{
text-shadow: 1px 1px 0 #9E9E9E;
color:transparent;}

/*スパン色々*/
span#ranknow ,form#dr.ipt span,#hl_cmt span,ol.navlist span.fs85{
color:#9bc12c !important;}

/*テキスト入力ボックス内色線色枠色*/
input[type=text]{
background-color:#ffffffc2;
border:1.4px solid #000;}

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

/*最背面背景色/文字色*/
body{
background-color:#F3F5F4;
color:#3E3E40;}

/*コンテンツフォーム(一番でっかい枠)の線*/
div#container{
border-width:7px 1px 1px !important;
border :solid #000;}

/*黒背景の部分 umediaリンク、違反報告、ソーシャルトグル、意見報告*/
div#umbar.clearfix,div#socialtoggle.block,#tobbs{
background-color:#000!important;
color:#fff!important;}

@media screen and (max-width:767px){
#content div:nth-child(23), #content div:nth-child(23) a{background-color:#000!important;
color:#fff!important;}}

/*上記の文字*/
div#umlinks.umclmn a,#tobbs a,#tobbs span{
color:#c5c5c5!important;}

/*占ツクのトップバー(下線)*/
div#topcon,div#topcon_line{
border-color:#000 ;}

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

/*トップメニュー探すテキスト入力欄外枠*/
#seboxform {
border: solid 1px #fff !important;
background-color: #fff !important;}

/*トップメニュー探す項目毎の枠線*/
p.block.spmymenu.clearfix a{
border:1px solid #000;}

/*◆タイトルから下*/
/*タイトル下線、右メニュー見出し下線*/
div#header,h2{
border-bottom: solid 1.8px #000 !important;}

/*タイトル文字*/
h1.utitle a{
color: rgba(0, 0, 0, 0) !important;
text-shadow: 1px 2px 0 #cd5;
-webkit-text-stroke: 0.66px #4d4d4d;
text-stroke:0.66px #4d4d4d;
font-size:1.15em;}

/*ヒット数・最終更新日・執筆状態の文字色*/
.hblock,#lastmod,.nstat{color:#303030 !important;}

/*ハート*/
span.hrtct,span.hrtc{
background-image:url(http://img.u.nosv.org/uploader/files/0/e/4/0e4f617ae0215eb9057100748c39b9cd.png);
color: #404040}

/*文字の大きさ変更ボタン*/
#resizer {
border: solid 1px #000 ;
padding: 4px;
font-size: 10px;
background-color:#fff;
margin-right: 0px;}

/*作品説明欄、お話選択欄、お気に入り登録*/
div#desc,form#dr.ipt ,div#content .oblock{
background-color:#fff;
border:0 !important;}

/*上記の文字色*/
div#desc,form#dr.ipt,div#content .oblock{
color:#474747;
text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff ;}

/*「最初から読む」「選択した内容を見る」「投稿」囲み線・背景色*/
input[type=submit]{
background-color: #ffffffc2;
color:#000!important ;
border:1.4px solid #000;}

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

/*スマホ表示時調整*/
@media screen and (max-width:769px){
div#content form.ipt fieldset label.ulbl {
display: inline-block;
margin-left:-20px !important;}}

/*選択外*/
input[type=radio] + label{padding-left:22px;background-image:url(http://img.u.nosv.org/uploader/files/8/0/f/80fa4196fc2bd98ba799720ce52ebf8a.png);
background-repeat:no-repeat;
background-position:left center;
background-size:9px 9px;}

/*選択中*/
input[type=radio]:checked + label{background-image:url(http://img.u.nosv.org/uploader/files/e/f/1/ef17b481d464202ab291e3038fdd0b1c.png);
background-repeat:no-repeat;
background-size:9px 9px;}

/*◆小説本文ページ*/
/*次話のボタン*/
.p_next span{
background-color:#fff !important;
border:1.4px solid #000;}

/*作品の続きボタン*/
.p_next span ,.p_next span hover{
color:#000;}

/*◆投票ブロックより下*/
/*お気に入り登録*/
div#content .oblock{
border:none;}

/* 二重線枠ページタイトル、評価欄、コメントフォーム*/
.result h3,.ratingblock,div#content form.commentform{
background-color:#fff !important;
border-radius:0.4em !important;
border:3px double #000 !important;}

/* おもしろ度の評価,点数: 0.0/10 文字色 */
div.ratingblock,.static,.voted{
color:#000;}

/*指定外のブロック*/
.block{
background-color:#fff !important;
border-radius:0.5em !important;
border:0.8px solid #000 !important;}

/*関連作品小見出し文字色 */
h3.block_head a{color:#000!important;}

/*スマホ関連作品ランキング見出し*/
.fnormal{
background-color:#fff!important;
border: double 3px #000 !important;
border-width:3px 0 3px !important;}

/*上記の枠内線、右メニューランキング枠内線*/
span.listitem,ol.navlist li {
border-bottom:dotted 1.3px #999;}

/*◆評価欄星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:url(http://img.u.nosv.org/uploader/files/b/5/9/b59da3610c4fd039ae614b2a167c2e61.png);
background-size:30px auto;
filter: brightness(93%);}

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

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