|
|
(3 intermediate revisions by the same user not shown) |
Line 9: |
Line 9: |
| #content { padding:0px; width:100%; margin-top:0px; margin-left:0px; background-color: #F1F1F1; text-align: center} | | #content { padding:0px; width:100%; margin-top:0px; margin-left:0px; background-color: #F1F1F1; text-align: center} |
| | | |
− | </style> | + | </style> |
− | <link rel='stylesheet' id='-slimwriter-style-css' href='http://www.azirquantum.net.cn/wp-content/themes/slimwriter/static/css/SHSBNU2017_style.css?ver=4.8.1' type='text/css' media='all' /> | + | <link rel='stylesheet' id='-slimwriter-style-css' href='http://www.azirquantum.net.cn/wp-content/themes/slimwriter/static/css/SHSBNU2017_style.css?ver=4.8.1' type='text/css' media='all' /> |
− | <style type="text/css" media="screen"> | + | <style type="text/css" media="screen"> |
− | html { margin-top: 32px !important; }
| + | html { margin-top: 32px !important; } |
− | * html body { margin-top: 32px !important; }
| + | * html body { margin-top: 32px !important; } |
− | @media screen and ( max-width: 782px ) {
| + | @media screen and ( max-width: 782px ) { |
| html { margin-top: 46px !important; } | | html { margin-top: 46px !important; } |
− | * html body { margin-top: 46px !important; }
| + | * html body { margin-top: 46px !important; } |
− | }
| + | } |
− | a {
| + | a { |
− | opacity: 1;
| + | opacity: 1; |
− | }
| + | } |
| | | |
− | .scanlines {
| + | .scanlines { |
− | position: absolute;
| + | position: absolute; |
− | top: 0px;
| + | top: 0px; |
− | left: 0px;
| + | left: 0px; |
− | width: 100%;
| + | width: 100%; |
− | height: 100%;
| + | height: 100%; |
− | z-index: 2;
| + | z-index: 2;) |
− | background: url('https://static.igem.org/mediawiki/2014/d/d0/Bnu_tile.png');
| + | } |
− | }
| + | </style> |
− | </style>
| + | |
− | | + | |
− | <script>
| + | |
− | function Background_fitting(){
| + | |
− | screen_ratio = document.body.clientWidth/document.body.clientHeight | + | |
− | picture_ratio = 600/360
| + | |
− | if (screen_ratio>picture_ratio)
| + | |
− | {
| + | |
− | ph=document.body.clientWidth/picture_ratio
| + | |
− | document.getElementById("background_picture").style.width=document.body.clientWidth
| + | |
− | document.getElementById("background_picture").style.height=ph
| + | |
− | document.getElementById("background_picture").style.top=document.body.clientHeight-ph
| + | |
− | }
| + | |
− | else if (screen_ratio=pirture_ratio)
| + | |
− | {
| + | |
− | document.getElementById("background_picture").style.width=document.body.clientWidth
| + | |
− | document.getElementById("background_picture").style.height=document.body.clientHeight
| + | |
− | }
| + | |
− | else
| + | |
− | {
| + | |
− | pw=document.body.clienHeighth*picture_ratio
| + | |
− | document.getElementById("background_picture").style.width=document.body.clientHeight
| + | |
− | document.getElementById("background_picture").style.height=pw
| + | |
− | document.getElementById("background_picture").style.top=document.body.clientWidth-pw
| + | |
− | }
| + | |
− | } | + | |
− | | + | |
− | window.onload = Background_fitting;
| + | |
− | window.onresize = Background_fitting;
| + | |
− | </script> | + | |
| | | |
| </head> | | </head> |
| | | |
| <body class="home blog logged-in admin-bar no-customize-support" > | | <body class="home blog logged-in admin-bar no-customize-support" > |
− |
| |
− | <script>
| |
− | function Background_fitting(){
| |
− | screen_ratio = document.body.clientWidth/document.body.clientHeight
| |
− | picture_ratio = 600/360
| |
− | if (screen_ratio>picture_ratio)
| |
− | {
| |
− | ph=document.body.clientWidth/picture_ratio
| |
− | document.getElementById("background_picture").style.width=document.body.clientWidth
| |
− | document.getElementById("background_picture").style.height=ph
| |
− | document.getElementById("background_picture").style.top=document.body.clientHeight-ph
| |
− | }
| |
− | else if (screen_ratio=pirture_ratio)
| |
− | {
| |
− | document.getElementById("background_picture").style.width=document.body.clientWidth
| |
− | document.getElementById("background_picture").style.height=document.body.clientHeight
| |
− | }
| |
− | else
| |
− | {
| |
− | pw=document.body.clienHeighth*picture_ratio
| |
− | document.getElementById("background_picture").style.width=document.body.clientHeight
| |
− | document.getElementById("background_picture").style.height=pw
| |
− | document.getElementById("background_picture").style.top=document.body.clientWidth-pw
| |
− | }
| |
− | }
| |
− |
| |
− | window.onload = Background_fitting;
| |
− | window.onresize = Background_fitting;
| |
− | </script>
| |
− |
| |
| <div style="overflow: hidden; z-index: -1; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; "> | | <div style="overflow: hidden; z-index: -1; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; "> |
| <img id="background_picture" src="http://www.azirquantum.net.cn/wp-content/themes/slimwriter/static/css/testing_picture.jpg" style="position: fixed; display: block; left: 0px; top: 0px;"> | | <img id="background_picture" src="http://www.azirquantum.net.cn/wp-content/themes/slimwriter/static/css/testing_picture.jpg" style="position: fixed; display: block; left: 0px; top: 0px;"> |
Line 105: |
Line 45: |
| | | |
| <div id="nav"> | | <div id="nav"> |
− | <nav class = "main" style = "font-size:20px; text-align: center;" > | + | <nav class = "main" style = "font-size:16px; text-align: center;" > |
| <a href="https://2017.igem.org/Team:SHSBNU_China/Project" style = "opacity: 1;">Project</a> | | <a href="https://2017.igem.org/Team:SHSBNU_China/Project" style = "opacity: 1;">Project</a> |
| <a> | </a> | | <a> | </a> |
Line 132: |
Line 72: |
| --> | | --> |
| | | |
− | <div id="branding"> | + | <div> |
− | <a id="logo" href="https://2017.igem.org/Team:SHSBNU_China"><img src="http://www.azirquantum.net.cn/wp-content/themes/slimwriter/static/css/Home_GIF1.gif" /></a>
| + | |
| </div> | | </div> |
| | | |
Line 143: |
Line 82: |
| | | |
| <div class="entry-footer"> | | <div class="entry-footer"> |
| + | <P style = "font-family:arial;color:#5C5C5C;font-size:10px; text-align: center">iGEM 2017</P> |
| + | <P style = "font-family:arial;color:#5C5C5C;font-size:10px; text-align: center">Made by Azir.</P> |
| + | <p style = "font-family:arial;color:#5C5C5C;font-size:10px; text-align: center">The Second High School Attached Beijing Normal University International Division </p> |
| </div> | | </div> |
| | | |