Template:Team:HokkaidoU Japan/header/css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
body{background:#fff}#globalWrapper{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#content{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#bodyContent{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#p-logo{display:none}#footer-box{display:none}#catlinks{display:none}.firstHeading{display:none}html{overflow-y:scroll}body{font-size:14px;font-family:Arial}body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:0;margin:0;padding:0}ul{list-style:none}#top-section{position:fixed;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;z-index:100}#open-wiki-menu{display:block;width:75px;margin:15px;padding:5px;text-align:center;border:1px solid #000;border-radius:5px}#wiki-menu{display:none;position:relative;width:120px;margin:15px;padding:15px;border:1px solid #000;border-radius:10px}#wiki-menu h2{line-height:20px;font-size:16px;border:0}#wiki-menu h2:first-child{padding-top:0}#menubar{position:static;width:90px;overflow-x:hidden;margin:0;padding:0;background:#fff;font-size:12px}#menubar li{display:block;margin:0;padding:0;text-align:left}#menubar li a{color:#000;background:inherit}#menubar.left-menu li:last-child{display:none}#close-wiki-menu{display:block;position:absolute;bottom:15px;right:15px}.mega-menu ul{padding:0;margin:0}.mega-menu ul li ul{display:none}.mega-menu .sub{display:none}.mega-menu .sub ul{display:block}ul.mega-menu{width:469px;height:40px;margin:0;padding:0;border:0;list-style:none}ul.mega-menu li{float:left;margin:0;padding:0;font-size:13px;list-style:none}ul.mega-menu li a{float:left;display:block;color:#000;padding:0 20px;line-height:40px;text-decoration:none}ul.mega-menu li a.dc-mega{position:relative}ul.mega-menu li a .dc-mega-icon{display:block;position:absolute;width:8px;height:6px;top:18px;right:15px}ul.mega-menu li.mega-hover a,.white ul.mega-menu li a:hover{background-position:100% -40px;color:#000;text-shadow:none}ul.mega-menu li.mega-hover a .dc-mega-icon{background-position:0 100%}ul.mega-menu li .sub-container{position:absolute}ul.mega-menu li .sub{background:url(images/bg_sub.png) no-repeat 100% 100%;padding:20px 20px 20px 10px}ul.mega-menu li .sub-container.mega .sub{padding:20px 20px 10px 0}ul.mega-menu li .sub .row{width:100%;overflow:hidden;clear:both}ul.mega-menu li .sub li{list-style:none;float:none;width:170px;font-size:1em;font-weight:normal}ul.mega-menu li .sub li.mega-hdr{margin:0 5px 10px;float:left}ul.mega-menu li .sub a{background:0;border:0;text-shadow:none;color:#111;padding:7px 10px;display:block;float:none;text-decoration:none;font-size:.9em}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a{padding:5px 5px 5px 15px;margin-bottom:5px;background:#e3e3e3 url(images/bg_mega_hdr.png) no-repeat 0 0;text-transform:uppercase;font-weight:bold;color:#000;text-shadow:1px 1px 1px #fff}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover{color:#a32403;text-shadow:none}ul.mega-menu .sub li.mega-hdr li a{padding:4px 5px 4px 20px;background:url(images/arrow_off.png) no-repeat 5px 8px;font-weight:normal}ul.mega-menu .sub li.mega-hdr li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 5px 8px}ul.mega-menu .sub ul li{padding-right:0}ul.mega-menu li .sub-container.non-mega .sub{padding:20px 20px 20px 0;background:#fff}ul.mega-menu li .sub-container.non-mega li{padding:0;width:190px;margin:0}ul.mega-menu li .sub-container.non-mega li a{padding:7px 5px 7px 22px;background:url(images/arrow_off.png) no-repeat 7px 10px}ul.mega-menu li .sub-container.non-mega li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 7px 10px}#background{position:absolute;top:0;width:100%;margin:0;padding:0}#wrapper{width:960px;margin:0 auto 0}#header{position:relative;width:100%;height:130px;background:#cf6f65}#header #top-header-logo{position:absolute;top:25px;left:465px}#header #top-header-team{position:absolute;top:65px;left:407px;color:#000;font-size:24px}#header #header-menu-container{position:absolute;bottom:0;left:0;width:100%;height:40px}#header #header-menu-container #header-menu{margin:0 auto}#header #header-menu-container #header-menu>li>a{color:#fff;font-size:16px}#header #header-menu-container #header-menu>li ul li a{color:#000;font-size:14px}#header #header-menu-container #header-menu .sub-container{width:100%}#header #header-menu-container #header-menu .sub-container .sub{padding:10px 0 0}#header #header-menu-container #header-menu .sub-container .sub .row{margin:0 auto;background:#fff}#hokkaidou-contents{width:880px;margin:0 auto}#hokkaidou-contents .top-title{margin:40px 0 0;text-align:center;font-size:64px;line-height:80px}#hokkaidou-contents .top-subtitle{margin:20px 0 0;text-align:center;font-size:40px;line-height:52px}#hokkaidou-contents .top-title-img{display:block;height:250px;margin:40px auto}#hokkaidou-contents .tile-container{width:100%;margin:80px 0 0}#hokkaidou-contents .tile-container .tile{width:100%;height:225px}#hokkaidou-contents .tile-container .tile .tile-left{float:left;position:relative;width:544px;height:100%}#hokkaidou-contents .tile-container .tile .tile-left .tile-title{position:absolute;top:76px;width:100%;text-align:center;font-size:56px;font-weight:normal}#hokkaidou-contents .tile-container .tile .tile-left .tile-left-linkgroup{position:absolute;top:145px;width:100%;text-align:center;font-size:24px;color:#000}#hokkaidou-contents .tile-container .tile .tile-right{float:right;width:336px;height:100%}#maestro-tile-container .tile:nth-child(1) .tile-left{background:#f1f9eb}#maestro-tile-container .tile:nth-child(1) .tile-right{background:#dde4d8}#maestro-tile-container .tile:nth-child(2) .tile-left{background:#dff1d1}#maestro-tile-container .tile:nth-child(2) .tile-right{background:#cdddc0}#maestro-tile-container .tile:nth-child(3) .tile-left{background:#cce8b6}#maestro-tile-container .tile:nth-child(3) .tile-right{background:#bbd5a7}#maestro-tile-container .tile:nth-child(4) .tile-left{background:#bae09d}#maestro-tile-container .tile:nth-child(4) .tile-right{background:#aed293}
+
body{background:#fff}#globalWrapper{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#content{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#bodyContent{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#p-logo{display:none}#footer-box{display:none}#catlinks{display:none}.firstHeading{display:none}html{overflow-y:scroll}body{font-size:14px;font-family:Arial}body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:0;margin:0;padding:0}ul{list-style:none}#top-section{position:fixed;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;z-index:100}#open-wiki-menu{display:block;width:75px;margin:15px;padding:5px;text-align:center;border:1px solid #000;border-radius:5px}#wiki-menu{display:none;position:relative;width:120px;margin:15px;padding:15px;border:1px solid #000;border-radius:10px}#wiki-menu h2{line-height:20px;font-size:16px;border:0}#wiki-menu h2:first-child{padding-top:0}#menubar{position:static;width:90px;overflow-x:hidden;margin:0;padding:0;background:#fff;font-size:12px}#menubar li{display:block;margin:0;padding:0;text-align:left}#menubar li a{color:#000;background:inherit}#menubar.left-menu li:last-child{display:none}#close-wiki-menu{display:block;position:absolute;bottom:15px;right:15px}.mega-menu ul{padding:0;margin:0}.mega-menu ul li ul{display:none}.mega-menu .sub{display:none}.mega-menu .sub ul{display:block}ul.mega-menu{width:469px;height:40px;margin:0;padding:0;border:0;list-style:none}ul.mega-menu li{float:left;margin:0;padding:0;font-size:13px;list-style:none}ul.mega-menu li a{float:left;display:block;color:#000;padding:0 20px;line-height:40px;text-decoration:none}ul.mega-menu li a.dc-mega{position:relative}ul.mega-menu li a .dc-mega-icon{display:block;position:absolute;width:8px;height:6px;top:18px;right:15px}ul.mega-menu li.mega-hover a,.white ul.mega-menu li a:hover{background-position:100% -40px;color:#000;text-shadow:none}ul.mega-menu li.mega-hover a .dc-mega-icon{background-position:0 100%}ul.mega-menu li .sub-container{position:absolute}ul.mega-menu li .sub{background:url(images/bg_sub.png) no-repeat 100% 100%;padding:20px 20px 20px 10px}ul.mega-menu li .sub-container.mega .sub{padding:20px 20px 10px 0}ul.mega-menu li .sub .row{width:100%;overflow:hidden;clear:both}ul.mega-menu li .sub li{list-style:none;float:none;width:170px;font-size:1em;font-weight:normal}ul.mega-menu li .sub li.mega-hdr{margin:0 5px 10px;float:left}ul.mega-menu li .sub a{background:0;border:0;text-shadow:none;color:#111;padding:7px 10px;display:block;float:none;text-decoration:none;font-size:.9em}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a{padding:5px 5px 5px 15px;margin-bottom:5px;background:#e3e3e3 url(images/bg_mega_hdr.png) no-repeat 0 0;text-transform:uppercase;font-weight:bold;color:#000;text-shadow:1px 1px 1px #fff}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover{color:#a32403;text-shadow:none}ul.mega-menu .sub li.mega-hdr li a{padding:4px 5px 4px 20px;background:url(images/arrow_off.png) no-repeat 5px 8px;font-weight:normal}ul.mega-menu .sub li.mega-hdr li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 5px 8px}ul.mega-menu .sub ul li{padding-right:0}ul.mega-menu li .sub-container.non-mega .sub{padding:20px 20px 20px 0;background:#fff}ul.mega-menu li .sub-container.non-mega li{padding:0;width:190px;margin:0}ul.mega-menu li .sub-container.non-mega li a{padding:7px 5px 7px 22px;background:url(images/arrow_off.png) no-repeat 7px 10px}ul.mega-menu li .sub-container.non-mega li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 7px 10px}#background{position:absolute;top:0;width:100%;margin:0;padding:0}#wrapper{width:960px;margin:0 auto 0}#header{position:relative;width:100%;height:130px;background:#cf6f65}#header #top-header-logo{position:absolute;top:25px;left:465px}#header #top-header-team{position:absolute;top:65px;left:407px;color:#000;font-size:24px;font-family:'Maven Pro',sans-serif}#header #header-menu-container{position:absolute;bottom:0;left:0;width:100%;height:40px}#header #header-menu-container #header-menu{margin:0 auto}#header #header-menu-container #header-menu>li>a{color:#fff;font-size:16px;font-family:'Maven Pro',sans-serif}#header #header-menu-container #header-menu>li ul li a{color:#000;font-size:14px;font-family:'Maven Pro',sans-serif}#header #header-menu-container #header-menu .sub-container{width:100%}#header #header-menu-container #header-menu .sub-container .sub{padding:10px 0 0}#header #header-menu-container #header-menu .sub-container .sub .row{margin:0 auto;background:#fff}#hokkaidou-contents{width:880px;margin:0 auto;font-family:'Maven Pro',sans-serif}#hokkaidou-contents .top-title{margin:40px 0 0;text-align:center;font-size:64px;line-height:80px}#hokkaidou-contents .top-subtitle{margin:20px 0 0;text-align:center;font-size:40px;line-height:52px}#hokkaidou-contents .top-title-img{display:block;height:250px;margin:40px auto}#hokkaidou-contents .tile-container{width:100%;margin:80px 0 0}#hokkaidou-contents .tile-container+.top-title{margin-top:80px}#hokkaidou-contents .tile-container .tile{width:100%;height:225px}#hokkaidou-contents .tile-container .tile .tile-left{float:left;position:relative;width:544px;height:100%}#hokkaidou-contents .tile-container .tile .tile-left .tile-title{position:absolute;top:76px;width:100%;text-align:center;font-size:56px;font-weight:normal}#hokkaidou-contents .tile-container .tile .tile-left .tile-left-linkgroup{position:absolute;top:145px;width:100%;text-align:center;font-size:24px;color:#000}#hokkaidou-contents .tile-container .tile .tile-right{float:right;width:336px;height:100%}#maestro-tile-container .tile:nth-child(1) .tile-left{background:#f1f9eb}#maestro-tile-container .tile:nth-child(1) .tile-right{background:#dde4d8}#maestro-tile-container .tile:nth-child(2) .tile-left{background:#dff1d1}#maestro-tile-container .tile:nth-child(2) .tile-right{background:#cdddc0}#maestro-tile-container .tile:nth-child(3) .tile-left{background:#cce8b6}#maestro-tile-container .tile:nth-child(3) .tile-right{background:#bbd5a7}#maestro-tile-container .tile:nth-child(4) .tile-left{background:#bae09d}#maestro-tile-container .tile:nth-child(4) .tile-right{background:#aed293}#human-practice-tile-container .tile:nth-child(1) .tile-left{background:#ebf9f6}#human-practice-tile-container .tile:nth-child(1) .tile-right{background:#d8e4e2}#human-practice-tile-container .tile:nth-child(2) .tile-left{background:#d2f1eb}#human-practice-tile-container .tile:nth-child(2) .tile-right{background:#c1ddd8}

Revision as of 03:19, 21 September 2013

body{background:#fff}#globalWrapper{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#content{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#bodyContent{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#p-logo{display:none}#footer-box{display:none}#catlinks{display:none}.firstHeading{display:none}html{overflow-y:scroll}body{font-size:14px;font-family:Arial}body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:0;margin:0;padding:0}ul{list-style:none}#top-section{position:fixed;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;z-index:100}#open-wiki-menu{display:block;width:75px;margin:15px;padding:5px;text-align:center;border:1px solid #000;border-radius:5px}#wiki-menu{display:none;position:relative;width:120px;margin:15px;padding:15px;border:1px solid #000;border-radius:10px}#wiki-menu h2{line-height:20px;font-size:16px;border:0}#wiki-menu h2:first-child{padding-top:0}#menubar{position:static;width:90px;overflow-x:hidden;margin:0;padding:0;background:#fff;font-size:12px}#menubar li{display:block;margin:0;padding:0;text-align:left}#menubar li a{color:#000;background:inherit}#menubar.left-menu li:last-child{display:none}#close-wiki-menu{display:block;position:absolute;bottom:15px;right:15px}.mega-menu ul{padding:0;margin:0}.mega-menu ul li ul{display:none}.mega-menu .sub{display:none}.mega-menu .sub ul{display:block}ul.mega-menu{width:469px;height:40px;margin:0;padding:0;border:0;list-style:none}ul.mega-menu li{float:left;margin:0;padding:0;font-size:13px;list-style:none}ul.mega-menu li a{float:left;display:block;color:#000;padding:0 20px;line-height:40px;text-decoration:none}ul.mega-menu li a.dc-mega{position:relative}ul.mega-menu li a .dc-mega-icon{display:block;position:absolute;width:8px;height:6px;top:18px;right:15px}ul.mega-menu li.mega-hover a,.white ul.mega-menu li a:hover{background-position:100% -40px;color:#000;text-shadow:none}ul.mega-menu li.mega-hover a .dc-mega-icon{background-position:0 100%}ul.mega-menu li .sub-container{position:absolute}ul.mega-menu li .sub{background:url(images/bg_sub.png) no-repeat 100% 100%;padding:20px 20px 20px 10px}ul.mega-menu li .sub-container.mega .sub{padding:20px 20px 10px 0}ul.mega-menu li .sub .row{width:100%;overflow:hidden;clear:both}ul.mega-menu li .sub li{list-style:none;float:none;width:170px;font-size:1em;font-weight:normal}ul.mega-menu li .sub li.mega-hdr{margin:0 5px 10px;float:left}ul.mega-menu li .sub a{background:0;border:0;text-shadow:none;color:#111;padding:7px 10px;display:block;float:none;text-decoration:none;font-size:.9em}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a{padding:5px 5px 5px 15px;margin-bottom:5px;background:#e3e3e3 url(images/bg_mega_hdr.png) no-repeat 0 0;text-transform:uppercase;font-weight:bold;color:#000;text-shadow:1px 1px 1px #fff}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover{color:#a32403;text-shadow:none}ul.mega-menu .sub li.mega-hdr li a{padding:4px 5px 4px 20px;background:url(images/arrow_off.png) no-repeat 5px 8px;font-weight:normal}ul.mega-menu .sub li.mega-hdr li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 5px 8px}ul.mega-menu .sub ul li{padding-right:0}ul.mega-menu li .sub-container.non-mega .sub{padding:20px 20px 20px 0;background:#fff}ul.mega-menu li .sub-container.non-mega li{padding:0;width:190px;margin:0}ul.mega-menu li .sub-container.non-mega li a{padding:7px 5px 7px 22px;background:url(images/arrow_off.png) no-repeat 7px 10px}ul.mega-menu li .sub-container.non-mega li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 7px 10px}#background{position:absolute;top:0;width:100%;margin:0;padding:0}#wrapper{width:960px;margin:0 auto 0}#header{position:relative;width:100%;height:130px;background:#cf6f65}#header #top-header-logo{position:absolute;top:25px;left:465px}#header #top-header-team{position:absolute;top:65px;left:407px;color:#000;font-size:24px;font-family:'Maven Pro',sans-serif}#header #header-menu-container{position:absolute;bottom:0;left:0;width:100%;height:40px}#header #header-menu-container #header-menu{margin:0 auto}#header #header-menu-container #header-menu>li>a{color:#fff;font-size:16px;font-family:'Maven Pro',sans-serif}#header #header-menu-container #header-menu>li ul li a{color:#000;font-size:14px;font-family:'Maven Pro',sans-serif}#header #header-menu-container #header-menu .sub-container{width:100%}#header #header-menu-container #header-menu .sub-container .sub{padding:10px 0 0}#header #header-menu-container #header-menu .sub-container .sub .row{margin:0 auto;background:#fff}#hokkaidou-contents{width:880px;margin:0 auto;font-family:'Maven Pro',sans-serif}#hokkaidou-contents .top-title{margin:40px 0 0;text-align:center;font-size:64px;line-height:80px}#hokkaidou-contents .top-subtitle{margin:20px 0 0;text-align:center;font-size:40px;line-height:52px}#hokkaidou-contents .top-title-img{display:block;height:250px;margin:40px auto}#hokkaidou-contents .tile-container{width:100%;margin:80px 0 0}#hokkaidou-contents .tile-container+.top-title{margin-top:80px}#hokkaidou-contents .tile-container .tile{width:100%;height:225px}#hokkaidou-contents .tile-container .tile .tile-left{float:left;position:relative;width:544px;height:100%}#hokkaidou-contents .tile-container .tile .tile-left .tile-title{position:absolute;top:76px;width:100%;text-align:center;font-size:56px;font-weight:normal}#hokkaidou-contents .tile-container .tile .tile-left .tile-left-linkgroup{position:absolute;top:145px;width:100%;text-align:center;font-size:24px;color:#000}#hokkaidou-contents .tile-container .tile .tile-right{float:right;width:336px;height:100%}#maestro-tile-container .tile:nth-child(1) .tile-left{background:#f1f9eb}#maestro-tile-container .tile:nth-child(1) .tile-right{background:#dde4d8}#maestro-tile-container .tile:nth-child(2) .tile-left{background:#dff1d1}#maestro-tile-container .tile:nth-child(2) .tile-right{background:#cdddc0}#maestro-tile-container .tile:nth-child(3) .tile-left{background:#cce8b6}#maestro-tile-container .tile:nth-child(3) .tile-right{background:#bbd5a7}#maestro-tile-container .tile:nth-child(4) .tile-left{background:#bae09d}#maestro-tile-container .tile:nth-child(4) .tile-right{background:#aed293}#human-practice-tile-container .tile:nth-child(1) .tile-left{background:#ebf9f6}#human-practice-tile-container .tile:nth-child(1) .tile-right{background:#d8e4e2}#human-practice-tile-container .tile:nth-child(2) .tile-left{background:#d2f1eb}#human-practice-tile-container .tile:nth-child(2) .tile-right{background:#c1ddd8}