Difference between revisions of "Team:ATOMS-Turkiye"
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | {{ATOMS-Turkiye}} | + | {{ATOMS-Turkiye/Test}} |
<html> | <html> | ||
+ | <div id="page-wrapper"> | ||
+ | <script> $('#content').attr('style', 'width:100% !important');</script> | ||
+ | <style type="text/css"> | ||
+ | <!-- MAIN STYLE --> | ||
+ | <style type="text/css"> | ||
+ | @media (max-width: 1100px) { | ||
+ | #globalWrapper #content.mw-body{ | ||
+ | width:100% !important; | ||
+ | } | ||
+ | } | ||
+ | body{ | ||
+ | background-color:rgb(255,0,0); | ||
+ | text-align:center; | ||
+ | } | ||
+ | table{ | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | .topWikiNavBackground { | ||
+ | height:18px; | ||
+ | margin-top: -32px; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | .headerimage { | ||
+ | position: relative; | ||
+ | top:40px; | ||
+ | margin: auto; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin-top: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | #content { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/2/25/ATOMS-Turkiye_mainPage_back.png); | ||
+ | position: fixed; | ||
+ | } | ||
+ | li { | ||
+ | margin:0px; | ||
+ | } | ||
− | + | .firstHeading { | |
+ | display: none; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | body{ | |
+ | /*background-color:#D8D8D8;*/ | ||
+ | background-color:oldlace; | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | #header { | ||
+ | width:950px; | ||
+ | margin: auto; | ||
+ | } | ||
+ | #global-wrapper { | ||
+ | padding-top: 100px; | ||
+ | width: 960px; | ||
+ | text-align: left; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | #wiki-navigation { | ||
+ | font-size: 8pt; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | body{ | ||
+ | |||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #navigation ul li { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #arma { | ||
+ | height: 74%; | ||
+ | margin: auto; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | top: 13%; | ||
+ | position: absolute; | ||
+ | } | ||
+ | #title { | ||
+ | margin: auto; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | top: -30px; | ||
+ | position: absolute; | ||
+ | height: 25%; | ||
+ | } | ||
+ | div#logo, div#footer{ | ||
+ | display:none; | ||
+ | } | ||
+ | #gloabalWrapper{ | ||
+ | position:fixed !important; | ||
+ | bottom:-25px; | ||
+ | } | ||
+ | div#header{ | ||
+ | width:600px; | ||
+ | margin:auto; | ||
+ | left:0px; | ||
+ | right:0px; | ||
+ | } | ||
+ | div#externals { | ||
+ | right: 0px; | ||
+ | position: absolute; | ||
+ | top: 52px; | ||
+ | } | ||
+ | #headerWrapper { | ||
+ | position: fixed !important; | ||
+ | bottom: -30px !important; | ||
+ | opacity: 0.5; | ||
+ | -webkit-transition: all .2s linear; | ||
+ | -moz-transition: all .2s linear; | ||
+ | -o-transition: all .2s linear; | ||
+ | transition: all .2s linear; | ||
+ | transition-delay:1s; | ||
+ | } | ||
+ | div#headerWrapper:hover { | ||
+ | opacity: 1; | ||
+ | -webkit-transition: all .2s linear; | ||
+ | -moz-transition: all .2s linear; | ||
+ | -o-transition: all .2s linear; | ||
+ | transition: all .2s linear; | ||
+ | bottom: 0px !important; | ||
+ | } | ||
+ | a:hover { | ||
+ | background-color: #104F60 !important; | ||
+ | } | ||
+ | a.active{ | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | ul#project-sub { | ||
+ | padding-right:280px !important; | ||
+ | } | ||
+ | #sub-navigation { | ||
+ | width: 750px; | ||
+ | } | ||
+ | #animate{ | ||
+ | width:100%; | ||
+ | opacity: 1; | ||
+ | position:absolute; | ||
+ | top:-10px; | ||
+ | left:0px; | ||
+ | |||
+ | -webkit-animation: fadein 10s; /* Safari, Chrome and Opera > 12.1 */ | ||
+ | -moz-animation: fadein 10s; /* Firefox < 16 */ | ||
+ | -ms-animation: fadein 10s; /* Internet Explorer */ | ||
+ | -o-animation: fadein 10s; /* Opera < 12.1 */ | ||
+ | animation: fadein 10s; | ||
+ | transition-timing-function:cubic-bezier(1, 0, 1, 0.24); | ||
+ | transition-delay:5s | ||
+ | } | ||
+ | |||
+ | @keyframes fadein { | ||
+ | from { opacity: 0; } | ||
+ | to { opacity: 1; } | ||
+ | } | ||
+ | |||
+ | /* Firefox < 16 */ | ||
+ | @-moz-keyframes fadein { | ||
+ | from { opacity: 0; } | ||
+ | to { opacity: 1; } | ||
+ | } | ||
+ | |||
+ | /* Safari, Chrome and Opera > 12.1 */ | ||
+ | @-webkit-keyframes fadein { | ||
+ | from { opacity: 0; } | ||
+ | to { opacity: 1; } | ||
+ | } | ||
+ | |||
+ | /* Internet Explorer */ | ||
+ | @-ms-keyframes fadein { | ||
+ | from { opacity: 0; } | ||
+ | to { opacity: 1; } | ||
+ | } | ||
+ | |||
+ | /* Opera < 12.1 */ | ||
+ | @-o-keyframes fadein { | ||
+ | from { opacity: 0; } | ||
+ | to { opacity: 1; } | ||
+ | } | ||
+ | </style> | ||
+ | <img id="animate" src="https://static.igem.org/mediawiki/2015/2/24/ATOMS-Turkiye_mainPage_animate.png"> | ||
+ | <img id="title" src="https://static.igem.org/mediawiki/2015/f/fb/ATOMS-Turkiye_Title.png"/> | ||
+ | <img id="arma" src="https://static.igem.org/mediawiki/2015/1/1b/ATOMS-Turkiye_Arma.png"/> | ||
+ | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/shortcut?action=raw&ctype=text/javascript"></script> | ||
</div> | </div> | ||
</html> | </html> |
Latest revision as of 01:43, 19 September 2015