Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "utf-8";
- /* CSSリセット */
- html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
- pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
- strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
- caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
- figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
- audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
- vertical-align:baseline;background:transparent;font-weight:normal;}
- body{line-height:1}article,aside,details,figcaption,figure,
- footer,header,hgroup,menu,nav,section{display:block}
- ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
- blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
- font-size:100%;vertical-align:baseline;background:transparent}
- del{text-decoration:line-through}abbr[title],dfn[title]
- {border-bottom:1px dotted;cursor:help}
- table{border-collapse:collapse;border-spacing:0}
- hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
- margin:1em 0;padding:0}input,select{vertical-align:middle}
- /*一般・共通設定*/
- body{
- background: #ebe6d3 url(images/bg.jpg) repeat-x;
- font:16px/20px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
- color: #666;
- }
- a{ color: #69c;}
- a:hover{color:#069;}
- #wrapper{
- width: 960px;
- margin: 0 auto;
- }
- #projects h1, #about h1{
- font-size: 125%;
- border-left: 5px #d95483 solid;
- padding-left: 10px;
- margin-bottom: 15px;
- }
- /*ヘッダー*/
- header .logo{float: left;}
- nav{
- float: right;
- margin-top:35px;
- font-size: 125%;
- }
- nav li{
- display: inline;
- margin-left: 30px;
- }
- nav a{
- color: #666;
- text-decoration: none;
- }
- nav a:hover{color: #69c;}
- header{
- margin: 50px 0 15px;
- overflow: hidden;
- }
- /*メインエリア*/
- #hero{
- background: url(images/shadow.jpg) no-repeat center 400px;
- margin-bottom: 70px;
- }
- #hero img{border: 5px #fff solid;}
- #hero p{
- font-size: 167%;
- text-align: center;
- margin-top: 30px;
- }
- /*最新の作品*/
- #projects{
- width: 670px;
- float: left;
- margin-right: 30px;
- }
- #projects li{
- float: left;
- margin: 0 20px 20px 0
- }
- #projects img{border: 5px #fff solid;}
- #projects img:hover{border: 5px #69c solid;}
- #projects ul{
- overflow: hidden;
- margin-right: -20px;
- }
- /*自己紹介*/
- #about{
- width: 260px;
- float: left;
- }
- /*フッター*/
- footer:before{
- content: "";
- display: table;
- clear: both;
- }
- footer p{
- background: #69c;
- width: 200px;
- margin: 50px auto 20px;
- padding: 5px;
- text-align: center;
- font-size: 75%;
- }
- footer p small{
- color: #fff;
- border: 1px #fff solid;
- padding: 10px;
- display: block;
- }
- footer a{color: #fff}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement