Simplenote でのソースコード表示を装飾するための CSS

WordPress.com のテーマ「Goran」で Simplenote のソースコードを表示させたところ、こんな感じでした。

Simplenote の貼り付けテスト | t demo

続きを読む

[WordPress.com] Google カレンダーのレスポンシブ対応についての考察

googlecalendar01

続きを読む

#2013

[WordPress.com] SlideShare をレスポンシブ対応させる方法についての考察

※ この SlideShare は、レスポンシブ対応されていることを示すためのサンプルであり、SlideShare の内容は、本記事とは関係ありません。

以下のCSSを追加し、

 /* SlideShare のレスポンシブ対応 */
.slideshare-container {
	position: relative;
	padding-bottom: 78%;
	height: 0;
	margin-bottom: 45px;
}

.slideshare-container iframe,
.slideshare-container object,
.slideshare-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, #content embed, #content object, #content iframe, #content video {
	border: 1px solid #eee!important;
	padding: 6px!important;
	background-color: rgba(230,230,230,0.4)!important;
	border-radius: 3px;
}

続きを読む

#2013