CSS チェックミント

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

CSS 個人利用専用

◆チェックミントサンプル◆

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

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

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

【付属画像】
・チェック柄(占ツクの素材)
・ソーシャルトグル
・ボタン■
・ハート
・投票の星

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

/*◆全体の背景 */
body{background:#dbe2db;
color:#481808;}

div#content,div#container,div#wrapper,div#topcon{
background:#f6efec;}

div#navigation{
background:#f5ede7 ;}

/*◆選択範囲 */
::selection{
background:#6195828f;
color:#f6efec;
text-shadow:none;}

/*◆リンク・ホバー */
a:link, a:visited{color:#ca3c26;}

form#dr.ipt a{color:#9c433d ;}

.block.urank a:visited, .block.relsolr a:visited, ol.navlist a:visited{
color:#a99794 ;}

a:hover,form#dr a:hover, .p_next span a :hover{color:#b8d5c4 !important;}

/*◆細かい文字色 */
#lastmod, .hblock,
.ratingblock,.static,p.voted,span.thanks{
color:#69260f !important;}

.nstat{color:transparent !important;}

#ranknow,li span.fs85, h2#hl_cmt span, label.ulbl span{
color: #6fa2a6 !important;}

/*◆上の方 */
#topcon, div#container{
border:0 !important;}

#topcon,#topcon_line{border-bottom-color:#a5372b !important}

div#topmenu{
background:#f1e7e0;
border:solid 1.8px #e1d3ca !important;
border-left:0!important;
border-right:0!important}

#seboxform{
background:#f1e7e0!important;
border:0!important;}

/*◆タイトル付近 */
h1.utitle a,h2,h2 a{
color:#9d4f4f !important;
font-size:0.98em;
font-weight:bold!important}

div#header,h2{border-bottom: dashed 2px #d3c1b3 !important;}

/*◆ハート */
label.ulbl span.hrtc,.hrtct{
background:url(http://uranai.nosv.org/uploader/common/5/a/5/5a5fd5c75e5f05927ddbe51fed861a97.png)center left / 8px auto no-repeat !important;
filter: hue-rotate(45deg);
color:#d02024 !important;}

/*◆チェック柄の枠作品説明欄・投票ブロック */
div#desc,.ratingblock {
background:
linear-gradient(146deg, transparent 4%, #e7dbd2 4% 4.6%, transparent 4.6% 5.1%, #f1e7e0f2 5.1% 94.9% , transparent 94.9% 95.4% , #e7dbd2 95.4% 96%, transparent 96%) center/100% no-repeat,
url(http://cimg.nosv.org/uranai/img/bgimg2/pattern_148.gif)
center / auto 60px repeat;
border-radius:3px;
border:2px solid transparent !important;}

div#desc {
border:3px solid transparent !important;
margin:3px 0 !important;}

/*◆お話選択欄,お気に入り */
form#dr.ipt,
div#content .oblock{
background:#f6efec ;
border:0 !important;}

/*◆ラジオボタン */
label.ulbl {
margin-left:-13px !important}
input[type=radio]{visibility:hidden}

input[type=radio]+label{
padding-left:19px;
background:url(http://img.u.nosv.org/uploader/files/1/8/d/18d476c4bd83e7bc9fb9d0ee5b8fb8a3.png)center left / 7px auto no-repeat;}

input[type=radio]:checked+label{
background:url(http://img.u.nosv.org/uploader/files/9/b/2/9b2a593378b6246919d2402d4ba086da.png)center left/ 7px auto no-repeat;}

/*◆小説内容ページ*/
div.result {overflow-wrap: break-word;}

/*◆トップメニューの「探す」内一覧
次話のボタン
コメントフォームの投稿ボタン*/
p.block.spmymenu.clearfix a,
#u_pager .p_next span,#u_pager .p_next span a,
form.commentform input.cm_btn{
background:#e9ddd5 ;
color:#69260f !important;
border:0;}

/*◆水色枠テキストボックス、文字の大きさ変更ボタン*/
input[type=text], input[type=password],
#resizer{
background:#d8dfda !important;
color: #446e70 ;
border-radius:3px!important;
border:1px solid #afbec3 !important;}

/*◆文字の大きさ変更ボタンその他設定*/
#resizer{
padding:4px;
font-size:10px;
letter-spacing:-.1em;
border-radius:0.4em;
text-shadow:none;}

#resizer a{color: #446e70 ;}

/*◆ブロック*/
.block{
background-color:#f1e7e0!important;
border-radius:4px!important;
border:1px solid #d5c3b5 !important;}

.block.urank,.block.relsolr,#comments{
background-color:#f5eee9 !important;
border-radius:0 0 4px 4px!important;
border:1.5px solid #d3c4b6!important;
border-top:none !important;
margin:0 0 4px!important}

/*◆チェック背景枠*/
#umbar.clearfix,
input[type=submit]:not(#cmsb.cm_btn),
.result h3,
.fnormal,.commentform,
h2.account,h2.hoto,h2.hot ,
div#tobbs{
background:url(http://cimg.nosv.org/uranai/img/bgimg2/pattern_148.gif)
center / auto 60px repeat !important;
color:#e5f8ff !important;
border:0 !important;
border-top:solid 4px #9eb5b7 !important;}

input[type=submit]:not(#cmsb.cm_btn),
div#tobbs{
border-radius: 5px;
border: 2px double #fff !important;}

div#umbar.clearfix a,
.fnormal a,.commentform a,
.pageno,
h2.account a,h2.hoto a,h2.hot a,
div#tobbs a,div#tobbs span{
color: #b7e3da !important;
text-shadow: 1px 1px 2px #5f2e26, 1px 1px 2px #733d34, -1px -1px 2px #5f2e26, -1px -1px 2px #733d34;}

/*◆点線*/
#n_make ul li.lsep, span.listitem ,ol.navlist li{
border-bottom:dotted 1px #a77a55;}

p#u_pager, div#content p.result_btm {
border-top:dotted 1px #a77a55;}

/*◆評価欄星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:url(http://img.u.nosv.org/uploader/files/2/f/4/2f4ed4680866b6f9ce7bd10b6d38c15e.png);
background-size:30px auto;
filter:hue-rotate(246deg) saturate(95%) brightness(95%);}

@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/e/4/c/e4c703fc27740be8cfb07e906e867fbe.png)
center / 240px auto no-repeat;}

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