メイン

「動画サービス」のアーカイブ

2007年12月 6日

H.264 超すげぇ。

最新版のFlash Player で H.264エンコードがサポートされ、HD画質の動画が見られるようになったということで早速見てみました。

↓こちらのCodeZineの記事を参考に。

CodeZine:H.264やばい、マジやばい。Adobeサイトで動画を見られるから今すぐ見て!(Flash)

CodeZine の記事タイトルが興奮度合いを表してますが、その気持ち分かります。

この画質超すごいっす。

このレベルの動画が手軽に見られるってのは、ほんとすごいですねぇ。

最近は民生品のビデオカメラでハイビジョンタイプのカメラが売れている見たいですし、YouTubeあたりがHD画質動画をサポートし始めたら、素人投稿ビデオがもっと面白くなってきそうな予感がします。

2007年8月28日

CASIO のカメラに YouTube モード搭載だって

カシオ、YouTube撮影モードなどを搭載した「EXILIM」4モデルを発表 | 家電 | マイコミジャーナル

今回発表された全モデルには、画像処理エンジン「EXILIMエンジン2.0」を装備。次世代規格H.264方式の高圧縮・高画質ムービーが撮影できるほか、動画のサイズや画質などを人気の動画共有サイト「YouTube」に最適な設定で撮影・保存できる「YouTube撮影モード」を搭載する。また、付属の専用PCソフトを使うと、簡単に動画をYouTubeにアップロード可能としている。

へー!

YouTube と言えば、先日携帯電話からの動画投稿が可能になったばかり。

動画を撮影するチャネルとしては、ビデオカメラ、携帯の動画撮影、デジカメでの動画撮影ってのが定番だと思うのですが、まさかこのデジカメから攻めてくるとは。

↓YouTubeにためしに携帯電話から投稿してみたんですが、画質がやっぱり悪いですね。

この点、デジカメでは「「YouTube」に最適な設定で撮影」できるわけですから、期待できそうです。

ただ、やっぱりアップの手間がかかっちゃうんですよね。

デジカメで撮影して、そこから即YouTubeへ!みたいなことができたら素敵なんでしょうけど。

それはすでにデジカメではないのかしら。

2007年8月 2日

YouTube × mixi

今日ちょっとびっくりしたニュースが、YouTube と mixi の提携というニュース。

mixiとYouTubeが連携、動画付き日記の投稿が可能に:ニュース - CNET Japan
Japan.internet.com Webビジネス - 「mixi」、YouTube の動画を日記に貼り付け可能に
YouTube、日本版の事業戦略を発表--ミクシィや吉本らもパートナーに:ニュース - CNET Japan


米国でのYouTube の立ち振る舞いを見ていると、どこかと手を組むというのは予測できたんですが、まさかmixi と組むとは。

KDDI 経由で仲の良い GREE あたりと組むというのなら、「あー、なるほど」だったんですけどね。

mixi は mixi動画という動画サービスを持っているわけだし、どうするんだろうなぁ。

でも、mixiを利用している層とYouTube を利用している層って、けっこうかぶらないところが大きいんでしょうか。相乗効果で利用率が上がるのを期待しているのかもね。

日本では、著作権がらみでテレビ番組のUPが難しくなりそうなわけで、じゃあ他にどんなコンテンツを期待するかというと、素人からの投稿くらいしかないと。

YouTube 自体は「コミュニティ」としては上手く機能していないので、mixi 上のコミュニティや知人・友人との間で YouTube が利用されると良いね。

2007年6月19日

YouTube 日本語版

ついに、というか、ようやく、というか YouTube の日本語サイトが開設されました。

YouTube - Broadcast Yourself

パートナー企業にSkyperfecTV が名乗りをあげたようですね。

新ユーザインターフェースリリースと言い、オンライン上で動画編集できる機能のリリースと言い、YouTube 関連の興味深いニュースが連日出てきています。

いよいよ動画コンテンツの本領が発揮されるんでしょうかね。

携帯からアップロードして、編集してってことができるようにしたいと考えているようで、携帯ユーザが多い日本で新しいブームを作るかも知れません。

でも、今まで英語版のインターフェスに慣れてきた自分的には、日本語版のサイトの日本語が不自然に感じられて仕方ないんですよね・・・。

同じ気持ちの人、結構たくさんいるんじゃないかなぁ。

2007年6月17日

YouTube の新しいインターフェース

YouTubeのページ右上に、「Try out the NEW (beta) version of this page!」とあって、新しいバージョンのインターフェースを試せるようになっていました。

↓こちらが旧版。

20070617_YouTube_01.jpg


↓こちらが新版。

20070617_YouTube_02.jpg


大きな違いは、画面上部の広告の有無でしょうか。

目に付く位置に広告がないというだけで、すっきりした印象を受けます。

また、プレーヤのサイズも一回り大きくなって見やすくなっています。

後は、3カラムレイアウトが2カラムに変更されていたり、メニュー部分がすっきりしていたり、右側の情報表示部分のグルーピングが整理されていたりしますね。

画像からは分かりませんが、share というところをクリックするとdiggやdel.icio.usに投稿できたり、 customize this embed をクリックすると、自分のページに表示するプレーヤに関連動画を載せるかどうかを選択することができます。

Google による買収後、それほど大きな変化のなかったYouTube ですが、ぼちぼち買収の影響が出始めてきているようですね。

※新インターフェースはURLの後ろに&v3を付ければ試すことができます。

2007年6月 9日

YouTube の新しい API

pop×popで紹介されていた(YouTubeプレイヤーの次世代インターフェースはここが変わる!? | P O P * P O P)ように、YouTube のプレーヤがリニューアルされましたね。

Google が買収した効果が徐々に現れているのでしょうか。

そんな中、先日の Google Developer Day にて YouTube の新APIの概要が発表されたようです。次のAPIはGDataと密接に関係してくるようですね。

ProgrammableWeb.com ≫ Blog Archive ≫ New YouTube API Coming Soon
YouTube API Blog: The Future

なぜGDataなのかというポイントは以下の点にまとめられています。

・拡張性/柔軟性/安定性の改善
・既存のフレームワークの標準化 --- 他のGData API とのマッシュアップを簡単にするため
・認証モデルを使うことによって年内に提供することを予定している。
・開発者はGDataリソースを、ライブラリや開発者ガイドのように利用することができる



個人的にYouTube API を触ったことがないので、これを機にちょっと mash up アプリでも作ってみようかなと思ったり。


また、英語ですが、以下のGoogle グループにてAPIのリクエスト&投票を行っています。

API Feature Requests - YouTube API Developer Forum | Google グループ

2007年5月 6日

YouTube に広告収入を得るプログラム登場

YouTubeにも、動画の投稿者が広告収入を得られるプログラムが登場したようです。

YouTube、人気コンテンツ投稿者に広告収入の道-ITのニュース:イザ!

米Google傘下のYouTubeは5月3日、公式ブログで、新しいパートナープログラムを発表した。このプログラムでは、YouTubeユーザーのうち、作品を多数制作し既に多くの「固定客」を得た投稿者を「ユーザーパートナー」とし、広告収入を得る機会を提供する。


ということで、AdSenseのように誰でも収入を得られるという訳ではないようです。

それなりにYouTubeに貢献していないと駄目ってことですね。

広告の表示も、動画中ではなく動画の外側に表示されるとか。


広告はビデオクリップ内ではなく、「作品の近くに」表示されるという。


CGM系のサイトで、そのサイトの発展に貢献したユーザに収入の道が拓かれるというのは、実はそんなになくって。

これと同じ発想で行くのならば、例えば、はてなブックマークとか、アルファブックマーカとかもはてなからそれなりのペイがあっても良いってことですよね(僕がしらないだけでそういう仕組みはあるのかしら)。

コンテンツを集めるのにはユーザの力が不可欠。そしてそのモチベーションを広告収入から出そうという発想は、間違っていないようですが、逆に金銭でユーザの意欲を買うことでそのCGMサービスが立ちゆかなくなる可能性もあるわけで。

YouTubeで広告収入を得ているユーザの今度の同行は要チェックですね。

2007年4月 4日

Web2.0時代の選挙対策

選挙法が時代に合っていないことは以前から指摘されていましたが、動画サービスの普及でいよいよ無視してもいられなくなってきたようです。

ITmedia News:“泡沫候補”浮上させるYouTube 選管も困惑
選管困惑…都知事選“泡沫候補”がYouTubeで浮上 Web2.0が選挙を変える?-ITのニュース:イザ!

政見放送は、放映時間や回数が厳しく規定されており、ネット上で自由に投稿・再生される事態は想定外。公職選挙法ではネットを使った選挙運動を禁止しており、候補者や支援者が選挙を優位に進める目的で政見放送をYouTubeに投稿すれば、同法違反に問われる可能性もある。
明らかに選管が時代の流れを読んでなさすぎでしょう。

これだけ違法アップロードが問題になっているのに、政見放送はその対象にはならないと勝手に考えたのでしょうか。「おもしろい」コンテンツがあれば、それが一般ユーザの手によって、様々な手段で多くの人に伝えられていく仕組みが出来上がっています。

とすると、その間隙を狙った外山恒一氏の作戦は成功したんじゃないでしょうか。

「選挙は年寄りのもの」「どうせ若者は選挙に無関心」と自分たちに都合の良い選挙を作り上げてきたご老人たちは足元をすくわれるかもしれませんね。

まあ、外山氏が当選する確率は低いと思いますが。

って、プロフィール見たら我が郷土鹿児島出身だって。

ぎゃふん。

この一件をきっかけに、選挙でもっとネットを活用できるようになれば、また色々と面白くなりそうです。

2007年2月 3日

動画コンテンツを利用した広告

Japan.internet.com Webマーケティング - YouTube の動画にコンテンツ連動型広告を挿入、「ブレイナービデオ」サービス開始
コンテンツ連動型動画広告サービス「ブレイナービデオ」を開始

先日「YouTube動画に字幕やコメントを付けるサービス (でぃべろっぱーず・さいど)」で、YouTubeの動画を利用したコミュニケーションサービスを紹介しましたが、今度はYouTubeの動画にコンテンツ連動型広告を挿入するサービスだそうです。

YouTube動画を自分のページで紹介したいときに、間にこのサービスを挟み込むことで、動画に広告を埋め込むことができるそうです。

うーん。試みとしてはおもしろいですが、YouTubeを買収したGoogleはGoogleAdwards、GoogleAdsenseといった広告サービスをすでに持っているわけで、そのうちこういうサービスにも対応しそうなんですよね。サービス自体、YouTubeのコンテンツに依存しているというのは、なんだかものすごくグレーな感じがします。

2007年1月24日

YouTube動画に字幕やコメントを付けるサービス

昨日、一昨日と、Google Videoに字幕が付けられるというエントリを書きましたが、どうやらYouTubeの動画に、字幕やコメントを付けられるサービスがありました。

ニコニコ動画(β)
字幕.in | YouTube動画にブラウザ上から字幕を挿入できるサービス

どちらともサービスロゴが手書き風フォントなのが良いですね。

はてなセリフと言い、こういうサービスが出てくると、良質なオリジナルのコンテンツの提供が重要になってくる気がします。

<関連エントリ>
Google Videoって実は結構いけてるんじゃない? (でぃべろっぱーず・さいど)
Google Video に日本語の字幕を付けてみました。 (でぃべろっぱーず・さいど)

でぃべろっぱーず・さいど http://dev.chrisryu.com/ 鹿児島出身子持ちSEのディベロッパーとしての一面 ja Copyright 2013 Thu, 06 Dec 2007 23:03:28 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss H.264 超すげぇ。 最新版のFlash Player で H.264エンコードがサポートされ、HD画質の動画が見られるようになったということで早速見てみました。

↓こちらのCodeZineの記事を参考に。

CodeZine:H.264やばい、マジやばい。Adobeサイトで動画を見られるから今すぐ見て!(Flash)

CodeZine の記事タイトルが興奮度合いを表してますが、その気持ち分かります。

この画質超すごいっす。

このレベルの動画が手軽に見られるってのは、ほんとすごいですねぇ。

最近は民生品のビデオカメラでハイビジョンタイプのカメラが売れている見たいですし、YouTubeあたりがHD画質動画をサポートし始めたら、素人投稿ビデオがもっと面白くなってきそうな予感がします。

]]>
http://dev.chrisryu.com/2007/12/h264_its_cool.html http://dev.chrisryu.com/2007/12/h264_its_cool.html 動画サービス Thu, 06 Dec 2007 23:03:28 +0900
CASIO のカメラに YouTube モード搭載だって カシオ、YouTube撮影モードなどを搭載した「EXILIM」4モデルを発表 | 家電 | マイコミジャーナル

今回発表された全モデルには、画像処理エンジン「EXILIMエンジン2.0」を装備。次世代規格H.264方式の高圧縮・高画質ムービーが撮影できるほか、動画のサイズや画質などを人気の動画共有サイト「YouTube」に最適な設定で撮影・保存できる「YouTube撮影モード」を搭載する。また、付属の専用PCソフトを使うと、簡単に動画をYouTubeにアップロード可能としている。

へー!

YouTube と言えば、先日携帯電話からの動画投稿が可能になったばかり。

動画を撮影するチャネルとしては、ビデオカメラ、携帯の動画撮影、デジカメでの動画撮影ってのが定番だと思うのですが、まさかこのデジカメから攻めてくるとは。

↓YouTubeにためしに携帯電話から投稿してみたんですが、画質がやっぱり悪いですね。

この点、デジカメでは「「YouTube」に最適な設定で撮影」できるわけですから、期待できそうです。

ただ、やっぱりアップの手間がかかっちゃうんですよね。

デジカメで撮影して、そこから即YouTubeへ!みたいなことができたら素敵なんでしょうけど。

それはすでにデジカメではないのかしら。

]]>
http://dev.chrisryu.com/2007/08/casio_youtube.html http://dev.chrisryu.com/2007/08/casio_youtube.html 動画サービス Tue, 28 Aug 2007 23:02:15 +0900
YouTube × mixi 今日ちょっとびっくりしたニュースが、YouTube と mixi の提携というニュース。

mixiとYouTubeが連携、動画付き日記の投稿が可能に:ニュース - CNET Japan
Japan.internet.com Webビジネス - 「mixi」、YouTube の動画を日記に貼り付け可能に
YouTube、日本版の事業戦略を発表--ミクシィや吉本らもパートナーに:ニュース - CNET Japan


米国でのYouTube の立ち振る舞いを見ていると、どこかと手を組むというのは予測できたんですが、まさかmixi と組むとは。

KDDI 経由で仲の良い GREE あたりと組むというのなら、「あー、なるほど」だったんですけどね。

mixi は mixi動画という動画サービスを持っているわけだし、どうするんだろうなぁ。

でも、mixiを利用している層とYouTube を利用している層って、けっこうかぶらないところが大きいんでしょうか。相乗効果で利用率が上がるのを期待しているのかもね。

日本では、著作権がらみでテレビ番組のUPが難しくなりそうなわけで、じゃあ他にどんなコンテンツを期待するかというと、素人からの投稿くらいしかないと。

YouTube 自体は「コミュニティ」としては上手く機能していないので、mixi 上のコミュニティや知人・友人との間で YouTube が利用されると良いね。

]]>
http://dev.chrisryu.com/2007/08/youtube_mixi.html http://dev.chrisryu.com/2007/08/youtube_mixi.html 動画サービス Thu, 02 Aug 2007 22:07:51 +0900
YouTube 日本語版 ついに、というか、ようやく、というか YouTube の日本語サイトが開設されました。

YouTube - Broadcast Yourself

パートナー企業にSkyperfecTV が名乗りをあげたようですね。

新ユーザインターフェースリリースと言い、オンライン上で動画編集できる機能のリリースと言い、YouTube 関連の興味深いニュースが連日出てきています。

いよいよ動画コンテンツの本領が発揮されるんでしょうかね。

携帯からアップロードして、編集してってことができるようにしたいと考えているようで、携帯ユーザが多い日本で新しいブームを作るかも知れません。

でも、今まで英語版のインターフェスに慣れてきた自分的には、日本語版のサイトの日本語が不自然に感じられて仕方ないんですよね・・・。

同じ気持ちの人、結構たくさんいるんじゃないかなぁ。

]]>
http://dev.chrisryu.com/2007/06/japanese_youtube.html http://dev.chrisryu.com/2007/06/japanese_youtube.html 動画サービス Tue, 19 Jun 2007 23:50:55 +0900
YouTube の新しいインターフェース YouTubeのページ右上に、「Try out the NEW (beta) version of this page!」とあって、新しいバージョンのインターフェースを試せるようになっていました。

↓こちらが旧版。

20070617_YouTube_01.jpg


↓こちらが新版。

20070617_YouTube_02.jpg


大きな違いは、画面上部の広告の有無でしょうか。

目に付く位置に広告がないというだけで、すっきりした印象を受けます。

また、プレーヤのサイズも一回り大きくなって見やすくなっています。

後は、3カラムレイアウトが2カラムに変更されていたり、メニュー部分がすっきりしていたり、右側の情報表示部分のグルーピングが整理されていたりしますね。

画像からは分かりませんが、share というところをクリックするとdiggやdel.icio.usに投稿できたり、 customize this embed をクリックすると、自分のページに表示するプレーヤに関連動画を載せるかどうかを選択することができます。

Google による買収後、それほど大きな変化のなかったYouTube ですが、ぼちぼち買収の影響が出始めてきているようですね。

※新インターフェースはURLの後ろに&v3を付ければ試すことができます。

]]>
http://dev.chrisryu.com/2007/06/youtube_3.html http://dev.chrisryu.com/2007/06/youtube_3.html 動画サービス Sun, 17 Jun 2007 22:35:17 +0900
YouTube の新しい API pop×popで紹介されていた(YouTubeプレイヤーの次世代インターフェースはここが変わる!? | P O P * P O P)ように、YouTube のプレーヤがリニューアルされましたね。

Google が買収した効果が徐々に現れているのでしょうか。

そんな中、先日の Google Developer Day にて YouTube の新APIの概要が発表されたようです。次のAPIはGDataと密接に関係してくるようですね。

ProgrammableWeb.com ≫ Blog Archive ≫ New YouTube API Coming Soon
YouTube API Blog: The Future

なぜGDataなのかというポイントは以下の点にまとめられています。

・拡張性/柔軟性/安定性の改善
・既存のフレームワークの標準化 --- 他のGData API とのマッシュアップを簡単にするため
・認証モデルを使うことによって年内に提供することを予定している。
・開発者はGDataリソースを、ライブラリや開発者ガイドのように利用することができる



個人的にYouTube API を触ったことがないので、これを機にちょっと mash up アプリでも作ってみようかなと思ったり。


また、英語ですが、以下のGoogle グループにてAPIのリクエスト&投票を行っています。

API Feature Requests - YouTube API Developer Forum | Google グループ

]]>
http://dev.chrisryu.com/2007/06/new_youtube_api.html http://dev.chrisryu.com/2007/06/new_youtube_api.html 動画サービス Sat, 09 Jun 2007 23:23:09 +0900
YouTube に広告収入を得るプログラム登場 YouTubeにも、動画の投稿者が広告収入を得られるプログラムが登場したようです。

YouTube、人気コンテンツ投稿者に広告収入の道-ITのニュース:イザ!

米Google傘下のYouTubeは5月3日、公式ブログで、新しいパートナープログラムを発表した。このプログラムでは、YouTubeユーザーのうち、作品を多数制作し既に多くの「固定客」を得た投稿者を「ユーザーパートナー」とし、広告収入を得る機会を提供する。


ということで、AdSenseのように誰でも収入を得られるという訳ではないようです。

それなりにYouTubeに貢献していないと駄目ってことですね。

広告の表示も、動画中ではなく動画の外側に表示されるとか。


広告はビデオクリップ内ではなく、「作品の近くに」表示されるという。


CGM系のサイトで、そのサイトの発展に貢献したユーザに収入の道が拓かれるというのは、実はそんなになくって。

これと同じ発想で行くのならば、例えば、はてなブックマークとか、アルファブックマーカとかもはてなからそれなりのペイがあっても良いってことですよね(僕がしらないだけでそういう仕組みはあるのかしら)。

コンテンツを集めるのにはユーザの力が不可欠。そしてそのモチベーションを広告収入から出そうという発想は、間違っていないようですが、逆に金銭でユーザの意欲を買うことでそのCGMサービスが立ちゆかなくなる可能性もあるわけで。

YouTubeで広告収入を得ているユーザの今度の同行は要チェックですね。

]]>
http://dev.chrisryu.com/2007/05/youtube_2.html http://dev.chrisryu.com/2007/05/youtube_2.html 動画サービス Sun, 06 May 2007 22:11:23 +0900
Web2.0時代の選挙対策 選挙法が時代に合っていないことは以前から指摘されていましたが、動画サービスの普及でいよいよ無視してもいられなくなってきたようです。

ITmedia News:“泡沫候補”浮上させるYouTube 選管も困惑
選管困惑…都知事選“泡沫候補”がYouTubeで浮上 Web2.0が選挙を変える?-ITのニュース:イザ!

政見放送は、放映時間や回数が厳しく規定されており、ネット上で自由に投稿・再生される事態は想定外。公職選挙法ではネットを使った選挙運動を禁止しており、候補者や支援者が選挙を優位に進める目的で政見放送をYouTubeに投稿すれば、同法違反に問われる可能性もある。
明らかに選管が時代の流れを読んでなさすぎでしょう。

これだけ違法アップロードが問題になっているのに、政見放送はその対象にはならないと勝手に考えたのでしょうか。「おもしろい」コンテンツがあれば、それが一般ユーザの手によって、様々な手段で多くの人に伝えられていく仕組みが出来上がっています。

とすると、その間隙を狙った外山恒一氏の作戦は成功したんじゃないでしょうか。

「選挙は年寄りのもの」「どうせ若者は選挙に無関心」と自分たちに都合の良い選挙を作り上げてきたご老人たちは足元をすくわれるかもしれませんね。

まあ、外山氏が当選する確率は低いと思いますが。

って、プロフィール見たら我が郷土鹿児島出身だって。

ぎゃふん。

この一件をきっかけに、選挙でもっとネットを活用できるようになれば、また色々と面白くなりそうです。

]]>
http://dev.chrisryu.com/2007/04/web20.html http://dev.chrisryu.com/2007/04/web20.html 動画サービス Wed, 04 Apr 2007 21:08:40 +0900
動画コンテンツを利用した広告 Japan.internet.com Webマーケティング - YouTube の動画にコンテンツ連動型広告を挿入、「ブレイナービデオ」サービス開始
コンテンツ連動型動画広告サービス「ブレイナービデオ」を開始

先日「YouTube動画に字幕やコメントを付けるサービス (でぃべろっぱーず・さいど)」で、YouTubeの動画を利用したコミュニケーションサービスを紹介しましたが、今度はYouTubeの動画にコンテンツ連動型広告を挿入するサービスだそうです。

YouTube動画を自分のページで紹介したいときに、間にこのサービスを挟み込むことで、動画に広告を埋め込むことができるそうです。

うーん。試みとしてはおもしろいですが、YouTubeを買収したGoogleはGoogleAdwards、GoogleAdsenseといった広告サービスをすでに持っているわけで、そのうちこういうサービスにも対応しそうなんですよね。サービス自体、YouTubeのコンテンツに依存しているというのは、なんだかものすごくグレーな感じがします。

]]>
http://dev.chrisryu.com/2007/02/post_84.html http://dev.chrisryu.com/2007/02/post_84.html 動画サービス Sat, 03 Feb 2007 23:47:12 +0900
YouTube動画に字幕やコメントを付けるサービス 昨日、一昨日と、Google Videoに字幕が付けられるというエントリを書きましたが、どうやらYouTubeの動画に、字幕やコメントを付けられるサービスがありました。

ニコニコ動画(β)
字幕.in | YouTube動画にブラウザ上から字幕を挿入できるサービス

どちらともサービスロゴが手書き風フォントなのが良いですね。

はてなセリフと言い、こういうサービスが出てくると、良質なオリジナルのコンテンツの提供が重要になってくる気がします。

<関連エントリ>
Google Videoって実は結構いけてるんじゃない? (でぃべろっぱーず・さいど)
Google Video に日本語の字幕を付けてみました。 (でぃべろっぱーず・さいど)

]]>
http://dev.chrisryu.com/2007/01/youtube_1.html http://dev.chrisryu.com/2007/01/youtube_1.html 動画サービス Wed, 24 Jan 2007 22:47:06 +0900
でぃべろっぱーず・さいど: アーカイブ

アーカイブ

/* Base Weblog (base-weblog.css) */ /* basic elements */ html { margin: 0; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0; } body { margin: 0; /* setting border: 0 hoses ie5 win window inner well border */ padding: 0; font-family: verdana, 'trebuchet ms', sans-serif; font-size: 12px; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin-top: 10px; margin-bottom: 10px; } /* standard helper classes */ .clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; } /* .pkg class wraps enclosing block element around inner floated elements */ .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ /* page layout */ body { text-align: center; } /* center on ie */ #container { position: relative; margin: 0 auto; /* center on everything else */ width: 720px; text-align: left; } #container-inner { position: static; width: auto; } #banner { position: relative; } #banner-inner { position: static; } #pagebody { position: relative; width: 100%; } #pagebody-inner { position: static; width: 100%; } #alpha, #beta, #gamma, #delta { display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; } #delta { float: right; } #alpha-inner, #beta-inner, #gamma-inner, #delta-inner { position: static; } /* banner user/photo */ .banner-user { float: left; overflow: hidden; width: 64px; margin: 0 15px 0 0; border: 0; padding: 0; text-align: center; } .banner-user-photo { display: block; margin: 0 0 2px 0; border: 0; padding: 0; background-position: center center; background-repeat: no-repeat; text-decoration: none !important; } .banner-user-photo img { width: 64px; height: auto; margin: 0; border: 0; padding: 0; } /* content */ .content-nav { margin: 10px; text-align: center; } .date-header, .entry-content { position: static; clear: both; } .entry, .trackbacks, .comments, .archive { position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 20px; } .entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed { clear: both; } .entry-excerpt, .entry-body, .entry-more-link, .entry-more { clear: both; } .entry-footer, .trackback-footer, .comment-footer, .comments-open-footer, .archive-content { clear: both; margin: 5px 10px 20px 10px; } .comments-open label { display: block; } #comment-author, #comment-email, #comment-url, #comment-text { width: 240px; } #comment-bake-cookie { margin-left: 0; vertical-align: middle; } .comments-open-header { clear: both; } #comment-post { font-weight: bold; } img.image-full { width: 100%; } .image-thumbnail { float: left; width: 115px; margin: 0 10px 10px 0; } .image-thumbnail img { width: 115px; height: 115px; margin: 0 0 2px 0; } /* modules */ .module { position: relative; overflow: hidden; width: 100%; } .module-content { position: relative; margin: 5px 10px 20px 10px; } .module-list, .archive-list { margin: 0; padding: 0; list-style: none; } .module-list-item { margin-top: 5px; margin-bottom: 5px; } .module-presence img { vertical-align: middle; } .module-powered .module-content { margin-bottom: 10px; } .module-photo .module-content { text-align: center; } .module-wishlist .module-content { text-align: center; } .module-calendar .module-content table { border-collapse: collapse; } .module-calendar .module-content th, .module-calendar .module-content td { width: 14%; text-align: center; } .typelist-thumbnailed { margin: 0 0 20px 0; } .typelist-thumbnailed .module-list-item { display: block; clear: both; margin: 0; } /* positioniseverything.net/easyclearing.html */ .typelist-thumbnailed .module-list-item:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .typelist-thumbnailed .module-list-item { display: inline-block; } /* no ie mac \*/ * html .typelist-thumbnailed .module-list-item { height: 1%; } .typelist-thumbnailed .module-list-item { display: block; } /* */ .typelist-thumbnail { float: left; min-width: 60px; width: 60px; /* no ie mac \*/width: auto;/* */ margin: 0 5px 0 0; text-align: center; vertical-align: middle; } .typelist-thumbnail img { margin: 5px; } .module-galleries .typelist-thumbnail img { width: 50px; } .typelist-description { margin: 0; padding: 5px; } .module-featured-photo .module-content, .module-photo .module-content { margin: 0; } .module-featured-photo img { width: 100%; } .module-recent-photos { margin: 0 0 15px 0; } .module-recent-photos .module-content { margin: 0; } .module-recent-photos .module-list { display: block; height: 1%; margin: 0; border: 0; padding: 0; list-style: none; } /* positioniseverything.net/easyclearing.html */ .module-recent-photos .module-list:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .module-recent-photos .module-list { display: inline-block; } /* no ie mac \*/ * html .module-recent-photos .module-list { height: 1%; } .module-recent-photos .module-list { display: block; } /* */ .module-recent-photos .module-list-item { display: block; float: left; /* ie win fix \*/ height: 1%; /**/ margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item a { display: block; margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item img { width: 60px; height: 60px; margin: 0; padding: 0; } /* mmt calendar */ .module-mmt-calendar { margin-bottom: 15px; } .module-mmt-calendar .module-content { margin: 0; } .module-mmt-calendar .module-header { margin: 0; } .module-mmt-calendar .module-header a { text-decoration: none; } .module-mmt-calendar table { width: 100%; } .module-mmt-calendar th { text-align: left; } .module-mmt-calendar td { width: 14%; height: 75px; text-align: left; vertical-align: top; } .day-photo { width: 54px; height: 54px; } .day-photo a { display: block; } .day-photo a img { width: 50px; height: 50px; } /* Vicksburg II (theme-vicksburg.css) */ /* basic page elements */ body { font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; font-size: 12px; } a { color: #666666; text-decoration: underline; } a:hover { color: #66cc33; } #banner a { color: #fff; text-decoration: none; } #banner a:hover { color: #fff; } .module-content a { color: #666666; } .module-content a:hover { color: #66cc33; } h1, h2, h3, h4, h5, h6 { font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; } .module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: x-small; border-bottom: 1px dashed #999999; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; letter-spacing: .3em; } .module-header a, .module-header a:hover, .trackbacks-header a, .trackbacks-header a:hover, .comments-header a, .comments-header a:hover, .comments-open-header a, .comments-open-header a:hover .archive-header a, .archive-header a:hover { color: #fff; } .entry-more-link, .entry-footer, .comment-footer, .trackback-footer, .typelist-thumbnailed { font-size: 11px; } .commenter-profile img { vertical-align: middle; } /* page layout */ body { min-width: 720px; color: #333; background: #FFFFFF; } #container { width: 720px; margin-bottom: 20px; background: #fff; } #container-inner { border-width: 0 5px 5px 5px; border-style: solid; border-color: #FFFFFF; } #banner { width: 710px; /* necessary for ie win */ background: #66cc33; } #banner-inner { padding: 15px 13px; border-width: 0px 0px 0 0px; border-style: solid; border-color: #fff; } .banner-user { width: 70px; margin-top: 5px; font-size: 10px; } .banner-user-photo { border: 1px solid #fff; } #banner-header { margin: 0; color: #fff; font-size: 30px; font-weight: bold; line-height: 1; text-shadow: #666666 0 2px 3px; } #banner-description { margin-top: 5px; margin-bottom: 0; color: #fff; background: none; font-size: 12px; line-height: 1.125; text-shadow: #666666 0 1px 2px; } #alpha { margin: 15px 15px 0 15px; width: 480px; } #beta { width: 200px; background: #e6ecf2; } #gamma, #delta { width: 180px; background: #dddddd; } #beta-inner, #gamma-inner, #delta-inner { padding: 10px 10px 0 10px; border-width: 0px 0px 0px 0; border-style: solid; border-color: #fff; } .date-header { margin-top: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; } .entry-header { margin-top: 0; border-left: 5px solid #66CC33; padding: 0 0 0 10px; color: #000000; font-size: 18px; font-weight: bold; } .entry-content, .comment-content, .trackback-content { margin: 0; line-height: 1.5; } .entry-tags { margin: 0 0 10px 10px; } .entry-tags-header, .entry-tags-list, .entry-tag { display: inline; } .entry-tags-list { list-style:none; padding: 0px; } .entry-footer, .comment-footer, .trackback-footer { margin: 0 0 20px 0; border-top: 1px solid #DDDDDD; padding-top: 3px; color: #666; font-size: 10px; text-align: right; } .comment-content, .trackback-content, .comment-footer, .trackback-footer { margin-left: 10px; } .content-nav { margin-top: 0; } #trackbacks-info { margin: 10px 0; border: 1px dashed #66cc33; padding: 0 10px; color: #292e33; font-size: 11px; text-align: center; background: #dddddd; } .comments-open-footer { margin: 10px 0; } /* modules */ .module { margin: 0 0 10px 0; border-bottom: 1px solid #f3f6f9; background: #DDDDDD; } .module-content { margin: 0 0 10px 0; padding: 10px 10px 0 10px; font-size: 10px; line-height: 1.2; } .module-search input { font-size: 10px; } .module-search #search { width: 100px; } .module-mmt-calendar .module-content table, .module-calendar .module-content table { font-size: 10px; } .module-powered { border-width: 0; } .module-powered .module-content { margin-bottom: 0; border: 1px dashed #66cc33; padding-bottom: 10px; color: #292e33; background: #fff; } .module-photo { background: none; } .module-photo img { border: solid 1px #fff; } .module-list { margin: 0 15px 10px 15px; list-style: disc; } .module-list .module-list { margin: 5px 0 0 0; padding-left: 15px; list-style: circle; } .module-list-item { margin-top: 0; color: #666; line-height: 1.2; } .typelist-thumbnailed .module-list { margin: 0 0 10px 0; list-style: none; } .typelist-thumbnailed .module-list-item { margin: 1px 0; padding: 0; background: #f3f6f9; } .typelist-thumbnail { background: #fff; } .module-photo img { border: 1px solid #fff; } .module-featured-photo { width: 398px; } .module-featured-photo .module-content { margin: 0; border-width: 0; padding: 0; } .module-featured-photo img { width: 398px; } .module-recent-photos .module-content { padding: 10px 0 0 19px; } .module-recent-photos .module-list { margin: 0; } .module-recent-photos .module-list-item { width: 64px; /* mac ie fix */ margin: 0 10px 10px 0; padding: 0; background: none; } .module-recent-photos .module-list-item a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .module-recent-photos .module-list-item a:hover { border-color: #666666; background: #fff; } .module-tagcloud .module-list {text-align: center; } .module-tagcloud .module-list { list-style: none; } .module-tagcloud .module-list-item { display: inline; } .module-tagcloud li.taglevel1 { font-size: 19px; } .module-tagcloud li.taglevel2 { font-size: 17px; } .module-tagcloud li.taglevel3 { font-size: 15px; } .module-tagcloud li.taglevel4 { font-size: 13px; } .module-tagcloud li.taglevel5 { font-size: 11px; } .module-tagcloud li.taglevel6 { font-size: 9px; } /* calendar tweaks */ .layout-calendar #alpha { width: 260px; } .layout-calendar #beta { width: 420px; } .layout-calendar #gamma, .layout-calendar #delta { width: 190px; } .layout-calendar #gamma-inner, .layout-calendar #delta-inner { border: 0; padding: 0; } .module-mmt-calendar { width: 398px; } .module-mmt-calendar .module-content { margin: 0; border-width: 0; padding: 10px; } .module-mmt-calendar table { width: 378px; background: #66cc33; } .module-mmt-calendar th { color: #fff; border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: bold; } .module-mmt-calendar td { border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: normal; background: #dddddd; } th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 { border-right: none; } .module-mmt-calendar td { height: 70px; } .day-photo { width: 49px; height: 49px; } .day-photo a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .day-photo a:hover { border-color: #666666; background: #fff; } .day-photo a img { width: 45px; height: 45px; } /* artistic tweaks */ .layout-artistic #alpha { width: 260px; } .layout-artistic #beta { width: 420px; } .layout-artistic #gamma, .layout-artistic #delta { width: 190px; } .layout-artistic #gamma-inner, .layout-artistic #delta-inner { border: 0; padding: 0; } /* moblog1 tweaks */ .layout-moblog1 #alpha { margin: 0; width: 180px; background: #dddddd; } .layout-moblog1 #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-moblog1 #beta { margin: 15px 15px 0 15px; width: 320px; background: none; } .layout-moblog1 #beta-inner { padding: 0; border-width: 0; } .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; } /* moblog2 tweaks */ .layout-moblog2 #alpha { margin: 0; width: 86px; background: #dddddd; } .layout-moblog2 #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-moblog2 #beta { margin: 15px 15px 0 15px; width: 260px; background: none; } .layout-moblog2 #beta-inner { padding: 0; border-width: 0; } .layout-moblog2 #delta { width: 154px; } .layout-moblog2 .module-recent-photos { border: 0; background: none; } .layout-moblog2 .module-recent-photos .module-content { padding: 0; border: 0; } .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; } /* timeline tweaks */ .layout-timeline #alpha { width: 260px; } .layout-timeline #beta { width: 420px; } .layout-timeline #gamma, .layout-timeline #delta { width: 190px; } .layout-timeline #gamma-inner, .layout-timeline #delta-inner { border: 0; padding: 0; } /* one-column tweaks */ .layout-one-column body { min-width: 520px; } .layout-one-column #container { width: 520px; } .layout-one-column #banner { width: 510px; } /* necessary for ie win */ /* two-column-left tweaks */ .layout-two-column-left #alpha { margin: 0; width: 200px; background: #dddddd; } .layout-two-column-left #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-two-column-left #beta { margin: 15px 15px 0 15px; width: 480px; background: none; } .layout-two-column-left #beta-inner { padding: 0; border-width: 0; } /* three-column tweaks */ .layout-three-column #alpha { margin: 0; width: 180px; background: #DDDDDD; } .layout-three-column #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-three-column #beta { margin: 15px 15px 0 15px; width: 320px; background: none; } .layout-three-column #beta-inner { padding: 0; border-width: 0; } /* * Preliminary styles added by Jay for Vicksburg II * for review by Luke/Walt and rest of team */ /* All or multiple templates Suppress underlines on linked entry titles */ .entry-header a { text-decoration: none; } /* Suppress the prev/next nav */ .content-nav { margin: 0px; display: none; } /* Search results templates */ .mt-search-results .search-results-header { border: 2px solid #669; background-color: #666666; color: #eee; padding: 5px; } .mt-search-results .search-results-container { margin-left:10px; } .mt-search-results form#search-form { width: 400px; margin: 0px auto 20px auto; } .mt-search-results form#search-form input#search { width: 80%; } .mt-search-results form#search-form p#search-options { text-align:center; } /* Entry tag display */ div.entry-tags { margin:0 0 10px 10px; } ul.entry-tags-list { list-style:none; padding: 0px; } h4.entry-tags-header, ul.entry-tags-list, li.entry-tag { display: inline; } /* Main index styles Suppress date header on main index */ .main-index .date-header { display: none; } /* Comment preview and individual entry Widen the comment form */ form textarea#comment-text { width:400px; } /* All archive templates Informational "where am I?" module at top of sidebar */ .module-welcome p { font-size: 12px; } .module-content p.first { margin-top:0px; } /* Date-based and category archives Archive title banner at top of page, below blog banner */ .master-archive-index #archive-title, .individual-entry-archive #archive-title, .date-based-archive #archive-title, .category-archive #archive-title { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 0; border-left: 10px solid #66cc33; padding: 5px; color: #fff; background: #666666; } /* Experimental comment styles Not currently in use anywhere in default templates For testing only... */ #comments-experimental .comment, #comments-experimental .comment .comment-inner { width:36em; } #comments-experimental .comment { padding: 0px; margin: 10px 15px; background-color:#eef; border:2px solid #bbb; } #comments-experimental .comment .comment-inner { position:relative; margin:-5px 0 0 -3px; background:#f3f3ff; border:1px solid #003; } #comments-experimental .comment:hover .comment-inner { border:1px solid #000; background-color: #fff; } #comments-experimental .comment a { text-decoration: none; border-bottom: 1px dotted #666666; } #comments-experimental .comment:hover a { color: #333; border-bottom: 1px solid #666; } #comments-experimental .comment .comment-footer, #comments-experimental .comment .comment-content { margin-right: 25px; margin-left: 25px; margin-bottom: 15px; } #comments-experimental .comment .comment-header { font-size: 16px; margin: 5px auto 5px 10px; text-shadow: #99A 2px 2px 1px #66F; color: #666; } #comments .comment-header { display: none; } #comments .comment-footer-experimental { display: none; } #comments-experimental .comment-footer { display: none; } でぃべろっぱーず・さいど: コメントの保留

コメントを受け付けました。

コメントを受け付けました。受け付けたコメントは、ブログの管理者の承認のため保留されています。

エントリーのページに戻る