Newer
Older
skip-web / skip.css
@abeseigo@abeseigo-PC abeseigo@abeseigo-PC on 30 Jan 2014 3 KB h1とh2を装飾しました。
/*SKIPのTOPページ*/
body {
	
}

div.fix {
	position:fixed;
	width: 100%;
	border: 2px black solid;
	box-shadow: gray 3px 3px 3px
}

div.main_title{
    text-align:center;
}


div.side_photo_right{
	text-align:right;
	margin-top:2em;
	margin-right:20px;
	margin-left:1em;
	width: 152px;
	float:right;
}


div.menu {
	background:#ffd620;
	color:blue;
	width:11%
	text-align:center;
	border-bottom-style:thin solid;
	padding:2px 2px 2px 2px;
}

div.menu div{
    margin-left:3%;
    float:left;
    background:#ffd620;
    width:16%;
}

div.menu table {
    text-align:center;
    border-collapse: collapse; 
    margin-left: auto; 
    margin-right: auto;
}

div.menu table td {
    width:8em;
    text-align:center;
}

div.menu table td a:hover {
	background:white;
}

div.menu table td a:active {
	background:#ffb820;
	color:#ff5a20;	
}
p.new {
	width:100%;
	text-align:center;
	border-style-bottom:thin solid; 
	color:blue;
}

p.new span {
	background:#ffd620;
	padding:2px 2px 2px 2px;
}

p {
    color:#000047;
    text-align:left;
}

h1.topic {
	width:100%;
	text-align:center;
	border-style-bottom:thin solid; 
	color:blue;
}


h1.topic span {
	background:#ffd620;
	padding:2px 2px 2px 2px;
}

div.topic{
    background:#ffedaa;
    margin:1% 20% 1% 10%;
    padding:5% 5%;
    border:thin soid 
}

div.staff {
	taxt-align: center;
}



/*記事一覧*/
h2.article_list {
	border-color:red;
	border-right-style:none;
	border-left-style:none;
	border-top-style:thick solid;
	border-bottom:thick solid;
}

div.shop_left {
	float: left;
	width:40%
	margin:0 2% 0 8%;
}

div.shop_right {
	float: right;
	width:40%;
	margin:0 2% 0 8%;	
}

/**/

img.shadow, *.shadow img {
	border: white 3px solid; box-shadow: black 3px 3px 3px;
	margin-right: 3px; margin-bottom: 3px;
}

div.side_photo_right img{
    border: 2px yellow solid;
    box-shadow: orange 3px 3px 3px;

}

/*食べ物 取材*/

div.syuzai_pic img{
    border: 2px yellow solid;
    box-shadow: orange 3px 3px 3px; 
}


h2 {background: #0000ff; 
    box-shadow: black 1px 1px 2px; 
    padding: 0 0.5ex;
    border-top-right-radius: 2ex;
    border-bottom-right-radius: 2ex;
    margin-right: 80%;
    color:black;}
    
h3 {background: #ffd620;
    box-shadow: black 1px 1px 2px;
    padding: 0 0.5ex;
    border-top-right-radius: 2ex;
    border-bottom-right-radius: 2ex;
    margin-right: 90%;
    color:black;}





/*スタッフ ブログ*/

div.staff img{
    border: 1px blue solid;
    box-shadow: green 2px 2px 2px;
    margin-right: 8px;
}

/*酒田シティーハーフマラソン*/

div.map{
    margin-right:30px;
    margin-left:30px;
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
    border:thin solid;
   # fillter:alpha(opacity=50);
   # -moz-opacity:0.5;
   # opacity:0.5;
}

div.mara p{text-align: left}

div.monologue {
  background: white; box-shadow: black 1px 1px 2px; padding: 1 1ex;
  border-radius: 4ex;
  border-top-left-radius: 0ex;
  margin-left: 130px;
  margin-top: 20px;
}

div.monologue p{text-align: left}

div.img {
  background: url(kamonkun01_migi.png) no-repeat;
  text-align: left;
}