シンプルcss モノクロ

今日:4 hit、昨日:6 hit、合計:1,505 hit

CSS 🦞

とりまこれ読んで
◆利用規約やら使い方やら◆

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

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

【付属画像】
・ハート
・□の画像→
・選択ボタン2種
・星

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

/*テーマ色
#4F4F4F 黒灰色
#9E9E9E 灰色
#c4c4c4 白灰色*/

/*作品説明欄の画像がいらない場合はここから消す*/
div#desc,.commentform{
background-image:url(http://img.u.nosv.org/uploader/files/b/c/2/bc24feba192ec73bd69c3e8a77cb154a.png);
background-repeat:repeat-y;
background-size:158px auto;
background-position:right;}

@media only screen and (max-width:769px){
div#desc,.commentform{
url(http://img.u.nosv.org/uploader/files/b/c/2/bc24feba192ec73bd69c3e8a77cb154a.png) ;
background-size:100px auto; }}
/*ここまで消す*/

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

/*リンク色*/
a:link{color:#4F4F4F;}
a:visited{color:#9E9E9E;}

/*ホバーで色が滲む*/
a:hover,form#dr a:hover{
text-shadow: 0 0 2px #9E9E9E;
color:transparent;
text-decoration:none;}

/*テキスト入力ボックス背景画像*/
input[type=text],input[type=password]{
background-color:#3E3E40;
color:#fff;
border-radius:0.3em !important;
border:1px solid #4F4F4F;}

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

.fnormal{
margin: 2px 0 3px !important;}

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

/*◆ページ上部*/

/*一番でっかい枠の線*/
div#container{
border :solid 7px #4F4F4F;
border-left:none !important;
border-right:0 !important;}

/*umedia リンク*/
div#umlinks.umclmn a{
color:#4F4F4F!important;}

/*占ツクのトップバー(下線)*/
#topcon_line{
border-bottom-color:#4F4F4F !important;}

/*トップメニュー(マイペ探す作る履歴)*/
div#topmenu {
border: solid 1.8px #9E9E9E !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 #4F4F4F;}

/*◆作品表紙の見た目*/
/*タイトル下線*//*右メニュー見出し下線*/
div#header,h2{
border-bottom: solid 1.8px #4F4F4F !important;}

/*最初の一文字*/
h1:first-letter {color:#4F4F4F;
font-size: 1.2em;
font-weight:300 !important;}

/*それ以外の文字*/
h1.utitle a{color:#9E9E9E !important ;
font-size: 0.95em;
font-weight:300 !important;}

/*ヒット数*//*最終更新日*//*執筆状態*/
.hblock, #lastmod ,.nstat{color:#4F4F4F !important;}

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

.hrtc{background-size: 8px 8px !important;}

/*作品説明欄*/
div#desc,.commentform{
background-color:#fff !important;
color:#474747;
text-shadow: 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, -1px -1px 3px #fff, -1px -1px 3px #fff, -1px -1px 3px #fff;
border-radius:0.56em !important;
border:3.5px double #000 !important;}

/*お話選択の背景色・枠*/
div#content form#dr {
background-color:#fff !important;
border:none;
color:#4F4F4F;}

/*お話選択の文字色*/
form#dr a:link,form#dr a:visited{
color:#4F4F4F;}

/*最初から読む,選択した内容を見る*//*作品の続きボタン*/
input[type=submit], .p_next span{
background-color: #fff !important;
color:#4F4F4F !important ;
border:1.4px solid #4F4F4F;}

/*作品の続きボタンの文字*/
.p_next span a{
color:#4F4F4F;}

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

@media screen and (max-width: 769px){
div#content form.ipt fieldset label.ulbl {
display: inline-block;
margin-left: -10px !important;}}

/*選択外*/
input[type=radio] + label{padding-left:22px;background-image:url(http://uranai.nosv.org/uploader/common/1/6/9/169c4bffed184d2a41afe881e03db467.png);
background-repeat:no-repeat;
background-size:12px 12px;}

/*選択中*/
input[type=radio]:checked + label{background-image:url(http://uranai.nosv.org/uploader/common/c/2/c/c2c5db73331727e2f4083ea4a22a22e1.png);
background-repeat:no-repeat;
background-size:12px 12px;}

/*◆小説本文ページ*/
/*ページタイトル*/
.result h3{
background-color:#fff !important;
color:#4F4F4F !important;
border-radius:0.4em !important;
border:2.4px double #4F4F4F !important;}

/*ページナンバーの色*/
.pageno{
color:#9E9E9E !important;}

/*◆ページ下部*/
/*お気に入り登録*/
div#content .oblock{
border: 1px solid #fff;
background-color: #fff;}

/* 評価欄背景色枠 */
.ratingblock{
background-color:#fff;
border-radius:0.5em !important;
border:3px double #4F4F4F !important;}

/* おもしろ度の評価文字色 */
.ratingblock ,.static ,p.voted ,span.thanks{
color:#4F4F4F;}

/*上記以外の枠線色(関連作品、マイページ、コメントフォームなど)*/
.block{
background-color:#fff !important;
border-radius:0.5em !important;
border:1px solid #4F4F4F !important;}

/*関連作品小見出し文字色 */
.fnormal a{color:#4F4F4F!important;}

/*スマホ関連作品ランキング見出し*/
h3.block_head{
background-color:#fff!important;
border: solid 1.8px #4F4F4F !important;
padding: 8% ;
border-left: none !important;
border-right: 0 !important;}

/*スマホ関連ランキング,関連作品*/
.block.urank ,.relsolr{background-color:#fff;
border-radius:0.4em !important;
border:1px solid #9E9E9E !important;
margin: 3px 0 3px !important;}

/*上記2つの枠内線*//*pc版関連作品ランク内点線色*/
span.listitem,ol.navlist li { border-bottom: dashed 1px #9E9E9E !important;}

/*◆評価欄星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:url(http://img.u.nosv.org/uploader/files/e/7/6/e760f82306e2c44fb9973beb8e8bc864.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-image:url(http://img.u.nosv.org/uploader/files/7/4/2/74248cc31b70d72c122057ad431f7250.png);
background-repeat:no-repeat;
background-position:center;
background-size:240px auto;}

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

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

おもしろ度を投票
( ← 頑張って！｜面白い！→ )