|
|
| (36 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - |
| |
| - | <head>
| |
| - | <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
| |
| - | <title>CSS</title>
| |
| - | <style type="text/css">
| |
| - | <!--
| |
| - | p { font-size : 10pt }
| |
| - | pz{ font-size : 30pt; color : red}
| |
| - | -->
| |
| - | .aaa { font-size : 20pt }
| |
| - | @charset "UTF-8";
| |
| - | body {
| |
| - | color: #000;
| |
| - | background:#fff;
| |
| - | }
| |
| - |
| |
| - | body, div, dl, dt, dd, ul, ol, li,
| |
| - | h1, h2, h3, h4, h5, h6, p {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | address, em, strong {
| |
| - | font-style:normal;
| |
| - | font-weight:normal;
| |
| - | }
| |
| - |
| |
| - | li {
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | h1, h2, h3, h4, h5, h6 {
| |
| - | font-size: 100%;
| |
| - | font-weight: normal;
| |
| - | }
| |
| - |
| |
| - | /*フォント*/
| |
| - | body {
| |
| - | font-family : Times New Roman, sans-serif ;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*左右2段組み*/
| |
| - | div#wrapper {
| |
| - | width:950px;
| |
| - | background:url(../images/back.gif) repeat-y #f2f2f2;
| |
| - | margin:10px auto 0;
| |
| - | position:relative;
| |
| - | padding:0 0 50px;
| |
| - | }
| |
| - | div#left_side {
| |
| - | width:170px;
| |
| - | margin:10px 0 0 10px;
| |
| - | float:left;
| |
| - | _display:inline;/*IE6用ハック*/
| |
| - | }
| |
| - | div#main {
| |
| - | width:770px;
| |
| - | float:right;
| |
| - | margin:10px 0 20px;
| |
| - | }
| |
| - |
| |
| - | /*clearfix*/
| |
| - | .clearfix:after {
| |
| - | content:".";
| |
| - | display:block;
| |
| - | height:0;
| |
| - | visibility:hidden;
| |
| - | clear:both;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*カラム*/
| |
| - |
| |
| - | div.col01 {
| |
| - | width:170px;
| |
| - | height:230px;
| |
| - | background:#fff;
| |
| - | margin:0 0 20px 20px;
| |
| - | float:left;
| |
| - | _display:inline;/*IE6用ハック*/
| |
| - | }
| |
| - |
| |
| - | div.col02 {
| |
| - | width:360px;
| |
| - | height:230px;
| |
| - | background:#fff;
| |
| - | margin:0 0 20px 20px;
| |
| - | float:left;
| |
| - | _display:inline;/*IE6用ハック*/
| |
| - | }
| |
| - |
| |
| - | div.col03 {
| |
| - | width:170px;
| |
| - | height:480px;
| |
| - | background:#fff;
| |
| - | margin:0 0 20px 20px;
| |
| - | float:left;
| |
| - | _display:inline;/*IE6用ハック*/
| |
| - | }
| |
| - |
| |
| - | /*カラム内指定*/
| |
| - |
| |
| - | div.col02 div.photo_a {
| |
| - | float:left;
| |
| - | }
| |
| - | div.col02 div.text {
| |
| - | width:170px;
| |
| - | float:right;
| |
| - | }
| |
| - | /*画像トリミング*/
| |
| - | div.photo_a {
| |
| - | width:160px;
| |
| - | height:220px;
| |
| - | margin:4px;
| |
| - | border:1px solid #f99;
| |
| - | overflow:hidden;
| |
| - | position:relative;
| |
| - | z-index:2;
| |
| - | }
| |
| - | div.photo_b {
| |
| - | width:160px;
| |
| - | height:110px;
| |
| - | margin:4px;
| |
| - | border:1px solid #f99;
| |
| - | overflow:hidden;
| |
| - | position:relative;
| |
| - | z-index:2;
| |
| - | }
| |
| - | /*画像位置調整*/
| |
| - | div.photo_a img, div.photo_b img {
| |
| - | position:relative;
| |
| - | left:-4px;
| |
| - | top:-4px;
| |
| - | }
| |
| - | div.col01 h2, div.col02 h2,div.col03 h2{
| |
| - | line-height:2em;
| |
| - | text-align:center;
| |
| - | margin:10px 5px;
| |
| - | background:#f99;
| |
| - | font-size:80%;
| |
| - | font-weight:bold;
| |
| - | color:#666;
| |
| - | }
| |
| - | div.col02 h2 {
| |
| - | margin:5px 5px 10px;
| |
| - | }
| |
| - | div#main p {
| |
| - | font-size:70%;
| |
| - | color:#666;
| |
| - | margin:0 5px;
| |
| - | line-height:2em;
| |
| - | }
| |
| - | div#main p.syousai {
| |
| - | text-align:right;
| |
| - | }
| |
| - | div#main p.syousai a {
| |
| - | color:#ff66bd;
| |
| - | }
| |
| - | div#main p.syousai a:hover {
| |
| - | color:#66e3ff;
| |
| - | }*/
| |
| - |
| |
| - | /*ナビゲーション*/
| |
| - | ul#global_navi {
| |
| - | margin:40px 0 0;
| |
| - | }
| |
| - | ul#global_navi li {
| |
| - | width:170px;
| |
| - | height:40px;
| |
| - | overflow:hidden;
| |
| - | margin:20px 0;
| |
| - | }
| |
| - | ul#global_navi li a {
| |
| - | display:block;
| |
| - | width:170px;
| |
| - | height:40px;
| |
| - | }
| |
| - |
| |
| - | ul#global_navi li a:hover img {
| |
| - | position:relative;
| |
| - | top:-40px;
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | </body>
| |
| - | </html>
| |
| | [[Team:Todai-Tokyo/Files | imgfiles]] | | [[Team:Todai-Tokyo/Files | imgfiles]] |
"
