SLMaMe Blog TEMPLETE:スラッシュ（グリーン）

S	M	T	W	T	F	S
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

2007年10月30日

スラッシュ（グリーン）

さわやかなグリーンのシンプルなブログテンプレートです。
以下のテンプレートを用意しています。[続きを読む]をクリックするとテンプレートが表示されます。
[横幅固定3カラム][横幅固定2カラム]

【スラッシュグリーン（横幅固定3カラム）】

＜デザインの適用手順＞
1.管理画面からブログの設定＞テンプレートをクリック
2.テンプレートを追加（またはテンプレートを再選択）し、「3カラム　シンプルグレイ」を選択します。
3.表から編集[カスタマイズ]をクリック
4.スタイルシートのテキストエリアに表示されてる文字を消して、代わりに下のボックス内の文字を全てコピーし、上書きします。
5.登録ボタンを押す
6.表から「このテンプレートを使う」をクリックして、完了です。

スタイルシート：

@charset "UTF-8";

/*simple_slash_green 3colomn:fixed*/

* {
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	text-decoration:none;
	font-size: 100%;
}
img {
	vertical-align:bottom;
}

textarea,select,input {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
}

body{
	background-image:url(http://img01.slmame.com/usr/tomoyo/sla-g_bg.gif);
	background-repeat:repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
	background-color:#FFFFFF;
font-size: 90%;_font-size: 80%;
}

ul.rss{
	width												:100%;
	text-align									:center;
}

ul.rss li	{
	border-right								:#999 1px solid;
	display											:inline;
	font-size										:12px;
	font-style									:normal;
	font-weight									:bold;
	letter-spacing							:0.2px;
	margin-right								:0.3em;
	padding-right								:0.5em;
	padding-left								:0.2em;
}

ul.rss a:link		{
	color												:#333333;
	text-decoration							:none;
}

ul.rss a:visited	{
	color												:#333333;
	text-decoration							:none;
}

ul.rss a:hover		{
	color												:#999999;
	text-decoration							:none;
}

ul.rss a:active	{
	color												:#333333;
	text-decoration							:none;
}

a					{color:#6898C4;text-decoration:underline;}
a:link				{color:#6898C4;text-decoration:underline;}
a:visited			{color:#184773;text-decoration:underline;}
a:active			{color:#184773;text-decoration:none;}
a:hover				{color:#FFFFFF;text-decoration:none; background-color:#78CECA;}

a.acalendar			{color:#6898C4;text-decoration:underline;}
a.acalendar:link	{color:#6898C4;text-decoration:underline;}
a.acalendar:visited	{color:#184773;text-decoration:underline;}
a.acalendar:active	{color:#184773;text-decoration:none;}
a.acalendar:hover	{color:#FFFFFF;text-decoration:none; background-color:#78CECA;}

a.acontinues		{color:#6898C4;text-decoration:underline;}
a.acontinues:link	{color:#6898C4;text-decoration:underline;}
a.acontinues:visited{color:#184773;text-decoration:underline;}
a.acontinues:active	{color:#184773;text-decoration:none;}
a.acontinues:hover	{color:#FFFFFF;text-decoration:none; background-color:#78CECA;}

a.amenu				{color:#6898C4;text-decoration:underline;}
a.amenu:link		{color:#6898C4;text-decoration:underline;}
a.amenu:visited		{color:#184773;text-decoration:underline;}
a.amenu:active		{color:#184773;text-decoration:none;}
a.amenu:hover		{color:#FFFFFF;text-decoration:none; background-color:#78CECA;}

.header_scroll{/*ヘッダ広告*/
background: #ffffff url(/img/bg_head.gif) repeat-x;
background-position:bottom;
text-decoration:none;
color:#333333;
font-size:12px;
margin:0px;
letter-spacing:2px;
padding:0px 0px 3px 5px;
}

.header_scroll a:link		{
font-size: 12px;
color: #333333;
letter-spacing:2px;
text-decoration:none;
}

.header_scroll a:visited	{
font-size: 12px;
color: #333333;
letter-spacing:2px;
text-decoration:none;
}

.header_scroll a:hover		{
font-size: 12px;
color: #333333;
letter-spacing:2px;
}

.header_scroll a:active		{
font-size: 12px;
color: #333333;
letter-spacing:2px;
text-decoration:none;
}

#container{
	width:950px;
	background-color:#ffffff;
    position:center;
	border-right:1px solid #CCCCCC;
}

#banner,#subbanner{
	padding:24px;
	}

#banner a			{color:#6898C4;text-decoration:none;}
#banner a:link		{color:#6898C4;text-decoration:none;}
#banner a:visited	{color:#6898C4;text-decoration:none;}
#banner a:active	{color:#6898C4;text-decoration:underline;}
#banner a:hover		{color:#FFFFFF;text-decoration:none; background-color:#78CECA;}

#subbanner a		{color:#6898C4;text-decoration:none;}
#subbanner a:link	{color:#6898C4;text-decoration:none;}
#subbanner a:visited{color:#6898C4;text-decoration:none;}
#subbanner a:active	{color:#6898C4;text-decoration:underline;}
#subbanner a:hover	{color:#FFFFFF;text-decoration:none; background-color:#78CECA;}

.blogtitle{
	font-size:150%;
	font-weight	:bold;
	letter-spacing:2px;
}

.description{
	color:#6898C4;
	letter-spacing:2px;
}

#content{
	width:526px;
	padding-right:6px;
	float:right;
	background-color:#ffffff;
}

#links{
	width:220px;
	float:left;
	background-color:#ffffff;
	overflow:hidden;
	padding-left:6px;
}
#links2{
	width:180px;
	float:right;
	background-color:#ffffff;
	overflow:hidden;
	padding-right:6px;
}

#footer{
	clear:both;
	background-image:url(http://img01.slmame.com/usr/tomoyo/sla-g_foot.gif);
	background-repeat:repeat-x;
	height:81px;
}

#copyright{
	font-weight:bold;
	text-align:center;
	font-size:80%;
	color:#999999;
	padding-top:12px;
}

.blog{
}

.date{
	background-image:url(http://img01.slmame.com/usr/tomoyo/sla-g_cont_line.gif);
	padding-top:12px;
	background-repeat:no-repeat;
	font-size:90%;
	letter-spacing:2px;
	padding-left:12px;
	font-weight:normal;
}

.blogbody{
	background	:#fff;
	padding-bottom:36px;
}

.title{
	font-weight	:bold;
	padding-bottom:12px;
	padding-top:6px;
	padding-left:12px;
	font-size:110%;
}

.main{
	color:#000;
	padding-left:24px;
	padding-right:24px;
	overflow:auto;
    line-height:135%;
}

.main img{
	margin:5px;
	border:1px solid #969696;
}

.main-continues{
	text-align:right;
	margin-top:6px;
}

.posted{
	font-size:90%;
	text-align:right;
	border-top:1px solid #969696;
	padding-bottom:12px;
	padding-right:12px;
}

a.aposted											{color:#6898C4;text-decoration:underline;font-weight:bold;font-size										:10px;}
a.aposted:link								{color:#6898C4;text-decoration:underline;font-weight:bold;}
a.aposted:visited							{color:#6898C4;text-decoration:underline;font-weight:bold;}
a.aposted:active							{color:#6898C4;text-decoration:none;font-weight:bold;}
a.aposted:hover								{color:#fff;text-decoration:none;font-weight:bold;}

.menu{
	color												:#000;
	text-align									:right;
}

.comments-head{
	color:#000;
	font-weight	:bold;
	padding-left:12px;
}

.comments-body{
	line-height	:135%;
	padding:12px;
}

.comments-post{
	text-align									:right;
	padding-right:12px;
	margin-bottom:24px;
}

.trackback-url{
	color												:#691815;
	font-weight									:bold;
	margin											:20px 0px 15px 13px;
}

.trackback-body{
	line-height									:135%;
	margin											:20px 0px 15px 13px;
}

.trackback-post{
	color												:#000;
	text-align									:right;
	margin											:0px 0px 25px 0px;
	font-weight									:bold;
}

a.atrackback-post							{color:#6898C4;text-decoration:underline;font-weight:bold;}
a.atrackback-post:link				{color:#6898C4;text-decoration:underline;font-weight:bold;}
a.atrackback-post:visited			{color:#6898C4;text-decoration:underline;font-weight:bold;}
a.atrackback-post:active			{color:#6898C4;text-decoration:none;font-weight:bold;}
a.atrackback-post:hover				{color:#fff;text-decoration:none;font-weight:bold;}

table.form {
	margin-left:24px;
	}
table.form td {
	padding:3px;
	}
label{
	font-size:90%;
	font-weight	:bold;
}

#author{
	width:200px;
	border:1px solid #484848;
}
#email{
	width:200px;
	border:1px solid #484848;
}
#url{
	width:200px;
	border:1px solid #484848;
}
#text{ 
	width:400px;
	height:200px;
	border:1px solid #484848;
}
.pagetop{
	text-align:right;
	margin-bottom:24px;
	margin-right:12px;
}
	.calendarhead{
	 	color:#333;
	    font-weight:bold;
		letter-spacing:2px;
		text-align:center;
		padding:3px;
	}
	.calendartable{
		width:200px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;	
	}
	.calendarweek{
		color:#fff;
		font-weight: bold;
		font-size:90%;
	}
	.calendarwd{
		background-color:#78CECA; 
		color:#333;
        font-weight:bold;
		padding:2px;
		font-size:90%;
	}
	.calendard{
    	empty-cells:show;
		text-align: center;
		font-size:90%;
    }
	.calender{
		font-size:90%;
		background-image:url(http://img01.slmame.com/usr/tomoyo/sla-g_nav_line.gif);
		background-repeat:no-repeat;
		padding-top:9px;
		text-align:center;
		margin-bottom:24px;
	}

.sidetitle{
	color:#666666;
	letter-spacing:2px;
	font-weight:bold;
	margin-bottom:6px;
	padding-top:12px;
	background-image:url(http://img01.slmame.com/usr/tomoyo/sla-g_nav_line.gif);
	background-repeat:no-repeat;
	padding-bottom:6px;
}

.side{
	padding-left:12px;
	padding-bottom:18px;
}

a.aside			{color:#6898C4;text-decoration:underline;}
a.aside:link	{color:#6898C4;text-decoration:underline;}
a.aside:visited	{color:#184773;text-decoration:underline;}
a.aside:active	{color:#184773;text-decoration:none;}
a.aside:hover	{color:#FFFFFF;text-decoration:none; background-color:#78CECA;}

a.arss			{color:#6898C4;text-decoration:underline;}
a.arss:link		{color:#6898C4;text-decoration:underline;}
a.arss:visited	{color:#6898C4;text-decoration:underline;}
a.arss:active	{color:#6898C4;text-decoration:none;}
a.arss:hover	{color:#fff;text-decoration:none;}

.photo{
	text-align	:center;
}

.nickname{
	color:#2b5695;
	
	font-weight									:bold;
	margin											:10px 0px;
}

.message{
	｝

.quotetable{
}

.quote{
	color												:#000;
	padding											:1px;
}

.blogtimes{
	margin											:0px 0px 16px 0px;
	text-align									:center;
}

.powered{
	text-align									:center;
	margin											:0px 0px 10px 0px;
}

.syndicate{
	text-align									:center;
}
.checkers{
	margin-top:10px;
}

a.adtitle											{font-weight:bold;text-decoration:underline;}
a.adtitle:link								{font-weight:bold;text-decoration:underline;}
a.adtitle:visited							{font-weight:bold;text-decoration:underline;}
a.adtitle:active							{font-weight:bold;text-decoration:underline;}
a.adtitle:hover								{font-weight:bold;text-decoration:underline;}

a.addescription								{color:black;text-decoration:none;}
a.addescription:link					{color:black;text-decoration:none;}
a.addescription:visited				{color:black;text-decoration:none;}
a.addescription:active				{color:black;text-decoration:none;}
a.addescription:hover					{color:black;text-decoration:none;}

a.adurl												{color:#0000FF;text-decoration:none;}
a.adurl:link									{color:#0000FF;text-decoration:none;}
a.adurl:visited								{color:#0000FF;text-decoration:none;}
a.adurl:active								{color:#0000FF;text-decoration:none;}
a.adurl:hover									{color:#0000FF;text-decoration:none;}

a.adld												{text-decoration:underline;}
a.adld:link										{text-decoration:underline;}
a.adld:visited								{text-decoration:underline;}
a.adld:active									{text-decoration:underline;}
a.adld:hover									{text-decoration:underline;}

body.ad{
	background									:#f7p39f;
}

【スラッシュグリーン（横幅固定2カラム）】

＜デザインの適用手順＞
1.管理画面からブログの設定＞テンプレートをクリック
2.テンプレートを追加（またはテンプレートを再選択）し、「シンプルグレイ」を選択します。
3.表から編集[カスタマイズ]をクリック
4.スタイルシートのテキストエリアに表示されてる文字を消して、代わりに下のボックス内の文字を全てコピーし、上書きします。
5.登録ボタンを押す
6.表から「このテンプレートを使う」をクリックして、完了です。

スタイルシート：

@charset "UTF-8";

/*simple_slash_green 2colomn:fixed*/