CSS変更 - 真・女神転生トレーディングカード カードサマナー @wiki | Card Summoner

/***** CSS追加 *****/
/*** 取扱説明書に使用 ***/
/*全体枠赤 */
.waku_r {
	box-shadow: 0px 0px 0px 3px #B8211A;
}
 
/*全体枠青 */
.waku_b {
	box-shadow: 0px 0px 0px 3px #335CA5;
}
 
/* ページタイトル枠 */
.p_waku {
	margin: 0px 0px 0px 10px;
	align-content: center;
	border-radius: 15px 15px 40px 40px / 15px 15px 50px 50px;
	box-shadow: 0px 0px 0px 4px #000000,
	                      inset 0px 2px #D3D5CC,
	                      inset 0px -2px #000000;
}
 
/* ページタイトル1 */
.p_title1 {
	-webkit-text-stroke: 9px #000000;
	text-stroke: 9px #000000;
	paint-order: stroke;
}
 
/* ページタイトル2 */
.p_title2 {
	-webkit-text-stroke: 4px #000000;
	text-stroke: 4px #000000;
	paint-order: stroke;
}
 
/* 縁取り赤（角丸め赤用） */
.h_aka_c {
	font-size: 20px;
	vertical-align: middle;
	-webkit-text-stroke: 4px #B8211A;
	text-stroke: 4px #B8211A;
	paint-order: stroke;
}
 
/* 角丸め赤：左 */
.h_aka_l {
	border-radius: 1em 0em 0em 1em;
	background: #B8211A;
}
 
/* 角丸め赤：右 */
.h_aka_r {
	border-radius: 0em 1em 1em 0em;
	background: #B8211A;
}
 
/* 丸枠赤*/
.waku_aka {
	margin: 5px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 1em;
	border: solid 2px #B8211A;
}
 
/* 丸枠紫*/
.waku_murasaki {
	margin: 5px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 1em;
	border: solid 4px #783079;
}
 
/* 丸枠橙*/
.waku_daidai {
	margin: 5px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 1em;
	border: solid 4px #D4A014;
}
 
/* 角丸め */
.kado_maru {
	border-radius: 1em;
}
 
/* 角丸め弱 */
.kado_maru_s {
	border-radius: 6px 6px 6px 6px;
}
 
/* 角丸め弱青：左 */
.kado_maru_l_ao {
	border-radius: 5px 0px 0px 5px;
	background: #225DB0;
}
 
/* 角丸め弱青：右 */
.kado_maru_r_ao {
	border-radius: 0px 5px 5px 0px;
	background: #225DB0;
}
 
/* 枠緑・角丸め緑：左 */
.h_midori_l {
	border-radius: 1em 0em 0em 1em;
	background: #277329;
	box-shadow: -2px 0px 0px 0px #8EB777,
	                       0px 2px 0px 0px #8EB777,
	                       0px -2px 0px 0px #8EB777;
}
 
/* 枠緑・角丸め緑：中央 */
.h_midori_c {
	border-radius: 0em 0em 0em 0em;
	background: #277329;
	box-shadow: 0px -2px 0px 0px #8EB777,
	                      0px 2px 0px 0px #8EB777;
}
 
/* 枠緑・角丸め緑：右 */
.h_midori_r {
	border-radius: 0em 1em 1em 0em;
	background: #277329;
	box-shadow: 2px 0px 0px 0px #8EB777,
	                      0px 2px 0px 0px #8EB777,
	                      0px -2px 0px 0px #8EB777;
}
 
/* 枠紫・角丸め紫：左 */
.h_murasaki_l {
	border-radius: 1em 0em 0em 1em;
	background: #783079;
	box-shadow: -2px 0px 0px 0px #8783B1,
	                       0px 2px 0px 0px #8783B1,
	                       0px -2px 0px 0px #8783B1;
}
 
/* 枠紫・角丸め紫：中央 */
.h_murasaki_c {
	border-radius: 0em 0em 0em 0em;
	background: #783079;
	box-shadow: 0px -2px 0px 0px #8783B1,
	                      0px 2px 0px 0px #8783B1;
}
 
/* 枠紫・角丸め紫：右 */
.h_murasaki_r {
	border-radius: 0em 1em 1em 0em;
	background: #783079;
	box-shadow: 2px 0px 0px 0px #8783B1,
	                      0px 2px 0px 0px #8783B1,
	                      0px -2px 0px 0px #8783B1;
}
 
/* 枠紺・角丸め紺：左 */
.h_kon_l {
	border-radius: 1em 0em 0em 1em;
	background: #3A377A;
	box-shadow: -2px 0px 0px 0px #575090,
	                       0px 2px 0px 0px #575090,
	                       0px -2px 0px 0px #575090;
}
 
/* 枠紺・角丸め紺：中央 */
.h_kon_c {
	border-radius: 0em 0em 0em 0em;
	background: #3A377A;
	box-shadow: 0px -2px 0px 0px #575090,
	                      0px 2px 0px 0px #575090;
}
 
/* 枠紺・角丸め紺：右 */
.h_kon_r {
	border-radius: 0em 1em 1em 0em;
	background: #3A377A;
	box-shadow: 2px 0px 0px 0px #575090,
	                      0px 2px 0px 0px #575090,
	                      0px -2px 0px 0px #575090;
}
 
/* 縁取り黄 */
.h_yellow {
	-webkit-text-stroke: 4px #DCC333;
	text-stroke: 4px #DCC333;
	paint-order: stroke;
}
 
/* 角丸め橙：右 */
.h_daidai_r{
	border-radius: 0em 1em 1em 0em;
	background: #DCC333;
}
 
/* 字上げ */
.i_up {
	text-indent: -1.0em;
	padding-left: 1.0em;
}
 
/* floatプロパティで段組レイアウト作成 */
.f_left{
	float: left;
}
 
.f_right{
	float: right;
}
 
/* 段組みレイアウト */
.multi_c2 {
	columns: 2;
}