Newer
Older
skip-web / staff / stationery.css
@MURAKAMI Masaki MURAKAMI Masaki on 1 Jul 2014 2 KB 正規版募集ページ
body {
        background-image: url("border-s.png");
	background-color: #ffffff;
	background-attachment: fixed;
	margin-top: 20px;
}

/* -------------------------------------------
div.header {
        position: fixed !important;
	position: absolute;
        height: 30px;
        background: rgba(255,150,75,0.9);
}
--------------------------------------------- */

div.flame {
	   border-left: 15px solid rgba(179,126,46,0.7);
	   border-right: 15px solid rgba(179,126,46,0.7);
	   width: 840px;
	   margin-right: auto;
	   margin-left: auto;
	   position: relative;
	   top: -10px;
	   box-shadow: 7px 7px 10px rgba(125,0,25,0.3);

}

/* --------------------------------------------
div.main {
        background: rgba(179,126,46,0.7);
	width: 780px;
	margin-left:0 auto;
	margin-right:0 auto;
	padding: 2px 20px 2px 20px;
	border-radius: 30px;
}
----------------------------------------------- */

div.inner {
	background: rgba(255,255,255,0.95);
	padding: 2px 30px 30px 30px;
	position: relative;
}

img.kamon {
        float: left;
	margin: 0px 20px 30px 10px;
	transform: rotate(-10deg);	
	border-radius: 30px;
	box-shadow: 3px 3px 5px rgba(125,0,25,0.3);
	opacity: 0.9
      
}

h1 {
	text-align: center;
}

h1 span {
   	font-size: large;
}

div.introduction p {
	color: #ffb910 ;
	text-align: center;
	font-weight: 800;
}
	
div.introduction{
	padding: 10px; 10px, 10px, 10px;
	border-top: 5px dashed #21ffcd;
	border-bottom: 5px dashed #21ffcd;
	box-shadow: 5px 3px 3px rgba(125,0,25,0.3);

}

div.outflame {
        position: relative;

}

div.outflame img {
        position: absolute;
	left: 280px;
	top: -15px;
	z-index: 1;
	opacity: 0.78;
	transform: rotate(-10deg);
	
} 

div.cssstyle {
        clear: both;

}

div.section {
        border: thin solid rgba(255,200,200,0.8);
	position: relative;
	padding: 5px;
	background: white;
	border-bottom-right-radius: 30px;
	box-shadow: 2px 2px rgba(255,210,210,0.8);
}

div.corner{
        width: 25px;
	height: 25px;
	border: thin solid rgba(255,200,200,0.8);
	border-right: none;
	border-bottom: none;
	position: absolute;
	right:0;
	bottom:0;
	z-index: 1;	
	transform: skew(-10deg,-10deg);	
}

li span {
        font-weight: 900;
	color: #00ff72;
}

div.hiddencn {
	border: thin solid rgba(255,200,200,0.9);
	padding: 2px 10px 10px 10px;
	margin-top: 20px;
	position: relative;

}


div.tl-cn {
	background: rgba(255,255,255,0.95);
	border-right: thin solid;
	position: absolute;
	z-index: 1;
	top: -20px;
	left: -20px;
        width: 30px;
	height: 30px;
	transform: rotate(45deg);
	box-shadow: 2px 0px 3px rgba(125,0,25,0.3);


}