STINGER8カスタマイズ～備忘録

STINGER8からCOCOONにテーマを変更する為備忘録としてSTINGER8カスタマイズを下記に記す

CSS編集部抜粋

/*====================*/
/*ヘッダー部           */
/*====================*/
#headbox-bg {
	background: #13acca;
/*	height:70px;*/
}
#header-l {
	float: none;/*指定を初期値に*/
	text-align:center;
} 
/*グローバルメニュー--*/
#st-menubox {
	background: #13acca;/*背景色*/
	border: none;
}
header .smanone ul.menu li{
	width:80px;/* 幅 */
	border: none;
}
header .smanone ul.menu li a{
	color: #fff;/* 文字色 */
}
#st-menuwide{
	display:flex;/*中央寄せ*/
}		
		
/*====================*/		
/*一覧部　　　　　　　　*/		
/*====================*/
/*-- アイキャッチ画像 --*/		
.kanren dt { 		
	width:260px;
}		
.kanren dt img {
	width:240px;
	border:ridge 1px whitesmoke;
	box-sizing: border-box;
}	
/*eyecatch内カテゴリ表示*/
.eyecatch{
	position:relative;
}
.eyecatchlabel {
	position:absolute;
	top:3px;
	left:3px;
	box-sizing:content-box;
	border: 1px solid white;
	border-radius: 5px;
	height:23px;	
	font-size: 12px;	
	color: #fff;	
	background-color: gray;	
  padding: 0px 5px;/*縦横*/		
	opacity: .7;/*透明度*/	
}
	
/*-- 公開日・更新日 --*/		
.blog_info {	
	position:relative; 
	top:10px;
	opacity: .7;/*透明度*/	
}		

.tagst {
	text-decoration: underline;	
}

.tagst :hover{
	color: #b22222
}

/*-- 投稿タイトル --*/		
#contentInner .kanren-t a{	
	position:relative;
	top:10px;
	font-size:19px;	
	color: #0066cc;	
}

#contentInner .kanren-t a:hover {	
	color: #b22222
}

/*-- ページナビ装飾--*/
.st-pagelink .page-numbers{
	box-sizing:content-box;
	border: 1px solid #ccc;
	border-radius: 25px;
  background:white;
  padding:10px;
	font-size:12px;
  min-width:16px;
  height:16px;
	line-height:16px
}
.st-pagelink a{
	color:black;
	background:#fff;
}
.st-pagelink a:hover {
	opacity:1;
  color:#fff;
	font-weight:bold;
  background:#0066cc;
}
.page-numbers.dots{
	border: 1px solid white;
	  font-weight:bold;
}
.st-pagelink .page-numbers.current {
	opacity:1;
  font-weight:bold;
  background:#eee;        
}

/*====================*/		
/*記事部　　　　　　　　*/
/*====================*/
/*タイトルhoverstop--*/
.post .entry-title a:hover{	
	text-decoration: none;
}

/*====================*/		
/*サイドバー部　　　　　*/
/*====================*/
/*nowpost--*/
.blog_info2 p{
	font-size:13px;	
	opacity: .7;/*透明度*/	
}
.kanren-t2 a{	
	font-size:17px;
	font-weight:bold;	
	text-decoration: none;
}	

.newpo dd{
	background:floralwhite;
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

/*====================*/

/*ヘッダー部 */

/*====================*/

#headbox-bg {

background: #13acca;

/* height:70px;*/

}

#header-l {

float: none;/*指定を初期値に*/

text-align:center;

}

/*グローバルメニュー--*/

#st-menubox {

background: #13acca;/*背景色*/

border: none;

}

header .smanone ul.menu li{

width:80px;/* 幅 */

border: none;

}

header .smanone ul.menu li a{

color: #fff;/* 文字色 */

}

#st-menuwide{

display:flex;/*中央寄せ*/

}

/*====================*/

/*一覧部　　　　　　　　*/

/*====================*/

/*-- アイキャッチ画像 --*/

.kanren dt {

width:260px;

}

.kanren dt img {

width:240px;

border:ridge 1px whitesmoke;

box-sizing: border-box;

}

/*eyecatch内カテゴリ表示*/

.eyecatch{

position:relative;

}

.eyecatchlabel {

position:absolute;

top:3px;

left:3px;

box-sizing:content-box;

border: 1px solid white;

border-radius: 5px;

height:23px;

font-size: 12px;

color: #fff;

background-color: gray;

padding: 0px 5px;/*縦横*/

opacity: .7;/*透明度*/

}

/*-- 公開日・更新日 --*/

.blog_info {

position:relative;

top:10px;

opacity: .7;/*透明度*/

}

.tagst {

text-decoration: underline;

}

.tagst :hover{

color: #b22222

}

/*-- 投稿タイトル --*/

#contentInner .kanren-t a{

position:relative;

top:10px;

font-size:19px;

color: #0066cc;

}

#contentInner .kanren-t a:hover {

color: #b22222

}

/*-- ページナビ装飾--*/

.st-pagelink .page-numbers{

box-sizing:content-box;

border: 1px solid #ccc;

border-radius: 25px;

background:white;

padding:10px;

font-size:12px;

min-width:16px;

height:16px;

line-height:16px

}

.st-pagelink a{

color:black;

background:#fff;

}

.st-pagelink a:hover {

opacity:1;

color:#fff;

font-weight:bold;

background:#0066cc;

}

.page-numbers.dots{

border: 1px solid white;

font-weight:bold;

}

.st-pagelink .page-numbers.current {

opacity:1;

font-weight:bold;

background:#eee;

}

/*====================*/

/*記事部　　　　　　　　*/

/*====================*/

/*タイトルhoverstop--*/

.post .entry-title a:hover{

text-decoration: none;

}

/*====================*/

/*サイドバー部　　　　　*/

/*====================*/

/*nowpost--*/

.blog_info2 p{

font-size:13px;

opacity: .7;/*透明度*/

}

.kanren-t2 a{

font-size:17px;

font-weight:bold;

text-decoration: none;

}

.newpo dd{

background:floralwhite;

}