検索窓
今日:1 hit、昨日:0 hit、合計:78 hit
| CSS 配布可能css


まず読め☟
【CSS配布】Surface

▶サンプル
♢レトロ 水色 サンプル

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

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

▶【付属画像】
・背景のうねうね
・♢
/*---------
消すな
CSS配布元:http://uranai.nosv.org/u.php/novel/iamhungry52/
---------*/


/*選択範囲色*/
::selection{
color:#fcf4dc;
background-color:#146b6ba8;
text-shadow:none;}

/*全体文字色*//*最背面背景色*/
body{background:
url(http://img.u.nosv.org/uploader/files/8/5/6/8569d5bb4a35507900d3924f5aafe28f.png) center /auto 120px repeat #dad6cc;
color: #5e500a;}

div#content,div#container,div#wrapper,div.result{
background :#f2f0ea !important;}

div#navigation{
background-color:#eae7df !important;}

/*でっかい枠の線*/
div#container{
border-width: 6px 0 4px 0 !important;
border: none ;}

/*◆枠の間隔*/
div#desc,.block{margin:2px 0 3.5px !important;}
form,.fnormal{margin:1px 0 2px !important;}

/*◆リンクいろいろ*/
a:link,a:visited{color:#127777;}

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

div#topmenu a{color:#a69d8f;}

div#desc a{color:#127777;}

form#dr fieldset a {color: #948875;}

h2,h2 a{color:#766d5b !important;}

/*ホバー*/
a:hover{color:#7b9d9d!important;}

div#desc a:hover{
color:#7b9d9d !important;
text-shadow:none;}

/*◆その他文字色*/
/*スパン*/
fieldset span,h2 span,li span.fs85,span#ranknow{
color: #c6b051 !important;}

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

/*オレンジ背景の白文字 */
div#umlinks.umclmn a ,.ratingblock,p.voted,.static,span.thanks ,form.commentform ,form.commentform a,h3,.pageno ,.fnormal a{
color:#fcf4dc !important;}

/*◆ページ上部*/
/*占ツクとトップメニュー */
div#umbar.clearfix{
background: #288b8b !important;}

div#topcon,div#topmenu{
background:#f2f0eabd !important;}

/*占ツクのトップバー(下線)*/
#topcon,#topcon_line,div#umbar.clearfix{
border-color:#288b8b !important;}

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

/*トップメニュー探す 外枠削除*/
#seboxform,p.block.spmymenu.clearfix{
background-color: transparent !important;
border: none !important;}

/*トップメニュー探す 項目、テキスト入力ボックス枠*/
input[type=text],input[type=password] ,input[type=submit],.p_next span,p.block.spmymenu.clearfix a{
background: #dfd9c8;
color: #645f44 !important;
border: 1.5px solid #dfd9c8 !important;}

/*ダイヤ柄 サブミット、ほか*/
input[type=submit], p.block.spmymenu.clearfix a {
background-image: linear-gradient(124deg,transparent 38% ,#dfd9c8 45% 55%,transparent 62%), radial-gradient(closest-side, transparent 104%, #f7f3e8 100%), radial-gradient(closest-side, #dfd9c8 103%, #92b4b4 109%);
background-size: 800px ,13px 17px,13px 17px;
background-position: center, 0 0px, 6.5px 8.5px;
background-repeat:no-repeat,repeat ,repeat;}

p.block.spmymenu.clearfix a{ background-size: 480px ,13px 16px,13px 16px;}

/*ダイヤ柄 コメントフォーム、関連作品見出し ページタイトル*/
form.commentform, .block_head.fnormal ,.result h3 {
background-image: linear-gradient(131deg ,#288b8b 60% ,transparent 111%), radial-gradient(closest-side, transparent 104%, #289093 100%), radial-gradient(closest-side, #dfd9c8 103%, #d2ba51 109%);
background-size: 100% ,13px 17px,13px 17px;
background-position: right , 0 0px, 6.5px 8.5px;
background-repeat: repeat-y,repeat ,repeat;
border-radius:0.3em;
border: 1.7px solid #ded8c6 !important;}

/*ダイヤ柄 次話ボタン、お気に入り */
.p_next span,div#content .oblock{
background-image:
linear-gradient(124deg,transparent 38% ,#dfd9c8 45% 55%,transparent 62%), radial-gradient(closest-side, transparent 104%, #efece6 100%), radial-gradient(closest-side, #dfd9c8 103%, #79b0a7 109%);
background-size: 950px ,16px 20px,16px 20px;
background-position: center, 0 0px, 7px 10px;
background-repeat:no-repeat,repeat ,repeat;
background-color:#dfd9c8 !important;}

/*次話ボタン、お気に入り 文字影*/
.p_next span a, div#content .oblock {
text-shadow: 1px 1px 3px #dfd9c8, -1px -1px 3px #dfd9c8, -1px 1px 3px #dfd9c8, -1px -1px 3px #dfd9c8, 1px 1px 2px #dfd9c8, -1px -1px 2px #dfd9c8, -1px 1px 3px #dfd9c8, -1px -1px 3px #dfd9c8 !important;}

/*◆タイトル*/
div#header {
padding:0 0 5px 3px !important;
border-bottom: double 4px #dad6cc;}

div#header a {color: #288b8b;}

/*◆作品説明欄*/
div#desc{
background-color:#dfd9c8;
border:double 4px #249d9d ;
border-radius:0.6em;
margin: 4px 0 6px !important;}

/*ダイヤ柄 作品説明欄 */
div#desc {
background-image: radial-gradient(#f4f0e8 50% ,transparent 71%), radial-gradient(closest-side, transparent 104%, #48938d52 100%), radial-gradient(closest-side, #e7e1d3 103%, #f7f3e8 109%);
background-size: 800px ,28px 38px,28px 38px;
background-position: center, 0 0px, 14px 19px;
background-repeat: no-repeat,repeat ,repeat;}

@media only screen and (min-width:768px){ div#desc{
background-image: radial-gradient(#f4f0e8 63% ,transparent 85%), radial-gradient(closest-side, transparent 104%, #48938d52 100%), radial-gradient(closest-side, #e7e1d3 103%, #f7f3e8 109%);
text-align:center;}}

/*◆話選択 ボタン*/
div#content form.ipt fieldset label.ulbl {
margin-left:-20px ;}

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

/*選択外*/
input[type=radio] + label{
margin-left: -17px;
padding-left: 17px;}

/*◆ブロック*/
/*作品選択、次話のボタン ほか*/
form#dr,.p_next span,.block{
background-color:#f4f0e8 !important;
border:1.7px solid #ded8c6 !important;
border-radius:0.3em;}

/*右メニュー不具合報告ブロック */
div#tobbs {
background-color:#f4f0e8 !important;
border:none!important;
border-radius:0.4em;}

/*オレンジ背景二重線枠 評価、お気に入り登録、コメント*/
.ratingblock ,.commentform,.oblock {
background-color:#288b8b !important;
border:4px double #f4f0e8 !important;
border-radius:0.37em;}

/*右メニュー 下線*/
h2{
border-bottom: solid #d1c8b6 !important;}

/*◆線*/
/*関連作品ランク内 線、pc版 右メニュー 見出し線色、トップメニュー 作る 横線 など*/
ol.navlist li ,span.listitem, li.lsep,p#u_pager, div#content p.result_btm ,#comments.block span{
border-color :#d1c8b6!important ;}

/*◆評価欄 星 */
/*評価欄 星 */
.unit-rating,
.unit-rating li.current-rating,
.unit-rating li a:hover{
background-image:
url(http://img.u.nosv.org/uploader/files/5/0/8/50861674325149acb53675dba49ba2bd.png);
background-size:30px auto;
filter: hue-rotate(79deg) brightness(108%) saturate(82%);}

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

/*◆ハート*/
.hrtc,.hrtct{
background-image:url(http://img.u.nosv.org/uploader/files/0/a/9/0a999578ccfb2226918e80ee680a0266.png) !important;
color:#7a4e37 !important;
filter: hue-rotate(161deg) brightness(110%);}

/*◆文字の大きさ変更ボタン*/
#resizer{
background-color:#eee9deb8 !important;
padding:3px 2px 3px ;
font-size: 0.9em ;
border-radius:0.3em !important;
border:1px solid #288b8b;}

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

このホムペをお気に入り追加 登録すれば後で更新された順に見れます
オリジナル作品
違反報告 - ルール違反の作品はココから報告

作品は全て携帯でも見れます
同じような占いを簡単に作れます → 作成

作者名:作者 | 作成日時:2024年2月7日 2時

パスワード: (注) 他の人が作った物への荒らし行為は犯罪です。
発覚した場合、即刻通報します。