CSS 春の草花

今日:1 hit、昨日:3 hit、合計:1,631 hit

CSS そのままでも使えて
改変もできるcssです

絶対読んで👇
◆利用規約やら使い方やら◆

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

雰囲気と色合い重視

標準フォントならギリ問題ないですが
細いフォントを導入する場合、文字の色や大きさなどの調整が必須になります
クソ見づらい状態で使わないでね
約束だよ

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

/*◆ページ全体に影響する機能*/
/*スクロールバー*/
::-webkit-scrollbar {
width: 0.65em;
height: 1em;}

@media screen and (min-width:760px){ ::-webkit-scrollbar-thumb {
background-color:#f2a57eab;}}

/*選択範囲色*/
::selection{
color:#5e6757;
background:#d9ddd294;
text-shadow: none;}

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

.block.urank a, .block.relsolr a, ol.navlist a{
color:#96a878;}
.block.urank a:visited, .block.relsolr a:visited, ol.navlist a:visited{
color:#cdcaca;}

/*ホバーで色が滲む*/
a:hover {
color:transparent !important;
text-shadow: 0 0 2px #ffdcd1 ;
text-decoration:none ;}

/*テキスト入力ボックス枠線*/
input[type=text], input[type=password]{
background:#faeadb !important;
border-radius:5px ;
border:1px solid #f29a7e !important;}

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

/*◆ページ上部*/
/*umedia リンク*/
div#umlinks.umclmn a{color:#7E8C69 !important;}

/*占ツクのトップバー(下線)*/
#topcon,#topcon_line{border-radius:7px !important;}

#topcon_line{
border-bottom-color:#c1ccae !important;}

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

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

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

/*◆作品表紙の見た目*/
/*一番でっかい枠の線*/
div#container{
border-radius:0.7em !important;
border :solid 7px #c1ccae;
border-left:none !important;
border-right:0 !important;}

/*タイトル*/
/*下線*/
div#header, h2{
border-bottom: solid 2px #f7d1c6 !important;}

/*最初の一文字*/
h1:first-letter {color:#f29a7e;
font-size: 1.08em; }

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

/*最終更新日*//*ヒット数*/
#lastmod,.hblock{color:#5e6757 !important;}

/*右上のハートと、お話選択欄のハート*/
.hrtc,.hrtct{
background-image:
url(http://uranai.nosv.org/uploader/common/7/b/2/7b24fc31a6a5ae3e6b4f1500b6b4597e.png) !important;
background-size: 8px 8px !important;
color:#f29a7e !important;}

/*作品説明欄*/
div#desc{
background:url(http://uranai.nosv.org/uploader/common/0/2/e/02ea3219de1ab89e80ed4249b9466992.png)right /190px auto no-repeat #fff !important;
border-radius:5px !important;
border:2px solid #f29a7e ;}

@media screen and (max-width:769px){
div#desc{
background-size: auto 100%;}}

div#desc{
height:420px;overflow:auto;
word-break:break-all;line-break:strict;}

/*花柄背景の文字影*/
div#desc, h3, .pageno, #tobbs{
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 !important;}

/*文字の大きさ変更ボタン*/
#resizer{
padding:3px 3px 3px ;
font-size: 0.9em ;
border-radius:0.2em !important;
border:1px solid #f29a7e;}

/*お話選択*//*お話を選んでね*/
div#content form#dr{
background:#fff !important;
color:#e8b19f;
border:0 !important;}

/*ページタイトル・執筆状態・現在順位*/
h3, .nstat, #ranknow{color:#f29a7e !important;}

/*お話選択の文字色ホバー*/
form#dr a:link,form#dr a:visited{
color:#f29a7e;}

form#dr a:hover{
color:transparent;
text-shadow: 0 0 2px #ecbcad;}

/*「最初から読む」「選択した内容を見る」「投稿]*/
input[type=submit], #resizer {
background-color: #ffffffbd;
color:#f29a7e !important ;
border:1.5px solid #f29a7e;}

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

/*選択外*/
input[type=radio] + label{
padding-left:20px;
background-image:
url(http://uranai.nosv.org/uploader/common/8/3/5/835a81a797b9d98c1530667b53cab558.png);
background-repeat:no-repeat;
background-size:9px auto;}

/*選択中*/
input[type=radio]:checked + label{
background-image:
url(http://uranai.nosv.org/uploader/common/a/b/d/abd6161cff143be28f9ef53c2e9c2a7b.png);
background-repeat:no-repeat;}

/*花柄背景コメントフォーム、ページタイトル*/
form.commentform, .result h3, #tobbs{
background:url(http://img.u.nosv.org/uploader/files/d/2/8/d28e424845e2a4799db5a27ee23ea3aa.png)top right /55% auto no-repeat #fff !important;
border-radius:5px !important;
border:1.5px solid #f29a7e !important;}

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

/*次話のボタン*/
.p_next span{
background-color:#fff !important;
border:1.4px solid #f29a7e;}

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

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

/* 評価欄背景色枠 */
.ratingblock{
background-color:#fff;
border-radius:0.5em !important;
border:2.3px solid #f29a7e !important;}

/* おもしろ度の評価文字色 */
.ratingblock, .static{
color:#f29a7e;}

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

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

/*スマホ関連作品ランキング見出し*/
.fnormal, .block_head.fnormal{
background-color:#fff!important;
border: solid 1.8px #f29a7e !important;
border-left: 0!important;
border-right: 0 !important;}

/*スマホ関連ランキング背景色*//*スマホ関連作品背景色*/
.block.urank,.relsolr,p#comments.block {
background-color:#fff;
border-radius:5px !important;
border:1.5px solid #f9d1c5!important;
margin: 3px 0 4px !important;}

/*上記2つの枠内右メニュー関連作品内点線色*/
span.listitem, ol.navlist li { border-bottom: dashed 1px #cbd2c1 !important;}

/*pc版右メニュー見出し*/
h2, h2 a{
color:#f2b4a2 !important;
font-size: 1.04em;}

/*評価欄星 */
.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/31ef4eed4e0370f1c2c871b66129ee45.png);
background-size:30px auto;
filter: hue-rotate(4deg) saturate(134%) brightness(97%);}

@media only screen and (max-width:600px){
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-size:25px auto !important;}}

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

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