CSSカスタマイズ」
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
//edit user : No.9065
/*-----------------------------------ここからCSS開始-----...
/*全体背景*/
body {
background-image : url(http://fileup.jp/up/8584.jpg
) ;
background-repeat : repeat ;
background-position : center center ;
background-attachment : fixed ;
font-family : メイリオ ;
}
/*全体位置*/
#topmovie {
position : relative ;
bottom : 40px ;
}
/*配信名タイトル*/
#movie_title {
background-image : url(http://fileup.jp/up/8585.jpg) ;
color : #009966 ;
font-size : 18pt ;
text-align : center ;
text-shadow : 2px 1px 3px #000000 ;
border : 3px solid #F0FFFF;
padding : 5px ;
width : 966px ;
position : absolute ;
top : -6px ;
border-radius : 10px ; /* 角丸Opera, IE */
-moz-border-radius : 10px ; /* 角丸Firefox */
-webkit-border-radius : 10px ; /* 角丸Safari, GoogleChrom...
}
/*配信名タイトル横の配信者欄*/
#program_info {
background-image : url(http://i.imgur.com/oIav8cK.pn...
text-align : center ;
border : 3px solid #F0FFFF ;
padding : 5px ;
position : fixed ;
top : 0px ;
right : 0px ;
border-radius : 10px ; /* 角丸Opera, IE */
-moz-border-radius : 10px ; /* 角丸Firefox */
-webkit-border-radius : 10px ; /* 角丸Safari, GoogleChrom...
z-index : 1 ;
}
/*上のメインボックス*/
#author_comment {
background-image : url(https://ssl.dengeki.com/elem/...
background-position : center ;
font-weight : 600 ;
width : 970px ;
height : 670px ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
border : solid #F0FFFF ;
}
/*上のメインボックス-左下ボックス*/
#box1 {
background-image : url(http://i.imgur.com/oIav8cK.pn...
position : relative ;
margin : 415px 0px 0px 38px ;
-moz-border-radius : 20px ;
-webkit-border-radius : 20px ;
border-radius : 20px ;
width : 560px ;
height : auto ;
border : 3px solid #ff9b20 ;
}
/*上のメインボックス-左下ボックス-番組の内容*/
.boxtitle1 {
border-bottom : 1px solid #aaaaaa ; /* 下線 */
font-weight : bold ; /* 太字 */
color : #4564b0 ; /* 文字の色 */
padding-left : 30px ; /* 文字位置...
line-height : 25px ; /* 文字位上...
font-size : 20px ; /* 文字サイ...
}
/*上のメインボックス-左下ボックス-SkypeID*/
.boxtitle2 {
border-top : 1px solid #aaaaaa ; /* 上線 */
font-weight : bold ; /* 太字 */
color : #4564b0 ; /* 文字の色 */
padding-left : 30px ; /* 文字位置...
line-height : 25px ; /* 文字位上...
font-size : 20px ; /* 文字サイ...
}
.program_attend_imgblock {
background-image : url(http://i.imgur.com/y2ZtdxC.pn...
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
border : 1px solid #E0FFFF ;
}
/*ファンメンバー-メンバー外枠色2*/
.program_fan_imgblock {
background-image : url(http://i.imgur.com/y2ZtdxC.pn...
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
border : 1px solid #E0FFFF ;
}
/*上のメインボックス-左下棒読みボックス1*/
#box2{
background-image : url(http://i.imgur.com/oIav8cK.pn...
color : #4564b0 ;
text-align : center ;
width : 310px ;
height : 33px ;
font-weight : 700px ;
font-size : 19px ;
-moz-border-radius : 20px ;
-webkit-border-radius : 20px ;
border-radius : 20px ;
position : absolute ;
margin : -286px 0px 0px 616px ;
padding-top : 10px ;
border : 3px solid #ff9b20 ;
}
/*上のメインボックス-左下棒読みボックス2*/
#box3 {
background-image : url(http://i.imgur.com/oIav8cK.pn...
width : 300px ;
height : 210px ;
border : 3px solid #ff9b20 ;
text-align : left ;
padding : 5px 5px ;
margin : -226px 0px 0px 616px ;
-moz-border-radius : 20px ;
-webkit-border-radius : 20px ;
border-radius : 20px ;
}
/*上のメインボックス-左下棒読みボックス2-スクロール*/
#boxs {
width : 300px ;
height : 210px ;
overflow : auto ;
position : absolute ;
}
/*----------------------------ここからタグ部分の設定-----...
/*配信者タグ*/
#author_tag a:link {
color : #000000 ;
}
#author_tag a:hover {
background-image : url(http://i.imgur.com/oIav8cK.pn...
border : 1px solid #0068b7 ;
}
#author_tag a:visited {
color : #000000 ;
}
/*ユーザータグ*/
#usertag a:link {
color : #000000 ;
}
#usertag a:hover {
background-image : url(http://fileup.jp/up/8585.jpg) ;
border : 1px solid #0068b7 ;
}
#usertag a:visited {
color : #000000 ;
}
/*----------------------------ここまでタグ部分の設定-----...
/*-------------------------ここからファン登録部分の設定--...
/*ファン登録-ブロックサイズ*/
.program_fan_imgblock {
color : #000000 ;
background-color : #ccffcc ;
height : 150px ;
width : 135px ;
vertical-align : middle ;
}
/*ファン登録-画像サイズ*/
.program_fan_img {
border : ridge 1px ;
border-color : gray ;
width : 100px ;
height : 100px ;
}
/*ファン登録-ブロックサイズ*/
.tab_content{
background-image : url(http://i.imgur.com/oIav8cK.pn...
}
/*管理者に報告-報告タイトル*/
.datablock {
text-align : center ;
}
/*管理者に報告-テキスト枠*/
#report .rowdata textarea {
width : 800px ;
}
/*-------------------------ここまでファン登録部分の設定--...
/*------------------ここからテキストコメント、番組情報欄...
/*テキストコメントと番組情報のタイトル*/
.home_head{
background-color : #E0FFFF ;
border-left : none ;
text-align : center ;
font-size : 18px ;
}
/*テキストコメント欄*/
#movie_left_box{
height : 250px ;
background-color : #F0FFFF ;
}
/*番組情報欄*/
#movie_right_box{
height : 250px ;
background-color : #F0FFFF ;
font-size : 18pt ;
}
#undermovie #movie_left_box textarea{
width : 586px !important;
height : 70px !important;
}
/*スクロール*/
#textcomment_ret {
background-color : #F0FFFF ;
background-repeat : no-repeat ;
height : 100px ;
overflow : scroll ;
overflow-x : hidden ;
}
/*ライン*/
#undermovie .txtcome_block dt {
background-color : #E0FFFF ;
}
/*------------------ここまでテキストコメント、番組情報欄...
/*-----------------------------ここから広告系の設定------...
/*アマゾン広告背景透過と色つけ*/
.thumbblock_3colum_ama {
background-color : transparent ;
}
.thumbblock_3colum_ama:hover{
background-color : #F0FFFF ;
-moz-transition : 1s ease-out ;
-o-transition : 1s ease-out ;
-webkit-transition : 1s ease-out ;
}
.thumbblock_3colum_ama .thumbdataback {
color : #000000 ;
}
.thumbblock_3colum_ama .thumbcomment {
color : #000000 ;
}
.thumbblock_3colum_ama .amabanner_sals_cnt {
color : none ;
}
.thumbblock_3colum_ama .thumbimage_ama {
background-color : #FFFFFF ;
background-image : url(http://i.imgur.com/nVjOHCW.pn...
}
.thumbblock_3colum_ama .thumbtitle a:link {
color : #000000 ;
}
.thumbblock_3colum_ama .thumbtitle a:visited {
color : #000000 ;
}
.thumbblock_3colum_ama .thumbtitle a:hover {
color : #66ccff ;
}
/*アマゾン広告横サイズ*/
#undermovie #thumb {
font-size : 10pt !important ;
width : 100% !important ;
}
/*最下ミニアマゾン広告5つ*/
.thumbblock_3colum:hover{
background-color : #F0FFFF ;
-moz-transition : 1s ease-out ;
-o-transition : 1s ease-out ;
-webkit-transition : 1s ease-out ;
}
.thumbblock_3colum a:link {
color : #000000 ;
}
.thumbblock_3colum a:visited {
color : #000000 ;
}
.thumbblock_3colum a:hover {
color : #66ccff ;
}
/*上下の広告*/
#aswift_0 {
border : 2px solid #0068b7 ;
}
#aswift_0_anchor {
position : relative ;
top : -30px ;
left : 130px ;
}
#aswift_1 {
border : 2px solid #0068b7 ;
}
#aswift_1_anchor {
position : relative ;
left : 130px ;
}
/*-----------------------------ここまで広告系の設定------...
/*-----------------------------ここから最上部の設定------...
/*右上メニューと説明文*/
#header table tbody tr td {
text-align : left ;
}
#header table tbody tr td div.explanation {
text-align : left ;
}
/*左上画像(タイトルロゴ)*/
/*左上検索欄*/
.headmenu {
position : relative ;
left : 75px ;
}
/*-----------------------------ここまで最上部の設定------...
/*-----------------------------ここからその他の設定------...
/*番組情報編集見やすくする&CSSフロー...
#txt_author_comment {
width : 480px ;
height : 500px ;
font-size : 9pt ;
float : left ;
margin-top : 70px ;
margin-right : 0px ;
}
/*CSS編集見やすくする*/
#txt_css {
width : 480px ;
height : 500px ;
font-size : 9pt ;
}
/*-----------------------------ここまでその他の設定------...
/*-----------------------------------ここまでCSS終了-----...
終了行:
//edit user : No.9065
/*-----------------------------------ここからCSS開始-----...
/*全体背景*/
body {
background-image : url(http://fileup.jp/up/8584.jpg
) ;
background-repeat : repeat ;
background-position : center center ;
background-attachment : fixed ;
font-family : メイリオ ;
}
/*全体位置*/
#topmovie {
position : relative ;
bottom : 40px ;
}
/*配信名タイトル*/
#movie_title {
background-image : url(http://fileup.jp/up/8585.jpg) ;
color : #009966 ;
font-size : 18pt ;
text-align : center ;
text-shadow : 2px 1px 3px #000000 ;
border : 3px solid #F0FFFF;
padding : 5px ;
width : 966px ;
position : absolute ;
top : -6px ;
border-radius : 10px ; /* 角丸Opera, IE */
-moz-border-radius : 10px ; /* 角丸Firefox */
-webkit-border-radius : 10px ; /* 角丸Safari, GoogleChrom...
}
/*配信名タイトル横の配信者欄*/
#program_info {
background-image : url(http://i.imgur.com/oIav8cK.pn...
text-align : center ;
border : 3px solid #F0FFFF ;
padding : 5px ;
position : fixed ;
top : 0px ;
right : 0px ;
border-radius : 10px ; /* 角丸Opera, IE */
-moz-border-radius : 10px ; /* 角丸Firefox */
-webkit-border-radius : 10px ; /* 角丸Safari, GoogleChrom...
z-index : 1 ;
}
/*上のメインボックス*/
#author_comment {
background-image : url(https://ssl.dengeki.com/elem/...
background-position : center ;
font-weight : 600 ;
width : 970px ;
height : 670px ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
border : solid #F0FFFF ;
}
/*上のメインボックス-左下ボックス*/
#box1 {
background-image : url(http://i.imgur.com/oIav8cK.pn...
position : relative ;
margin : 415px 0px 0px 38px ;
-moz-border-radius : 20px ;
-webkit-border-radius : 20px ;
border-radius : 20px ;
width : 560px ;
height : auto ;
border : 3px solid #ff9b20 ;
}
/*上のメインボックス-左下ボックス-番組の内容*/
.boxtitle1 {
border-bottom : 1px solid #aaaaaa ; /* 下線 */
font-weight : bold ; /* 太字 */
color : #4564b0 ; /* 文字の色 */
padding-left : 30px ; /* 文字位置...
line-height : 25px ; /* 文字位上...
font-size : 20px ; /* 文字サイ...
}
/*上のメインボックス-左下ボックス-SkypeID*/
.boxtitle2 {
border-top : 1px solid #aaaaaa ; /* 上線 */
font-weight : bold ; /* 太字 */
color : #4564b0 ; /* 文字の色 */
padding-left : 30px ; /* 文字位置...
line-height : 25px ; /* 文字位上...
font-size : 20px ; /* 文字サイ...
}
.program_attend_imgblock {
background-image : url(http://i.imgur.com/y2ZtdxC.pn...
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
border : 1px solid #E0FFFF ;
}
/*ファンメンバー-メンバー外枠色2*/
.program_fan_imgblock {
background-image : url(http://i.imgur.com/y2ZtdxC.pn...
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
border : 1px solid #E0FFFF ;
}
/*上のメインボックス-左下棒読みボックス1*/
#box2{
background-image : url(http://i.imgur.com/oIav8cK.pn...
color : #4564b0 ;
text-align : center ;
width : 310px ;
height : 33px ;
font-weight : 700px ;
font-size : 19px ;
-moz-border-radius : 20px ;
-webkit-border-radius : 20px ;
border-radius : 20px ;
position : absolute ;
margin : -286px 0px 0px 616px ;
padding-top : 10px ;
border : 3px solid #ff9b20 ;
}
/*上のメインボックス-左下棒読みボックス2*/
#box3 {
background-image : url(http://i.imgur.com/oIav8cK.pn...
width : 300px ;
height : 210px ;
border : 3px solid #ff9b20 ;
text-align : left ;
padding : 5px 5px ;
margin : -226px 0px 0px 616px ;
-moz-border-radius : 20px ;
-webkit-border-radius : 20px ;
border-radius : 20px ;
}
/*上のメインボックス-左下棒読みボックス2-スクロール*/
#boxs {
width : 300px ;
height : 210px ;
overflow : auto ;
position : absolute ;
}
/*----------------------------ここからタグ部分の設定-----...
/*配信者タグ*/
#author_tag a:link {
color : #000000 ;
}
#author_tag a:hover {
background-image : url(http://i.imgur.com/oIav8cK.pn...
border : 1px solid #0068b7 ;
}
#author_tag a:visited {
color : #000000 ;
}
/*ユーザータグ*/
#usertag a:link {
color : #000000 ;
}
#usertag a:hover {
background-image : url(http://fileup.jp/up/8585.jpg) ;
border : 1px solid #0068b7 ;
}
#usertag a:visited {
color : #000000 ;
}
/*----------------------------ここまでタグ部分の設定-----...
/*-------------------------ここからファン登録部分の設定--...
/*ファン登録-ブロックサイズ*/
.program_fan_imgblock {
color : #000000 ;
background-color : #ccffcc ;
height : 150px ;
width : 135px ;
vertical-align : middle ;
}
/*ファン登録-画像サイズ*/
.program_fan_img {
border : ridge 1px ;
border-color : gray ;
width : 100px ;
height : 100px ;
}
/*ファン登録-ブロックサイズ*/
.tab_content{
background-image : url(http://i.imgur.com/oIav8cK.pn...
}
/*管理者に報告-報告タイトル*/
.datablock {
text-align : center ;
}
/*管理者に報告-テキスト枠*/
#report .rowdata textarea {
width : 800px ;
}
/*-------------------------ここまでファン登録部分の設定--...
/*------------------ここからテキストコメント、番組情報欄...
/*テキストコメントと番組情報のタイトル*/
.home_head{
background-color : #E0FFFF ;
border-left : none ;
text-align : center ;
font-size : 18px ;
}
/*テキストコメント欄*/
#movie_left_box{
height : 250px ;
background-color : #F0FFFF ;
}
/*番組情報欄*/
#movie_right_box{
height : 250px ;
background-color : #F0FFFF ;
font-size : 18pt ;
}
#undermovie #movie_left_box textarea{
width : 586px !important;
height : 70px !important;
}
/*スクロール*/
#textcomment_ret {
background-color : #F0FFFF ;
background-repeat : no-repeat ;
height : 100px ;
overflow : scroll ;
overflow-x : hidden ;
}
/*ライン*/
#undermovie .txtcome_block dt {
background-color : #E0FFFF ;
}
/*------------------ここまでテキストコメント、番組情報欄...
/*-----------------------------ここから広告系の設定------...
/*アマゾン広告背景透過と色つけ*/
.thumbblock_3colum_ama {
background-color : transparent ;
}
.thumbblock_3colum_ama:hover{
background-color : #F0FFFF ;
-moz-transition : 1s ease-out ;
-o-transition : 1s ease-out ;
-webkit-transition : 1s ease-out ;
}
.thumbblock_3colum_ama .thumbdataback {
color : #000000 ;
}
.thumbblock_3colum_ama .thumbcomment {
color : #000000 ;
}
.thumbblock_3colum_ama .amabanner_sals_cnt {
color : none ;
}
.thumbblock_3colum_ama .thumbimage_ama {
background-color : #FFFFFF ;
background-image : url(http://i.imgur.com/nVjOHCW.pn...
}
.thumbblock_3colum_ama .thumbtitle a:link {
color : #000000 ;
}
.thumbblock_3colum_ama .thumbtitle a:visited {
color : #000000 ;
}
.thumbblock_3colum_ama .thumbtitle a:hover {
color : #66ccff ;
}
/*アマゾン広告横サイズ*/
#undermovie #thumb {
font-size : 10pt !important ;
width : 100% !important ;
}
/*最下ミニアマゾン広告5つ*/
.thumbblock_3colum:hover{
background-color : #F0FFFF ;
-moz-transition : 1s ease-out ;
-o-transition : 1s ease-out ;
-webkit-transition : 1s ease-out ;
}
.thumbblock_3colum a:link {
color : #000000 ;
}
.thumbblock_3colum a:visited {
color : #000000 ;
}
.thumbblock_3colum a:hover {
color : #66ccff ;
}
/*上下の広告*/
#aswift_0 {
border : 2px solid #0068b7 ;
}
#aswift_0_anchor {
position : relative ;
top : -30px ;
left : 130px ;
}
#aswift_1 {
border : 2px solid #0068b7 ;
}
#aswift_1_anchor {
position : relative ;
left : 130px ;
}
/*-----------------------------ここまで広告系の設定------...
/*-----------------------------ここから最上部の設定------...
/*右上メニューと説明文*/
#header table tbody tr td {
text-align : left ;
}
#header table tbody tr td div.explanation {
text-align : left ;
}
/*左上画像(タイトルロゴ)*/
/*左上検索欄*/
.headmenu {
position : relative ;
left : 75px ;
}
/*-----------------------------ここまで最上部の設定------...
/*-----------------------------ここからその他の設定------...
/*番組情報編集見やすくする&CSSフロー...
#txt_author_comment {
width : 480px ;
height : 500px ;
font-size : 9pt ;
float : left ;
margin-top : 70px ;
margin-right : 0px ;
}
/*CSS編集見やすくする*/
#txt_css {
width : 480px ;
height : 500px ;
font-size : 9pt ;
}
/*-----------------------------ここまでその他の設定------...
/*-----------------------------------ここまでCSS終了-----...
ページ名: