Template:Kyoto/css
From 2013.igem.org
(Difference between revisions)
(88 intermediate revisions not shown) | |||
Line 9: | Line 9: | ||
background-attachment: fixed; | background-attachment: fixed; | ||
overflow-y: scroll; | overflow-y: scroll; | ||
+ | font-family: arial; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-size: 18px; | ||
+ | font-family: arial; | ||
+ | line-height:1.7; | ||
+ | text-indent: 1em; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 25px; | ||
+ | |||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 30px; | ||
+ | line-height: 1.3; | ||
+ | } | ||
+ | |||
+ | /*** material and method***/ | ||
+ | #material ul { | ||
+ | font-size:18px; | ||
+ | } | ||
+ | |||
+ | /*** notebooks ***/ | ||
+ | #notebooks ul{ | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | /*** humanpractice ***/ | ||
+ | #ankeito h3 { | ||
+ | border-bottom: solid 1px #aaa; | ||
+ | font-size: 20px; | ||
} | } | ||
/*** official content ***/ | /*** official content ***/ | ||
Line 59: | Line 93: | ||
margin-top: 5px; | margin-top: 5px; | ||
} | } | ||
- | #kyoto-menu | + | #kyoto-menu ul { |
margin: 0px; | margin: 0px; | ||
} | } | ||
- | #kyoto-menu | + | #kyoto-menu li { |
- | + | ||
float: left; | float: left; | ||
list-style:none; | list-style:none; | ||
} | } | ||
- | #kyoto- | + | #kyoto-menu li a { |
- | + | width: 115px; | |
+ | height: 115px; | ||
+ | display: block; | ||
+ | background-repeat: no-repeat; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2013/a/a4/KyotoMenu.png') | ||
} | } | ||
- | #menu-logo{ | + | |
- | width: auto | + | #menu-project { background-position: 5px 5px; } |
+ | #menu-project:hover { background-position: -215px 5px; } | ||
+ | |||
+ | #menu-mm { background-position: -106px 5px; } | ||
+ | #menu-mm:hover { background-position: -326px 5px; } | ||
+ | |||
+ | #menu-note { background-position: 5px -105px; } | ||
+ | #menu-note:hover { background-position: -215px -105px; } | ||
+ | |||
+ | #menu-safety { background-position: -106px -105px; } | ||
+ | #menu-safety:hover { background-position: -326px -105px; } | ||
+ | |||
+ | #menu-hp { background-position: 5px -215px; } | ||
+ | #menu-hp:hover { background-position: -215px -215px; } | ||
+ | |||
+ | #menu-team { background-position: -106px -215px; } | ||
+ | #menu-team:hover { background-position: -326px -215px; } | ||
+ | |||
+ | #menu-achvmnt { background-position: 5px -325px; } | ||
+ | #menu-achvmnt:hover { background-position: -215px -325px; } | ||
+ | |||
+ | #menu-coop { background-position: -106px -325px; } | ||
+ | #menu-coop:hover { background-position: -326px -325px; } | ||
+ | |||
+ | #menu-logo { | ||
+ | width: 150px; | ||
+ | height: 150px; | ||
+ | margin: auto; | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2013/e/ee/Lllllogp.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0px 0px; | ||
+ | } | ||
+ | #menu-logo:hover { | ||
+ | background-position: -150px 0px; | ||
} | } | ||
/*** top: link on-cursor explain box a6e670 ***/ | /*** top: link on-cursor explain box a6e670 ***/ | ||
#projectexplain{ | #projectexplain{ | ||
background-color: #6ec2e6; | background-color: #6ec2e6; | ||
- | border: | + | border: 0px solid #ffffff; |
- | width: | + | width: 740px; |
- | height: | + | height: 416px; |
border-radius: 2px; | border-radius: 2px; | ||
- | margin: | + | margin: -10px 40px 0px 0px; |
- | padding: | + | padding: 0; |
+ | margin-bottom: 6px; | ||
} | } | ||
#humanexplain{ | #humanexplain{ | ||
background-color: #e670a6; | background-color: #e670a6; | ||
- | border: | + | border: 0px solid #ffffff; |
- | width: | + | width: 740px; |
- | height: | + | height: 416px; |
border-radius: 2px; | border-radius: 2px; | ||
- | margin: | + | margin: -10px 40px 0px 0px; |
padding: 0px; | padding: 0px; | ||
+ | margin-bottom: 6px; | ||
} | } | ||
#achievexplain{ | #achievexplain{ | ||
background-color: #e6c43e; | background-color: #e6c43e; | ||
- | border: | + | border: 0px solid #ffffff; |
- | width: | + | width: 740px; |
- | height: | + | height: 416px; |
border-radius: 2px; | border-radius: 2px; | ||
- | margin: | + | margin: -10px 40px 0px 0px; |
padding: 0px; | padding: 0px; | ||
+ | margin-bottom: 6px; | ||
} | } | ||
/*** main contents design except top page ***/ | /*** main contents design except top page ***/ | ||
Line 105: | Line 179: | ||
padding: 20px; | padding: 20px; | ||
padding-top: 15px; | padding-top: 15px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
width: 865px; | width: 865px; | ||
margin-left: 230px; | margin-left: 230px; | ||
Line 118: | Line 184: | ||
} | } | ||
#prezi { | #prezi { | ||
- | + | margin-top: -10px; | |
} | } | ||
/*** home link wrapper ***/ | /*** home link wrapper ***/ | ||
.kyoto-homelink { | .kyoto-homelink { | ||
- | margin: 5px | + | margin: 5px 0px 5px 0px; |
width: 740px; | width: 740px; | ||
padding: 0; | padding: 0; | ||
Line 128: | Line 194: | ||
/*** home link design ***/ | /*** home link design ***/ | ||
.kyoto-homelink-pro { | .kyoto-homelink-pro { | ||
- | margin: 15px 0px 0px | + | margin: 15px 0px 0px 45px; |
border: 0; | border: 0; | ||
padding: 0; | padding: 0; | ||
width: 200px; | width: 200px; | ||
- | height: | + | height: 150px; |
float: left; | float: left; | ||
} | } | ||
Line 140: | Line 206: | ||
padding: 0; | padding: 0; | ||
width: 200px; | width: 200px; | ||
- | height: | + | height: 149px; |
float: left; | float: left; | ||
} | } | ||
Line 148: | Line 214: | ||
padding: 0; | padding: 0; | ||
width: 200px; | width: 200px; | ||
- | height: | + | height: 149px; |
float: left; | float: left; | ||
} | } | ||
Line 168: | Line 234: | ||
padding: 5px; | padding: 5px; | ||
width: 218px; | width: 218px; | ||
+ | height: 135px; | ||
float: left; | float: left; | ||
background-color: transparent; | background-color: transparent; | ||
Line 201: | Line 268: | ||
width: 700px; | width: 700px; | ||
padding: 20px; | padding: 20px; | ||
+ | margin-top: 5px; | ||
} | } | ||
h1 { | h1 { | ||
font-family:Figer+Paint; | font-family:Figer+Paint; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
/*** project link ***/ | /*** project link ***/ | ||
.RNALink{ | .RNALink{ | ||
Line 228: | Line 291: | ||
width: 600px; | width: 600px; | ||
height: 150px; | height: 150px; | ||
+ | } | ||
+ | .turinglogo{ | ||
+ | margin-top: 25px; | ||
} | } | ||
/*** Project Tab ***/ | /*** Project Tab ***/ | ||
Line 238: | Line 304: | ||
} | } | ||
.kyoto-tabs > li{ | .kyoto-tabs > li{ | ||
- | width: | + | width: 110px; |
- | height: | + | height: 60px; |
float: left; | float: left; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
+ | } | ||
+ | .Kyoto-toptab{ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | width: 700px; | ||
+ | height: 100px; | ||
+ | } | ||
+ | .Kyoto-toptab > li{ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 300px; | ||
+ | height: 100px; | ||
+ | float: left; | ||
} | } | ||
- | + | /*** sponsor ***/ | |
+ | .sponsorback{ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 740px; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | .sponsorleft{ | ||
+ | float: left; | ||
+ | width: 553px; | ||
+ | height: 195px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .sponsorkyoto{ | ||
+ | float: left; | ||
+ | height: 195px; | ||
+ | width: 195px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .sponsoridt{ | ||
+ | float: left; | ||
+ | height: 68px; | ||
+ | width: 358px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .sponsormbl{ | ||
+ | float: left; | ||
+ | height: 127px; | ||
+ | width: 358px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .sponsornaist{ | ||
+ | float: left; | ||
+ | height: 195px; | ||
+ | width: 187px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
/*** notebook calender ***/ | /*** notebook calender ***/ | ||
#calender > table { | #calender > table { | ||
Line 282: | Line 403: | ||
#safety > h5{ | #safety > h5{ | ||
margin-left: 5px; | margin-left: 5px; | ||
+ | } | ||
+ | /*** sponsor ***/ | ||
+ | .sponsor-logo img{ | ||
+ | margin: 0; | ||
} | } | ||
</style> | </style> | ||
Line 290: | Line 415: | ||
position: absolute; | position: absolute; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 01:00, 28 September 2013